.mic-help{text-align:left;margin-bottom:1.5rem;overflow-wrap:anywhere}.mic-help ol{margin:0;padding-left:1.5rem}.mic-help li+li{margin-top:.75rem}.mic-help h2{font-size:1.2rem}.alert.mic-help strong{display:inline;margin-bottom:0}:root{color-scheme:light;--paper: oklch(98% .018 80);--surface: oklch(100% 0 0);--ink: oklch(27% .065 269);--muted: oklch(46% .03 269);--blue: oklch(44% .2 267);--blue-deep: #253db1;--coral: oklch(52% .19 32);--yellow: oklch(87% .145 88);--yellow-soft: #ffda75;--pale: oklch(95% .046 90);--line: oklch(27% .065 269 / .17);--line-strong: oklch(27% .065 269 / .35);--navy: #202a4a;--focus: #a53024;--ok: oklch(55% .14 150);--warn: oklch(70% .15 70);--font-display: "Chillax", "Satoshi", system-ui, sans-serif;--font-body: "Satoshi", system-ui, sans-serif;--text-xs: clamp(.75rem, .72rem + .12vw, .875rem);--text-sm: clamp(.875rem, .84rem + .15vw, 1rem);--text-base: clamp(1rem, .96rem + .18vw, 1.125rem);--text-lg: clamp(1.2rem, 1.06rem + .5vw, 1.5rem);--text-xl: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem);--text-read: clamp(1.9rem, 1.3rem + 2.4vw, 3.4rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-full: 99rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.04em;line-height:1.15;margin:0}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}p{margin:0}a{color:var(--blue)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{border-bottom:1px solid var(--line);background:var(--paper)}.topbar-inner{width:min(1200px,calc(100% - 40px));margin-inline:auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding-block:var(--space-2)}.topbar-inner>.row{flex-wrap:wrap;justify-content:flex-end;min-width:0}@media(max-width:640px){.brand-tag{display:none}.brand{font-size:var(--text-base)}.brand svg{width:30px;height:30px}.topbar-inner{min-height:60px}.topbar-inner .button{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.main{width:calc(100% - 28px);padding-block:var(--space-6) var(--space-10)}.card{padding:var(--space-5)}.stage-body{padding:var(--space-6) var(--space-4)}.controls{padding:var(--space-4)}.tutor-line{grid-template-columns:44px 1fr}.tutor-avatar{width:44px;height:44px}.learner-line{padding-left:0}.notice-strip{font-size:var(--text-xs)}}.brand{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.06em;color:var(--ink);text-decoration:none;white-space:nowrap}.brand svg{width:36px;height:36px;color:var(--blue)}.brand-dot{color:var(--coral)}.brand-tag{font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-left:var(--space-2)}.notice-strip{background:var(--yellow);color:var(--navy);font-size:var(--text-sm);font-weight:700;text-align:center;padding:var(--space-2) var(--space-4)}.main{flex:1;width:min(1200px,calc(100% - 40px));margin-inline:auto;padding-block:var(--space-8) var(--space-12)}.footer{border-top:1px solid var(--line);padding:var(--space-6) 0;font-size:var(--text-xs);color:var(--muted)}.footer-inner{width:min(1200px,calc(100% - 40px));margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3)}.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);margin-bottom:var(--space-3)}.muted{color:var(--muted)}.small{font-size:var(--text-xs);color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 6px 0 var(--line)}.card-pale{background:var(--pale);box-shadow:none}.stack>*+*{margin-top:var(--space-4)}.stack-tight>*+*{margin-top:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}@media(max-width:860px){.grid-2{grid-template-columns:1fr;gap:var(--space-6)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid transparent;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:700;line-height:1.3;background:var(--blue);color:var(--paper);transition:transform .18s,background .18s,color .18s;text-decoration:none}.button:hover:not(:disabled){transform:translateY(-2px);background:var(--ink)}.button:active:not(:disabled){transform:translateY(1px)}.button-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.button-ghost:hover:not(:disabled){background:var(--pale);color:var(--ink)}.button-coral{background:var(--coral)}.button-yellow{background:var(--yellow);color:var(--navy)}.button-yellow:hover:not(:disabled){background:var(--yellow-soft);color:var(--navy)}.button-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.button-icon{width:44px;height:44px;padding:0;border-radius:50%}.button svg{width:18px;height:18px}.field{display:block}.field>span{display:block;font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-2)}.input,.select,.textarea{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.textarea{resize:vertical;min-height:80px;line-height:1.5}.check{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.check input{margin-top:.3em;width:18px;height:18px;flex-shrink:0;accent-color:var(--blue)}.pill{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);padding:.2rem var(--space-3);font-size:var(--text-xs);font-weight:700;border:1px solid var(--line);background:var(--surface);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pill-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.pill-ok .pill-dot{background:var(--ok)}.pill-warn .pill-dot{background:var(--warn)}.pill-off .pill-dot{background:var(--coral)}.pill-blue{background:var(--blue);color:var(--paper);border-color:transparent}.pill-coral{background:var(--coral);color:var(--paper);border-color:transparent}.pill-yellow{background:var(--yellow);color:var(--navy);border-color:transparent}.alert{border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-size:var(--text-sm);border:1px solid var(--line);background:var(--pale)}.alert-coral{border-color:var(--coral);background:#be260b14}.alert-blue{border-color:var(--blue);background:#2340be12}.alert strong{display:block;margin-bottom:var(--space-1)}.gate{display:grid;grid-template-columns:1.05fr 1fr;gap:var(--space-12);align-items:center}.gate-art img{width:100%;border-radius:46% 46% 10% 10%;aspect-ratio:1 / 1;object-fit:cover;background:#fcf0d9}.gate-art{position:relative}.gate-note{position:absolute;top:var(--space-4);right:var(--space-2);background:var(--yellow);color:var(--navy);padding:var(--space-2) var(--space-5);transform:rotate(6deg);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-base);box-shadow:3px 4px 0 var(--navy)}.status-list{list-style:none;margin:0;padding:0}.status-list li{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--line);font-size:var(--text-sm)}.status-list li:last-child{border-bottom:1px solid var(--line)}.status-list li span:first-child{color:var(--muted)}@media(max-width:900px){.gate{grid-template-columns:1fr;gap:var(--space-8)}.gate-art{max-width:420px;margin:0 auto}}.session{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:var(--space-6);align-items:start}@media(max-width:960px){.session{grid-template-columns:1fr}}.stage{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 8px 0 var(--line);overflow:hidden}.stage-top{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line);font-size:var(--text-xs);color:var(--muted);flex-wrap:wrap}.stage-top .spacer{flex:1}.stage-body{padding:var(--space-8) var(--space-6);min-height:300px;display:flex;flex-direction:column;gap:var(--space-6)}.reading{border:2px dashed var(--line-strong);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);text-align:center;background:var(--pale)}.reading-text{font-family:var(--font-display);font-size:var(--text-read);line-height:1.25;letter-spacing:-.03em;font-weight:600;color:var(--ink);overflow-wrap:anywhere}.reading-text mark{background:transparent;color:var(--blue);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:.18em;text-underline-offset:.12em}.reading-parts{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-lg);font-weight:500}.reading-parts span{border-bottom:3px solid var(--yellow);padding-inline:var(--space-1)}.reading-meta{margin-top:var(--space-4);display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.reading-empty{color:var(--muted);font-size:var(--text-sm)}.tutor-line{display:grid;grid-template-columns:56px 1fr;gap:var(--space-4);align-items:start}.tutor-avatar{width:56px;height:56px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;color:var(--navy);border:2px solid var(--navy)}.tutor-avatar svg{width:32px;height:32px}.tutor-avatar.speaking{animation:bob .9s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.tutor-bubble{background:var(--pale);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-size:var(--text-base);line-height:1.55}.learner-line{font-size:var(--text-sm);color:var(--muted);padding-left:calc(56px + var(--space-4))}.learner-line em{font-style:normal;color:var(--ink)}.controls{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;padding:var(--space-5) var(--space-6);border-top:1px solid var(--line);background:var(--paper)}.controls .spacer{flex:1}.listen-state{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:700}.listen-orb{width:14px;height:14px;border-radius:50%;background:var(--muted)}.listen-orb.listening{background:var(--coral);box-shadow:0 0 #be260b80;animation:pulse 1.4s ease-out infinite}.listen-orb.speaking{background:var(--blue)}.listen-orb.thinking{background:var(--yellow);animation:blink .8s ease-in-out infinite}@keyframes pulse{to{box-shadow:0 0 0 12px #be260b00}}@keyframes blink{50%{opacity:.4}}.start-hero{text-align:center;padding:var(--space-8) var(--space-4)}.start-button{width:min(100%,360px);min-height:88px;font-size:var(--text-lg);border-radius:var(--radius-full);margin-top:var(--space-6)}.typed-row{display:flex;gap:var(--space-3);align-items:stretch}.typed-row .input{flex:1}.panel h3{margin-bottom:var(--space-3)}.evidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.evidence-cell{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3);text-align:center}.evidence-cell strong{display:block;font-family:var(--font-display);font-size:var(--text-lg)}.evidence-cell span{font-size:var(--text-xs);color:var(--muted)}.timeline{list-style:none;margin:0;padding:0;max-height:320px;overflow:auto}.timeline li{padding:var(--space-3) 0;border-top:1px solid var(--line);font-size:var(--text-sm)}.timeline li .small{display:block;margin-top:var(--space-1)}.tag{display:inline-block;font-size:var(--text-xs);font-weight:700;padding:.1rem var(--space-2);border-radius:var(--radius-sm);background:var(--pale);border:1px solid var(--line);margin-right:var(--space-2)}.tag-independent{background:#1c874226}.tag-with_help{background:#fcce5580}.tag-not_yet{background:#be260b1f}.tag-unclear{background:var(--pale)}.meter{height:8px;border-radius:var(--radius-full);background:var(--pale);overflow:hidden}.meter>span{display:block;height:100%;background:var(--blue);transition:width .6s linear}details.disclosure{border-top:1px solid var(--line)}details.disclosure summary{cursor:pointer;padding:var(--space-3) 0;font-weight:700;font-size:var(--text-sm);list-style:none}details.disclosure summary::-webkit-details-marker{display:none}details.disclosure p{padding-bottom:var(--space-3);font-size:var(--text-sm);color:var(--muted)}.help-overlay{position:fixed;inset:0;background:#172449a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:var(--space-4);z-index:20}.help-dialog{width:min(560px,100%);background:var(--paper);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--line);box-shadow:0 24px 80px #15204644}.help-dialog h2{margin-bottom:var(--space-3)}.help-dialog ol{padding-left:1.2em;margin:var(--space-4) 0;font-size:var(--text-sm)}.help-dialog li+li{margin-top:var(--space-2)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:640px){.evidence-grid{grid-template-columns:repeat(2,1fr)}.reading{padding:var(--space-6) var(--space-4)}}