:root{--paper:#f2f0e8;--surface:#e8e7df;--dial-face:#eae7db;--ink:#242722;--muted:#61655b;--line:#c7c9bc;--brass:#75613b;--accent:#d7eb96;--lume-glow:#d7eb96;--lume-halo:#cde9a052;--lume-aura:#cde9a01c;--accent-ink:#22281a;--night:#232921;--night-ink:#f0f0e3;--night-muted:#c4caba;--overlay:#121711bf;--print-paper:#fff;--print-ink:#000;--font-serif:"Fraunces Variable", Georgia, serif;--font-sans:"Hanken Grotesk Variable", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--gutter:clamp(22px, 4.4vw, 76px);background:var(--paper);color-scheme:light}:root[data-theme=dark],:root:has(body.dark){--paper:#171d18;--surface:#252d25;--dial-face:#101710;--ink:#eceee1;--muted:#b4beaa;--line:#465142;--brass:#c1ba8e;--accent:#d7eb96;--night:#101610;color-scheme:dark}:root{--font-serif:"Fraunces Variable", "Fraunces", Georgia, serif;--font-sans:"Hanken Grotesk Variable", "Hanken Grotesk", system-ui, sans-serif}:root:has(body[data-design-model=vilagora]){--night:#2f3f55}html body,html body.dark{--paper:inherit;--ink:inherit;--line:inherit;--brass:inherit;--card:var(--surface);--panel:var(--surface);--paper-2:var(--surface);--paper-3:var(--surface);--soft:var(--muted);--ink-soft:var(--muted);--brass-deep:var(--brass);--line2:color-mix(in srgb, var(--ink) 6%, transparent);--line-soft:var(--line2);--plate:var(--surface);--dial:var(--dial-face);--lume:color-mix(in srgb, var(--accent-ink) 45%, var(--accent));background:var(--paper);color:var(--ink);font-family:var(--font-sans);padding:0 16px;transition:background-color .2s,color .2s}html body.dark{--lume:var(--lume-glow)}body .card{background:var(--paper);max-width:960px;box-shadow:none;border:0;border-radius:0;padding:18px 8px}body h1{font:450 clamp(26px, 4vw, 38px)/1.14 var(--font-serif);letter-spacing:-.035em;text-wrap:balance;margin-bottom:14px}body :is(.sub,.intro){font:15px/1.7 var(--font-sans);max-width:72ch;color:var(--muted);margin-bottom:24px}body :is(.stage,.machine),body.dark .stage{background:var(--surface);border-color:var(--line);box-shadow:none;border-radius:0}body :is(.route,.time-box,.code-row,.power),body[data-design-model=g-shock] .key{border-radius:0}body :is(.controls,.toolbar){gap:12px;margin-top:22px}body[data-design-model] button,body.dark button.btn{min-height:44px;font:500 13px/1.3 var(--font-sans);color:var(--ink);border:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:10px 14px}body button:is(.primary,.active,.drop),body button.btn:not(.ghost),body.dark button.btn:not(.ghost){background:var(--ink);color:var(--paper);border-color:var(--ink)}body button:enabled:hover{border-color:var(--brass);transform:none}body button:is(.primary,.active,.drop):enabled:hover,body button.btn:not(.ghost):enabled:hover{background:var(--brass);color:var(--paper)}body button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}body button:disabled{opacity:.5;cursor:not-allowed}body .status,body:not([data-design-model=minute-repeater]) .readout,body .hintline{white-space:normal;text-overflow:clip;border-radius:0;line-height:1.6}body .card>:is(.foot,.note){border-top:1px solid var(--line);font:12px/1.75 var(--font-sans);color:var(--muted);margin-top:24px;padding-top:16px}body .legend{line-height:1.6}@media (width<=560px){html body{padding:0 8px}body .card{padding:16px 4px}body[data-design-model] button,body.dark button.btn{padding-inline:10px}body :is(.sub,.intro){font-size:14px}}@media (prefers-reduced-motion:reduce){html body,body button{transition:none}}