:root{--bg:#0b0c10;--panel:#111317;--text:#e6e6e6;--muted:#9aa4b2;--primary:#5cc8ff;--accent:#a5ff7a;--radius:14px;--max-w:72ch;--shadow:0 6px 30px rgba(0,0,0,.35)}
*{box-sizing:border-box}
html{font-size:16px}
@media (max-width:480px){html{font-size:15px}}
@media (min-width:1200px){html{font-size:17px}}
@media print{html{font-size:12px}}
body{margin:0;background:radial-gradient(1200px 800px at 10% -10%,#162036,transparent),radial-gradient(900px 700px at 110% 10%,#1b1533,transparent),var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.65}
.container{max-width:var(--max-w);margin-inline:auto;padding:clamp(1.25rem,3vw,2rem)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
header.site{padding-top:2.25rem}
header.site .title{font-weight:750;letter-spacing:.2px;font-size:clamp(1.6rem,3.6vw,2.25rem);margin:0 0 .5rem}
main{display:block}
article{padding:clamp(1rem,2.5vw,1.5rem)}
.content{white-space:pre-wrap;word-wrap:break-word}
.content img,.content video{max-width:100%;height:auto;border-radius:10px}
.content a{color:var(--primary);text-decoration-color:rgba(92,200,255,.6)}
.content code{background:rgba(255,255,255,.08);padding:.15em .35em;border-radius:.35em}
footer.site{color:var(--muted);font-size:.9rem;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.06)}
hr.sep{border:none;border-top:1px solid rgba(255,255,255,.08);margin:1.25rem 0}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto}}