:root{--bg:#050605;--fg:#d9dcd4;--dim:#7d847a;--ir:#cfe3c9;--line:#262a25;--accent:#e8f0e2;--warn:#f0c66b;
  --mono:"SFMono-Regular",Menlo,Consolas,"Noto Sans Mono",monospace;
  --sans:-apple-system,"PingFang TC","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color-scheme:dark}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.6}
a{color:var(--fg)}
h1,h2{font-weight:500;margin:0;text-wrap:balance}
button{font:inherit;color:var(--fg);background:transparent;border:1px solid var(--line);border-radius:4px;padding:.55em 1em;cursor:pointer}
button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
button.primary{background:var(--accent);color:#0a0c09;border-color:var(--accent)}
button[aria-pressed="true"]{border-color:var(--accent);background:#161a15}
.wrap{max-width:720px;margin:0 auto;padding:16px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left))}
.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.dim{color:var(--dim)}