:root{--bg:#f6f6fa;--surface:#fff;--surface-2:#eff0f6;--ink:#161827;--ink-2:#4b5068;--ink-3:#80859a;--line:#e2e4ee;--brand:#5046e5;--brand-2:#8b5cf6;--brand-ink:#fff;--brand-soft:#ebeaff;--accent:#d97706;--accent-soft:#fdf1dd;--good:#16a34a;--good-soft:#e6f6ec;--fair:#c77700;--fair-soft:#fdf0d8;--poor:#dc2645;--poor-soft:#fde7eb;--muted-soft:#eeeff4;--ref:#d946ef;--shadow:0 1px 2px #1618270d, 0 6px 20px #1618270d;--radius:16px;--font:"Inter", system-ui, sans-serif;--display:"Inter Tight", "Inter", system-ui, sans-serif;--serif:"Fraunces", Georgia, serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e1016;--surface:#161922;--surface-2:#1e222e;--ink:#eceef5;--ink-2:#aeb3c5;--ink-3:#7c8297;--line:#272c3a;--brand:#8f8cff;--brand-2:#c084fc;--brand-ink:#0e1016;--brand-soft:#25264a;--accent:#ffb454;--accent-soft:#3a2c19;--good:#6ee7a8;--good-soft:#17302a;--fair:#ffc164;--fair-soft:#3b2e18;--poor:#ff7b8f;--poor-soft:#401d26;--muted-soft:#222632;--ref:#f0abfc;--shadow:0 1px 2px #00000059, 0 8px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0}html{font-size:14.4px}body{background:var(--bg);color:var(--ink);font:13.5px/1.55 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0;font-weight:650;line-height:1.2}h1{font-size:2rem}h2{font-size:1.35rem}h3{font-size:1.05rem;font-family:var(--font);letter-spacing:0;font-weight:600}p{margin:0}.ipa{font-family:var(--mono);font-size:.92em}.muted{color:var(--ink-3)}.small{font-size:.85rem}.shell{min-height:100vh;grid-template-columns:232px 1fr;min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--line);height:100vh;flex-direction:column;gap:4px;height:100dvh;padding:22px 14px;display:flex;position:sticky;top:0}.logo{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;padding:0 10px 22px;font-size:1.2rem;font-weight:700;display:flex}.logo img{width:28px;height:28px}.nav-link{color:var(--ink-2);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--surface-2);color:var(--ink)}.nav-link.active{background:var(--brand-soft);color:var(--brand)}.nav-link svg{flex:none;width:18px;height:18px}.sidebar-toggle{width:28px;height:28px;color:var(--ink-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;margin-left:auto;padding:0;display:grid;transform:rotate(90deg)}.sidebar-toggle:hover{border-color:var(--line);color:var(--ink)}.logo .grow{flex:1}@media (min-width:821px) and (hover:hover){.shell{transition:grid-template-columns .18s}.shell.collapsed{grid-template-columns:68px 1fr}.shell.collapsed .sidebar{z-index:30;background:var(--bg);width:68px;padding-left:12px;padding-right:12px;transition:width .18s,box-shadow .18s;overflow:hidden}.shell.collapsed .sidebar:hover{width:232px;box-shadow:8px 0 30px #00000040}.shell.collapsed .sidebar *{white-space:nowrap}.shell.collapsed .sidebar-toggle{transform:rotate(-90deg)}.shell.collapsed .sidebar:not(:hover) :is(.logo .grow,.sidebar-toggle,.nav-link span,.nav-lang .grow,.nav-chevron,.sidebar-foot){display:none}.shell.collapsed .sidebar:not(:hover) .profile-link{margin-top:auto}.shell.collapsed .sidebar:not(:hover) .nav-lang{justify-content:center;padding:8px}.shell.collapsed .sidebar:not(:hover) .nav-children{display:none}.shell.collapsed .sidebar:not(:hover) .logo{padding-left:8px}.shell.collapsed .sidebar:not(:hover) .switcher-btn{justify-content:center;padding:10px}}.sidebar-foot{color:var(--ink-3);gap:4px;margin-top:auto;padding:10px;font-size:.8rem;display:grid}.dot{background:var(--ink-3);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.dot.on{background:var(--good)}.dot.off{background:var(--poor)}main{width:100%;max-width:1400px;margin:0 auto;padding:28px 22px 24px}.page-head{gap:6px;margin-bottom:26px;display:grid}.page-head p{color:var(--ink-2);max-width:640px}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{display:none}main{padding:calc(16px + env(safe-area-inset-top)) 16px calc(84px + env(safe-area-inset-bottom))}h1{font-size:1.6rem}}.mobile-tabs{display:none}@media (max-width:820px){.mobile-tabs{z-index:40;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tab{min-height:52px;color:var(--ink-3);border-radius:12px;align-content:center;justify-items:center;gap:3px;padding:4px 2px;font-size:.68rem;font-weight:600;text-decoration:none;display:grid;position:relative}.mobile-tab>span:not(.avatar):not(.mobile-flag){white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.mobile-tab svg{width:22px;height:22px}.mobile-tab.active{color:var(--brand);background:var(--brand-soft)}.mobile-flag{font-size:1.25rem;line-height:22px}.mobile-tab .priority-star{position:absolute;top:4px;right:calc(50% - 20px)}.mobile-tab .avatar.sm{width:22px;height:22px;font-size:.7rem}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card+.card{margin-top:16px}.grid{align-items:stretch;gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between}.stack{gap:12px;display:grid}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2)}.btn.sm{border-radius:8px;padding:5px 10px;font-size:.85rem}.btn svg{width:16px;height:16px}.chip{background:var(--surface-2);color:var(--ink-2);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:500;display:inline-flex}button.chip{cursor:pointer}button.chip.on{background:var(--brand-soft);color:var(--ink);border-color:var(--brand)}.chip.p3{background:var(--poor-soft);color:var(--poor)}.chip.p2{background:var(--fair-soft);color:var(--fair)}.chip.p1{background:var(--muted-soft);color:var(--ink-3)}.alert{background:var(--poor-soft);color:var(--poor);border-radius:10px;padding:10px 14px;font-size:.9rem}.hint{background:var(--accent-soft);color:var(--ink);border-radius:10px;padding:10px 14px;font-size:.9rem}.target-text{font-family:var(--serif);font-size:1.7rem;font-weight:500;line-height:1.45}.target-text.hidden-text{filter:blur(7px);-webkit-user-select:none;user-select:none}.ref-word{border-radius:4px;transition:background .1s}.ref-word.lit{background:var(--accent-soft)}.record-zone{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.rec-btn{cursor:pointer;background:var(--poor);color:#fff;width:72px;height:72px;box-shadow:var(--shadow);border:none;border-radius:50%;place-items:center;transition:transform .1s;display:grid;position:relative}.rec-btn:active{transform:scale(.96)}.rec-btn svg{width:28px;height:28px}.rec-btn.recording{background:var(--poor);color:#fff}.rec-btn .ring{border:3px solid var(--poor);opacity:.5;pointer-events:none;will-change:transform;border-radius:50%;transition:transform .12s ease-out;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.rec-btn:disabled{opacity:.5;cursor:wait}.rec-btn.arming{background:var(--muted-soft);color:var(--ink-3);box-shadow:none}.rec-label strong.speak-now{color:var(--poor);font-size:1.2rem}.rec-strip{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:26% auto 1fr;align-items:center;gap:8px;height:46px;padding:6px 10px;display:grid}.rec-wait{background:var(--muted-soft);border-radius:8px;place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.rec-wait i{background:var(--ink-3);opacity:.35;width:0;position:absolute;top:0;bottom:0;left:0;right:auto}.rec-strip.opening .rec-wait i{width:12%;animation:.8s ease-in-out infinite alternate wait-pulse}.rec-strip.arming .rec-wait i{animation:wait-fill var(--arm-ms,.7s) linear forwards}.rec-strip.recording .rec-wait i,.rec-strip.processing .rec-wait i{opacity:.15;width:100%}.rec-wait span{color:var(--ink-3);font-size:.8rem;font-weight:600;position:relative}.rec-strip.recording .rec-wait span,.rec-strip.processing .rec-wait span{opacity:.4}@keyframes wait-fill{0%{width:12%}to{width:100%}}@keyframes wait-pulse{to{opacity:.15}}.rec-go{font-family:var(--display);color:var(--ink-3);border:2px dashed var(--line);border-radius:8px;padding:6px 10px;font-size:.85rem;font-weight:800;transition:all .15s}.rec-go.on{color:#fff;background:var(--poor);border:2px solid var(--poor);transform:scale(1.08)}.rec-live{align-items:center;gap:2px;height:100%;display:flex;position:relative;overflow:hidden}.rec-live i{background:var(--poor);border-radius:2px;flex:0 0 calc(1.11111% - 1.97778px);min-width:2px}.rec-cursor{background:var(--ink);opacity:.6;align-self:stretch;width:2px;animation:1s infinite blink}.wave{--wave-label:64px;gap:6px;display:grid;position:relative}.wave-row{grid-template-columns:var(--wave-label) 1fr;align-items:center;height:44px;display:grid}.wave-row.you{height:34px}.wave-label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.wave-bars{align-items:center;gap:2px;height:100%;display:flex}.wave-bars i{background:var(--line);border-radius:2px;flex:1;transition:background .1s}.wave-bars i.flat{opacity:.5}.wave-bars i.ghost{background:var(--brand);opacity:.28}.wave-row.model .wave-bars i.played{background:var(--brand)}.wave-row.you .wave-bars i{background:var(--poor);opacity:.85}.wave-row.you .wave-bars i.flat{opacity:.2}.wave-row.you .wave-bars i.ghost{background:var(--brand);opacity:.28}.wave-head{background:var(--ink);pointer-events:none;border-radius:2px;width:2px;position:absolute;top:-4px;bottom:-4px}.wave-start{border-left:2px dashed var(--good);pointer-events:none;width:0;position:absolute;top:-4px;bottom:-4px}.wave-start span{color:var(--good);letter-spacing:.05em;font-size:.7rem;font-weight:800;position:absolute;top:-18px;left:-1px;transform:translate(-50%)}.rec-label{gap:2px;display:grid}.rec-label strong{font-weight:600}.words{font-size:1.35rem;font-family:var(--serif);flex-wrap:wrap;gap:6px 4px;line-height:1.5;display:flex}.word{cursor:pointer;font:inherit;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:8px;padding:2px 6px}.word.good{color:var(--ink)}.word.fair{color:var(--fair);border-bottom-color:var(--fair-soft)}.word.poor{color:var(--poor);border-bottom-color:var(--poor-soft)}.word.missing{color:var(--ink-3);text-decoration:line-through}.word.function{opacity:.8}.word.selected{background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 -3px 0 var(--brand)}.word-detail{background:var(--surface-2);border-left:3px solid var(--brand);border-radius:12px;padding:12px 14px}.word-detail .phone,.word-detail .issue{background:var(--surface)}.word .stress-flag{vertical-align:super;color:var(--poor);margin-left:2px;font-size:.6em}.phones{flex-wrap:wrap;gap:6px;display:flex}.phone{background:var(--surface-2);min-width:46px;font-family:var(--mono);border-radius:10px;justify-items:center;gap:2px;padding:6px 10px;display:grid}.phone .exp{font-size:1.1rem}.phone .got{color:var(--ink-3);font-size:.8rem}.phone.good,.phone.variant{background:var(--surface-2)}.phone.good .got,.phone.variant .got{color:var(--good)}.phone.doubtful{background:var(--muted-soft)}.phone.substituted,.phone.deleted{background:var(--poor-soft)}.phone.substituted .got,.phone.deleted .got{color:var(--poor);font-weight:500}.scores{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.score{background:var(--surface-2);border-radius:12px;gap:6px;padding:12px 14px;display:grid}.score .label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:500}.score .value{font-family:var(--display);font-size:1.6rem;font-weight:650;line-height:1}.bar{background:var(--line);border-radius:3px;height:5px;overflow:hidden}.bar>i{border-radius:3px;height:100%;display:block}.score.main{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:var(--brand-ink)}.score.main .label{color:var(--brand-ink);opacity:.8}.score.main .bar{background:#ffffff40}.score-strip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:4px;padding:8px 12px;display:flex}.score-overall{border-right:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:44px auto;align-items:center;column-gap:8px;margin-right:6px;padding-right:14px;display:grid;position:relative}.score-overall svg{grid-row:1/3;width:44px;height:44px}.score-overall .track{fill:none;stroke:var(--line);stroke-width:5px}.score-overall .fill{fill:none;stroke-width:5px;stroke-linecap:round}.score-overall strong{text-align:center;width:44px;font-family:var(--display);font-size:1.05rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.score-overall .label{grid-row:1/3}.score-strip .label{color:var(--ink-3);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.score-mini{flex:1;grid-template-columns:1fr auto;align-items:baseline;gap:2px 6px;min-width:0;padding:0 8px;display:grid}.score-mini .label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.score-mini .value{font-family:var(--display);font-size:1.05rem;font-weight:650}.score-mini .bar{grid-column:1/3;height:3px}@media (max-width:640px){.score-strip{flex-wrap:wrap;row-gap:8px}.score-mini{flex:40%}}.coach{border-left:3px solid var(--brand)}.coach-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.avatar{background:linear-gradient(135deg, var(--brand), var(--brand-2));width:34px;height:34px;font-family:var(--display);color:var(--brand-ink);border-radius:50%;place-items:center;font-weight:700;display:grid}.md p+p{margin-top:8px}.md ul{margin:6px 0;padding-left:20px}.md code{font-family:var(--mono);background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:.9em}.typing{gap:4px;display:inline-flex}.typing i{background:var(--ink-3);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}.ask{gap:8px;margin-top:12px;display:flex}.input{border:1px solid var(--line);background:var(--bg);font:inherit;color:var(--ink);border-radius:10px;flex:1;padding:8px 12px}:is(.input:focus,.btn:focus-visible,.word:focus-visible){outline:2px solid var(--brand);outline-offset:1px}.list{gap:8px;display:grid}.list-item{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 14px;text-decoration:none;display:flex}.list-item:hover{border-color:var(--brand)}.list-item .grow{flex:1;min-width:0}.custom-item{cursor:text;min-height:68px}.custom-item:focus-within{border-color:var(--brand)}.custom-input{font:inherit;color:var(--ink);background:0 0;border:none;outline:none;padding:4px 0}.custom-input::placeholder{color:var(--ink-3)}.chart{width:100%;height:auto;display:block}.chart text{fill:var(--ink-3);font-size:10px;font-family:var(--font)}.chart text.chart-word{fill:var(--ink-2);font-size:19px;font-family:var(--serif)}.legend{color:var(--ink-2);gap:14px;font-size:.8rem;display:flex}.legend i{vertical-align:middle;border-radius:2px;width:12px;height:3px;margin-right:6px;display:inline-block}.pair-choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pair-choice{border:2px solid var(--line);background:var(--surface);cursor:pointer;font-family:var(--serif);border-radius:14px;padding:22px;font-size:1.6rem;font-weight:600}.pair-choice:hover{border-color:var(--brand)}.pair-choice{justify-items:center;gap:8px;display:grid}.pair-key{color:var(--ink-3);font-size:.8rem;font-weight:400}.pair-choice.selected{border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 3px var(--brand-soft)}.pair-choice.right{border-color:var(--good);background:var(--good-soft)}.pair-choice.wrong{border-color:var(--poor);background:var(--poor-soft)}.syllables{flex-wrap:wrap;gap:6px;display:flex}.syllable{border:2px solid var(--line);background:var(--surface);cursor:pointer;font-family:var(--serif);text-align:center;border-radius:12px;min-width:60px;padding:12px 16px;font-size:1.5rem}.syllable.stressed{text-transform:uppercase;font-weight:700}.syllable.expected{border-color:var(--good);background:var(--good-soft)}.syllable.wrong{border-color:var(--poor);background:var(--poor-soft)}.syllable.detected{box-shadow:inset 0 -4px 0 var(--accent)}.prominence{align-items:flex-end;gap:6px;height:70px;display:flex}.prominence div{background:var(--brand-soft);text-align:center;min-width:40px;color:var(--ink-2);border-radius:6px 6px 2px 2px;flex:1;align-content:end;padding-bottom:4px;font-size:.75rem;display:grid}.prominence div.top{background:linear-gradient(180deg, var(--brand-2), var(--brand));color:var(--brand-ink)}.chat{gap:12px;display:grid}.bubble{border-radius:16px;max-width:78%;padding:12px 16px}.bubble.coach-b{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px}.bubble.me{background:var(--brand-soft);border-bottom-right-radius:4px;margin-left:auto}.bubble .fb{border-top:1px dashed var(--line);color:var(--ink-2);margin-top:10px;padding-top:10px;font-size:.9rem}.stepper{flex-wrap:wrap;gap:6px;display:flex}.step{background:var(--surface-2);color:var(--ink-2);cursor:pointer;border:1px solid #0000;border-radius:999px;padding:6px 12px;font-size:.85rem}.step.on{background:var(--brand);color:var(--brand-ink)}.step.done{border-color:var(--good);color:var(--good)}.empty{text-align:center;color:var(--ink-3);padding:30px}.kbd{font-family:var(--mono);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:0 5px;font-size:.75rem}.issue{background:var(--surface-2);border-radius:12px;gap:6px;padding:12px 14px;display:grid}.issue p{color:var(--ink-2)}.stress-word{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.stress-word .target-text{font-size:2.4rem}.stress-marked{font-family:var(--serif);color:var(--ink-2);letter-spacing:.02em;font-size:1.5rem}.stress-marked strong{color:var(--brand);font-weight:700}.shadow-stage{gap:22px;transition:border-color .2s,box-shadow .2s;display:grid}.shadow-stage.recording{border-color:var(--poor);box-shadow:0 0 0 4px var(--poor-soft)}.shadow-stage.model{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.shadow-controls{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.btn.big{border-radius:14px;min-width:170px;padding:14px 26px;font-size:1.05rem}.btn.big svg{width:18px;height:18px}.btn.danger{background:var(--poor);border-color:var(--poor);color:#fff}.countdown-num{width:170px;height:54px;font-family:var(--display);color:var(--brand);background:var(--brand-soft);border-radius:14px;place-items:center;font-size:2rem;font-weight:700;display:grid}.rec-dot{background:var(--poor);border-radius:50%;width:10px;height:10px;animation:1s infinite blink}.mode-toggle{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-option{text-align:left;border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;gap:4px;padding:14px 16px;display:grid}.mode-option strong{font-weight:600}.mode-option span{color:var(--ink-3);font-size:.85rem}.mode-option.on{border-color:var(--brand);background:var(--brand-soft)}.steps-guide{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.step-card{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:14px;gap:4px;padding:14px 16px;display:grid}.step-card .n{font-family:var(--display);color:var(--ink-3);font-weight:700}.step-card span{color:var(--ink-3);font-size:.85rem}.step-card.on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.step-card.on .n{color:var(--brand)}.step-card.done .n{color:var(--good)}@media (max-width:820px){.steps-guide,.mode-toggle{grid-template-columns:1fr}}.hint.success{background:var(--good-soft)}.daily-hero{background:linear-gradient(135deg, var(--brand), var(--brand-2));color:var(--brand-ink);box-shadow:var(--shadow);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:24px 26px;text-decoration:none;display:flex}.daily-hero h2{font-size:1.5rem}.daily-hero .eyebrow{text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-size:.78rem;font-weight:600}.daily-hero .btn{color:#1b1740;background:#fffffff2;border:none}.daily-hero:hover{filter:brightness(1.05)}.daily-plan{gap:12px;margin:0;padding-left:22px;display:grid}.daily-plan li{gap:2px;display:grid}.daily-plan li::marker{color:var(--brand);font-weight:700}.daily-bar{z-index:5;background:var(--bg);gap:12px;margin:-12px 0 16px;padding:14px 0;display:grid;position:sticky;top:0}.daily-progress{gap:4px;display:flex}.daily-progress i{background:var(--line);border-radius:3px;flex:1;height:6px}.daily-progress i.past{background:var(--brand)}.daily-progress i.past.miss{background:var(--fair)}.daily-progress i.now{background:var(--brand-2);box-shadow:0 0 0 2px var(--brand-soft)}.streak{color:var(--accent);align-items:center;gap:12px;display:flex}.streak div{display:grid}.streak strong{font-family:var(--display);color:var(--ink);font-size:1.4rem}.auth-page{min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%, var(--brand-soft), transparent), var(--bg);place-items:center;min-height:100dvh;padding:20px;display:grid}.auth-card{gap:22px;width:min(420px,100%);padding:30px;display:grid}.field{gap:6px;font-size:.9rem;font-weight:500;display:grid}.link{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.lang-card{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;box-shadow:var(--shadow);border-radius:18px;justify-items:start;gap:6px;padding:20px;transition:border-color .15s,transform .15s;display:grid}.lang-card:hover{border-color:var(--brand);transform:translateY(-2px)}.lang-card strong{font-family:var(--display);font-size:1.15rem}.lang-flag{font-size:2rem;line-height:1}.lang-flag.sm{font-size:1.15rem}.switcher{margin:0 0 14px;position:relative}.switcher-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-weight:600;display:flex}.switcher-btn:hover{border-color:var(--brand)}.switcher-btn .grow{flex:1}.beta{background:var(--accent-soft);color:var(--accent);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.7rem;font-weight:600}.switcher-menu{z-index:20;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;gap:2px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0}.switcher-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.switcher-item:hover,.switcher-item.on{background:var(--surface-2)}.switcher-item.add{color:var(--brand);font-weight:600}.account{border-top:1px solid var(--line);gap:2px;margin-top:10px;padding-top:10px;display:grid}.account .small{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2);overflow:hidden}.account .link{justify-self:start}@media (max-width:820px){.switcher{display:none}}.lang-select{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:8px;padding:4px 8px;font-size:.85rem}.course-card{max-width:720px}.eyebrow-muted{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-size:.75rem;font-weight:600}.gloss{color:var(--ink-2);font-size:1.1rem}.gloss.big{font-family:var(--serif);color:var(--ink);font-size:1.9rem;line-height:1.3}.example{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.example:hover{border-color:var(--brand)}.choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{border:2px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;padding:14px 16px;font-size:1rem;display:flex}.choice:hover{border-color:var(--brand)}.choice.right{border-color:var(--good);background:var(--good-soft)}.choice.wrong{border-color:var(--poor);background:var(--poor-soft)}.chip.good{background:var(--good-soft);color:var(--good)}.chip.rating{font-weight:600}@media (max-width:820px){.choices{grid-template-columns:1fr}}a.btn{text-decoration:none}a.btn[aria-disabled=true]{opacity:.5;cursor:default}.big-letter{font-family:var(--serif);color:var(--brand);font-size:4.5rem;font-weight:600;line-height:1}.target-text.big{font-size:2.6rem}.parts{flex-wrap:wrap;gap:8px;display:flex}.part{background:var(--surface-2);border-radius:10px;gap:2px;min-width:60px;padding:8px 12px;display:grid}.part strong{font-family:var(--serif);font-size:1.15rem}.part span{color:var(--ink-2);font-size:.8rem}.letter-help{background:var(--surface-2);border-radius:10px;grid-template-columns:auto auto 1fr;align-items:baseline;gap:10px;padding:8px 12px;display:grid}.letter-help .letter{font-family:var(--serif);color:var(--brand);font-size:1.4rem;font-weight:600}.choice-letter{font-family:var(--serif);font-size:1.6rem;font-weight:600}.unit-zero{border-color:var(--brand)}.chip.start-here{background:var(--brand);color:var(--brand-ink);text-transform:none;letter-spacing:0;margin-left:8px}.chip.resume{text-transform:none;letter-spacing:0;margin-left:8px}.analysis,.exercise{gap:16px}.exercise-card{gap:18px}.exercise-split{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:16px;display:grid}.coach-aside .coach{flex-direction:column;margin:0;display:flex}.coach-aside .ask{margin-top:auto;padding-top:12px}.compact .analysis,.compact .exercise{gap:10px}.compact .exercise-card{gap:12px}.compact .card{padding:14px 16px}.compact .card+.card{margin-top:10px}.compact .target-text{font-size:1.45rem}.compact .words{font-size:1.2rem}.compact h3{font-size:1rem}@media (min-width:1101px){main:has(.exercise-split){height:100vh;flex-direction:column;height:100dvh;padding-top:16px;padding-bottom:16px;display:flex;overflow:hidden}.exercise-split{flex:1;grid-template-rows:minmax(0,1fr);align-items:stretch;min-height:0}.exercise-split>.exercise{flex-direction:column;min-height:0;display:flex}.exercise-split>.exercise>:not(.analysis){flex:none}.exercise-split .analysis{flex:1;align-content:start;min-height:0;padding-right:4px;overflow-y:auto}.coach-aside{min-height:0}.coach-aside .coach{flex:1;min-height:0}.coach-aside .coach>.stack{flex:1;min-height:0;padding-right:4px;overflow-y:auto}}@media (max-width:1100px){.exercise-split{grid-template-columns:1fr}}.analysis-cols{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:start;gap:16px;display:grid}.analysis-cols>.card,.compact .analysis-cols>.card{margin:0}@media (min-width:1100px){.analysis-cols{grid-template-columns:minmax(0,3fr) minmax(260px,2fr)}}.compact .analysis-cols{gap:10px}.info{cursor:help;border:1px solid var(--ink-3);width:16px;height:16px;color:var(--ink-3);border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:.7rem;font-style:italic;font-weight:700;display:inline-grid}.compact .exercise-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:20px}.compact .exercise-card>.alert{grid-column:1/-1}.compact .rec-btn{width:56px;height:56px}.compact .rec-btn svg{width:22px;height:22px}.coach-aside{flex-direction:column;gap:10px;display:flex}.aside-nav{flex:none;justify-content:space-between;gap:8px;display:flex}.btn.icon{padding:6px}:is(.grid,.stack,.row,.list,.analysis-cols,.dash-grid)>.card,.compact :is(.grid,.stack,.row,.list,.analysis-cols)>.card{margin:0}.ipa-read{font-family:var(--mono);white-space:nowrap}.ipa-tok{cursor:help;border-bottom:1px dotted;border-radius:3px;outline:none;margin:0 .5px;position:relative}.ipa-tok:hover,.ipa-tok:focus{background:var(--brand-soft);color:var(--brand)}.ipa-tok.diff{background:var(--poor);color:#fff;border-bottom-color:#0000;padding:0 2px}.ipa-pop{z-index:50;white-space:normal;text-align:left;background:var(--surface);border:1px solid var(--line);min-width:240px;font-family:var(--font);color:var(--ink);cursor:default;border-radius:10px;margin-top:0;padding:10px 12px;font-size:.85rem;line-height:1.4;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000059}.ipa-pop:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.ipa-tok:hover .ipa-pop,.ipa-tok:focus .ipa-pop,.ipa-tok:focus-within .ipa-pop{gap:6px;margin-top:6px;display:grid}.ipa-pop-sym{font-family:var(--mono);color:var(--brand);font-size:1.4rem;line-height:1}.ipa-pop-line{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ipa-ex{cursor:pointer;border:1px solid var(--line);background:var(--surface-2);font:inherit;font-family:var(--serif);color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.ipa-ex:hover{border-color:var(--brand)}.alert .ipa-tok:not(.diff),.hint .ipa-tok:not(.diff){color:inherit}.shadow-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.shadow-title{font-family:var(--display);margin-right:4px;font-size:1.1rem}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg-btn{cursor:pointer;color:var(--ink-2);white-space:nowrap;background:0 0;border:none;border-radius:7px;padding:5px 10px;font-size:.85rem}.seg-btn:hover{color:var(--ink)}.seg-btn.on{background:var(--surface);color:var(--brand);box-shadow:var(--shadow);font-weight:600}.seg-btn.done:not(.on){color:var(--good)}.shadow-hint{margin:-2px 0 0}.compact .shadow-stage{gap:12px}.compact .shadow-stage .target-text{font-size:1.35rem}.aside-nav{flex-wrap:wrap;align-items:center}.kbd-in{text-align:center;opacity:.75;min-width:20px;font-size:.85rem;line-height:1.35;font-family:var(--font);border-color:currentColor;margin-left:2px;padding:0 6px}.btn .kbd-in{border-bottom-width:1px}.rec-kbd{pointer-events:none;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.rec-kbd .kbd-in{background:var(--surface);color:var(--ink-2);border-color:var(--line);opacity:1;margin:0}.btn.soft{background:var(--brand-soft);color:var(--brand);border-color:#0000;font-weight:600}.btn.soft:hover{border-color:var(--brand)}.coach-idle{align-content:start;justify-items:start;gap:8px}.coach>.stack{align-content:start}.ask-coach{justify-self:start}.dash-grid{grid-template-columns:1fr;align-items:stretch;gap:16px;margin-top:20px;display:grid}.dash-grid>.card{align-content:start}@media (max-width:1000px){.dash-grid{grid-template-columns:1fr}}.weak{gap:14px}.weak-item{border-top:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 0;display:grid}.weak-rank{background:var(--muted-soft);width:26px;height:26px;color:var(--ink-2);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.weak-rank.high{background:var(--poor-soft);color:var(--poor)}.weak-rank.medium{background:var(--fair-soft);color:var(--fair)}.chip.impact-high{background:var(--poor-soft);color:var(--poor)}.chip.impact-medium{background:var(--fair-soft);color:var(--fair)}.chip.impact-low{background:var(--muted-soft);color:var(--ink-3)}.weak-word{background:var(--surface-2);font-family:var(--serif);border-radius:6px;margin:0 2px;padding:0 6px;display:inline-block}.weak-tip{max-width:760px}.home-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.home-top>.card{margin:0}@media (max-width:1100px){.home-top{grid-template-columns:1fr}}:root{--star:#f5b301}.priority-star{color:var(--star);flex:none}.nav-link .priority-star{margin-left:auto}.shell.collapsed .sidebar:not(:hover) .nav-link{position:relative}.shell.collapsed .sidebar:not(:hover) .nav-link .priority-star{width:10px;height:10px;margin:0;position:absolute;top:3px;right:3px}.mode-card{position:relative}.mode-card.priority{border-color:color-mix(in srgb, var(--star) 55%, var(--line))}.priority-tag{color:var(--star);background:color-mix(in srgb, var(--star) 14%, transparent);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;top:10px;right:10px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.profile-grid>.card{margin:0}.profile-wide{grid-column:1/-1}@media (max-width:900px){.profile-grid{grid-template-columns:1fr}}.profile-flash{margin-bottom:16px}.field{color:var(--ink-2);gap:4px;font-size:.85rem;display:grid}.avatar.big{width:52px;height:52px;font-size:1.3rem}.avatar.sm{flex:none;width:26px;height:26px;font-size:.8rem}.danger-zone{border:1px solid var(--poor-soft);border-radius:12px;margin-top:8px;padding:14px}.btn.danger-text{color:var(--poor)}.profile-link{border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:6px;padding:6px 8px}.shell.collapsed .sidebar:not(:hover) .profile-link .grow{display:none}.shell.collapsed .sidebar:not(:hover) .profile-link .avatar{display:grid}.settings{max-width:980px}.settings-section{border-top:1px solid var(--line);grid-template-columns:260px minmax(0,1fr);gap:32px;padding:28px 0;display:grid}.settings-section:first-child{border-top:none;padding-top:8px}.settings-head{align-content:start;gap:6px;display:grid}.settings-head h2{font-size:1.05rem}.settings-body{max-width:560px}@media (max-width:820px){.settings-section{grid-template-columns:1fr;gap:14px}}.nav-tree{gap:4px;display:grid}.nav-group{gap:2px;display:grid}.nav-lang{cursor:pointer;width:100%;color:var(--ink-2);text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-weight:600;display:flex}.nav-lang:hover{background:var(--surface-2);color:var(--ink)}.nav-group.current>.nav-lang{color:var(--ink)}.nav-lang .grow{text-overflow:ellipsis;flex:1;overflow:hidden}.nav-chevron{color:var(--ink-3);transition:transform .15s;transform:rotate(-90deg)}.nav-group.open .nav-chevron{transform:none}.nav-children{border-left:1px solid var(--line);gap:2px;margin-left:18px;padding-left:8px;display:grid}.nav-add{color:var(--brand);margin-top:4px}.nav-add-icon{text-align:center;flex:none;width:18px;font-weight:700}.shell.collapsed .sidebar:not(:hover) .nav-add .nav-add-icon{display:inline}.progress-empty{align-content:start}.ghost-chart{opacity:.8;margin:4px 0}.dash-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:14px 16px;display:flex}.stat div{display:grid}.stat strong{font-family:var(--display);font-size:1.5rem;line-height:1.1}.stat span{color:var(--ink-3);font-size:.8rem}@media (max-width:820px){.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.activity{gap:6px;display:grid}.activity-bars{grid-template-columns:repeat(30,1fr);align-items:end;gap:4px;height:110px;display:grid}.activity-day{border-bottom:3px solid var(--muted-soft);border-radius:4px 4px 0 0;flex-direction:column-reverse;gap:1px;height:100%;display:flex;overflow:hidden}.activity-day i:first-child{border-radius:0}.activity-day i:last-child{border-radius:4px 4px 0 0}.activity-day i{width:100%;display:block}.lang-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.lang-grid>.card{margin:0}.lang-card{align-content:start;gap:12px;display:grid}.lang-card-main{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.lang-card-stats{background:var(--surface-2);border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;display:grid}.lang-card-stats div{gap:2px;display:grid}.lang-card-stats strong{font-family:var(--display);font-size:1.2rem}.delta{margin-left:6px;font-size:.75rem;font-weight:600}.delta.up{color:var(--good)}.delta.down{color:var(--poor)}.lang-card.add{min-height:160px;color:var(--brand);border-style:dashed;place-items:center;font-weight:600;text-decoration:none}.nav-lang-link .lang-flag{text-align:center;width:18px}.shell.collapsed .sidebar:not(:hover) .nav-lang-link .lang-flag,.shell.collapsed .sidebar:not(:hover) .nav-add .nav-add-icon{display:inline-block}.nav-lang-link .grow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.main-lang{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 16%, var(--surface)), var(--surface));border:1px solid var(--line);border-radius:18px;gap:16px;margin-bottom:16px;padding:22px;display:grid}.main-lang-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.lang-flag.big{font-size:2.6rem}.main-lang-cta{gap:8px;margin-left:auto;display:flex}.main-lang-stats{border-top:1px solid var(--line);flex-wrap:wrap;gap:28px;padding-top:14px;display:flex}.main-lang-stats div{gap:2px;display:grid}.main-lang-stats span{color:var(--ink-3);font-size:.78rem}.main-lang-stats strong{font-family:var(--display);font-size:1.3rem}.main-lang-stats strong.focus{font-family:var(--font);font-size:.95rem;font-weight:600}.add-lang-link{color:var(--ink-3);margin-top:4px;font-size:.9rem;text-decoration:none;display:inline-block}.add-lang-link:hover{color:var(--brand)}.oauth-btn{background:var(--surface);gap:10px}.or-sep{color:var(--ink-3);align-items:center;gap:10px;margin:6px 0;font-size:.8rem;display:flex}.or-sep:before,.or-sep:after{content:"";background:var(--line);flex:1;height:1px}.passkey-offer{background:var(--brand-soft);border:1px solid color-mix(in srgb, var(--brand) 30%, transparent);border-radius:14px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.passkey-offer>span{font-size:1.3rem}@media (max-width:820px){input,select,textarea,.input{font-size:16px}.compact .exercise-card{grid-template-columns:1fr;row-gap:14px}.compact .exercise-card .record-zone{justify-content:flex-start}.compact .rec-btn{width:64px;height:64px}.target-text,.compact .target-text{font-size:1.3rem}.words,.compact .words{font-size:1.1rem}.analysis-cols{grid-template-columns:1fr}.score-strip{flex-wrap:wrap;row-gap:10px}.score-overall{border-right:none;flex:1 0 100%;margin-right:0;padding-right:0}.score-mini{flex:28%}.coach-aside .coach{height:auto;min-height:0}.word-detail .row{row-gap:8px}.weak-item{grid-template-columns:26px minmax(0,1fr)}.weak-item>.btn{grid-column:2;justify-self:start}.main-lang-cta{width:100%;margin-left:0}.main-lang-cta .btn{flex:1}.card{padding:16px}.page-head{margin-bottom:18px}.shadow-bar{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto}.shadow-bar::-webkit-scrollbar{display:none}.shadow-title,.seg{flex:none}.shadow-controls{gap:10px}.btn.sm{min-height:36px}.chip{min-height:30px}}@media (hover:none) and (pointer:coarse){.kbd-in,.rec-kbd{display:none}}@media (max-width:820px){.mobile-tab .priority-star{top:2px;right:calc(50% - 26px)}}.rec-fab{display:none}@media (max-width:820px){.rec-fab{right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:45;background:var(--poor);color:#fff;border:none;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:fixed;box-shadow:0 8px 24px #00000059}.rec-fab svg{width:24px;height:24px}.exercise-split{flex-direction:column;gap:12px;display:flex}.coach-aside{display:contents}.aside-nav{flex-wrap:nowrap;order:-1}.aside-nav .row{flex-wrap:nowrap}.aside-nav .btn{white-space:nowrap}.exercise-split>.exercise{order:0}.coach-aside>.coach{order:1}.aside-nav .small{white-space:nowrap}}