:root{--bg:#0b0f14;--panel:#10161e;--line:#1e2a36;--mint:#7dffb0;--amber:#ffbf5e;--dim:#5d6b7a;--text:#c9d4df;--pre:#141c25}
html,body{background:var(--bg);color:var(--text);font-family:'JetBrains Mono',monospace;margin:0}
body{background-image:radial-gradient(ellipse at 20% 0%,#12301f33,transparent 60%),radial-gradient(ellipse at 100% 100%,#3a2a0a22,transparent 50%)}
.scan::after{content:"";pointer-events:none;position:fixed;inset:0;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000038 2px 3px);z-index:50}
.panel{background:var(--panel);border:1px solid var(--line)}
.btn{border:1px solid var(--line);padding:2px 8px;color:var(--text);background:#0d131a;transition:.15s}
.btn:hover{border-color:var(--mint);color:var(--mint)}
.btn.on{background:var(--mint);color:#06110a;border-color:var(--mint)}
.gem h1{font-family:'Newsreader',serif;font-weight:300;font-size:2.4rem;color:var(--amber);margin:.6em 0 .3em;line-height:1.1}
.gem h2{font-size:1.15rem;font-weight:800;color:var(--amber);margin:1.2em 0 .3em}
.gem h3{font-size:.95rem;color:#e7b46a;margin:1em 0 .2em}
.gem p{margin:.25em 0;line-height:1.65;min-height:.8em}
.gem a{color:var(--mint);cursor:pointer}
.gem a:hover{text-decoration:underline}
.gem pre{background:var(--pre);color:#9aa8b6;padding:10px;border-left:2px solid var(--dim);overflow-x:auto;font-size:.8rem;margin:.6em 0}
.gem blockquote{border-left:2px solid var(--amber);padding-left:10px;font-family:'Newsreader',serif;font-style:italic;color:#d9c9a8;margin:.4em 0}
.gem li{list-style:none}.gem li::before{content:"◆ ";color:var(--dim)}
.k{color:#ff7ab6}.s{color:#c3e88d}.c{color:#5d6b7a;font-style:italic}.n{color:#f78c6c}.a{color:var(--amber)}.t{color:#82aaff}
.pulse{animation:p 1.6s infinite}@keyframes p{50%{opacity:.3}}
.fadein{animation:f .35s ease}@keyframes f{from{opacity:0;transform:translateY(4px)}}
input,textarea{background:#080c10;border:1px solid var(--line);color:var(--text);outline:none}
input:focus,textarea:focus{border-color:var(--mint)}