:root{--c-bg: #efeff4;--c-surface: #ffffff;--c-text: #000000;--c-hint: #707579;--c-subtitle: #707579;--c-link: #2481cc;--c-accent: #2481cc;--c-accent-text: #ffffff;--c-accent-rgb: 36, 129, 204;--c-destructive: #df3f40;--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;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif;--fs-xs: .8125rem;--fs-sm: .9375rem;--fs-md: 1.0625rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--lh-tight: 1.3;--lh-body: 1.5;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-pill: 999px;--tap-min: 48px;--content-max: 560px;--dur-fast: .12s;--dur: .18s;--ease: cubic-bezier(.2, 0, .2, 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-link: #6ab3f3;--c-accent: #5288c1;--c-accent-text: #ffffff;--c-accent-rgb: 82, 136, 193;--c-destructive: #ec6c62;--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}}:root[data-scheme=dark]{--c-bg: #17212b;--c-surface: #232e3c;--c-text: #ffffff;--c-hint: #a3b1c0;--c-subtitle: #a3b1c0;--c-link: #6ab3f3;--c-accent: #5288c1;--c-accent-text: #ffffff;--c-accent-rgb: 82, 136, 193;--c-destructive: #ec6c62;--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}*,*: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}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:2px solid var(--c-accent);outline-offset:2px;border-radius:4px}.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-iteration-count:1!important;transition-duration:.01ms!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-4)) var(--sp-4) var(--sp-6)}.screen__inner{width:100%;max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-4)}.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)}.title{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.01em}.subtitle{font-size:var(--fs-lg);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)}.hint{color:var(--c-hint);font-size:var(--fs-sm);white-space:pre-wrap}.meta{color:var(--c-subtitle);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.center{text-align:center}.guide{border-left:2px solid rgba(var(--c-accent-rgb),.5);padding-left:var(--sp-3);color:var(--c-text);font-size:var(--fs-md);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(--sp-3)}.card--flat{padding:var(--sp-4) 0;background:transparent}.divider{height:1px;background:var(--c-separator);border:0;margin:0}.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;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);color:var(--c-accent-text);font-weight:600}.btn--secondary{background:rgba(var(--c-accent-rgb),.12);color:var(--c-accent)}.btn--ghost{background:transparent;color:var(--c-link);font-weight:500}.btn--danger{background:transparent;color:var(--c-destructive)}.btn--quiet{background:var(--c-surface);color:var(--c-text)}.btn--inline{width:auto;min-height:40px;padding:var(--sp-2) var(--sp-4);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:56px;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;transition:opacity var(--dur-fast) var(--ease),transform 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-hint)}.option__body{display:flex;flex-direction:column;gap:2px;min-width:0}.rating{display:flex;flex-direction:column;gap:var(--sp-2)}.rating__dot{flex:none;width:14px;height:14px;border-radius:50%}.rating__dot--green{background:var(--c-rate-green)}.rating__dot--yellow{background:var(--c-rate-yellow)}.rating__dot--red{background:var(--c-rate-red)}.scenario__head{display:flex;gap:var(--sp-3);align-items:flex-start}.scenario__emoji{font-size:28px;line-height:1.2;flex:none}.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:24px;height:24px;margin-top:2px;border-radius:50%;background:rgba(var(--c-accent-rgb),.14);color:var(--c-accent);font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:4px var(--sp-3);border-radius:var(--r-pill);background:var(--c-bg);color:var(--c-subtitle);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.section-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-subtitle)}.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);font-size:var(--fs-sm);white-space:pre-wrap}.banner--error{box-shadow:inset 0 0 0 1px var(--c-destructive)}.skeleton{border-radius:var(--r-md);background:var(--c-skeleton);animation:pulse 1.4s var(--ease) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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}.fade-in{animation:fade-in var(--dur) var(--ease) both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}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-subtitle)}.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(--sp-3)}.stack--tight{gap:var(--sp-2)}.stack--loose{gap:var(--sp-5)}.muted{opacity:.55}