:root{--radius: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--font-sans: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-narrator: "EB Garamond", Georgia, "Iowan Old Style", "Palatino Linotype", serif;--border-width: 1px;--zoom-factor: 1;--color-narrator-accent: #2f7a7d;--color-narrator-tint: #d7e9e9;--color-mission-accent: #b8860b;--color-mission-tint: #f5e6bd;--color-mission-dropdown-accent: #c6791a;--color-mission-dropdown-tint: #fcebd6;--watercolor-teal: rgba(47, 122, 125, .32);--watercolor-gold: rgba(184, 134, 11, .28);--watercolor-rose: rgba(196, 108, 118, .26);--watercolor-purple: rgba(108, 91, 123, .24)}[data-theme=dark]{--color-narrator-accent: #7fd0d3;--color-narrator-tint: #1c2e2f;--color-mission-accent: #e8c04a;--color-mission-tint: #34290f;--color-mission-dropdown-accent: #f0b163;--color-mission-dropdown-tint: #3a2a16;--watercolor-teal: rgba(127, 208, 211, .22);--watercolor-gold: rgba(232, 192, 74, .2);--watercolor-rose: rgba(214, 140, 150, .2);--watercolor-purple: rgba(163, 145, 179, .18)}:root,[data-color-scheme=calm-earthy][data-theme=light]{--color-bg: #faf9f6;--color-surface: #ffffff;--color-text: #262233;--color-text-muted: #6b6478;--color-primary: #2e2a4a;--color-primary-contrast: #ffffff;--color-accent: #e4a34c;--color-danger: #b3403a;--color-danger-bg: #fbeceb;--color-border: #e4e0d8;--color-tint: #efedf5}[data-color-scheme=calm-earthy][data-theme=dark]{--color-bg: #1a1721;--color-surface: #242030;--color-text: #ece9f2;--color-text-muted: #b0a9c2;--color-primary: #7d68d6;--color-primary-contrast: #ffffff;--color-accent: #e8b567;--color-danger: #e5766d;--color-danger-bg: #3a2224;--color-border: #3a3548;--color-tint: #2f2a40}[data-color-scheme=blue-yellow][data-theme=light]{--color-bg: #f7fafc;--color-surface: #ffffff;--color-text: #14213d;--color-text-muted: #52607a;--color-primary: #1c4e80;--color-primary-contrast: #ffffff;--color-accent: #f4c542;--color-danger: #c0392b;--color-danger-bg: #fbeaea;--color-border: #dbe4ee;--color-tint: #e8f0fa}[data-color-scheme=blue-yellow][data-theme=dark]{--color-bg: #0f1620;--color-surface: #16202e;--color-text: #eaf1fb;--color-text-muted: #9fb0c8;--color-primary: #5b9bdb;--color-primary-contrast: #ffffff;--color-accent: #f4c542;--color-danger: #e5766d;--color-danger-bg: #33201f;--color-border: #2b3a4d;--color-tint: #16283d}[data-contrast=high]{--color-text-muted: var(--color-text);--border-width: 2px}[data-contrast=high][data-theme=light]{--color-border: #000000}[data-contrast=high][data-theme=dark]{--color-border: #ffffff}@font-face{font-family:OpenDyslexic;font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.jsdelivr.net/fontsource/fonts/opendyslexic@5.3.0/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/opendyslexic@5.3.0/latin-400-normal.woff) format("woff")}@font-face{font-family:OpenDyslexic;font-style:normal;font-weight:700;font-display:swap;src:url(https://cdn.jsdelivr.net/fontsource/fonts/opendyslexic@5.3.0/latin-700-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/opendyslexic@5.3.0/latin-700-normal.woff) format("woff")}[data-typeface=dyslexia]{--font-sans: "OpenDyslexic", Verdana, Tahoma, "Trebuchet MS", sans-serif;--font-narrator: "OpenDyslexic", Verdana, Tahoma, "Trebuchet MS", sans-serif}[data-typeface=dyslexia] body{letter-spacing:.02em;word-spacing:.1em;line-height:1.7}[data-motion=reduce] *,[data-motion=reduce] *:before,[data-motion=reduce] *:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.picker{position:relative;overflow:hidden;min-height:100%}.picker__background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 6% 8%,var(--watercolor-teal),transparent 32%),radial-gradient(circle at 95% 6%,var(--watercolor-rose),transparent 30%),radial-gradient(circle at 4% 78%,var(--watercolor-purple),transparent 30%),radial-gradient(circle at 96% 82%,var(--watercolor-gold),transparent 32%);filter:blur(50px)}[data-contrast=high] .picker__background{display:none}.picker__content{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-5);display:flex;flex-direction:column}.picker__rails{display:none}@media (min-width: 1180px){.picker__rails{display:block}.picker__rail{position:fixed;top:200px;width:1px;height:520px;background:linear-gradient(to bottom,transparent,var(--color-border),transparent)}.picker__rail--left{left:max(48px,calc(50% - 660px))}.picker__rail--right{right:max(48px,calc(50% - 660px))}.picker__rail-dots{position:fixed;left:max(28px,calc(50% - 680px));top:340px;display:flex;flex-direction:column;gap:var(--space-3)}.picker__rail-dot{width:9px;height:9px;border-radius:50%;opacity:.8}}.picker__a11y{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);order:1}.picker__left{display:flex;align-items:center;gap:var(--space-2);align-self:flex-start;order:0;margin-bottom:var(--space-3)}.picker__feedback-link{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;min-height:44px;border-radius:999px;border:1.5px solid #96702c;background:#e4a34c24;color:#96702c;font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}[data-contrast=high] .picker__feedback-link{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.picker__header{order:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4)}.picker__hero{position:relative;width:min(360px,85vw);height:190px;margin:0 auto}.picker__hero-boxes{position:absolute;top:0;right:0;bottom:0;left:0}.picker__hero-box{position:absolute;border-radius:50%;opacity:.88;filter:blur(1.75px);mix-blend-mode:multiply}[data-theme=dark] .picker__hero-box{mix-blend-mode:screen;opacity:.7}.picker__hero-hands{position:absolute;top:50%;left:50%;width:60%;transform:translate(-50%,-66%);z-index:2;filter:drop-shadow(0 4px 10px rgba(38,34,51,.25))}.picker__hero-hands--dark,[data-theme=dark] .picker__hero-hands--light{display:none}[data-theme=dark] .picker__hero-hands--dark{display:block}.picker__hero-title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;margin:0;font-size:3.4rem;font-weight:800;letter-spacing:-.01em;color:#fff;text-shadow:0 3px 0 rgba(38,34,51,.4),0 8px 18px rgba(38,34,51,.3)}[data-contrast=high] .picker__hero{height:auto}[data-contrast=high] .picker__hero-boxes,[data-contrast=high] .picker__hero-hands{display:none}[data-contrast=high] .picker__hero-title{position:static;font-size:1.75rem;color:var(--color-text);text-shadow:none}.picker__header p{margin:0;color:var(--color-text);line-height:1.55;max-width:32em}.picker__framing{font-style:italic;font-family:var(--font-narrator);color:var(--color-narrator-accent);line-height:1.6;max-width:32em}.picker__tagline{margin:0;color:var(--color-text-muted);font-size:1rem;line-height:1.5;max-width:32em}.picker__header .picker__tagline{display:block}@media (min-width: 1180px){.picker__content{max-width:1180px}.picker__a11y{position:absolute;top:var(--space-5);right:var(--space-4);margin:0}.picker__a11y .a11y-button,.picker__a11y .picker__history-button{flex:none}.picker__left{position:absolute;top:var(--space-5);left:var(--space-4);margin:0}.picker__header{order:1;margin-bottom:0;padding-top:64px}.picker__hero{width:460px;height:220px}.picker__hero-title{font-size:4.25rem}.picker__header p{display:none}}.picker__error{color:var(--color-danger);background:var(--color-danger-bg);padding:var(--space-3);border-radius:var(--radius)}.picker__loading{color:var(--color-text-muted)}.picker__grid{order:3;display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 600px){.picker__grid{grid-template-columns:1fr 1fr}}@media (min-width: 1180px){.picker__grid{gap:26px}}.scenario-card{position:relative;display:block;text-align:left;background:var(--color-surface);border:none;border-radius:26px;box-shadow:0 10px 26px #26223312;padding:0;overflow:hidden;width:100%}[data-contrast=high] .scenario-card{border:var(--border-width) solid var(--color-border);box-shadow:none}.scenario-card__image{width:100%;aspect-ratio:16 / 9;background-size:cover;background-position:center;background-repeat:no-repeat}.scenario-card__body{padding:18px 20px;display:flex;flex-direction:column;gap:var(--space-3)}.scenario-card__title-row{display:flex;align-items:center;gap:var(--space-2)}.scenario-card__dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--scenario-accent, var(--color-primary))}.scenario-card__title{margin:0;font-size:18px;font-weight:600;line-height:1.25}.scenario-card__intro{margin:0;background:var(--scenario-tint, var(--color-tint));border-radius:var(--radius);padding:12px 14px;font-family:var(--font-narrator);font-style:italic;font-size:14.5px;line-height:1.55;color:var(--scenario-text, var(--color-text))}.scenario-card__practice{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--scenario-tint-strong, var(--color-tint));color:var(--scenario-badge-text, var(--color-primary));font-size:11.5px;font-weight:600}.scenario-card__title,.scenario-card__intro,.scenario-card__practice{transition:transform .15s ease;transform-origin:left center}.scenario-card__title:hover,.scenario-card__intro:hover,.scenario-card__practice:hover{transform:scale(1.045);position:relative;z-index:1}[data-motion=reduce] .scenario-card__title,[data-motion=reduce] .scenario-card__intro,[data-motion=reduce] .scenario-card__practice{transition:none}.scenario-card__difficulty{display:flex}.scenario-card__difficulty-button{flex:1;background:var(--scenario-accent, var(--color-primary));border:var(--border-width) solid var(--scenario-accent, var(--color-primary));color:var(--scenario-btn-text, var(--color-primary-contrast));border-radius:999px;padding:11px 0;min-height:44px;font-size:14px;font-weight:600;text-align:center;box-shadow:0 3px color-mix(in srgb,var(--scenario-accent) 78%,black);transform:translateY(0);transition:transform .1s ease-out,box-shadow .1s ease-out}.scenario-card__difficulty-button:active{transform:translateY(3px);box-shadow:0 0 color-mix(in srgb,var(--scenario-accent) 78%,black)}.scenario-card[data-scenario=missing-details]{--scenario-accent: #4f8a8b;--scenario-tint: rgba(79, 138, 139, .09);--scenario-tint-strong: rgba(79, 138, 139, .14);--scenario-text: #2c5859;--scenario-badge-text: #3d6e6f}.scenario-card[data-scenario=unexpected-conversation]{--scenario-accent: #e4a34c;--scenario-tint: rgba(228, 163, 76, .14);--scenario-tint-strong: rgba(228, 163, 76, .2);--scenario-text: #7a591f;--scenario-badge-text: #96702c;--scenario-btn-text: #3a2a0d}.scenario-card[data-scenario=too-much-happening]{--scenario-accent: #6c5b7b;--scenario-tint: rgba(108, 91, 123, .1);--scenario-tint-strong: rgba(108, 91, 123, .15);--scenario-text: #4d4058;--scenario-badge-text: #4d4058}.scenario-card[data-scenario=asking-for-a-change]{--scenario-accent: #c1666b;--scenario-tint: rgba(193, 102, 107, .1);--scenario-tint-strong: rgba(193, 102, 107, .15);--scenario-text: #7a3a3e;--scenario-badge-text: #8a3a3f}[data-theme=dark] .scenario-card[data-scenario=missing-details]{--scenario-tint: rgba(127, 208, 211, .12);--scenario-tint-strong: rgba(127, 208, 211, .18);--scenario-text: var(--color-narrator-accent);--scenario-badge-text: var(--color-narrator-accent)}[data-theme=dark] .scenario-card[data-scenario=unexpected-conversation]{--scenario-tint: rgba(232, 192, 74, .12);--scenario-tint-strong: rgba(232, 192, 74, .18);--scenario-text: var(--color-mission-accent);--scenario-badge-text: var(--color-mission-accent)}[data-theme=dark] .scenario-card[data-scenario=too-much-happening]{--scenario-tint: rgba(179, 160, 199, .14);--scenario-tint-strong: rgba(179, 160, 199, .2);--scenario-text: #cbb9dc;--scenario-badge-text: #cbb9dc}[data-theme=dark] .scenario-card[data-scenario=asking-for-a-change]{--scenario-tint: rgba(224, 138, 144, .14);--scenario-tint-strong: rgba(224, 138, 144, .2);--scenario-text: #eeb0b4;--scenario-badge-text: #eeb0b4}[data-contrast=high] .scenario-card{--scenario-accent: var(--color-primary);--scenario-tint: var(--color-tint);--scenario-tint-strong: var(--color-tint);--scenario-text: var(--color-text);--scenario-badge-text: var(--color-primary);--scenario-btn-text: var(--color-primary-contrast)}.chat-screen{display:flex;flex-direction:column;height:calc(100dvh / var(--zoom-factor, 1))}.chat-screen__background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--color-bg);background-size:cover;background-position:center;background-repeat:no-repeat}.chat-screen__background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg);opacity:.15}[data-theme=dark] .chat-screen__background{filter:brightness(.4) saturate(.9)}[data-theme=dark] .chat-screen__background:after{opacity:.35}[data-contrast=high] .chat-screen__background,.chat-rail{display:none}.chat-header{background:transparent;color:var(--color-text);position:sticky;top:0;z-index:10;padding-top:max(var(--space-1),env(safe-area-inset-top))}.chat-header__row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-2)}.chat-header__exit{background:#2622330f;color:var(--color-text);border:none;border-radius:999px;min-width:40px;min-height:40px;font-size:1.1rem;flex-shrink:0}[data-theme=dark] .chat-header__exit{background:#ffffff1a}.chat-header__title{flex:1;text-align:center;font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--space-1)}.chat-header__hint{background:color-mix(in srgb,var(--scenario-accent) 14%,transparent);border:none;color:var(--scenario-accent);border-radius:999px;padding:0 var(--space-3);min-width:40px;min-height:40px;font-weight:600;font-size:.78rem;flex-shrink:0}.chat-header__voice{display:flex;align-items:center;gap:6px;background:var(--scenario-accent, var(--color-primary));border:none;color:var(--scenario-accent-contrast, var(--color-primary-contrast));border-radius:999px;padding:0 var(--space-3);min-width:40px;min-height:40px;font-weight:600;font-size:.78rem;flex-shrink:0;white-space:nowrap}[data-contrast=high] .chat-header__voice{background:var(--color-primary);color:var(--color-primary-contrast)}@media (max-width: 430px){.chat-header__voice-label{display:none}.chat-header__voice{padding:0;width:40px}}.chat-header__access{background:#6c5b7b24;color:#6c5b7b;border:none;border-radius:999px;padding:0 var(--space-2);min-width:40px;min-height:40px;font-weight:600;font-size:.72rem;flex-shrink:0}[data-theme=dark] .chat-header__access{background:#8a76a338;color:#b3a0c7}[data-contrast=high] .chat-header__hint,[data-contrast=high] .chat-header__access{background:var(--color-tint);color:var(--color-primary)}.mission-badge{position:sticky;top:var(--space-2);z-index:5;margin:0 0 0 auto;width:max-content;max-width:62%}.mission-badge__toggle{display:block;width:100%;background:var(--color-mission-tint);color:var(--color-text);border:var(--border-width) solid var(--color-border);border-left:3px solid var(--color-mission-accent);border-radius:var(--radius);padding:var(--space-1) var(--space-2);text-align:left;box-shadow:0 2px 6px #0000001f}.mission-badge__label{display:flex;align-items:center;gap:var(--space-1);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.mission-badge__progress{margin-left:auto;font-size:.68rem}.mission-badge__next{display:flex;align-items:flex-start;gap:8px;margin-top:var(--space-1);font-size:.9rem;font-weight:600;line-height:1.3}.mission-badge__next-checkbox{flex-shrink:0;margin-top:1px;color:var(--color-text)}.mission-badge__details{margin-top:var(--space-1);background:var(--color-mission-dropdown-tint);border:var(--border-width) solid var(--color-mission-dropdown-accent);border-radius:var(--radius);padding:var(--space-3);box-shadow:0 2px 6px #0000001a}.mission-badge__text{margin:0 0 var(--space-2);font-size:.85rem;line-height:1.5;color:var(--color-text-muted)}.mission-badge__objectives{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.mission-badge__objective{display:flex;align-items:flex-start;gap:var(--space-2);font-size:.85rem;line-height:1.4;color:var(--color-text)}.mission-badge__checkbox{flex-shrink:0;font-size:1rem;line-height:1.4}.mission-badge__objective--done{color:var(--color-text-muted);text-decoration:line-through}.hint-bar{margin:0 var(--space-3) var(--space-2);background:var(--color-tint);color:var(--color-text);border-radius:var(--radius);padding:var(--space-3);display:flex;align-items:flex-start;gap:var(--space-2);font-size:.9rem;line-height:1.5}.hint-bar--error{background:var(--color-danger-bg);color:var(--color-danger)}.hint-bar__body{flex:1}.hint-bar__close{background:none;border:none;font-size:1.25rem;line-height:1;color:inherit;opacity:.6;min-height:32px;min-width:32px;flex-shrink:0}.response-options{margin:0 0 var(--space-2)}.response-options__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);padding:0 var(--space-3)}.response-options__chip{flex:0 0 auto;text-align:center;background:var(--color-surface);border:var(--border-width) solid var(--color-border);color:var(--color-text);border-radius:20px;padding:10px 16px;font-size:.85rem;line-height:1.3;min-height:40px;max-width:320px;white-space:normal}.response-options__chip:active{background:var(--color-tint)}.chat-screen__scroll{flex:1;min-height:0;overflow-y:auto}.narrator-box{background:var(--color-narrator-tint);border-left:3px solid var(--color-narrator-accent);border-radius:var(--radius)}.narrator-box p{margin:0;font-family:var(--font-narrator);font-style:italic;color:var(--color-text-muted);line-height:1.6}.narrator-box p+p{margin-top:var(--space-2)}.narrator-box--note{align-self:center;max-width:90%;padding:var(--space-2) var(--space-3)}.narrator-box--note p{font-size:.85rem}.narrator-box--mission{background:var(--color-mission-tint);border-left-color:var(--color-mission-accent)}.narrator-box__mission-label{display:inline-flex;align-items:center;gap:4px;margin:0 0 var(--space-1)!important;font-style:normal!important;font-weight:700;color:var(--color-mission-accent)!important;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.chat-screen__messages{padding:var(--space-3) var(--space-3) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.bubble-row{display:flex;flex-direction:column;max-width:85%}@media (min-width: 600px){.bubble-row{max-width:65%}}.bubble-row--assistant{align-self:flex-start;align-items:flex-start}.bubble-row--user{align-self:flex-end;align-items:flex-end}.bubble{border-radius:var(--radius);padding:var(--space-3) var(--space-4);line-height:1.45}.bubble-row--assistant .bubble{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-top-left-radius:4px}.bubble-row--user .bubble{background:var(--scenario-accent, var(--color-primary));color:var(--scenario-accent-contrast, var(--color-primary-contrast));border-top-right-radius:4px}[data-contrast=high] .bubble-row--user .bubble{background:var(--color-primary);color:var(--color-primary-contrast)}.bubble--typing{color:var(--color-text-muted)}.bubble-row--assistant .bubble.bubble--narrator{background:var(--color-narrator-tint);border:none;border-left:3px solid var(--color-narrator-accent)}.bubble--narrator p{margin:0;font-family:var(--font-narrator);font-style:italic;color:var(--color-text-muted);line-height:1.6}.bubble--narrator p+p{margin-top:var(--space-2)}.bubble__speaker{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.bubble__explain{margin-top:var(--space-1)}.bubble__explain-button{background:none;border:var(--border-width) solid var(--color-border);color:var(--scenario-accent, var(--color-primary));border-radius:999px;padding:var(--space-1) var(--space-3);font-size:.78rem;min-height:32px}[data-contrast=high] .bubble__explain-button{color:var(--color-primary)}.bubble__explanation{margin-top:var(--space-2);background:var(--color-narrator-tint);border-left:3px solid var(--color-narrator-accent);border-radius:var(--radius);padding:var(--space-3);font-family:var(--font-narrator);font-style:italic;font-size:.9rem;line-height:1.6;color:var(--color-text-muted)}.bubble__explanation--error{background:var(--color-danger-bg);color:var(--color-danger)}.chat-screen__error{margin:0 var(--space-3) var(--space-2);background:var(--color-danger-bg);color:var(--color-danger);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:.85rem}.chat-screen__input{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom));background:transparent}.chat-screen__input textarea{flex:1;resize:none;border:var(--border-width) solid var(--color-border);border-radius:20px;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:1rem;line-height:1.4;min-height:44px;max-height:160px;overflow-y:auto}.chat-screen__input button{background:var(--scenario-accent, var(--color-primary));color:var(--scenario-accent-contrast, var(--color-primary-contrast));border:none;border-radius:999px;padding:0 var(--space-4);min-height:44px;min-width:44px;font-weight:600;flex-shrink:0}.chat-screen__input button:disabled{opacity:.5}[data-contrast=high] .chat-screen__input button{background:var(--color-primary);color:var(--color-primary-contrast)}@media (min-width: 1220px){.chat-screen__messages,.response-options,.chat-screen__input,.hint-bar,.chat-screen__error{width:100%;max-width:680px;margin-left:auto;margin-right:auto}.mission-badge{position:fixed;top:84px;left:calc(50% + 364px);margin:0;width:220px;max-width:220px}.chat-rail{display:block;position:fixed;top:220px;width:1px;height:460px;background:linear-gradient(to bottom,transparent,var(--color-border),transparent);z-index:0}.chat-rail--left{left:max(48px,calc(50% - 660px))}.chat-rail--right{right:max(48px,calc(50% - 660px))}.chat-header__row{padding:20px 60px;gap:16px}.chat-header__exit{min-width:48px;min-height:48px;font-size:25px}.chat-header__title{font-size:30px}.chat-header__hint,.chat-header__voice,.chat-header__access{padding:14px 24px;min-height:48px;font-size:16px}.bubble__speaker{font-size:1.125rem}.bubble--narrator p,.bubble__text{font-size:16.5px}.bubble__explain-button{padding:4px 10px;font-size:13px}.chat-screen__input textarea{padding:13px 18px;font-size:15px}.chat-screen__input button{padding:0 32px;min-height:52px;font-size:17px}}.reflection-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;z-index:20}.reflection-panel{width:100%;max-width:640px;margin:0 auto;background:var(--color-surface);border-radius:var(--radius) var(--radius) 0 0;max-height:calc(82vh / var(--zoom-factor, 1));display:flex;flex-direction:column}.reflection-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-2);flex-shrink:0}.reflection-panel__body{overflow-y:auto;padding:var(--space-2) var(--space-4) var(--space-4)}.reflection-panel__footer{flex-shrink:0;padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom));border-top:var(--border-width) solid var(--color-border)}.reflection-panel__finish{width:100%;background:var(--color-primary);color:var(--color-primary-contrast);border:none;border-radius:999px;min-height:44px;font-weight:600;font-size:.95rem}.reflection-panel__header h2{margin:0;font-size:1.15rem}.reflection-panel__subtitle{margin:var(--space-1) 0 0;font-size:.8rem;color:var(--color-text-muted)}.reflection-panel__close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--color-text-muted);min-height:44px;min-width:44px}.reflection-panel__loading p,.reflection-panel__body p{line-height:1.6;margin:0}.reflection-panel__loading-note{margin-top:var(--space-2)!important;font-size:.85rem;color:var(--color-text-muted)}.reflection-panel__error{color:var(--color-danger)}.reflection-history__empty{color:var(--color-text-muted);line-height:1.6}.voice-call{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) var(--space-4);padding-top:max(40px,env(safe-area-inset-top));padding-bottom:max(var(--space-5),env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--scenario-accent) 6%,#faf6f0),#f7f2ea 70%);color:#2a2620;text-align:center}[data-contrast=high] .voice-call{background:var(--color-bg);color:var(--color-text)}.voice-call__top{flex-shrink:0}.voice-call__name{margin:0;font-family:var(--font-narrator);font-size:1.7rem;font-weight:500;letter-spacing:.01em;color:#2a2620}.voice-call__status{margin:var(--space-2) 0 0;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--scenario-accent) 55%,#6b6355)}.voice-call__intro{margin:var(--space-3) auto 0;max-width:30em;font-family:var(--font-narrator);font-style:italic;font-size:.92rem;line-height:1.5;color:#4a4438}.voice-call__wrap-up{margin:var(--space-3) auto 0;max-width:26em;padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:color-mix(in srgb,var(--scenario-accent) 14%,transparent);color:color-mix(in srgb,var(--scenario-accent) 80%,#2a2620);font-size:.85rem;font-weight:600;line-height:1.45}.voice-call__ask{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);max-width:26em;margin:0 auto;padding:0 var(--space-4);text-align:center}.voice-call__ask-title{margin:0;font-family:var(--font-narrator);font-size:1.3rem;font-weight:500;color:#2a2620}.voice-call__ask-text{margin:0;font-size:.9rem;line-height:1.5;color:#6b6355}.voice-call__ask-buttons{display:flex;gap:var(--space-3);margin-top:var(--space-3);width:100%;max-width:320px}.voice-call__ask-skip,.voice-call__ask-yes{flex:1;min-height:48px;border-radius:999px;font-weight:600;font-size:.95rem}.voice-call__ask-skip{background:#2a262014;border:none;color:#2a2620}.voice-call__ask-yes{background:var(--scenario-accent);border:none;color:var(--scenario-accent-contrast)}.voice-call__loop-wrapper{--amp: 0;flex:1;display:flex;align-items:center;justify-content:center;width:100%}.voice-call__loop{width:min(320px,78vw);height:auto;overflow:visible}.voice-call__loop-base{fill:none;stroke-linecap:round;r:var(--r, 34);filter:url(#voice-ink-wobble);stroke:color-mix(in srgb,var(--scenario-accent) 70%,#2a2620);stroke-width:calc(1.5px + var(--amp) * 1.5px);opacity:.4;transition:stroke .5s ease,opacity .5s ease}.voice-call__loop-pulse{fill:var(--scenario-accent);cx:85;cy:50;r:calc(1.7px + var(--amp) * 1.6px);filter:drop-shadow(0 0 calc(2px + var(--amp) * 7px) var(--scenario-accent));animation:voice-loop-orbit 6s linear infinite,voice-loop-pulse-glow 2.2s ease-in-out infinite}.voice-call__loop-pulse--2{r:calc(1.2px + var(--amp) * 1.3px);animation-delay:-2.6s,-1.1s}@keyframes voice-loop-orbit{0%{cx:85;cy:50}8.333%{cx:80.31;cy:67.5}16.667%{cx:67.5;cy:80.31}25%{cx:50;cy:85}33.333%{cx:32.5;cy:80.31}41.667%{cx:19.69;cy:67.5}50%{cx:15;cy:50}58.333%{cx:19.69;cy:32.5}66.667%{cx:32.5;cy:19.69}75%{cx:50;cy:15}83.333%{cx:67.5;cy:19.69}91.667%{cx:80.31;cy:32.5}to{cx:85;cy:50}}@keyframes voice-loop-pulse-glow{0%,to{opacity:.55}50%{opacity:1}}.voice-call__loop-bloom{fill:none;stroke:var(--scenario-accent);stroke-width:9;opacity:.16;r:var(--r, 34);filter:blur(9px);transition:opacity .5s ease,filter .5s ease}.voice-call__loop-wrapper--listening .voice-call__loop-base{stroke:color-mix(in srgb,var(--scenario-accent) 85%,#2a2620);opacity:.55}.voice-call__loop-wrapper--listening .voice-call__loop-bloom{opacity:.22;filter:blur(5px)}.voice-call__loop-wrapper--listening .voice-call__loop-pulse{animation-duration:9s,2.2s}.voice-call__loop-wrapper--thinking .voice-call__loop-pulse{animation-play-state:paused;opacity:.35}.voice-call__loop-wrapper--thinking .voice-call__loop-base{opacity:.3}.voice-call__loop-wrapper--thinking .voice-call__loop-bloom{animation:voice-loop-shimmer 2.4s ease-in-out infinite;filter:blur(18px)}@keyframes voice-loop-shimmer{0%,to{opacity:.14}50%{opacity:.26}}.voice-call__loop-wrapper--speaking .voice-call__loop-base{stroke:color-mix(in srgb,var(--scenario-accent) 82%,#2a2620);opacity:.5}.voice-call__loop-wrapper--speaking .voice-call__loop-bloom{opacity:.27;filter:blur(12px)}.voice-call__loop-wrapper--speaking .voice-call__loop-pulse{r:calc(2px + var(--amp) * 2.6px);filter:drop-shadow(0 0 calc(3px + var(--amp) * 11px) var(--scenario-accent));animation-duration:4s,1.8s}.voice-call__loop-wrapper--ending{transition:opacity .65s ease-out,transform .65s ease-out;opacity:.15;transform:scale(.94)}.voice-call__loop-wrapper--ending .voice-call__loop-pulse{animation-play-state:paused}[data-motion=reduce] .voice-call__loop-pulse{animation:none;opacity:.7}.voice-call__loop-wrapper--error .voice-call__loop-base{stroke:#9a9284;opacity:.7}.voice-call__loop-wrapper--error .voice-call__loop-pulse,.voice-call__loop-wrapper--error .voice-call__loop-bloom,.voice-call__loop-wrapper--error .voice-call__loop-nodes{display:none}.voice-call__loop-node{fill:var(--scenario-accent);animation:voice-loop-twinkle 3.6s ease-in-out infinite}.voice-call__loop-node--1{animation-delay:0s}.voice-call__loop-node--2{animation-delay:.5s}.voice-call__loop-node--3{animation-delay:1s}.voice-call__loop-node--4{animation-delay:1.5s}.voice-call__loop-node--5{animation-delay:2s}.voice-call__loop-node--6{animation-delay:2.5s}.voice-call__loop-node--7{animation-delay:3s}.voice-call__loop-node--8{animation-delay:.8s}@keyframes voice-loop-twinkle{0%,to{opacity:.12}50%{opacity:.7}}[data-motion=reduce] .voice-call__loop-node{animation:none;opacity:.3}.voice-call__controls{flex-shrink:0;display:flex;gap:var(--space-5)}.voice-call__icon-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:none;background:transparent;color:#2a2620}.voice-call__icon-btn:hover,.voice-call__icon-btn:focus-visible,.voice-call__icon-btn[aria-pressed=true]{background:color-mix(in srgb,var(--scenario-accent) 14%,transparent)}.voice-call__icon-btn:disabled{opacity:.35}.voice-call__icon-btn--end{color:#b3403a}.voice-call__icon-btn--end:hover,.voice-call__icon-btn--end:focus-visible{background:color-mix(in srgb,#b3403a 14%,transparent)}.mode-select{position:relative;min-height:calc(100dvh / var(--zoom-factor, 1));display:flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-4)}.mode-select__back{position:fixed;top:max(var(--space-3),env(safe-area-inset-top));left:var(--space-3);z-index:10;background:#2622330f;color:var(--color-text);border:none;border-radius:999px;min-width:40px;min-height:40px;font-size:1.1rem}[data-theme=dark] .mode-select__back{background:#ffffff1a}.mode-select__content{position:relative;z-index:1;width:100%;max-width:480px;background:var(--color-surface);border-radius:var(--radius);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;box-shadow:0 12px 32px #26223324}.mode-select__dot{width:10px;height:10px;border-radius:50%;background:var(--scenario-accent, var(--color-primary))}.mode-select__title{margin:0;font-size:1.4rem;font-weight:700}.mode-select__intro{margin:var(--space-1) 0 0;background:color-mix(in srgb,var(--scenario-accent) 12%,var(--color-tint));border-radius:var(--radius);padding:12px 14px;font-family:var(--font-narrator);font-style:italic;font-size:14.5px;line-height:1.55}.mode-select__practice{align-self:center;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:color-mix(in srgb,var(--scenario-accent) 18%,var(--color-tint));color:var(--scenario-accent, var(--color-primary));font-size:11.5px;font-weight:600}.mode-select__prompt{margin:var(--space-4) 0 0;font-weight:600;font-size:.95rem}.mode-select__options{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-top:var(--space-2)}.mode-select__option{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:var(--color-tint);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-4) var(--space-3);color:var(--color-text-muted)}.mode-select__option:hover,.mode-select__option:focus-visible{border-color:var(--color-primary);color:var(--color-primary)}.mode-select__option--voice{color:var(--scenario-accent, var(--color-primary))}.mode-select__option--voice:hover,.mode-select__option--voice:focus-visible{border-color:var(--scenario-accent, var(--color-primary));color:var(--scenario-accent, var(--color-primary))}.mode-select__option-title{font-size:1rem;font-weight:700;color:var(--color-text)}.mode-select__option-desc{font-size:.82rem;color:var(--color-text-muted);line-height:1.4}@media (min-width: 480px){.mode-select__options{flex-direction:row}}.reflection-history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.reflection-history__item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);text-align:left;background:var(--color-tint);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);min-height:44px}.reflection-history__item-title{font-weight:600;font-size:.9rem}.reflection-history__item-date{flex-shrink:0;font-size:.75rem;color:var(--color-text-muted)}.reflection-section{margin-bottom:var(--space-5)}.reflection-section:last-child{margin-bottom:0}.reflection-section h3{margin:0 0 var(--space-2);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.reflection-section p{line-height:1.6;margin:0}.reflection-section ul{margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.reflection-section li{line-height:1.5}.reflection-style-label{font-size:1.05rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-1)!important}.reflection-balance__bar{display:flex;width:100%;height:10px;border-radius:999px;overflow:hidden;background:var(--color-border)}.reflection-balance__segment--user{background:var(--color-primary)}.reflection-balance__segment--npc{background:var(--color-accent)}.reflection-balance__label{margin-top:var(--space-2)!important;font-size:.85rem;color:var(--color-text-muted)}.a11y-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px solid #4d4058;background:#6c5b7b24;color:#4d4058;border-radius:999px;padding:10px 18px;min-height:44px;font-size:14px;font-weight:500;white-space:nowrap}@media (max-width: 420px){.a11y-button__optional{display:none}}[data-theme=dark] .a11y-button{border-color:#cbb9dc;background:#b3a0c724;color:#cbb9dc}[data-contrast=high] .a11y-button{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.picker__history-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--color-narrator-tint);border:1.5px solid var(--color-narrator-accent);color:var(--color-narrator-accent);border-radius:999px;padding:10px 18px;min-height:44px;font-size:14px;font-weight:500;white-space:nowrap}[data-contrast=high] .picker__history-button{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.a11y-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:30;display:flex;justify-content:flex-end}.a11y-panel{width:min(360px,100%);height:100%;background:var(--color-surface);overflow-y:auto;padding:var(--space-4);padding-top:max(var(--space-4),env(safe-area-inset-top));padding-bottom:max(var(--space-4),env(safe-area-inset-bottom));animation:a11y-slide-in .2s ease-out}@keyframes a11y-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.a11y-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);position:sticky;top:0;background:var(--color-surface)}.a11y-panel__header h2{margin:0;font-size:1.15rem}.a11y-panel__close{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--color-text-muted);min-height:44px;min-width:44px}.a11y-field{margin-bottom:var(--space-5)}.a11y-field__label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.a11y-field__hint{font-size:.8rem;color:var(--color-text-muted);margin:0 0 var(--space-2);line-height:1.4}.a11y-field__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.a11y-field__options--spaced{margin-top:var(--space-2)}.a11y-option{background:var(--color-bg);border:var(--border-width) solid var(--color-border);color:var(--color-text);border-radius:999px;padding:var(--space-2) var(--space-3);min-height:40px;font-size:.82rem;font-weight:600}.a11y-option--active{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.a11y-option:disabled{opacity:.45}.a11y-option--danger{color:var(--color-danger);border-color:var(--color-danger)}.a11y-select{margin-top:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:var(--border-width) solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.85rem;min-height:40px}.scenario-card__favorite{position:absolute;top:var(--space-2);right:var(--space-2);background:#00000059;border:none;border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;line-height:1}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.tutorial-overlay__svg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.tutorial-overlay__scrim{pointer-events:auto}.tutorial-overlay__ring{filter:drop-shadow(0 0 6px rgba(0,0,0,.15))}.tutorial-overlay__callout{position:fixed;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius);padding:var(--space-4);box-shadow:0 12px 32px #14121b47}.tutorial-overlay__count{margin:0 0 var(--space-1);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary)}.tutorial-overlay__title{margin:0 0 var(--space-1);font-size:1rem;font-weight:700}.tutorial-overlay__text{margin:0 0 var(--space-3);font-size:.88rem;line-height:1.5;color:var(--color-text-muted)}.tutorial-overlay__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.tutorial-overlay__skip{background:none;border:none;color:var(--color-text-muted);font-size:.85rem;font-weight:600;padding:var(--space-2) 0}.tutorial-overlay__next{background:var(--color-primary);color:var(--color-primary-contrast);border:none;border-radius:999px;padding:var(--space-2) var(--space-4);min-height:40px;font-size:.85rem;font-weight:700}.tutorial-replay-button{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;min-height:44px;border-radius:999px;border:1.5px solid #6b6b6b;background:#6b6b6b1f;color:#5c5c5c;font-size:14px;font-weight:600;white-space:nowrap}.tutorial-replay-button span{font-weight:700}[data-contrast=high] .tutorial-replay-button{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text)}.scenario-card__favorite--active{color:var(--color-accent)}