:root{--abyss:#07253e;--deep:#0e3a5c;--tide:#186e80;--foam:#8fc0c9;--brass:#c08a3e;--paper:#fffdf8;--sand:#f6f2e9;--hair:#d7d2c6;--muted:#5a6d7b;--font-display:"Fraunces",Georgia,serif;--font-body:"Noto Sans TC",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--radius:4px;--border:1px solid var(--tide);--ink:var(--paper);--ink-2:var(--foam);--bg:var(--abyss);--bg-2:var(--deep);--grid:rgba(14,58,92,.55);--accent-glow:rgba(192,138,62,.55);--line:var(--tide);--accent:var(--brass);--radius-lg:8px;--shadow:0 1px 0 rgba(143,192,201,.15) inset;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html,body{background:var(--abyss);color:var(--paper);font-family:var(--font-body);margin:0;line-height:1.6}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600;line-height:1.2}.mono{font-family:var(--font-mono);letter-spacing:.06em}a{color:var(--foam)}button,.btn{font:inherit}body{background-color:var(--bg);background-image:linear-gradient(var(--grid)1px,transparent 1px),linear-gradient(90deg,var(--grid)1px,transparent 1px);background-size:32px 32px;background-attachment:fixed}main.page{max-width:720px;margin:0 auto;padding:20px 16px 96px}@media (min-width:900px){main.page{padding:32px 24px 48px}}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){.grow{transition:width .6s var(--ease)}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px rgba(192,138,62,0)}}}