:root{color-scheme:dark;--bg:#050712;--card:rgba(255,255,255,.085);--card2:rgba(255,255,255,.14);--line:rgba(255,255,255,.14);--text:#f2f7ff;--muted:#9aa9c2;--brand:#66e3ff;--brand2:#9b7cff;--ok:#34d399;--shadow:0 24px 90px rgba(0,0,0,.38)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 20% 0%,#18213e 0,transparent 34%),linear-gradient(135deg,#050712,#0b1020 65%,#10162b)}
#universe{position:fixed;inset:0;z-index:-3}.aurora{position:fixed;border-radius:999px;filter:blur(40px);opacity:.34;z-index:-2;pointer-events:none}.aurora-a{width:420px;height:420px;top:8%;left:4%;background:#5eead4}.aurora-b{width:520px;height:520px;right:-120px;top:18%;background:#8b5cf6}
.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;width:min(1180px,calc(100% - 28px));margin:14px auto;padding:12px 14px;border:1px solid var(--line);border-radius:22px;background:rgba(8,12,24,.72);backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(0,0,0,.22)}.brand{font-weight:900;color:var(--text);text-decoration:none}.nav-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.nav a,.nav button,.tools a,.tools button{color:var(--text);text-decoration:none;border:1px solid var(--line);background:rgba(255,255,255,.07);padding:9px 12px;border-radius:999px;cursor:pointer}
.hero{width:min(1180px,calc(100% - 28px));margin:32px auto 24px;display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:stretch}.hero>div,.hero-card,.panel,.post-card,.admin-card{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hero>div{border-radius:34px;padding:42px}.eyebrow{margin:0 0 10px;color:var(--brand);font-weight:900;letter-spacing:.16em;text-transform:uppercase;font-size:12px}h1{margin:0 0 16px;font-size:clamp(36px,6vw,72px);line-height:.98}.subtitle{color:var(--muted);font-size:18px;line-height:1.75}.hero-card{border-radius:34px;padding:30px;display:grid;align-content:center}.hero-card span{color:var(--brand)}.hero-card strong{font-size:70px}.searchbar{display:flex;gap:10px;margin-top:22px}.searchbar input,.form input,.form textarea{width:100%;color:var(--text);background:rgba(0,0,0,.24);border:1px solid var(--line);border-radius:16px;padding:13px 14px;outline:none}.searchbar button,.form button{border:0;border-radius:16px;padding:13px 18px;background:linear-gradient(135deg,var(--brand),var(--brand2));font-weight:900;color:#06101a;cursor:pointer}
.layout{width:min(1180px,calc(100% - 28px));margin:0 auto 80px;display:grid;grid-template-columns:1fr 320px;gap:22px}.posts{display:grid;gap:18px}.post-card{border-radius:28px;padding:22px;display:grid;grid-template-columns:150px 1fr;gap:18px;cursor:pointer;transition:.2s transform,.2s border}.post-card:hover{transform:translateY(-3px);border-color:rgba(102,227,255,.5)}.cover{border-radius:22px;min-height:120px;background:linear-gradient(135deg,#66e3ff,#9b7cff)}.post-card h2{margin:4px 0 10px}.post-card p,.panel p{color:var(--muted);line-height:1.7}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px}.chip,.chips button{display:inline-flex;margin:4px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.07);color:var(--text);cursor:pointer}.sidebar{display:grid;align-content:start;gap:18px;position:sticky;top:92px}.panel{border-radius:24px;padding:18px}.panel h3{margin:0 0 12px}.recent a{display:block;color:var(--text);text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.reader{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:50;display:grid;place-items:center;padding:18px}.hidden{display:none}.reader-card{position:relative;width:min(880px,100%);max-height:86vh;overflow:auto;border:1px solid var(--line);border-radius:28px;background:rgba(8,12,24,.94);box-shadow:var(--shadow);padding:34px}.close{position:absolute;right:16px;top:12px;border:0;background:rgba(255,255,255,.1);color:var(--text);border-radius:50%;width:36px;height:36px;font-size:26px;cursor:pointer}article{line-height:1.85}article pre,article code{background:rgba(255,255,255,.09);border-radius:10px;padding:2px 6px}
.admin-wrap{width:min(900px,calc(100% - 28px));margin:34px auto 80px}.admin-card{border-radius:34px;padding:34px}.form{display:grid;gap:15px}.form label{display:grid;gap:8px;color:var(--muted)}.form textarea{resize:vertical}#result{white-space:pre-wrap;color:var(--ok)}
@media(max-width:900px){.hero,.layout{grid-template-columns:1fr}.sidebar{position:static}.post-card{grid-template-columns:1fr}.hero>div{padding:28px}.searchbar{flex-direction:column}.nav{align-items:flex-start;gap:10px;flex-direction:column}.nav-links{width:100%}}@media(max-width:420px){.hero,.layout,.nav,.admin-wrap{width:min(100% - 18px,1180px)}.hero>div,.admin-card{padding:22px}.reader{padding:8px}.reader-card{padding:26px 18px}.aurora{opacity:.18}}
body.low-motion #universe,body.low-motion .aurora,body.low-motion .cursor-glow,body.low-motion .cursor-dot,body.low-motion .click-spark,body.low-motion .cursor-trail,body.low-motion .click-ring{display:none}
.cursor-glow,.cursor-dot{position:fixed;left:0;top:0;pointer-events:none;z-index:9999;opacity:0;transform:translate3d(-50%,-50%,0);transition:opacity .18s ease}
.cursor-glow{width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(102,227,255,.48),rgba(155,124,255,.26) 38%,rgba(52,211,153,.12) 58%,transparent 72%);mix-blend-mode:screen;filter:blur(4px)}
.cursor-dot{width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 0 18px rgba(102,227,255,1),0 0 42px rgba(155,124,255,.95),0 0 70px rgba(52,211,153,.55)}
.click-spark{position:fixed;left:0;top:0;width:8px;height:8px;border-radius:999px;pointer-events:none;z-index:9998;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 0 16px rgba(102,227,255,.9);animation:spark-pop .86s cubic-bezier(.15,.8,.2,1) forwards}
.cursor-trail{position:fixed;left:0;top:0;width:18px;height:18px;border-radius:999px;pointer-events:none;z-index:9997;background:radial-gradient(circle,#fff 0 10%,#66e3ff 22%,#9b7cff 52%,transparent 72%);mix-blend-mode:screen;filter:blur(.2px);animation:trail-fade .78s ease-out forwards}
.click-ring{position:fixed;left:0;top:0;width:18px;height:18px;border:2px solid rgba(102,227,255,.9);border-radius:999px;pointer-events:none;z-index:9996;box-shadow:0 0 28px rgba(155,124,255,.65);animation:ring-pop .72s ease-out forwards}
.fx-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.fx-tilt:hover{box-shadow:0 30px 110px rgba(102,227,255,.16),var(--shadow);border-color:rgba(102,227,255,.68)}
.fx-scan{position:relative;overflow:hidden}.fx-scan:after{content:"";position:absolute;inset:-40% -80%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.72) 49%,rgba(102,227,255,.55) 52%,transparent 60%);transform:translateX(-85%);opacity:0;pointer-events:none}.fx-scan:hover:after{opacity:1;animation:text-scan 1.05s ease forwards}.fx-scan:hover{color:#fff;text-shadow:0 0 18px rgba(102,227,255,.9),0 0 36px rgba(155,124,255,.55)}
@keyframes spark-pop{0%{opacity:1;transform:translate3d(0,0,0) scale(1) rotate(0)}100%{opacity:0;transform:translate3d(var(--dx),var(--dy),0) scale(.12) rotate(240deg)}}
@keyframes trail-fade{0%{opacity:.88;transform:translate3d(-50%,-50%,0) scale(1)}100%{opacity:0;transform:translate3d(calc(-50% + var(--tx)),calc(-50% + var(--ty)),0) scale(.12)}}
@keyframes ring-pop{0%{opacity:1;transform:translate3d(-50%,-50%,0) scale(.45)}100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(5.2)}}
@keyframes text-scan{0%{transform:translateX(-85%) rotate(0)}100%{transform:translateX(85%) rotate(0)}}
@media(pointer:coarse),(max-width:768px){.cursor-glow,.cursor-dot,.click-spark,.cursor-trail,.click-ring{display:none}.fx-tilt{transform:none!important}}