html{scroll-padding-top:5.5rem}:root{--text:#4a5568;--text-h:#1a202c;--bg:#f4f0ff;--border:#ddd6fe;--card-bg:#fff;--accent:#6d28d9;--accent-hover:#5b21b6;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--shadow:0 4px 14px #6d28d91a}@media (prefers-color-scheme:dark){:root{--text:#a0aec0;--text-h:#e2e8f0;--bg:#151022;--border:#43386b;--card-bg:#2e1065;--accent:#c084fc;--accent-hover:#a78bfa;--shadow:0 4px 20px #c084fc26}}*{box-sizing:border-box}:where(a,button,input:not([type=hidden]),select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}#root,.layout{flex-direction:column;min-height:100vh;display:flex}.header{z-index:100;background:var(--card-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:saturate(1.2)blur(8px);backdrop-filter:saturate(1.2)blur(8px);padding:.75rem clamp(.75rem,3vw,1.5rem);position:sticky;top:0}.header-inner{grid-template-columns:1fr auto;grid-template-areas:"logo nav""practice practice";align-items:center;gap:.65rem .75rem;width:100%;max-width:100%;display:grid}.header-inner .logo{grid-area:logo;justify-self:start}.header-inner .nav--compact{grid-area:nav;justify-self:end}.header-inner .nav-practice-select{grid-area:practice;width:100%}.header-inner .nav-practice-select select{width:100%;min-width:0;max-width:100%}@media (width>=768px){.header-inner{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex}.header-inner .nav-practice-select{flex:0 auto;width:auto}.header-inner .nav-practice-select select{width:auto;min-width:11rem}}.logo{color:var(--accent);font-size:1.35rem;font-weight:700;text-decoration:none}.logo:hover{text-decoration:underline}.nav{gap:.5rem;display:flex}.nav--compact{flex-wrap:wrap;gap:.35rem}.nav-link{min-height:44px;color:var(--text);border-radius:8px;align-items:center;padding:.45rem .85rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-link:hover{background:var(--border);color:var(--text-h)}.nav-link.active{background:var(--accent);color:#fff}.nav-practice-select{align-items:center;gap:.5rem;display:flex}.nav-practice-label{color:var(--text-h);white-space:nowrap;font-size:.8rem;font-weight:600}.nav-practice-select select{border:1px solid var(--border);background:var(--card-bg);min-width:11rem;color:var(--text);border-radius:8px;padding:.45rem .55rem;font-size:.9rem}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main{flex:1;width:100%;max-width:900px;margin:0 auto;padding:1.25rem clamp(.75rem,3vw,1.5rem)}.main--practice{max-width:560px}.page h1{color:var(--text-h);margin:0 0 .5rem;font-size:1.75rem}.tagline{color:var(--text);margin-bottom:1.5rem}.main:has(.page.dashboard){background:radial-gradient(ellipse 90% 60% at 10% -5%, #8b5cf661 0%, transparent 52%), radial-gradient(ellipse 75% 55% at 100% 0%, #f472b66b 0%, transparent 48%), radial-gradient(ellipse 65% 50% at 55% 100%, #22d3ee38 0%, transparent 45%), radial-gradient(ellipse 50% 40% at 0% 80%, #fbbf2433 0%, transparent 42%), var(--bg)}.main:has(.practice-page){background:radial-gradient(ellipse 100% 55% at 50% -10%, #a855f747 0%, transparent 42%), radial-gradient(ellipse 80% 50% at 100% 40%, #fb923c38 0%, transparent 48%), radial-gradient(ellipse 70% 45% at 0% 70%, #38bdf82e 0%, transparent 45%), var(--bg)}.main:has(.words-list-page){background:radial-gradient(ellipse 85% 50% at 0% 0%, #34d39952 0%, transparent 48%), radial-gradient(ellipse 75% 55% at 100% 20%, #c084fc4d 0%, transparent 50%), radial-gradient(ellipse 60% 45% at 30% 100%, #fbbf242e 0%, transparent 42%), var(--bg)}.main:has(.read-aloud-page){background:radial-gradient(ellipse 90% 55% at 50% -5%, #38bdf838 0%, transparent 45%), radial-gradient(ellipse 70% 50% at 0% 60%, #a78bfa33 0%, transparent 48%), var(--bg)}.main:has(.shadow-speaking-page){background:radial-gradient(ellipse 88% 52% at 50% -8%, #fbbf2433 0%, transparent 46%), radial-gradient(ellipse 72% 48% at 100% 55%, #38bdf829 0%, transparent 50%), radial-gradient(ellipse 55% 40% at 0% 75%, #a78bfa2e 0%, transparent 46%), var(--bg)}.dashboard-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem;display:grid}.card{background:linear-gradient(165deg, #ffffffe0 0%, #ede9fe8c 28%, var(--card-bg) 55%, var(--card-bg) 100%);color:inherit;border:1px solid #8b5cf659;border-radius:16px;padding:1.25rem;text-decoration:none;transition:box-shadow .25s,transform .2s,border-color .2s;display:block;box-shadow:0 2px 8px #8b5cf614,0 8px 24px #ec48990f}.card:hover{border-color:#d946ef8c;transform:translateY(-4px);box-shadow:0 12px 36px #8b5cf638,0 4px 14px #f472b624}@media (prefers-color-scheme:dark){.main:has(.practice-page){background:radial-gradient(ellipse 100% 50% at 50% -5%, #c084fc59 0%, transparent 45%), radial-gradient(ellipse 80% 45% at 100% 50%, #fb923c2e 0%, transparent 48%), var(--bg)}.main:has(.page.dashboard){background:radial-gradient(ellipse 85% 55% at 8% 0%, #a855f773 0%, transparent 52%), radial-gradient(ellipse 70% 50% at 100% 10%, #f43f5e47 0%, transparent 48%), radial-gradient(ellipse 60% 45% at 45% 100%, #22d3ee33 0%, transparent 42%), var(--bg)}.main:has(.words-list-page){background:radial-gradient(ellipse 80% 50% at 0% 0%, #34d39947 0%, transparent 48%), radial-gradient(ellipse 75% 50% at 100% 30%, #c084fc52 0%, transparent 48%), var(--bg)}.main:has(.read-aloud-page){background:radial-gradient(ellipse 90% 50% at 50% 0%, #22d3ee2e 0%, transparent 45%), radial-gradient(ellipse 70% 45% at 0% 70%, #a78bfa38 0%, transparent 48%), var(--bg)}.main:has(.shadow-speaking-page){background:radial-gradient(ellipse 85% 48% at 50% 0%, #fbbf2424 0%, transparent 44%), radial-gradient(ellipse 70% 45% at 100% 50%, #22d3ee1f 0%, transparent 48%), var(--bg)}.card{background:linear-gradient(165deg, #581c87a6 0%, var(--card-bg) 40%, var(--card-bg) 100%);border-color:#c084fc73;box-shadow:0 4px 16px #00000059,0 0 24px #a855f71f}.card:hover{border-color:#f472b68c;box-shadow:0 16px 40px #00000073,0 0 32px #c084fc40}}@media (prefers-reduced-motion:reduce){.card{transition:border-color .15s,box-shadow .15s}.card:hover{transform:none}}.card h2{color:var(--text-h);margin:0 0 .75rem;font-size:1.15rem}.card-stats{flex-direction:column;gap:.25rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.card-stats .due{color:var(--accent);font-weight:600}.card-cta{color:var(--accent);font-size:.9rem;font-weight:600}.stats-bar{color:var(--text);background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin-bottom:0;padding:.4rem 1rem;font-size:.85rem;display:flex}.practice-meta-row{flex-direction:column;align-items:center;gap:.65rem;margin-bottom:1rem;display:flex}@media (width>=640px){.practice-meta-row{flex-flow:wrap;justify-content:center;align-items:stretch}.practice-meta-row .daily-goal-strip{flex:0 auto;margin-top:0}}.progress-text{color:var(--text);margin-bottom:.5rem;font-size:.9rem}.phase-hint{color:var(--accent);margin:-.25rem 0 .5rem;font-size:.9rem}.practice-page{text-align:center}.practice-options-panel{text-align:left;border:1px solid var(--border);background:var(--card-bg);max-width:560px;box-shadow:var(--shadow);border-radius:12px;margin:0 auto .75rem;overflow:hidden}.practice-options-summary{cursor:pointer;background:#2b6cb012;padding:.65rem 1rem;font-size:.9rem;font-weight:600;list-style:none}.practice-options-summary::-webkit-details-marker{display:none}.practice-options-body{border-top:1px solid var(--border);padding:.6rem 1rem 1rem}.speaking-task-details{text-align:left;max-width:520px;margin:.5rem auto 0}.speaking-task-summary{cursor:pointer;border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:10px;padding:.65rem 1rem;font-size:.9rem;font-weight:600;list-style:none}.speaking-task-summary::-webkit-details-marker{display:none}.speaking-task-panel--in-details{border-left-width:3px;margin-top:.6rem}.daily-goal-progress-track{background:#0f172a1a;border-radius:999px;height:10px;margin:.35rem 0 .25rem;overflow:hidden}@media (prefers-color-scheme:dark){.daily-goal-progress-track{background:#ffffff1a}}.daily-goal-progress-fill{background:linear-gradient(90deg, var(--accent), #38a169);border-radius:999px;height:100%;transition:width .25s}.daily-week-total-label{font-size:.85rem}.dashboard-week-details{margin-top:.5rem}.dashboard-week-summary{cursor:pointer;color:var(--accent);padding:.35rem 0;font-size:.85rem;font-weight:600;list-style:none}.dashboard-week-summary::-webkit-details-marker{display:none}.dashboard-backup-panel{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:12px;margin-bottom:1.25rem;overflow:hidden}.dashboard-backup-summary{cursor:pointer;background:#2b6cb00f;padding:.65rem 1rem;font-size:.9rem;font-weight:600;list-style:none}.dashboard-backup-summary::-webkit-details-marker{display:none}.dashboard-backup-body{border-top:1px solid var(--border);padding:.65rem 1rem 1rem}.dashboard-backup-hint{color:var(--text);opacity:.92;margin:0 0 .65rem;font-size:.82rem}.dashboard-backup-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dashboard-backup-error{color:#c53030;margin:.65rem 0 0;font-size:.82rem}.dashboard-sync-alert{color:var(--text);background:#fbbf241f;border:1px solid #d9770673;border-radius:10px;margin:0 0 1rem;padding:.75rem 1rem;font-size:.84rem;line-height:1.45}.dashboard-sync-ok{color:var(--text);opacity:.95;background:#22c55e14;border:1px solid #22c55e59;border-radius:10px;margin:0 0 1rem;padding:.65rem 1rem;font-size:.82rem;line-height:1.45}.practice-session-focus{width:100%;max-width:440px;margin-left:auto;margin-right:auto}.practice-card-counter{color:var(--text-h);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;font-size:.78rem;font-weight:600}.practice-remove-word-btn{margin-top:.5rem;padding:.35rem .75rem;font-size:.78rem}.qp-category-filter{justify-content:center;align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.qp-category-filter label{color:var(--text);font-size:.9rem}.qp-category-filter select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;min-width:12rem;padding:.35rem .5rem;font-size:.9rem}.qp-category-stats{color:var(--text-muted,var(--text));flex-wrap:wrap;justify-content:center;gap:.75rem 1rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.qp-cat-stat{white-space:nowrap}.empty-state{color:var(--text);padding:2rem}.empty-state a,.page a{color:var(--accent)}.page a.btn-know,.page a.btn-know:hover{color:#fff}.page a.btn-dont-know{color:#c53030}.page a.btn-dont-know:hover{color:#9b2c2c}.session-summary{border:1px solid var(--border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:12px;margin-top:1rem;padding:1rem 1.25rem}.speaking-task-panel{text-align:left;border-left:4px solid var(--accent);background:linear-gradient(135deg, var(--card-bg) 0%, #2b6cb00f 100%);max-width:520px;margin-top:1.25rem;margin-left:auto;margin-right:auto}.speaking-task-details .speaking-task-panel{max-width:none;margin-left:0;margin-right:0}.session-end-panel{border-left:4px solid #38a169}.daily-goal-strip{max-width:420px;color:var(--text);background:#2b6cb014;border:1px solid #2b6cb033;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;margin:.65rem auto .25rem;padding:.45rem .9rem;font-size:.85rem;display:flex}.daily-goal-strip-label{text-transform:uppercase;letter-spacing:.06em;opacity:.85;font-size:.7rem;font-weight:600}.daily-goal-strip-count{font-weight:600}.daily-goal-strip-met{color:#276749;font-size:.8rem;font-weight:600}.daily-goal-strip-hint{opacity:.75;font-size:.75rem}.daily-week-bars{flex-direction:column;gap:.35rem;margin-top:.75rem;display:flex}.daily-week-row{grid-template-columns:5.5rem 1fr 2rem;align-items:center;gap:.5rem;font-size:.8rem;display:grid}.daily-week-bar-track{background:#0f172a14;border-radius:999px;height:8px;overflow:hidden}.daily-week-bar-fill{background:var(--accent);border-radius:999px;min-width:0;height:100%;transition:width .2s}.mode-toggle{justify-content:center;gap:.5rem;margin-top:.25rem;margin-bottom:.75rem;display:flex}.mode-toggle-btn{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:999px;padding:.3rem .75rem;font-size:.8rem}.mode-toggle-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.shadow-speaking-meta{color:var(--text);margin:.5rem 0 1rem;font-size:.95rem}.shadow-speaking-ep{opacity:.85;font-weight:500}.shadow-speaking-subtitle{color:var(--text-muted,var(--text));margin:-.35rem 0 .25rem;font-size:.92rem;line-height:1.45}.shadow-speaking-hint{color:var(--text-muted,var(--text));margin-top:1rem;font-size:.85rem}.shadow-speaking-hint kbd{border:1px solid var(--border);background:#0f172a0f;border-radius:4px;padding:.12rem .4rem;font-family:ui-monospace,monospace;font-size:.75rem;display:inline-block}@media (prefers-color-scheme:dark){.shadow-speaking-hint kbd{background:#ffffff14}}.shadow-prompter-panel{border:1px solid var(--border);background:var(--card-bg);max-width:min(720px,100%);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:.65rem;min-height:0;padding:.85rem 1rem 1rem;display:flex}.shadow-prompter-controls{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;display:flex}.shadow-prompter-time{font-variant-numeric:tabular-nums;color:var(--text-muted,var(--text));font-size:.88rem;font-weight:600}.shadow-prompter-checks{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-left:auto;display:flex}.shadow-prompter-follow{cursor:pointer;color:var(--text);white-space:nowrap;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.shadow-prompter-scrub{width:100%}.shadow-prompter-range{width:100%;accent-color:var(--accent);cursor:pointer}.shadow-prompter-scroll{border:1px solid var(--border);scroll-behavior:smooth;background:#0f172a08;border-radius:12px;max-height:min(62vh,520px);padding:.35rem .5rem .75rem;font-size:clamp(.88rem,2.1vw,1.02rem);line-height:1.5;overflow:hidden auto}@media (prefers-color-scheme:dark){.shadow-prompter-scroll{background:#0003}}.shadow-prompter-block{border:1px solid #0000;border-radius:10px;margin-bottom:.35rem;padding:.45rem .55rem;transition:background .2s,border-color .2s}.shadow-prompter-block--active{background:#fbbf2429;border-color:#f59e0b73}.shadow-prompter-label{text-transform:uppercase;letter-spacing:.07em;color:var(--accent);margin-bottom:.2rem;font-size:.68rem;font-weight:700}.shadow-prompter-label--cue{text-transform:none;letter-spacing:.02em;font-variant-numeric:tabular-nums}.shadow-prompter-cue-hash{opacity:.55;margin-right:.06em;font-weight:600}button.shadow-prompter-cue-jump{min-width:2.1rem;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:none;color:var(--accent);cursor:pointer;background:#fbbf241f;border:1px solid #f59e0b73;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:.12rem .38rem;font-size:.72rem;font-weight:700;text-decoration:none;display:inline-flex}button.shadow-prompter-cue-jump:hover{color:var(--text-h);background:#fbbf2438;border-color:#f59e0ba6}button.shadow-prompter-cue-jump:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.shadow-prompter-speaker-jump{font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;text-underline-offset:3px;text-align:inherit;background:0 0;border:none;margin:0;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline}button.shadow-prompter-speaker-jump:hover{color:var(--text-h);text-decoration-style:solid}button.shadow-prompter-speaker-jump:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.shadow-prompter-body{color:var(--text-h);margin:0}.shadow-prompter-body--scene{color:var(--text);opacity:.92;font-style:italic}.shadow-prompter-body--stage{color:var(--text-muted,var(--text));font-size:.92em}.shadow-prompter-body--marker{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,var(--text));font-size:.82em;font-weight:600}.shadow-prompter-body--line{font-weight:500}.shadow-prompter-body--unknown{opacity:.85}@media (prefers-color-scheme:dark){.shadow-prompter-block--active{background:#fbbf241a;border-color:#f59e0b59}}.main--speaking{max-width:1200px}.main:has(.speaking-practice-page){background:radial-gradient(ellipse 88% 50% at 50% -8%, #34d3992e 0%, transparent 46%), radial-gradient(ellipse 72% 48% at 100% 40%, #a78bfa29 0%, transparent 50%), var(--bg)}.speaking-practice-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;display:flex}.speaking-practice-actions a.btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.speaking-practice-meta{color:var(--text);opacity:.9;font-weight:400}.speaking-practice-note{opacity:.85;margin-top:1.5rem;font-size:.9rem}.speaking-practice-back{margin:0 0 .5rem}.speaking-practice-back a{color:var(--accent);font-weight:500;text-decoration:none}.speaking-practice-back a:hover{text-decoration:underline}.speaking-practice-last{margin-top:1.5rem}.speaking-setup-form fieldset{border:1px solid var(--border);border-radius:10px;margin:0 0 1rem;padding:.75rem 1rem 1rem}.speaking-setup-form legend{color:var(--text-h);padding:0 .35rem;font-weight:600}.speaking-setup-segment{flex-wrap:wrap;gap:.65rem 1rem;display:flex}.speaking-setup-option{cursor:pointer;align-items:center;gap:.35rem;font-size:.95rem;display:inline-flex}.speaking-setup-field{color:var(--text-h);flex-direction:column;gap:.35rem;margin-bottom:1rem;font-weight:500;display:flex}.speaking-setup-field input,.speaking-setup-field textarea,.speaking-setup-field select{font:inherit;border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:8px;padding:.5rem .65rem}.speaking-setup-row{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.speaking-setup-row label{color:var(--text-h);flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500;display:flex}.speaking-setup-row select{font:inherit;border:1px solid var(--border);background:var(--card-bg);color:var(--text);border-radius:8px;padding:.45rem .5rem}.speaking-setup-req{color:#c53030}.speaking-setup-submit{margin-top:.5rem}.speaking-room__grid{grid-template-columns:minmax(180px,220px) 1fr minmax(180px,240px);align-items:start;gap:1rem;margin-top:.5rem;display:grid}.speaking-room__panel{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:1rem}.speaking-room__panel-title{color:var(--text-h);margin:0 0 .75rem;font-size:1rem}.speaking-room__sub{text-transform:uppercase;letter-spacing:.04em;color:var(--text);opacity:.85;margin:.75rem 0 .35rem;font-size:.85rem}.speaking-room__muted{opacity:.85;margin:.25rem 0 0;font-size:.9rem}.speaking-room__meta{margin:.5rem 0 0;padding-left:1.1rem;font-size:.88rem}.speaking-room__controls{margin-top:1rem}.speaking-room__transcript{flex-direction:column;gap:.85rem;min-height:8rem;margin-bottom:1rem;display:flex}.speaking-room__bubble{border:1px solid var(--border);background:#ffffff73;border-radius:12px;padding:.85rem 1rem}.speaking-room__bubble--ai{border-left:3px solid var(--accent)}.speaking-room__bubble--user{border-left:3px solid #38a169}.speaking-room__bubble p{white-space:pre-wrap;margin:.35rem 0 0}.speaking-room__bubble-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.speaking-room__bubble-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-h);opacity:.85;font-size:.75rem;font-weight:700}.speaking-room__listen{font:inherit;border:1px solid var(--border);color:var(--accent);cursor:pointer;background:#6d28d914;border-radius:999px;padding:.25rem .65rem;font-size:.8rem}.speaking-room__listen:hover{background:#6d28d924}.speaking-room__mic-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.speaking-room__mic-hint{color:var(--text-h);opacity:.9;margin:0;font-size:.88rem}.speaking-room__hint{background:#38a1691a;border:1px solid #38a16973;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;padding:.85rem 1rem;display:flex}.speaking-room__hint-text{flex:1;min-width:12rem;margin:0;font-size:.95rem}.speaking-room__hint-dismiss{font:inherit;border:1px solid var(--border);background:var(--card-bg);color:var(--text-h);cursor:pointer;border-radius:8px;padding:.25rem .65rem;font-size:.85rem}.speaking-room__aux{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.85rem;display:flex}.speaking-room__aux-note{color:var(--text);opacity:.88;flex:12rem;font-size:.82rem}.speaking-room__input{flex-direction:column;gap:.65rem;display:flex}.speaking-room__input textarea{font:inherit;border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);resize:vertical;border-radius:10px;min-height:5rem;padding:.65rem .75rem}.speaking-room__error{color:#c53030;margin:0 0 .75rem;font-weight:500}.speaking-room__status{color:var(--text-h);margin:0 0 .75rem}.speaking-room__targets{flex-direction:column;gap:.35rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.speaking-room__target{background:#0000000a;border-radius:6px;padding:.35rem .5rem}.speaking-room__target--hit{background:#38a1692e;font-weight:600}.speaking-summary__meta{margin:0 0 1rem}.speaking-summary__stats h2{margin-top:0;font-size:1.1rem}.speaking-summary__pre{white-space:pre-wrap;font-family:var(--sans);margin:0;font-size:.95rem;line-height:1.55}.speaking-history-list{flex-direction:column;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.speaking-history-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}@media (prefers-color-scheme:dark){.speaking-room__bubble{background:#0003}}@media (width<=900px){.speaking-room__grid{grid-template-columns:1fr}.speaking-room__aside--right{order:3}}@media (width<=640px){.header{align-items:flex-start}.nav{flex-wrap:wrap}.main{padding:1rem}}.flashcard-wrap{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.flashcard{perspective:1200px;cursor:pointer;width:100%;max-width:420px;transition:transform .22s,filter .22s}.flashcard:hover{filter:saturate(1.12)brightness(1.02);transform:translateY(-4px)}.flashcard:active{transform:translateY(-1px)scale(.99)}.flashcard-inner{width:100%;transform-style:preserve-3d;will-change:transform;padding-bottom:60%;transition:transform .58s cubic-bezier(.34,1.25,.48,1);position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;border:1px solid #0000;border-radius:18px;flex-direction:column;justify-content:center;padding:1.5rem 1.75rem;display:flex;position:absolute;inset:0}.flashcard-front{color:#1e1b4b;background:radial-gradient(120% 100% at 0 0,#fde047f2 0%,#0000 52%),radial-gradient(90% 80% at 100% 8%,#c084fce0 0%,#0000 48%),radial-gradient(100% 120% at 50% 100%,#34d3998c 0%,#0000 42%),linear-gradient(155deg,#fff1f2 0%,#fde047 18%,#e9d5ff 55%,#a5f3fc 100%);border-color:#a855f773;align-items:stretch;box-shadow:0 6px 12px #a855f71f,0 20px 44px #ec489924,inset 0 0 0 1px #ffffffa6}.flashcard-back{color:#f0fdfa;background:radial-gradient(100% 80% at 100% 0,#22d3ee6b 0%,#0000 40%),radial-gradient(80% 70% at 0 100%,#f472b661 0%,#0000 46%),linear-gradient(145deg,#4c1d95 0%,#5b21b6 28%,#0e7490 72%,#0d9488 100%);border-color:#38bdf880;align-items:flex-start;transform:rotateY(180deg);box-shadow:0 10px 40px #4c1d9573,inset 0 0 0 1px #ffffff1f}.front-label{text-transform:uppercase;letter-spacing:.12em;color:#7c3aed;opacity:.92;text-align:center;margin-bottom:.5rem;font-size:.72rem;font-weight:700}.flashcard-speaking-tier{color:#6d28d9;background:linear-gradient(90deg,#a855f759,#f472b647);border:1px solid #a855f780;border-radius:999px;align-self:center;margin-bottom:.35rem;padding:.22rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.flashcard-speaking-tier-back{color:#ccfbf1;background:#0f766e59;border:1px solid #2dd4bf66;align-self:flex-start;margin-bottom:.5rem}.flashcard-speak-row{flex-wrap:wrap;justify-content:center;align-self:stretch;gap:.35rem;width:100%;margin-top:.65rem;display:flex}.flashcard-speak-row--back{justify-content:flex-start;margin-top:.75rem}.flashcard-speak-btn{color:#5b21b6;cursor:pointer;background:#ffffffd9;border:1px solid #7c3aed73;border-radius:999px;padding:.35rem .85rem;font-size:.78rem;font-weight:600;transition:background .15s,box-shadow .15s,transform 80ms}.flashcard-speak-btn:hover{background:#fff;box-shadow:0 2px 10px #7c3aed33}.flashcard-speak-btn:active{transform:scale(.98)}.flashcard-speak-btn--back{color:#ecfeff;background:#0f766e40;border-color:#2dd4bf8c}.flashcard-speak-btn--back:hover{background:#0f766e66;box-shadow:0 2px 12px #22d3ee33}.front-text{text-align:center;letter-spacing:-.02em;-webkit-text-fill-color:transparent;color:#312e81;background:linear-gradient(120deg,#7c3aed 0%,#db2777 42%,#ea580c 100%);-webkit-background-clip:text;background-clip:text;width:100%;margin:0;font-size:1.5rem;font-weight:700}@supports not ((-webkit-background-clip:text)){.front-text{color:#312e81;-webkit-text-fill-color:unset;background:0 0}}.back-main{text-align:left;color:#fff;text-shadow:0 1px 12px #0003;margin:0 0 .4rem;font-size:1.3rem;font-weight:700}.back-sub{opacity:.95;color:#67e8f9;margin:0 0 .6rem;font-size:.9rem}.back-example{opacity:.98;color:#fef08a;border-left:3px solid #facc15d9;margin:0;padding-left:.65rem;font-size:.95rem;font-style:italic}.flashcard-related{text-align:left;border-top:1px solid #ffffff2e;width:100%;margin-top:.85rem;padding-top:.75rem}.flashcard-related-title{text-transform:uppercase;letter-spacing:.08em;color:#99f6e4;opacity:.9;margin:0 0 .4rem;font-size:.72rem}.flashcard-related-list{margin:0;padding-left:1.1rem;font-size:.82rem;line-height:1.35}.flashcard-related-kind{text-transform:uppercase;opacity:.7;font-size:.65rem}.flashcard-related-meaning{opacity:.9;font-weight:400}.flashcard-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.flashcard-wrap--practice .flashcard-actions{z-index:40;padding:.85rem .75rem calc(.85rem + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);gap:1rem;margin-top:1rem;margin-left:-.75rem;margin-right:-.75rem;position:sticky;bottom:0;box-shadow:0 -10px 28px #0f172a14}.flashcard-wrap--practice .flashcard-actions .btn{min-width:140px;min-height:48px;padding:.65rem 1.25rem;font-size:.95rem}@media (prefers-color-scheme:dark){.flashcard-wrap--practice .flashcard-actions{box-shadow:0 -10px 28px #00000059}}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:500;transition:transform 80ms ease-out,box-shadow .18s ease-out,background-color .15s,color .15s,border-color .15s}.btn:active{transform:scale(.98)}.btn-dont-know{color:#c53030;background:#fff5f5;border-color:#fed7d7}.btn-dont-know:hover{box-shadow:0 4px 10px #f5656540}.btn-know{background:var(--accent);color:#fff}.btn-know:hover{background:var(--accent-hover);box-shadow:0 4px 16px #6d28d973}@media (prefers-color-scheme:dark){.flashcard-front{color:#e2e8f0;background:radial-gradient(120% 100% at 0 0,#facc1559 0%,#0000 48%),radial-gradient(90% 80% at 100% 0,#c084fc73 0%,#0000 50%),radial-gradient(100% 90% at 50% 100%,#22d3ee33 0%,#0000 45%),linear-gradient(155deg,#1e1033 0%,#4c1d95 38%,#1e3a5f 100%);border-color:#c084fc8c;box-shadow:0 14px 48px #00000080,0 0 40px #a855f726,inset 0 0 0 1px #ffffff14}.flashcard-back{background:radial-gradient(100% 80% at 100% 0,#22d3ee80 0%,#0000 38%),radial-gradient(80% 70% at 0 100%,#f43f5e6b 0%,#0000 44%),linear-gradient(145deg,#3b0764 0%,#6d28d9 35%,#155e75 78%,#0f766e 100%);border-color:#38bdf88c;box-shadow:0 12px 48px #0000008c,0 0 36px #22d3ee1f,inset 0 0 0 1px #ffffff1a}.front-label{color:#e9d5ff;opacity:.98}.flashcard-speaking-tier{color:#faf5ff;background:linear-gradient(90deg,#a855f780,#f472b659);border-color:#c4b5fd8c}.front-text{-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#fde047 0%,#22d3ee 40%,#f472b6 100%);-webkit-background-clip:text;background-clip:text}@supports not ((-webkit-background-clip:text)){.front-text{color:#f1f5f9;-webkit-text-fill-color:unset;background:0 0}}.flashcard-speak-btn{color:#e9d5ff;background:#1e1b4bd9;border-color:#c4b5fd73}.flashcard-speak-btn:hover{background:#312e81e6;box-shadow:0 2px 14px #a78bfa40}}@media (prefers-reduced-motion:reduce){.flashcard{transition:none}.flashcard:hover,.flashcard:active{filter:none;transform:none}.flashcard-inner{transition:transform .3s}}@media (width<=480px){.flashcard-inner{padding-bottom:68%}.front-text{font-size:1.35rem}.back-main{font-size:1.1rem}}