:root{--ink:#0f1412;--ink-2:#2c3330;--ink-soft:#4a524e;--bg:#eef0ec;--bg-alt:#e3e6e0;--card:#eef0ec;--accent:#d63a1f;--accent-text:#b52e16;--accent-2:#d63a1f;--accent-soft:#f6dcd5;--blue:#1f5e8c;--warn:#8f5400;--topo:#8c5a3c;--line:#cdd2cb;--line-strong:#6f7772;--radius:0;--display:"Noto Sans TC", "Bricolage Grotesque", system-ui, sans-serif;--num:"Bricolage Grotesque", "Noto Sans TC", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--label:var(--mono);--serif:var(--display);--sans:"Noto Sans TC", "Bricolage Grotesque", system-ui, sans-serif;--shadow-soft:0 12px 32px #0f14121f}*{box-sizing:border-box}body{font-family:var(--sans);color:var(--ink);background:var(--bg);margin:0;line-height:1.7}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;font-weight:900;line-height:1.15}.label-caps{font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:500}html,body,#root{height:100%}button{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn-outline{border:1px solid var(--ink);min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:8px 20px;font-weight:600}