:root{--bg: #06131f;--bg-soft: #0c1b2a;--surface: rgba(10, 25, 39, .84);--surface-strong: rgba(14, 33, 52, .96);--surface-hover: rgba(18, 43, 67, .98);--text: #ecf7ff;--muted: #9fb5c9;--accent: #5eead4;--accent-strong: #22d3ee;--accent-soft: rgba(94, 234, 212, .14);--border: rgba(120, 163, 196, .22);--border-strong: rgba(94, 234, 212, .36);--shadow: 0 22px 60px rgba(0, 0, 0, .35);--shadow-hover: 0 28px 72px rgba(5, 13, 20, .48);--max-width: 1180px;color-scheme:dark;font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(34,211,238,.14),transparent 30%),radial-gradient(circle at top right,rgba(94,234,212,.12),transparent 24%),linear-gradient(180deg,#08121d,#06131f 54%,#081823)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{line-height:1.6;position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{background:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%)}body:after{background:radial-gradient(circle at 15% 20%,rgba(34,211,238,.1),transparent 18%),radial-gradient(circle at 85% 12%,rgba(94,234,212,.1),transparent 14%)}a{color:inherit;text-decoration:none}img{max-width:100%}.shell{width:min(calc(100% - 2rem),var(--max-width));margin:0 auto;padding:1.2rem 0 4rem;position:relative;z-index:1}.site-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0 2rem;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.brand{display:inline-flex;gap:.85rem;align-items:center;font-size:.98rem;padding:.7rem .9rem;border:1px solid transparent;border-radius:1rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.brand strong,.brand small{display:block}.brand small{color:var(--muted)}.brand-mark{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.9rem;background:linear-gradient(135deg,#22d3ee3d,#5eead43d),var(--surface-strong);color:var(--accent);font-weight:700;border:1px solid var(--border-strong);box-shadow:inset 0 0 22px #22d3ee14}.site-nav{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.site-nav a{padding:.7rem .95rem;border-radius:999px;color:var(--muted);border:1px solid transparent;transition:color .18s ease,transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.site-nav a.current,.site-nav a:hover{background:#5eead414;color:var(--text);border-color:#5eead43d;box-shadow:inset 0 0 0 1px #22d3ee0d;transform:translateY(-1px)}.page-content{display:grid;gap:1.25rem}.hero,.page-intro,.panel,.card,.auth-card,.comments-card{border:1px solid var(--border);border-radius:1.35rem;background:var(--surface);backdrop-filter:blur(18px);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero,.page-intro{padding:2.35rem}.panel,.card,.auth-card,.comments-card{padding:1.35rem}.hero:before,.page-intro:before,.panel:before,.card:before,.auth-card:before,.comments-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(94,234,212,.08),transparent 42%);opacity:.7;pointer-events:none}.hero h1,.page-intro h1{font-family:Space Grotesk,Segoe UI,sans-serif;font-size:clamp(2rem,5vw,4rem);line-height:.98;margin:.3rem 0 1rem;max-width:12ch;letter-spacing:-.04em}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--accent);font-weight:700;margin:0;font-family:JetBrains Mono,monospace}.lede{font-size:1.06rem;color:var(--muted);max-width:60ch}.hero-actions,.action-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.82rem 1.15rem;border-radius:999px;border:1px solid var(--border);background:#0e2134d1;font-weight:600;color:var(--text);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.button-primary{background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#041018;border-color:#5eead46b;box-shadow:0 10px 24px #22d3ee2e}.button:hover,.button:focus-visible,.brand:hover,.brand:focus-visible{transform:translateY(-2px);border-color:var(--border-strong);background:var(--surface-hover);box-shadow:var(--shadow-hover)}.button-primary:hover,.button-primary:focus-visible{background:linear-gradient(135deg,#7dd3fc,#5eead4);box-shadow:0 14px 28px #22d3ee3d}.section-grid,.split-grid,.content-grid{display:grid;gap:1rem;grid-template-columns:repeat(12,1fr)}.card,.split-grid>*,.content-grid>*{grid-column:span 12}.overview{display:grid;gap:1rem;grid-template-columns:repeat(12,1fr);align-items:start}.overview>*{grid-column:span 12}.overview-copy{color:var(--muted)}.card h2,.panel h2,.auth-card h2,.comments-card h2,article h2{margin-top:0;font-size:1.25rem;letter-spacing:-.02em}.card p,.panel p,article p{color:var(--muted)}.card-meta{color:var(--accent);font-size:.82rem;font-weight:700;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.tag-list{display:flex;gap:.55rem;flex-wrap:wrap}.tag{padding:.45rem .7rem;border-radius:999px;background:#5eead414;border:1px solid rgba(94,234,212,.18);font-size:.86rem;color:#d9f8ff;font-family:JetBrains Mono,monospace}.linked-list,.meta-list,.comment-list{list-style:none;padding:0;margin:0;display:grid;gap:.85rem}.linked-list li,.comment-item{padding:.95rem 1rem;border-radius:1rem;border:1px solid var(--border);background:#0c1c2bb3;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.linked-list li:hover,.comment-item:hover,.card:hover,.panel:hover,.auth-card:hover,.comments-card:hover{transform:translateY(-4px);border-color:var(--border-strong);background:var(--surface-hover);box-shadow:var(--shadow-hover)}.linked-list span,.helper-text,.comment-meta,.status-text{display:block;color:var(--muted);font-size:.92rem}.content-prose{display:grid;gap:1rem}.content-prose :where(h2,h3){font-family:Space Grotesk,Segoe UI,sans-serif;margin-bottom:.3rem;letter-spacing:-.03em}.content-prose :where(code,pre,kbd){font-family:JetBrains Mono,monospace}code{padding:.16rem .38rem;border-radius:.5rem;background:#22d3ee1f;color:#b7f8ff}.content-prose :where(ul,ol){padding-left:1.2rem}.flow-list{margin:0;padding-left:1.25rem;display:grid;gap:.7rem}form{display:grid;gap:.85rem}label{display:grid;gap:.35rem;font-weight:600}input,textarea{width:100%;padding:.8rem .95rem;border-radius:.95rem;border:1px solid var(--border);background:#040f19ad;color:var(--text);font:inherit;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus,textarea:focus{outline:none;border-color:var(--border-strong);box-shadow:0 0 0 4px #22d3ee1f;background:#06131feb}textarea{min-height:8rem;resize:vertical}.card,.linked-list a,.meta-list a{transition:color .18s ease}.card:hover h2,.linked-list li:hover a,.meta-list a:hover{color:#b7f8ff}.card{display:grid;gap:.55rem;min-height:100%}.card:after{content:"↗";position:absolute;top:1rem;right:1rem;width:2rem;height:2rem;display:grid;place-items:center;border-radius:999px;color:var(--accent);background:#5eead414;border:1px solid rgba(94,234,212,.15);opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.card:hover:after{opacity:1;transform:translateY(0)}.hero{display:grid;gap:1rem}.hero,.page-intro{isolation:isolate}.hero>*,.page-intro>*,.panel>*,.card>*,.auth-card>*,.comments-card>*{position:relative;z-index:1}.site-footer{padding:2rem 0 0;color:var(--muted);font-size:.88rem;font-family:JetBrains Mono,monospace}@media(min-width:720px){.section-grid .card{grid-column:span 4}.split-grid>*{grid-column:span 6}.content-grid>:first-child{grid-column:span 8}.content-grid>:last-child{grid-column:span 4}.overview>:first-child{grid-column:span 5}.overview>:last-child{grid-column:span 7}}@media(max-width:719px){.site-header{align-items:flex-start;flex-direction:column;position:static}.hero,.page-intro{padding:1.4rem}.site-nav{width:100%;justify-content:flex-start}.site-nav a{font-size:.94rem}}