: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);--paper-a30:rgba(255,253,248,.3);--paper-a35:rgba(255,253,248,.35);--paper-a40:rgba(255,253,248,.4);--brass-a12:rgba(192,138,62,.12);--tide-a14:rgba(24,110,128,.14);--tide-a35:rgba(24,110,128,.35);--deep-a25:rgba(14,58,92,.25);--ok:#6fbf8e;--warn:#e0b15c;--danger:#e27070;--ok-a12:rgba(111,191,142,.12);--danger-a12:rgba(226,112,112,.12);--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);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--fs-hero:32px;--fs-h1:26px;--fs-h2:20px;--fs-body:15px;--fs-small:13px;--fs-mono:12px}
*{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 80px}}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.details-summary-open,details[open] summary .details-summary-collapsed{display:none}details[open] summary .details-summary-open{display:inline}.ui-btn:hover{filter:brightness(1.06)}.ui-btn:focus-visible{outline:2px solid var(--foam);outline-offset:2px}.ui-btn:disabled{cursor:not-allowed}@media (max-width:599px){.hide-mobile{display:none!important}}@media (prefers-reduced-motion:no-preference){.ui-btn{transition:filter .15s var(--ease)}.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 transparent}}}