:root{color-scheme:light dark;--color-surface: oklch(.981 .008 80);--color-surface-raised: oklch(1 0 0);--color-surface-sunken: oklch(.945 .012 80);--color-text: oklch(.26 .022 55);--color-text-muted: oklch(.475 .022 55);--color-border: oklch(.8 .018 55);--color-border-strong: oklch(.625 .022 55);--color-accent: oklch(.52 .16 45);--color-accent-hover: oklch(.45 .17 45);--color-on-accent: oklch(.99 .006 80);--color-focus: oklch(.45 .18 45);--heat-1: oklch(.545 .1 85);--heat-2: oklch(.55 .12 72);--heat-3: oklch(.54 .14 60);--heat-4: oklch(.53 .15 50);--heat-5: oklch(.52 .16 42);--heat-6: oklch(.51 .17 34);--heat-7: oklch(.5 .18 26);--heat-8: oklch(.49 .19 18);--font-display: "Literata Variable", ui-serif, Georgia, serif;--font-body: "Public Sans Variable", system-ui, sans-serif;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.9375rem;--leading-tight: 1.25;--leading-base: 1.5;--text-question: clamp(1.5625rem, 1.1rem + 2.4vw, 2.75rem);--measure: 34ch;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: 1.125rem;--radius-pill: 9999px;--shadow-raised: 0 1px 2px oklch(.26 .022 55 / .07), 0 6px 20px oklch(.26 .022 55 / .06);--focus-ring: 3px;--focus-offset: 3px;--ease: cubic-bezier(.16, 1, .3, 1);--duration-fast: .14s;--duration-slow: .38s;--target: 2.75rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-surface: oklch(.185 .016 55);--color-surface-raised: oklch(.245 .018 55);--color-surface-sunken: oklch(.145 .014 55);--color-text: oklch(.945 .013 85);--color-text-muted: oklch(.755 .018 75);--color-border: oklch(.34 .018 55);--color-border-strong: oklch(.565 .022 55);--color-accent: oklch(.78 .14 60);--color-accent-hover: oklch(.85 .13 65);--color-on-accent: oklch(.185 .03 50);--color-focus: oklch(.82 .14 62);--heat-1: oklch(.86 .12 90);--heat-2: oklch(.845 .13 78);--heat-3: oklch(.83 .14 66);--heat-4: oklch(.815 .15 56);--heat-5: oklch(.8 .15 46);--heat-6: oklch(.785 .15 36);--heat-7: oklch(.77 .15 28);--heat-8: oklch(.755 .15 20);--shadow-raised: 0 1px 2px oklch(.05 0 0 / .5), 0 6px 20px oklch(.05 0 0 / .4)}}:root[data-theme=dark]{--color-surface: oklch(.185 .016 55);--color-surface-raised: oklch(.245 .018 55);--color-surface-sunken: oklch(.145 .014 55);--color-text: oklch(.945 .013 85);--color-text-muted: oklch(.755 .018 75);--color-border: oklch(.34 .018 55);--color-border-strong: oklch(.565 .022 55);--color-accent: oklch(.78 .14 60);--color-accent-hover: oklch(.85 .13 65);--color-on-accent: oklch(.185 .03 50);--color-focus: oklch(.82 .14 62);--heat-1: oklch(.86 .12 90);--heat-2: oklch(.845 .13 78);--heat-3: oklch(.83 .14 66);--heat-4: oklch(.815 .15 56);--heat-5: oklch(.8 .15 46);--heat-6: oklch(.785 .15 36);--heat-7: oklch(.77 .15 28);--heat-8: oklch(.755 .15 20);--shadow-raised: 0 1px 2px oklch(.05 0 0 / .5), 0 6px 20px oklch(.05 0 0 / .4)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-slow: 0ms}}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-opsz-normal-C5tfwALZ.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-opsz-normal-DgmypKXX.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-opsz-normal-DGm64vGR.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-opsz-normal-DFglUmAd.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-opsz-normal-Gqw5JQlq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-opsz-normal-STiTPs0F.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-opsz-normal-BHZsWIlc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-vietnamese-wght-normal-CtlIRbEm.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-ext-wght-normal-MQgHevqp.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Public Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/public-sans-latin-wght-normal-DdeTHZLK.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased}[hidden]{display:none!important}h1,h2,p,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}button{font:inherit;color:inherit}:where(a,button,[tabindex]):focus-visible{outline:var(--focus-ring) solid var(--color-focus);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:var(--space-2);left:var(--space-2);z-index:10;padding:var(--space-2) var(--space-4);transform:translateY(-200%);background:var(--color-surface-raised);color:var(--color-text);border-radius:var(--radius-sm);box-shadow:var(--shadow-raised);text-decoration-thickness:.08em;text-underline-offset:.2em}.skip-link:focus{transform:translateY(0)}.linkish{padding:var(--space-1) var(--space-2);min-height:var(--target);border:0;background:none;color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.linkish:hover{color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);background:none;font-size:var(--text-base);font-weight:600;line-height:var(--leading-tight);cursor:pointer;transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn--ghost{border-color:var(--color-border-strong);color:var(--color-text)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-sunken)}.btn--quiet{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-weight:500}.btn--quiet:hover{color:var(--color-text);background:var(--color-surface-sunken)}.btn--wide{width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) clamp(var(--space-3),4vw,var(--space-8))}.wordmark{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;letter-spacing:-.01em}.topbar__actions{display:flex;align-items:center;gap:var(--space-1)}.stage{flex:1;width:100%;max-width:44rem;margin:0 auto;padding:var(--space-4) clamp(var(--space-4),4vw,var(--space-8)) var(--space-12);display:flex;flex-direction:column;justify-content:center;gap:var(--space-6)}.heat__scale{display:flex;align-items:flex-end;gap:var(--space-1)}.heat__step{flex:1}.heat__button{display:flex;align-items:flex-end;justify-content:center;width:100%;min-height:var(--target);padding:var(--space-2) 0;border:0;background:none;cursor:pointer}.heat__bar{display:block;width:100%;border-radius:var(--radius-pill);background:var(--color-border-strong);transition:background-color var(--duration-fast) var(--ease),height var(--duration-fast) var(--ease)}.heat__button[data-reached=true] .heat__bar{background:var(--heat)}.heat__button[aria-current=step] .heat__bar{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--heat)}.heat__button:hover .heat__bar{background:color-mix(in oklab,var(--heat) 55%,var(--color-border-strong))}.heat__button[data-reached=true]:hover .heat__bar{background:var(--heat)}.level{display:flex;flex-direction:column;gap:var(--space-1)}.level__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight);color:var(--heat)}.level__blurb{color:var(--color-text-muted);max-width:46ch}.card{background:var(--color-surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);padding:clamp(var(--space-6),5vw,var(--space-12));min-height:15rem;display:flex;align-items:center}.card__body{width:100%}.card__count{font-size:var(--text-sm);font-weight:600;letter-spacing:.04em;text-transform:lowercase;color:var(--heat);margin-bottom:var(--space-4)}.card__question{font-family:var(--font-display);font-optical-sizing:auto;font-size:var(--text-question);font-weight:500;line-height:1.22;letter-spacing:-.015em;text-wrap:pretty;max-width:var(--measure);animation:question-in var(--duration-slow) var(--ease) both}@keyframes question-in{0%{opacity:0;transform:translateY(.4rem)}}.card__spent-line{font-family:var(--font-display);font-size:var(--text-md);margin-bottom:var(--space-6);max-width:40ch}.card__spent-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.controls{display:flex;flex-direction:column;gap:var(--space-3)}.controls__steps{display:flex;gap:var(--space-3)}.controls__steps .btn{flex:1}.controls__note:not(:empty),.controls__hint{font-size:var(--text-sm);color:var(--color-text-muted)}@media(pointer:coarse){.controls__hint{display:none}}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-4) clamp(var(--space-4),4vw,var(--space-8)) var(--space-6);max-width:44rem;width:100%;margin:0 auto;color:var(--color-text-muted);font-size:var(--text-sm)}.sheet{width:min(32rem,calc(100vw - 2 * var(--space-4)));padding:clamp(var(--space-6),5vw,var(--space-8));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);box-shadow:var(--shadow-raised)}.sheet::backdrop{background:#1209048c}.sheet__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-4)}.sheet__rules{display:flex;flex-direction:column;gap:var(--space-3);counter-reset:rule}.sheet__rules li{display:flex;gap:var(--space-3);counter-increment:rule}.sheet__rules li:before{content:counter(rule);flex:none;width:1.5rem;font-variant-numeric:tabular-nums;font-weight:700;color:var(--color-accent)}.sheet__close{margin-top:var(--space-6)}