:root{--c-bg: #efeff4;--c-surface: #ffffff;--c-text: #000000;--c-hint: #707579;--c-subtitle: #707579;--c-muted: #5b5b5d;--c-link: #2481cc;--c-link-ink: #1c66a1;--c-accent: #2481cc;--c-accent-ink: #1c66a1;--c-accent-solid: #2074b8;--c-accent-text: #ffffff;--c-accent-rgb: 36, 129, 204;--c-destructive: #df3f40;--c-destructive-ink: #b23233;--c-destructive-rgb: 223, 63, 64;--c-separator: rgba(0, 0, 0, .08);--c-overlay: rgba(0, 0, 0, .45);--c-pressed: rgba(0, 0, 0, .05);--c-skeleton: rgba(0, 0, 0, .07);--c-rate-green: #1f8a4c;--c-rate-yellow: #a86b00;--c-rate-red: #c0392b;--cat-talk: #2f6e56;--cat-talk-rgb: 47, 110, 86;--cat-touch: #89562a;--cat-touch-rgb: 137, 86, 42;--cat-play: #6b4b8a;--cat-play-rgb: 107, 75, 138;--cat-bolder: #a5442e;--cat-bolder-rgb: 165, 68, 46;--c-int-1: #536572;--c-int-1-rgb: 83, 101, 114;--c-int-2: #875828;--c-int-2-rgb: 135, 88, 40;--c-int-3: #9e4732;--c-int-3-rgb: 158, 71, 50;--elev-1: 0 1px 2px rgba(0, 0, 0, .05);--elev-2: 0 1px 2px rgba(0, 0, 0, .05), 0 6px 16px -8px rgba(0, 0, 0, .16);--elev-3: 0 2px 4px rgba(0, 0, 0, .06), 0 14px 32px -12px rgba(0, 0, 0, .22);--hairline: inset 0 0 0 1px rgba(0, 0, 0, .05);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;--fs-2xs: .6875rem;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-md: 1.0625rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.75rem;--lh-display: 1.2;--lh-tight: 1.3;--lh-body: 1.5;--ls-display: -.02em;--ls-label: .08em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 48px;--gap-in: var(--sp-3);--gap-block: var(--sp-4);--gap-section: var(--sp-6);--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--r-pill: 999px;--tap-min: 48px;--tap-row: 56px;--tap-step: 60px;--content-max: 560px;--dur-fast: .12s;--dur: .18s;--dur-slow: .26s;--ease: cubic-bezier(.2, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--safe-top: 0px;--safe-bottom: 0px;--inset-top: max(var(--safe-top), env(safe-area-inset-top, 0px));--inset-bottom: max(var(--safe-bottom), env(safe-area-inset-bottom, 0px))}@media (prefers-color-scheme: dark){:root:not([data-scheme=light]){--c-bg: #17212b;--c-surface: #232e3c;--c-text: #ffffff;--c-hint: #a3b1c0;--c-subtitle: #a3b1c0;--c-muted: #a9aeb3;--c-link: #6ab3f3;--c-link-ink: #6ab3f3;--c-accent: #5288c1;--c-accent-ink: #8fb6dc;--c-accent-solid: #4674a4;--c-accent-text: #ffffff;--c-accent-rgb: 82, 136, 193;--c-destructive: #ec6c62;--c-destructive-ink: #ec6c62;--c-destructive-rgb: 236, 108, 98;--c-separator: rgba(255, 255, 255, .12);--c-overlay: rgba(0, 0, 0, .6);--c-pressed: rgba(255, 255, 255, .07);--c-skeleton: rgba(255, 255, 255, .09);--c-rate-green: #4cc97f;--c-rate-yellow: #e0ac4f;--c-rate-red: #f0776a;--cat-talk: #7ecba6;--cat-talk-rgb: 126, 203, 166;--cat-touch: #e5a877;--cat-touch-rgb: 229, 168, 119;--cat-play: #c4a4e0;--cat-play-rgb: 196, 164, 224;--cat-bolder: #f0907c;--cat-bolder-rgb: 240, 144, 124;--c-int-1: #a3b6c2;--c-int-1-rgb: 163, 182, 194;--c-int-2: #e0ac6e;--c-int-2-rgb: 224, 172, 110;--c-int-3: #ee9078;--c-int-3-rgb: 238, 144, 120;--elev-1: 0 1px 2px rgba(0, 0, 0, .3);--elev-2: 0 2px 10px rgba(0, 0, 0, .34);--elev-3: 0 6px 24px rgba(0, 0, 0, .42);--hairline: inset 0 0 0 1px rgba(255, 255, 255, .07)}}:root[data-scheme=dark]{--c-bg: #17212b;--c-surface: #232e3c;--c-text: #ffffff;--c-hint: #a3b1c0;--c-subtitle: #a3b1c0;--c-muted: #a9aeb3;--c-link: #6ab3f3;--c-link-ink: #6ab3f3;--c-accent: #5288c1;--c-accent-ink: #8fb6dc;--c-accent-solid: #4674a4;--c-accent-text: #ffffff;--c-accent-rgb: 82, 136, 193;--c-destructive: #ec6c62;--c-destructive-ink: #ec6c62;--c-destructive-rgb: 236, 108, 98;--c-separator: rgba(255, 255, 255, .12);--c-overlay: rgba(0, 0, 0, .6);--c-pressed: rgba(255, 255, 255, .07);--c-skeleton: rgba(255, 255, 255, .09);--c-rate-green: #4cc97f;--c-rate-yellow: #e0ac4f;--c-rate-red: #f0776a;--cat-talk: #7ecba6;--cat-talk-rgb: 126, 203, 166;--cat-touch: #e5a877;--cat-touch-rgb: 229, 168, 119;--cat-play: #c4a4e0;--cat-play-rgb: 196, 164, 224;--cat-bolder: #f0907c;--cat-bolder-rgb: 240, 144, 124;--c-int-1: #a3b6c2;--c-int-1-rgb: 163, 182, 194;--c-int-2: #e0ac6e;--c-int-2-rgb: 224, 172, 110;--c-int-3: #ee9078;--c-int-3-rgb: 238, 144, 120;--elev-1: 0 1px 2px rgba(0, 0, 0, .3);--elev-2: 0 2px 10px rgba(0, 0, 0, .34);--elev-3: 0 6px 24px rgba(0, 0, 0, .42);--hairline: inset 0 0 0 1px rgba(255, 255, 255, .07)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:var(--font-ui);font-size:var(--fs-md);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}#root{overflow-x:hidden}h1,h2,h3,p,figure{margin:0;font-size:inherit}h1,h2,h3{line-height:var(--lh-tight);font-weight:600}button{font:inherit;color:inherit;margin:0;cursor:pointer;touch-action:manipulation}a{color:var(--c-link)}ol,ul{margin:0;padding:0}:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px;border-radius:var(--r-sm)}button,[role=button]{-webkit-tap-highlight-color:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}.app{min-height:100%;display:flex;flex-direction:column;background:var(--c-bg)}.screen{flex:1;display:flex;flex-direction:column;min-height:100%}.screen__scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(var(--inset-top) + var(--sp-5)) var(--sp-4) var(--sp-7)}.screen__inner{width:100%;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--gap-block)}.screen__actions{position:sticky;bottom:0;padding:var(--sp-3) var(--sp-4) calc(var(--inset-bottom) + var(--sp-4));background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,var(--c-bg) 28%)}.screen__actions-inner{width:100%;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-2)}.eyebrow{font-size:var(--fs-2xs);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-muted)}.eyebrow--sentence{font-size:var(--fs-sm);letter-spacing:0;text-transform:none;font-weight:600}.screen__head{display:flex;flex-direction:column;gap:var(--sp-2)}.title{font-size:var(--fs-2xl);line-height:var(--lh-display);letter-spacing:var(--ls-display);font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere}.title--question{font-size:var(--fs-xl);line-height:var(--lh-tight);letter-spacing:-.01em}.subtitle{font-size:var(--fs-lg);line-height:var(--lh-tight);font-weight:600}.text{font-size:var(--fs-md);line-height:var(--lh-body);white-space:pre-wrap;overflow-wrap:anywhere}.text a{color:var(--c-link-ink);display:inline-block;padding:5px 2px;margin:-5px -2px}.hint{color:var(--c-muted);font-size:var(--fs-sm);line-height:var(--lh-body);white-space:pre-wrap}.meta{color:var(--c-muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.figures{font-size:var(--fs-lg);line-height:1.7;font-weight:600;font-variant-numeric:tabular-nums;white-space:pre-wrap}.center{text-align:center}.guide{border-left:2px solid rgba(var(--c-accent-rgb),.45);padding:2px 0 2px var(--sp-4);color:var(--c-text);font-size:var(--fs-md);line-height:var(--lh-body);white-space:pre-wrap}.card{background:var(--c-surface);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--gap-in);box-shadow:var(--elev-1),var(--hairline)}.card--flat{padding:var(--sp-4) 0;background:transparent;box-shadow:none}.divider{height:1px;background:var(--c-separator);border:0;margin:0}.section-label{font-size:var(--fs-2xs);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-muted)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;min-height:var(--tap-min);padding:var(--sp-3) var(--sp-4);border:0;border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-md);font-weight:500;text-align:center;box-shadow:var(--hairline);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn:active:not(:disabled){opacity:.85;transform:scale(.99)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--c-accent-solid);color:var(--c-accent-text);font-weight:600;box-shadow:var(--elev-1)}.btn--secondary{background:rgba(var(--c-accent-rgb),.12);color:var(--c-accent-ink);box-shadow:none}.btn--ghost{background:transparent;color:var(--c-link-ink);font-weight:500;box-shadow:none}.btn--danger{background:transparent;color:var(--c-destructive-ink);box-shadow:none}.btn--quiet{background:var(--c-surface);color:var(--c-text)}.btn--stop{background:var(--c-surface);color:var(--c-text);font-weight:600;box-shadow:inset 0 0 0 2px rgba(var(--c-destructive-rgb),.5),var(--elev-1)}.btn--inline{width:auto;min-height:44px;padding:var(--sp-2) var(--sp-5);border-radius:var(--r-pill);font-size:var(--fs-sm)}.options{display:flex;flex-direction:column;gap:var(--sp-2);list-style:none}.option{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap-row);padding:var(--sp-3) var(--sp-4);border:0;border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-md);text-align:left;line-height:1.35;box-shadow:var(--hairline);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.option:active:not(:disabled){opacity:.85;transform:scale(.995)}.option:disabled{opacity:.45;cursor:default}.option--selected{box-shadow:inset 0 0 0 2px var(--c-accent)}.option__chevron{margin-left:auto;flex:none;color:var(--c-muted)}.option__body{display:flex;flex-direction:column;gap:2px;min-width:0}.option--row{background:transparent;box-shadow:none;padding:var(--sp-3) 0}.option--row:active:not(:disabled){background:var(--c-pressed)}.option--row .option__chevron{font-size:var(--fs-lg);line-height:1;color:var(--c-muted)}.disclosure{padding:0 0 var(--sp-3);color:var(--c-muted);font-size:var(--fs-sm)}.rating{display:flex;flex-direction:column;gap:var(--sp-2)}.rating__dot{flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.rating__dot--green{background:var(--c-rate-green)}.rating__dot--yellow{background:var(--c-rate-yellow)}.rating__dot--red{background:var(--c-rate-red)}.scard{--cat: var(--c-subtitle);--cat-rgb: var(--c-accent-rgb);position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--gap-in);padding:var(--sp-5) var(--sp-4) var(--sp-4);border-radius:var(--r-xl);background:var(--c-surface);box-shadow:var(--elev-2),var(--hairline);overflow:hidden}.scard:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--cat)}.scard:after{content:"";position:absolute;inset:0 0 auto;height:120px;z-index:-1;background:linear-gradient(to bottom,rgba(var(--cat-rgb),.1),rgba(var(--cat-rgb),0));pointer-events:none}.scard__top{display:flex;align-items:center;gap:var(--sp-3)}.scard__emoji{flex:none;width:40px;height:40px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:21px;line-height:1;background:rgba(var(--cat-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--cat-rgb),.24)}.scard__cat{font-size:var(--fs-2xs);font-weight:700;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--cat)}.scard__done{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-2);border-radius:var(--r-pill);background:var(--c-pressed);color:var(--c-muted);font-size:var(--fs-2xs);font-weight:600}.scard__title{font-size:var(--fs-xl);line-height:var(--lh-tight);letter-spacing:-.01em;font-weight:600}.scard--compact .scard__title{font-size:var(--fs-lg)}.scard__why{color:var(--c-muted);font-size:var(--fs-sm);line-height:var(--lh-body)}.scard__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding-top:var(--sp-1)}.deck{position:relative;padding-top:8px}.deck:before{content:"";position:absolute;top:0;left:14px;right:14px;height:26px;border-radius:var(--r-xl) var(--r-xl) 0 0;background:var(--c-surface);box-shadow:var(--elev-1),inset 0 0 0 1px var(--c-separator)}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:5px var(--sp-3);border-radius:var(--r-pill);background:var(--c-pressed);box-shadow:inset 0 0 0 1px var(--c-separator);color:var(--c-muted);font-size:var(--fs-xs);line-height:1.35;font-variant-numeric:tabular-nums}.intensity{--int: var(--c-int-1);--int-rgb: var(--c-int-1-rgb);display:inline-flex;align-items:center;gap:var(--sp-2);padding:4px var(--sp-3) 4px var(--sp-2);border-radius:var(--r-pill);background:rgba(var(--int-rgb),.1);box-shadow:inset 0 0 0 1px rgba(var(--int-rgb),.24)}.intensity[data-level="2"]{--int: var(--c-int-2);--int-rgb: var(--c-int-2-rgb)}.intensity[data-level="3"]{--int: var(--c-int-3);--int-rgb: var(--c-int-3-rgb)}.intensity__bars{display:inline-flex;align-items:flex-end;gap:3px}.intensity__bar{width:4px;border-radius:2px;background:rgba(var(--int-rgb),.28)}.intensity__bar:nth-child(1){height:6px}.intensity__bar:nth-child(2){height:9px}.intensity__bar:nth-child(3){height:12px}.intensity__bar--on{background:var(--int)}.intensity__label{color:var(--int);font-size:var(--fs-xs);font-weight:600;line-height:1.35}.section-row{--cat: var(--c-subtitle);--cat-rgb: var(--c-accent-rgb);position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap-row);padding:var(--sp-3) var(--sp-4);border:0;border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--hairline);color:var(--c-text);font:inherit;font-size:var(--fs-md);text-align:left;transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.section-row:active{opacity:.85;transform:scale(.995)}.section-row:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--cat)}.section-row__emoji{flex:none;width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:19px;line-height:1;background:rgba(var(--cat-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--cat-rgb),.24)}.section-row__title{font-weight:600}.section-row__count{color:var(--c-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}[data-cat=talk]{--cat: var(--cat-talk);--cat-rgb: var(--cat-talk-rgb)}[data-cat=touch]{--cat: var(--cat-touch);--cat-rgb: var(--cat-touch-rgb)}[data-cat=play]{--cat: var(--cat-play);--cat-rgb: var(--cat-play-rgb)}[data-cat=bolder]{--cat: var(--cat-bolder);--cat-rgb: var(--cat-bolder-rgb)}.rules{list-style:none;counter-reset:rule;display:flex;flex-direction:column;gap:var(--sp-3)}.rules>li{counter-increment:rule;display:flex;gap:var(--sp-3);font-size:var(--fs-md);line-height:var(--lh-body)}.rules>li:before{content:counter(rule);flex:none;width:26px;height:26px;margin-top:1px;border-radius:50%;background:rgba(var(--c-accent-rgb),.14);color:var(--c-accent-ink);font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center}.dots{display:flex;align-items:center;gap:var(--sp-2)}.dots__dot{width:8px;height:8px;border-radius:var(--r-pill);background:var(--c-separator);transition:width var(--dur) var(--ease),background var(--dur) var(--ease)}.dots__dot--past{background:rgba(var(--c-accent-rgb),.55)}.dots__dot--now{width:24px;background:var(--c-accent)}.progress{display:flex;flex-direction:column;gap:var(--sp-2)}.progress__track{display:flex;gap:4px}.progress__seg{flex:1;height:5px;border-radius:var(--r-pill);background:var(--c-separator);transition:background var(--dur) var(--ease)}.progress__seg--on{background:var(--c-accent)}.progress__label{color:var(--c-muted);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2)}.step{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap-step);padding:var(--sp-3) var(--sp-4);text-align:left;border:0;border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--hairline);color:var(--c-text);font:inherit;font-size:var(--fs-md);line-height:var(--lh-body);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.step:active{background:var(--c-pressed);transform:scale(.995)}.step__mark{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:transparent;box-shadow:inset 0 0 0 2px var(--c-separator);color:var(--c-muted);font-size:var(--fs-sm);font-weight:600;font-variant-numeric:tabular-nums;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),color var(--dur) var(--ease)}.step__mark>*{grid-area:1 / 1;transition:opacity var(--dur-fast) linear,transform var(--dur) var(--ease-out)}.step__check{opacity:0;transform:scale(.5)}.step__body{flex:1;min-width:0}.step--done{color:var(--c-muted)}.step--done .step__mark{background:var(--c-accent);box-shadow:none;color:var(--c-accent-text)}.step--done .step__num{opacity:0}.step--done .step__check{opacity:1;transform:none}.round__head{display:flex;align-items:center;gap:var(--sp-2)}.round__wait{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-pressed);box-shadow:var(--hairline);color:var(--c-accent-ink)}.round__wait-text{color:var(--c-muted);font-size:var(--fs-sm)}.round__reveal{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);background:rgba(var(--c-accent-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--c-accent-rgb),.28)}.round__reveal-mark{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--c-accent-solid);color:var(--c-accent-text)}.round__reveal-value{font-size:var(--fs-lg);line-height:var(--lh-tight);font-weight:600;color:var(--c-text);overflow-wrap:anywhere}.stopbar{position:sticky;bottom:0;z-index:20;padding:var(--sp-3) var(--sp-4) calc(var(--inset-bottom) + var(--sp-3));background:var(--c-bg);border-top:1px solid var(--c-separator)}.stopbar__inner{width:100%;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-2)}.banner{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--hairline);color:var(--c-text);font-size:var(--fs-sm);line-height:var(--lh-body);white-space:pre-wrap}.banner--error{background:rgba(var(--c-destructive-rgb),.08);box-shadow:inset 0 0 0 1px rgba(var(--c-destructive-rgb),.35)}.banner--quiet{background:transparent;box-shadow:none;padding:0 0 0 var(--sp-4);border-left:2px solid var(--c-separator);color:var(--c-muted)}.skeleton{border-radius:var(--r-md);background:var(--c-skeleton);animation:pulse 1.8s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.skeleton-card{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4) var(--sp-4);border-radius:var(--r-xl);background:var(--c-surface);box-shadow:var(--elev-1),var(--hairline)}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid rgba(var(--c-accent-rgb),.25);border-top-color:var(--c-accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4);text-align:center}.state__glyph{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin-bottom:var(--sp-1);background:var(--c-pressed);box-shadow:var(--hairline);color:var(--c-muted)}.state--error .state__glyph{background:rgba(var(--c-destructive-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--c-destructive-rgb),.3);color:var(--c-destructive-ink)}.state--wait .state__glyph{background:rgba(var(--c-accent-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--c-accent-rgb),.24);color:var(--c-accent-ink)}.state__title{font-size:var(--fs-lg);line-height:var(--lh-tight);font-weight:600}.state__text{color:var(--c-muted);font-size:var(--fs-sm);line-height:var(--lh-body);max-width:34ch;white-space:pre-wrap}.state__action{margin-top:var(--sp-2)}.wait-dots{display:inline-flex;align-items:center;gap:5px}.wait-dots span{width:8px;height:8px;border-radius:50%;background:currentColor}.wait-dots span:last-child{background:transparent;box-shadow:inset 0 0 0 2px currentColor;animation:breathe 2.4s var(--ease) infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.35}}.result{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);padding:var(--sp-7) var(--sp-4);text-align:center}.result__disc{width:72px;height:72px;border-radius:50%;display:grid;place-items:center}.result__disc .rating__dot{width:28px;height:28px}.result--match .result__disc{background:var(--c-pressed);box-shadow:var(--hairline)}.result--neutral{padding:var(--sp-9) var(--sp-4)}.result--neutral .text{font-size:var(--fs-lg);line-height:var(--lh-tight);color:var(--c-text)}.fade-in{animation:fade-in var(--dur-slow) var(--ease-out) both}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stagger>*{animation:fade-in var(--dur-slow) var(--ease-out) both;animation-delay:.16s}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.12s}.reveal{animation:reveal var(--dur-slow) var(--ease-out) both}@keyframes reveal{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.topbar{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--tap-min)}.topbar__title{font-size:var(--fs-sm);font-weight:600;color:var(--c-muted)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.row{display:flex;align-items:center;gap:var(--sp-3)}.row--between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:var(--gap-in)}.stack--tight{gap:var(--sp-2)}.stack--loose{gap:var(--gap-section)}.muted{opacity:.55}.field{width:100%;min-height:96px;padding:var(--sp-3);border-radius:var(--r-md);border:1px solid var(--c-separator);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:var(--fs-md);line-height:var(--lh-body);resize:vertical}.field:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}.break-all{overflow-wrap:anywhere}