:root{--font-heading:"Fredoka", sans-serif;--font-body:"Alef", sans-serif;--font-heading-weight:600;--font-body-bold:700;--font-body-scale:1;--radius-card:24px;--radius-pill:999px;--gutter:16px;--column-width:480px;--tap-size:44px}[data-theme]{--card-bg:var(--bg);--card-track:var(--track)}:is([data-mode=light][data-theme],[data-mode=light] [data-theme]){--card-bg:var(--surface-dim)}[data-theme=fire]{--bg:#2b1109;--surface:#4a1d10;--surface-dim:#3d170c;--text:#fff3ea;--muted:#f2c3a8;--accent:#ff6b2c;--accent-2:#ffb547;--on-accent:#2b1109;--track:#6b2c17;--shadow:#00000073;--headline:#ff8a4c}[data-theme=water]{--bg:#0a2540;--surface:#123d63;--surface-dim:#0f3252;--text:#eaf6ff;--muted:#a8d3f0;--accent:#3fb0ea;--accent-2:#9fe0ff;--on-accent:#06203a;--track:#1d4f7a;--shadow:#0006;--headline:#5cc0f0}[data-theme=wind]{--bg:#16222c;--surface:#22323f;--surface-dim:#1c2a35;--text:#eef4f8;--muted:#a9bccb;--accent:#8fb8d6;--accent-2:#cfe3f0;--on-accent:#0f1a22;--track:#33475a;--shadow:#0006;--headline:#8fb8d6}[data-theme=earth]{--bg:#2d291c;--surface:#453c28;--surface-dim:#39321f;--text:#f6f0e1;--muted:#d4c8a6;--accent:#95ba5d;--accent-2:#b98349;--on-accent:#1d2410;--track:#5c5037;--shadow:#0006;--headline:#a3c46c}[data-theme=results]{--bg:#151311;--surface:#211e1b;--surface-dim:#1b1916;--text:#f3eee7;--muted:#b4aa9c;--accent:#f3eee7;--accent-2:#f3eee7;--on-accent:#151311;--track:#3a342d;--border:#3a342d;--shadow:#00000080}:is([data-mode=light][data-theme=fire],[data-mode=light] [data-theme=fire]){--bg:#fff4ec;--surface:#fff;--surface-dim:#fbe3d3;--text:#3a1408;--muted:#8a4a2e;--accent:#c9420f;--accent-2:#f59e3a;--on-accent:#fff;--track:#f2cdb6;--shadow:#78321424;--headline:#c2410c}:is([data-mode=light][data-theme=water],[data-mode=light] [data-theme=water]){--bg:#eef6fc;--surface:#fff;--surface-dim:#d9eaf7;--text:#0b2a44;--muted:#3f6784;--accent:#1a74a8;--accent-2:#7cc4ec;--on-accent:#fff;--track:#c4dcef;--shadow:#143c6424;--headline:#1c6fa3}:is([data-mode=light][data-theme=wind],[data-mode=light] [data-theme=wind]){--bg:#edf3f7;--surface:#fff;--surface-dim:#e1ebf2;--text:#1f2d38;--muted:#566c7e;--accent:#43739a;--accent-2:#a9c9de;--on-accent:#fff;--track:#cfdde8;--shadow:#28466424;--headline:#436f90}:is([data-mode=light][data-theme=earth],[data-mode=light] [data-theme=earth]){--bg:#f5f1e6;--surface:#fff;--surface-dim:#e9e1cc;--text:#2d291c;--muted:#6b5f45;--accent:#557d27;--accent-2:#b98349;--on-accent:#fff;--track:#ddd2b8;--shadow:#3c321424;--headline:#4f7424}:is([data-mode=light][data-theme=results],[data-mode=light] [data-theme=results]){--bg:#f7f3ec;--surface:#fff;--surface-dim:#efe9df;--text:#1e1a16;--muted:#5e554a;--accent:#1e1a16;--accent-2:#1e1a16;--on-accent:#f7f3ec;--track:#e3dbcf;--border:#d6cdbf;--shadow:#3c28141f}*,:before,:after{box-sizing:border-box}html{font-size:calc(100% * var(--font-body-scale));background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;transition:background-color .4s}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:hidden}h1,h2{font-family:var(--font-heading);font-weight:var(--font-heading-weight);margin:0;line-height:1.1}p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.screen{min-height:100dvh;position:relative}.column{width:100%;max-width:var(--column-width);padding-inline:var(--gutter);margin-inline:auto;position:relative}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{border-radius:var(--radius-pill);min-height:56px;font-size:1.0625rem;font-weight:var(--font-body-bold);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:0 24px;transition:transform .15s,opacity .15s;display:inline-flex}.button:active{transform:scale(.97)}.button:disabled{opacity:.55;cursor:progress}.button--accent{background:var(--accent);color:var(--on-accent)}.button--primary{background:var(--text);color:var(--bg)}.button--outline{background:var(--surface);color:var(--text);border:1.5px solid var(--border)}.button--wide{width:100%}.link-button{min-height:var(--tap-size);color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0 12px;font-size:.875rem;text-decoration:underline;display:inline-flex}.theme-toggle{width:var(--tap-size);height:var(--tap-size);border:1.5px solid var(--track);color:var(--text);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.update-banner{z-index:10;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:var(--radius-pill);background:var(--text);max-width:448px;min-height:52px;color:var(--bg);box-shadow:0 8px 24px var(--shadow);font-size:1rem;font-weight:var(--font-body-bold);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;margin-inline:auto;padding:0 20px;display:flex;position:fixed;inset-inline:16px}.update-banner__icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.credit{color:var(--muted);opacity:.85;padding:6px 12px;font-size:.75rem;text-decoration:none}.credit:hover{text-decoration:underline}.footer-links{justify-content:center;align-items:center;display:flex}.footer-links__dot{color:var(--muted);font-size:.75rem}.motif{--motif-1:var(--accent);--motif-2:var(--accent-2);display:block}.motif--mono{--motif-1:currentColor;--motif-2:currentColor}.motif__fill-1{fill:var(--motif-1)}.motif__fill-2{fill:var(--motif-2)}.motif__stroke-1,.motif__stroke-2{fill:none;stroke-width:7px;stroke-linecap:round}.motif__stroke-1{stroke:var(--motif-1)}.motif__stroke-2{stroke:var(--motif-2)}.motif--wind .motif__stroke-1,.motif--wind .motif__stroke-2{stroke-width:6px}.motif--earth .motif__stroke-2{stroke-width:3px}@media (prefers-reduced-motion:no-preference){.motif__inner-flame{transform-origin:50% 92%;animation:2.4s ease-in-out infinite flicker}.motif__wave{animation:5s ease-in-out infinite drift}.motif__wave--delayed,.motif__gust--delayed{animation-delay:-2.5s}.motif__gust{animation:6s ease-in-out infinite drift}.motif__leaf{transform-origin:56% 60%;animation:6s ease-in-out infinite sway}}@keyframes flicker{0%,to{transform:scale(1)}50%{transform:scale(.94,1.08)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}@keyframes sway{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}.backdrop{pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop__main{inset-inline-end:-70px;opacity:.13;width:clamp(330px,50vw,720px);position:absolute;bottom:-50px}.backdrop__secondary{inset-inline-start:-80px;opacity:.06;width:clamp(0px,25vw,360px);position:absolute;top:-90px}.content-error{color:#1e1a16;background:#fff;border-radius:16px;max-width:720px;margin:48px auto;padding:24px;font-family:system-ui,sans-serif}.content-error pre{white-space:pre-wrap;color:#8a1c0b;background:#fbeae5;border-radius:8px;padding:16px}