.auth-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in oklch,var(--ink) 45%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade var(--duration) var(--ease-out-expo)}@keyframes fade{0%{opacity:0}}.auth-card{position:relative;width:min(420px,100%);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-lg);animation:rise var(--duration) var(--ease-out-expo)}.auth-close{position:absolute;top:var(--space-4);right:var(--space-4);display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-pill);font-size:1.4rem;line-height:1;color:var(--ink-soft);border:1px solid transparent;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.auth-close:hover{background:var(--paper);border-color:var(--line);color:var(--ink)}.auth-card h2{font-size:var(--text-xl)}.auth-sub{color:var(--ink-soft);font-size:var(--text-sm);margin-top:.4rem;margin-bottom:var(--space-5)}.auth-card form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-card label{display:flex;flex-direction:column;gap:.4rem;font-size:var(--text-sm);font-weight:500;color:var(--ink-soft)}.auth-card input{font:inherit;padding:.7rem .9rem;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.auth-card input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.auth-submit{justify-content:center;margin-top:var(--space-2)}.auth-error{color:var(--accent-strong);font-size:var(--text-sm)}.auth-notice{color:var(--good);font-size:var(--text-sm)}.auth-switch{margin-top:var(--space-5);width:100%;text-align:center;font-size:var(--text-sm);color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px}.auth-switch:hover{color:var(--ink)}.voice-menu{position:relative}.voice-trigger{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper-raised);font-size:1rem;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-fast)}.voice-trigger:hover{border-color:var(--line-strong);transform:translateY(-1px)}.voice-pop{position:absolute;top:calc(100% + 10px);right:0;width:min(300px,78vw);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:80;animation:rise var(--duration) var(--ease-out-expo)}.voice-pop-title{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);padding:var(--space-2) var(--space-2) var(--space-3)}.voice-option{display:flex;align-items:flex-start;gap:var(--space-3);width:100%;text-align:left;padding:.7rem;border-radius:var(--radius);transition:background var(--duration-fast)}.voice-option:hover{background:var(--paper)}.voice-option.active{background:var(--accent-tint)}.voice-check{color:var(--accent);font-size:.8rem;line-height:1.4}.voice-body{display:flex;flex-direction:column;gap:.15rem}.voice-label{display:flex;align-items:baseline;gap:.5rem;font-weight:600;font-size:var(--text-sm)}.voice-label em{font-style:normal;font-weight:500;font-size:var(--text-xs);color:var(--ink-faint)}.voice-blurb{font-size:var(--text-xs);color:var(--ink-soft)}.voice-note{font-size:var(--text-xs);color:var(--ink-faint);line-height:var(--leading-normal);padding:var(--space-3) var(--space-2) var(--space-2);border-top:1px solid var(--line);margin-top:var(--space-2)}.convo{display:flex;flex-direction:column;height:calc(100dvh - 68px)}.convo-head{display:flex;align-items:center;gap:var(--space-4);padding-block:var(--space-4);width:min(760px,92vw)}.convo-head .back-link{margin-bottom:0}.convo-title{display:flex;align-items:center;gap:.7rem;margin-inline:auto 0}.convo-title .persona-avatar{width:40px;height:40px;font-size:1rem;background:color-mix(in oklch,var(--world-hue) 22%,var(--paper-raised));color:color-mix(in oklch,var(--world-hue) 65%,var(--ink))}.convo-title strong{display:block;line-height:1.1}.convo-sub{font-size:var(--text-xs);color:var(--ink-faint)}.mode-badge{font-size:var(--text-xs);padding:.3rem .65rem;border-radius:var(--radius-pill);background:var(--warn-tint);color:color-mix(in oklch,var(--warn) 55%,var(--ink));border:1px solid color-mix(in oklch,var(--warn) 40%,transparent)}.transcript{flex:1;overflow-y:auto;width:min(760px,92vw);padding-block:var(--space-4) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);scroll-behavior:smooth}.scene-note{font-size:var(--text-sm);color:var(--ink-faint);font-style:italic;padding:var(--space-4);border-left:2px solid var(--world-hue);background:color-mix(in oklch,var(--world-hue) 6%,transparent);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:var(--space-2)}.bubble{max-width:78%;padding:.8rem 1.05rem;border-radius:var(--radius-lg);animation:rise var(--duration) var(--ease-out-expo) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bubble p{line-height:var(--leading-snug)}.bubble.persona{align-self:flex-start;background:var(--paper-raised);border:1px solid var(--line);border-bottom-left-radius:6px}.bubble-name{display:block;font-size:var(--text-xs);font-weight:600;color:color-mix(in oklch,var(--world-hue) 60%,var(--ink));margin-bottom:.2rem}.bubble.user{align-self:flex-end;background:var(--accent);color:#fffbf5;color:oklch(99% .01 78);border-bottom-right-radius:6px}.bubble.user.interim{background:color-mix(in oklch,var(--accent) 45%,var(--paper-raised));color:var(--ink);border:1px dashed color-mix(in oklch,var(--accent) 50%,var(--line))}.convo-error{align-self:center;color:var(--accent-strong);font-size:var(--text-sm)}.convo-controls{border-top:1px solid var(--line);background:color-mix(in oklch,var(--paper) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-block:var(--space-4)}.convo-controls-inner{display:flex;align-items:center;justify-content:space-between;width:min(760px,92vw)}.orb-wrap{display:flex;align-items:center;gap:var(--space-4)}.orb{position:relative;width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fffbf5;color:oklch(99% .01 78);display:grid;place-items:center;box-shadow:var(--shadow);transition:transform var(--duration) var(--ease-spring),background var(--duration)}.orb:hover:not(:disabled){transform:scale(1.06)}.orb:disabled{cursor:default;opacity:.85}.orb-core{position:relative;z-index:2;font-size:1.3rem;line-height:1}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--accent);opacity:0}.orb.listening{background:var(--accent-strong)}.orb.listening .orb-ring{animation:pulse 1.8s var(--ease-out-expo) infinite}.orb.listening .orb-ring.delay{animation-delay:.9s}@keyframes pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.orb.speaking{background:var(--teal)}.orb.speaking .orb-ring{border-color:var(--teal);animation:pulse 1.4s ease-out infinite}.orb.thinking{background:var(--ink-faint)}.orb.thinking .orb-core{animation:blink 1s ease-in-out infinite}@keyframes blink{50%{opacity:.4}}.orb-status{font-size:var(--text-sm);color:var(--ink-soft);font-weight:500}.end-btn{white-space:nowrap}@media (max-width: 560px){.end-btn{padding-inline:.9rem;font-size:var(--text-xs)}.bubble{max-width:86%}}.report{padding-top:var(--space-5)}.report-hero{padding-block:var(--space-4) var(--space-6)}.report-hero .eyebrow{display:block;margin-block:var(--space-2) var(--space-4)}.report-hero-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.report-hero h1{font-size:var(--text-2xl);max-width:18ch}.report-summary{color:var(--ink-soft);margin-top:var(--space-3);max-width:46ch}.overall{flex-shrink:0;display:grid;place-items:center;width:128px;height:128px;border-radius:50%;border:3px solid var(--accent);background:var(--accent-tint)}.overall.high{border-color:var(--good);background:var(--good-tint)}.overall.mid{border-color:var(--warn);background:var(--warn-tint)}.overall-num{font-family:var(--font-display);font-size:3rem;line-height:1;color:var(--ink)}.overall-lbl{font-size:var(--text-xs);color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase}.report-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.score-card{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--paper-raised);border:1px solid var(--line)}.score-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.score-label{font-weight:600}.score-val{font-family:var(--font-display);font-size:1.4rem}.score-val.high{color:var(--good)}.score-val.mid{color:var(--warn)}.score-val.low{color:var(--accent-strong)}.score-bar{height:7px;border-radius:var(--radius-pill);background:var(--line);overflow:hidden}.score-fill{height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width var(--duration-slow) var(--ease-out-expo)}.score-fill.high{background:var(--good)}.score-fill.mid{background:var(--warn)}.score-note{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--ink-soft);line-height:var(--leading-normal)}.report-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.report-block{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--line)}.report-block h2{font-size:var(--text-lg);margin-bottom:var(--space-3)}.report-block.wins{background:var(--good-tint);border-color:color-mix(in oklch,var(--good) 30%,transparent)}.report-block.try{background:var(--paper-raised)}.report-block.wins ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.report-block.wins li{position:relative;padding-left:1.5rem;font-size:var(--text-sm);line-height:var(--leading-normal)}.report-block.wins li:before{content:"✓";position:absolute;left:0;color:var(--good);font-weight:700}.report-block.try p{color:var(--ink-soft);line-height:var(--leading-normal)}.report-highlight{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--ink);color:var(--paper);margin-bottom:var(--space-6)}:root[data-theme=dark] .report-highlight{background:var(--paper-raised);border:1px solid var(--line-strong);color:var(--ink)}.report-highlight .eyebrow{color:color-mix(in oklch,var(--paper) 70%,var(--accent))}.report-highlight blockquote{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-snug);margin-block:var(--space-3)}.highlight-why{font-size:var(--text-sm);opacity:.85}.report-metrics{margin-bottom:var(--space-6)}.report-metrics .eyebrow{display:block;margin-bottom:var(--space-4)}.metric-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4)}.metric{padding:var(--space-4);border-radius:var(--radius);background:var(--paper-raised);border:1px solid var(--line);text-align:center}.metric-val{display:block;font-family:var(--font-display);font-size:1.9rem;color:var(--accent);line-height:1}.metric-lbl{display:block;margin-top:.35rem;font-size:var(--text-xs);color:var(--ink-soft)}.report-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}@media (max-width: 640px){.report-hero-grid{flex-direction:column-reverse;align-items:flex-start}.report-cols{grid-template-columns:1fr}}.train-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4)}.train-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-sm);min-height:210px;transition:transform var(--duration) var(--ease-out-expo),box-shadow var(--duration) var(--ease-out-expo),border-color var(--duration)}.train-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 90% at 100% 0%,color-mix(in oklch,var(--drill-hue) 20%,transparent),transparent 55%);pointer-events:none}.train-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in oklch,var(--drill-hue) 40%,var(--line))}.train-emoji{font-size:2rem}.train-card h3{font-size:var(--text-xl)}.train-card p{color:var(--ink-soft);font-size:var(--text-sm);flex:1}.train-go{position:relative;z-index:1;font-size:var(--text-sm);font-weight:600;color:color-mix(in oklch,var(--drill-hue) 60%,var(--ink))}.drill{width:min(720px,92vw);margin-inline:auto}.drill-stage{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.drill-kicker{font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.drill-target{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-snug);max-width:30ch}.drill-hint{color:var(--ink-soft);font-size:var(--text-sm)}.drill-mic{position:relative;width:76px;height:76px;border-radius:50%;background:var(--accent);color:#fffbf5;color:oklch(99% .01 78);display:grid;place-items:center;font-size:1.5rem;box-shadow:var(--shadow);transition:transform var(--duration) var(--ease-spring),background var(--duration)}.drill-mic:hover:not(:disabled){transform:scale(1.06)}.drill-mic:disabled{opacity:.6;cursor:default}.drill-mic.on{background:var(--accent-strong)}.drill-mic.on:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--accent);animation:pulse 1.7s var(--ease-out-expo) infinite}.drill-interim{min-height:1.4em;color:var(--ink-soft);font-style:italic;max-width:40ch}.word-card{text-align:left;align-items:stretch;gap:var(--space-3)}.word-head{display:flex;align-items:baseline;gap:var(--space-3)}.word-head h2{font-size:var(--text-2xl)}.word-pos{font-style:italic;color:var(--ink-faint);font-size:var(--text-sm)}.word-def{font-size:var(--text-lg)}.word-example{color:var(--ink-soft);font-style:italic;padding-left:var(--space-4);border-left:2px solid var(--accent)}.drill-feedback{width:100%;padding:var(--space-5);border-radius:var(--radius);border:1px solid var(--line);text-align:left}.drill-feedback.good{background:var(--good-tint);border-color:color-mix(in oklch,var(--good) 35%,transparent)}.drill-feedback.mid{background:var(--warn-tint);border-color:color-mix(in oklch,var(--warn) 35%,transparent)}.drill-feedback .fb-note{margin-top:var(--space-2);color:var(--ink-soft);font-size:var(--text-sm)}.drill-better{margin-top:var(--space-3);font-size:var(--text-sm)}.drill-better em{color:var(--ink);font-style:italic}.accuracy-ring{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;border:3px solid var(--accent);font-family:var(--font-display);font-size:2.2rem}.accuracy-ring.high{border-color:var(--good)}.accuracy-ring.mid{border-color:var(--warn)}.missed{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.missed .tag{background:var(--warn-tint);border-color:color-mix(in oklch,var(--warn) 30%,transparent)}.drill-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.pack-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-5)}.pack-chip{padding:.4rem .9rem;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper-raised);font-size:var(--text-sm);font-weight:500;color:var(--ink-soft);transition:all var(--duration-fast)}.pack-chip.active{background:var(--accent);color:#fffbf5;color:oklch(99% .01 78);border-color:var(--accent)}.timer{font-family:var(--font-display);font-size:2.4rem;color:var(--accent)}.live-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-sm);position:sticky;top:80px;z-index:10}.live-bar .drill-mic{width:60px;height:60px;font-size:1.2rem;flex-shrink:0}.live-status{display:flex;flex-direction:column;gap:.2rem;min-width:0}.live-interim{color:var(--ink-soft);font-style:italic;font-size:var(--text-sm);min-height:1.3em}.live-feed{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.live-entry{padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--paper-raised);border:1px solid var(--line);animation:rise var(--duration) var(--ease-out-expo)}.live-said{font-family:var(--font-display);font-weight:500;margin-bottom:var(--space-3)}.live-loading{font-size:var(--text-sm);color:var(--ink-faint);font-style:italic}.live-clean{font-size:var(--text-sm);color:var(--good);font-weight:600}.upgrades{display:flex;flex-direction:column;gap:var(--space-2)}.upgrade{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:var(--text-sm)}.up-from{padding:.15rem .55rem;border-radius:var(--radius-pill);background:var(--warn-tint);color:color-mix(in oklch,var(--warn) 60%,var(--ink));text-decoration:line-through;text-decoration-color:color-mix(in oklch,var(--warn) 60%,transparent)}.up-arrow{color:var(--ink-faint)}.up-to{padding:.15rem .6rem;border-radius:var(--radius-pill);background:color-mix(in oklch,var(--accent) 16%,var(--paper));color:var(--accent-strong);font-weight:600}.up-why{color:var(--ink-faint);font-size:var(--text-xs)}.live-figure{margin-top:var(--space-3);font-size:var(--text-sm);color:color-mix(in oklch,var(--world-figures) 60%,var(--ink));font-style:italic}@media (max-width: 560px){.live-bar{top:72px}.up-why{width:100%}}.interview{width:min(920px,92vw);margin-inline:auto}.iv-setup{display:flex;flex-wrap:wrap;gap:var(--space-5);padding:var(--space-5);margin-bottom:var(--space-5)}.iv-field{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:240px}.iv-field label{font-size:var(--text-sm);font-weight:600;color:var(--ink-soft)}.iv-field label span{font-weight:400;color:var(--ink-faint)}.iv-field input{font:inherit;padding:.7rem .9rem;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.iv-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.iv-toggle{display:inline-flex;padding:4px;border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--line);gap:2px;width:fit-content}.iv-toggle button{padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;color:var(--ink-soft);transition:background var(--duration-fast),color var(--duration-fast)}.iv-toggle button.active{background:var(--grad-primary);color:#fbfbff}.iv-modes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-section)}.iv-mode{text-align:left;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--duration) var(--ease-out-expo),box-shadow var(--duration) var(--ease-out-expo),border-color var(--duration)}.iv-mode:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in oklch,var(--accent) 40%,var(--line))}.iv-mode-emoji{font-size:1.9rem}.iv-mode h3{font-size:var(--text-xl)}.iv-mode p{color:var(--ink-soft);font-size:var(--text-sm);flex:1}.iv-mode-go{font-size:var(--text-sm);font-weight:600;color:var(--accent-strong);margin-top:var(--space-2)}.star-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-4)}.star-card{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--paper-raised);border:1px solid var(--line)}.star-letter{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--grad-primary);color:#fbfbff;font-family:var(--font-display);font-weight:700;font-size:1.25rem;margin-bottom:var(--space-3)}.star-card strong{display:block;margin-bottom:.25rem}.star-card p{color:var(--ink-soft);font-size:var(--text-sm);line-height:var(--leading-normal)}@media (max-width: 640px){.iv-modes{grid-template-columns:1fr}}main{min-height:calc(100dvh - 68px);padding-bottom:var(--space-section)}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:68px;padding-inline:clamp(1rem,4vw,2rem);-webkit-backdrop-filter:saturate(140%) blur(12px);backdrop-filter:saturate(140%) blur(12px);background:color-mix(in oklch,var(--paper) 78%,transparent);border-bottom:1px solid var(--line)}.nav-brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:600;font-size:1.35rem;letter-spacing:-.02em}.nav-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--grad-primary);color:#fbfbff;font-size:1.1rem;box-shadow:0 2px 10px color-mix(in oklch,var(--accent) 40%,transparent)}.nav-links{display:flex;align-items:center;gap:.4rem}.nav-link{padding:.5rem .85rem;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;color:var(--ink-soft);transition:background var(--duration-fast),color var(--duration-fast)}.nav-link:hover{background:var(--paper-raised);color:var(--ink)}.nav-link.active{color:var(--ink)}.nav-signin{font-weight:600;color:var(--accent-strong)}.nav-account{display:grid;place-items:center}.account-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--grad-primary);color:#fbfbff;font-weight:700;font-size:.85rem;transition:transform var(--duration-fast) var(--ease-spring)}.nav-account:hover .account-avatar{transform:scale(1.08)}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper-raised);font-size:1rem;transition:transform var(--duration-fast) var(--ease-spring),border-color var(--duration-fast)}.theme-toggle:hover{border-color:var(--line-strong);transform:rotate(-12deg)}.hero{padding-block:clamp(3rem,4vw,5.5rem) var(--space-8)}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border-radius:var(--radius-pill);background:var(--paper-raised);border:1px solid var(--line);margin-bottom:var(--space-5)}.hero-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px var(--good-tint)}.hero h1{font-size:var(--text-hero);max-width:14ch;margin-bottom:var(--space-5)}.hero h1 em{font-style:italic;color:var(--accent)}.hero-lede{font-size:var(--text-lg);color:var(--ink-soft);max-width:46ch;margin-bottom:var(--space-6);line-height:var(--leading-snug)}.hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.hero-note{font-size:var(--text-sm);color:var(--ink-faint)}.section{margin-top:var(--space-section)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.section-head h2{font-size:var(--text-2xl)}.section-head p{color:var(--ink-soft);max-width:40ch}.worlds{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4)}.world-card{position:relative;overflow:hidden;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;min-height:190px;transition:transform var(--duration) var(--ease-out-expo),box-shadow var(--duration) var(--ease-out-expo),border-color var(--duration)}.world-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 100% 0%,color-mix(in oklch,var(--world-hue) 22%,transparent) 0%,transparent 55%);opacity:.9;pointer-events:none;transition:opacity var(--duration)}.world-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in oklch,var(--world-hue) 40%,var(--line))}.world-card:hover:after{opacity:1}.world-card:nth-child(1){grid-column:span 7}.world-card:nth-child(2){grid-column:span 5}.world-card:nth-child(3){grid-column:span 5}.world-card:nth-child(4){grid-column:span 7}.world-emoji{font-size:2rem;filter:saturate(1.1)}.world-card h3{font-size:var(--text-xl);margin-top:var(--space-4)}.world-card p{color:var(--ink-soft);font-size:var(--text-sm);margin-top:.25rem}.world-count{position:relative;z-index:1;margin-top:var(--space-4);font-size:var(--text-xs);font-weight:600;color:color-mix(in oklch,var(--world-hue) 60%,var(--ink));letter-spacing:.02em}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.scenario-card{display:flex;flex-direction:column;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--paper-raised);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform var(--duration) var(--ease-out-expo),box-shadow var(--duration) var(--ease-out-expo)}.scenario-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.scenario-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.persona-chip{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-sm);color:var(--ink-soft)}.persona-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--accent-tint);color:var(--accent-strong);font-weight:700;font-size:.8rem}.difficulty{display:inline-flex;gap:3px}.difficulty i{width:6px;height:6px;border-radius:50%;background:var(--line-strong)}.difficulty i.on{background:var(--accent)}.scenario-card h3{font-size:var(--text-lg);font-family:var(--font-display);margin-bottom:.5rem}.scenario-card .setup{color:var(--ink-soft);font-size:var(--text-sm);line-height:var(--leading-normal);flex:1}.focus-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--space-4)}.tag{font-size:var(--text-xs);padding:.28rem .6rem;border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--line);color:var(--ink-soft)}.scenario-card .btn{margin-top:var(--space-4);align-self:flex-start}.page-head{padding-block:var(--space-6) var(--space-5)}.back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-sm);color:var(--ink-soft);margin-bottom:var(--space-4)}.back-link:hover{color:var(--ink)}.page-head h1{font-size:var(--text-2xl)}.page-head p{color:var(--ink-soft);margin-top:.5rem;max-width:52ch}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.stat{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--paper-raised);border:1px solid var(--line)}.stat .num{font-family:var(--font-display);font-size:2.6rem;line-height:1;color:var(--accent)}.stat .lbl{margin-top:.4rem;font-size:var(--text-sm);color:var(--ink-soft)}.history-list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.history-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius);background:var(--paper-raised);border:1px solid var(--line);transition:border-color var(--duration-fast),transform var(--duration-fast)}.history-item:hover{border-color:var(--line-strong);transform:translate(2px)}.history-score{font-family:var(--font-display);font-size:1.5rem;color:var(--accent)}.empty{padding:var(--space-8) var(--space-5);text-align:center;color:var(--ink-faint);border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}@media (max-width: 720px){.worlds{grid-template-columns:1fr}.world-card:nth-child(n){grid-column:span 1}.nav-links .nav-link{display:none}}:root{--paper: oklch(98.4% .004 265);--paper-raised: oklch(100% 0 0);--ink: oklch(24% .03 270);--ink-soft: oklch(46% .03 270);--ink-faint: oklch(62% .025 270);--line: oklch(91% .01 270);--line-strong: oklch(84% .016 270);--accent: oklch(55% .2 288);--accent-strong: oklch(48% .21 288);--accent-tint: oklch(95% .035 288);--coral: oklch(65% .17 32);--coral-tint: oklch(95% .05 40);--teal: oklch(62% .11 205);--teal-tint: oklch(95% .04 205);--amber: oklch(72% .14 70);--amber-tint: oklch(96% .06 75);--good: oklch(58% .14 155);--good-tint: oklch(95% .05 155);--warn: oklch(72% .14 70);--warn-tint: oklch(96% .06 75);--world-professional: oklch(56% .17 262);--world-social: oklch(67% .17 38);--world-dating: oklch(62% .19 8);--world-everyday: oklch(64% .12 178);--world-figures: oklch(60% .19 320);--grad-primary: linear-gradient(135deg, oklch(56% .2 292), oklch(60% .19 344));--grad-brand: linear-gradient(120deg, oklch(58% .18 288), oklch(64% .16 210));--font-display: "Sora", "Inter", system-ui, sans-serif;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .78rem;--text-sm: .875rem;--text-base: clamp(1rem, .96rem + .2vw, 1.0625rem);--text-lg: clamp(1.15rem, 1.05rem + .5vw, 1.35rem);--text-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--text-2xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);--text-hero: clamp(2.6rem, 1.5rem + 4.6vw, 5rem);--leading-tight: 1.05;--leading-snug: 1.28;--leading-normal: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-section: clamp(3.5rem, 2.5rem + 4vw, 7rem);--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 1px 2px oklch(30% .03 270 / .06), 0 2px 8px oklch(30% .03 270 / .06);--shadow: 0 6px 16px oklch(30% .04 285 / .1), 0 14px 40px oklch(30% .04 285 / .1);--shadow-lg: 0 12px 34px oklch(28% .06 288 / .16), 0 34px 80px oklch(28% .06 288 / .16);--duration-fast: .15s;--duration: .28s;--duration-slow: .62s;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=dark]{--paper: oklch(19% .022 274);--paper-raised: oklch(23.5% .025 274);--ink: oklch(95% .012 270);--ink-soft: oklch(78% .016 270);--ink-faint: oklch(60% .016 270);--line: oklch(31% .022 274);--line-strong: oklch(41% .026 274);--accent: oklch(72% .16 292);--accent-strong: oklch(78% .15 292);--accent-tint: oklch(33% .08 292);--coral: oklch(72% .15 35);--coral-tint: oklch(33% .07 35);--teal: oklch(72% .1 205);--teal-tint: oklch(31% .05 205);--amber: oklch(78% .13 75);--amber-tint: oklch(33% .06 75);--good: oklch(72% .13 155);--good-tint: oklch(31% .06 155);--warn: oklch(80% .12 78);--warn-tint: oklch(33% .06 78);--world-professional: oklch(68% .15 264);--world-social: oklch(74% .15 40);--world-dating: oklch(70% .17 10);--world-everyday: oklch(72% .11 178);--world-figures: oklch(70% .16 320);--shadow-sm: 0 1px 2px oklch(0% 0 0 / .3), 0 2px 8px oklch(0% 0 0 / .28);--shadow: 0 6px 16px oklch(0% 0 0 / .38), 0 14px 40px oklch(0% 0 0 / .32);--shadow-lg: 0 12px 34px oklch(0% 0 0 / .5), 0 34px 80px oklch(0% 0 0 / .44)}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--ink);background:var(--paper);background-image:radial-gradient(70% 55% at 100% 0%,color-mix(in oklch,var(--accent) 16%,transparent) 0%,transparent 55%),radial-gradient(60% 50% at 0% 8%,color-mix(in oklch,var(--coral) 12%,transparent) 0%,transparent 52%),radial-gradient(75% 60% at 10% 100%,color-mix(in oklch,var(--teal) 14%,transparent) 0%,transparent 55%);background-attachment:fixed;transition:background-color var(--duration) var(--ease-out-expo),color var(--duration) var(--ease-out-expo)}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.02em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}:root{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.shell{width:min(1120px,92vw);margin-inline:auto}.eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.75rem 1.35rem;border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-sm);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration) var(--ease-out-expo),background-color var(--duration-fast) var(--ease-out-expo)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--grad-primary);color:#fbfbff;box-shadow:0 4px 14px color-mix(in oklch,var(--accent) 35%,transparent)}.btn-primary:hover{box-shadow:0 8px 22px color-mix(in oklch,var(--accent) 45%,transparent);transform:translateY(-1px);filter:saturate(1.08)}.btn-ghost{background:var(--paper-raised);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--line-strong);transform:translateY(-1px)}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}