:root{--primary: #0b57d0;--on-primary: #ffffff;--primary-container: #d3e3fd;--on-primary-container: #041e49;--secondary-container: #c2e7ff;--on-secondary-container: #001d35;--tertiary: #146c2e;--tertiary-container: #c4eed0;--on-tertiary-container: #072711;--warn: #7a5900;--warn-container: #ffdf99;--on-warn-container: #261a00;--error: #b3261e;--on-error: #ffffff;--error-container: #f9dedc;--on-error-container: #410e0b;--surface: #f8fafd;--surface-container-lowest: #ffffff;--surface-container-low: #f3f6fc;--surface-container: #f0f4f9;--surface-container-high: #e9eef6;--surface-container-highest: #dde3ea;--on-surface: #1f1f1f;--on-surface-variant: #444746;--outline: #747775;--outline-variant: #c4c7c5;--inverse-surface: #303030;--inverse-on-surface: #f2f2f2;--scrim: rgba(0, 0, 0, .32);--shape-xs: 4px;--shape-s: 8px;--shape-m: 12px;--shape-l: 16px;--shape-xl: 28px;--shape-full: 999px;--elev-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--elev-3: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);--font: "Google Sans", Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;--nav-h: 80px;--rail-w: 88px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--primary: #a8c7fa;--on-primary: #062e6f;--primary-container: #0842a0;--on-primary-container: #d3e3fd;--secondary-container: #004a77;--on-secondary-container: #c2e7ff;--tertiary: #6dd58c;--tertiary-container: #0f5223;--on-tertiary-container: #c4eed0;--warn: #f8bd2a;--warn-container: #5c4300;--on-warn-container: #ffdf99;--error: #f2b8b5;--on-error: #601410;--error-container: #8c1d18;--on-error-container: #f9dedc;--surface: #131314;--surface-container-lowest: #0e0e0e;--surface-container-low: #1b1b1b;--surface-container: #1e1f20;--surface-container-high: #282a2c;--surface-container-highest: #333537;--on-surface: #e3e3e3;--on-surface-variant: #c4c7c5;--outline: #8e918f;--outline-variant: #444746;--inverse-surface: #e3e3e3;--inverse-on-surface: #303030;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--surface);color:var(--on-surface);font:400 16px/24px var(--font);letter-spacing:.1px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}button{cursor:pointer;border:0;background:none;padding:0}button:disabled{cursor:default}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.msr{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;flex:none}.msr-fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.display-s{font-size:36px;line-height:44px;font-weight:400}.headline-l{font-size:32px;line-height:40px;font-weight:400}.headline-m{font-size:28px;line-height:36px;font-weight:400}.headline-s{font-size:24px;line-height:32px;font-weight:400}.title-l{font-size:22px;line-height:28px;font-weight:400}.title-m{font-size:16px;line-height:24px;font-weight:500;letter-spacing:.15px}.title-s{font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px}.body-l{font-size:16px;line-height:24px}.body-m{font-size:14px;line-height:20px;letter-spacing:.25px}.body-s{font-size:12px;line-height:16px;letter-spacing:.4px}.label-l{font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px}.label-m{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.5px}.on-variant{color:var(--on-surface-variant)}.primary-text{color:var(--primary)}.center{text-align:center}.app{min-height:100dvh}.page{width:100%;max-width:1040px;margin:0 auto;padding:0 16px calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}.page.flow{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.navbar{position:fixed;inset:auto 0 0 0;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface-container);display:flex;justify-content:space-around;z-index:10}.nav-item{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--on-surface-variant)}.nav-pill{width:64px;height:32px;border-radius:var(--shape-full);display:grid;place-items:center;position:relative;overflow:hidden;transition:background-color .2s}.nav-item:hover .nav-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:.08}.nav-item.active{color:var(--on-surface)}.nav-item.active .nav-pill{background:var(--secondary-container);color:var(--on-secondary-container)}.nav-item.active .label-m{font-weight:700}.topbar{position:sticky;top:0;z-index:5;min-height:64px;padding-top:env(safe-area-inset-top);display:flex;align-items:center;gap:4px;margin:0 -16px;padding-left:4px;padding-right:4px;background:var(--surface)}.topbar .title-l{flex:1;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .trailing{padding-right:12px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:32px;height:32px;border-radius:10px}.card{background:var(--surface-container);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:16px;min-width:0}.card.low{background:var(--surface-container-low)}.card.high{background:var(--surface-container-high)}.card.outlined{background:var(--surface);border:1px solid var(--outline-variant)}.card.primary{background:var(--primary-container);color:var(--on-primary-container)}.card.tight{padding:8px 0;gap:0}.inset{background:var(--surface-container-high);border-radius:var(--shape-l);padding:12px 16px}.section-title{padding:8px 4px 0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:8px;min-width:0}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;border-radius:var(--shape-full);font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px;white-space:nowrap;transition:box-shadow .2s,background-color .2s}.btn .msr{font-size:18px;margin-left:-8px}.btn.trailing-icon .msr{margin-left:0;margin-right:-8px}.card-btn{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;width:100%;padding:16px;border-radius:24px;background:var(--surface-container-high);text-align:left}.card-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity .15s;pointer-events:none}.card-btn:hover:after{opacity:.08}.card-btn:active:after{opacity:.12}.btn:after,.icon-btn:after,.list-btn:after,.chip:after,.fab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity .15s;pointer-events:none}.btn:hover:not(:disabled):after,.icon-btn:hover:not(:disabled):after,.list-btn:hover:not(:disabled):after,.chip:hover:after,.fab:hover:after{opacity:.08}.btn:active:not(:disabled):after,.icon-btn:active:not(:disabled):after,.list-btn:active:not(:disabled):after,.chip:active:after,.fab:active:after{opacity:.12}.btn-filled{background:var(--primary);color:var(--on-primary)}.btn-filled:hover:not(:disabled){box-shadow:var(--elev-1)}.btn-tonal{background:var(--secondary-container);color:var(--on-secondary-container)}.btn-outlined{border:1px solid var(--outline);color:var(--primary)}.btn-text{color:var(--primary);padding:0 12px}.btn-text .msr{margin-left:-4px}.btn-error{color:var(--error)}.btn-lg{height:56px;padding:0 28px;font-size:16px;border-radius:var(--shape-full)}.btn-lg .msr{font-size:24px}.btn-block{width:100%}.btn:disabled{background:color-mix(in srgb,var(--on-surface) 12%,transparent);color:color-mix(in srgb,var(--on-surface) 38%,transparent);box-shadow:none;border-color:transparent}.btn-text:disabled{background:none}.icon-btn{position:relative;overflow:hidden;width:48px;height:48px;border-radius:var(--shape-full);display:inline-grid;place-items:center;color:var(--on-surface-variant);flex:none}.icon-btn.tonal{background:var(--secondary-container);color:var(--on-secondary-container);width:40px;height:40px;margin:4px}.icon-btn.primary{color:var(--primary)}.icon-btn:disabled{color:color-mix(in srgb,var(--on-surface) 38%,transparent)}.fab{position:relative;overflow:hidden;width:96px;height:96px;border-radius:var(--shape-xl);background:var(--primary-container);color:var(--on-primary-container);display:grid;place-items:center;box-shadow:var(--elev-3);transition:border-radius .25s,background-color .25s,transform .1s}.fab .msr{font-size:36px}.fab:active{transform:scale(.97)}.fab.recording{background:var(--error);color:var(--on-error);border-radius:48px;animation:ring 1.4s infinite}@keyframes ring{0%{box-shadow:var(--elev-3),0 0 color-mix(in srgb,var(--error) 45%,transparent)}70%{box-shadow:var(--elev-3),0 0 0 20px transparent}to{box-shadow:var(--elev-3),0 0 0 0 transparent}}.mic-area{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 0 4px}.chip{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 16px;border-radius:var(--shape-s);border:1px solid var(--outline-variant);color:var(--on-surface-variant);font-size:14px;font-weight:500;white-space:nowrap;flex:none}.chip .msr{font-size:18px;margin-left:-8px}.chip.selected{background:var(--secondary-container);color:var(--on-secondary-container);border-color:transparent}.chip.static{cursor:default}.chip.static:after{display:none}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips-scroll{display:flex;gap:8px;overflow-x:auto;margin:0 -20px;padding:0 20px 2px;scrollbar-width:none}.chips-scroll::-webkit-scrollbar{display:none}.badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:var(--shape-full);font-size:12px;font-weight:500;letter-spacing:.4px;white-space:nowrap;background:var(--surface-container-highest);color:var(--on-surface-variant);flex:none}.badge .msr{font-size:16px;margin-left:-2px}.badge.good{background:var(--tertiary-container);color:var(--on-tertiary-container)}.badge.mid{background:var(--warn-container);color:var(--on-warn-container)}.badge.bad{background:var(--error-container);color:var(--on-error-container)}.badge.info{background:var(--primary-container);color:var(--on-primary-container)}.list{display:flex;flex-direction:column}.list-item,.list-btn{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;min-height:72px;padding:8px 16px;text-align:left;width:100%}.list-btn:disabled{opacity:.5}.list>li+li{border-top:1px solid var(--outline-variant)}.list .li-text{flex:1;min-width:0;display:flex;flex-direction:column}.list .li-sub{color:var(--on-surface-variant);font-size:14px;line-height:20px;letter-spacing:.25px}.avatar{width:40px;height:40px;border-radius:var(--shape-full);display:grid;place-items:center;background:var(--primary-container);color:var(--on-primary-container);flex:none}.avatar .msr{font-size:22px}.field{display:flex;flex-direction:column;gap:6px}.field>.label-l{color:var(--on-surface)}.textfield{display:flex;align-items:center;gap:4px;min-height:56px;border:1px solid var(--outline);border-radius:var(--shape-xs);padding:0 4px 0 16px;background:transparent}.textfield:focus-within{border:2px solid var(--primary);padding-left:15px}.textfield input,.textfield select,.textfield textarea{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16px;padding:14px 0}.textfield textarea{resize:vertical;min-height:88px;padding:16px 12px 16px 0}.textfield select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:12px;cursor:pointer}.textfield select option{background:var(--surface-container-high);color:var(--on-surface)}.supporting{color:var(--on-surface-variant);font-size:12px;line-height:16px;letter-spacing:.4px;padding:0 16px}.searchbar{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;border-radius:var(--shape-full);background:var(--surface-container-high);color:var(--on-surface-variant)}.searchbar input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--on-surface)}.searchbar input::placeholder{color:var(--on-surface-variant)}.slider{display:flex;flex-direction:column;gap:4px}input[type=range]{width:100%;accent-color:var(--primary);height:32px;margin:0}.linear{height:4px;border-radius:4px;background:var(--secondary-container);overflow:hidden}.linear>span{display:block;height:100%;border-radius:4px;background:var(--primary);transition:width .4s cubic-bezier(.2,0,0,1)}.linear.thick{height:8px}.linear .good{background:var(--tertiary)}.linear .mid{background:var(--warn)}.linear .bad{background:var(--error)}.ring{--p: 0;width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--p) * 1%),var(--secondary-container) 0);display:grid;place-items:center;flex:none}.ring>div{width:84px;height:84px;border-radius:50%;background:var(--surface-container);display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner{width:24px;height:24px;border-radius:50%;border:4px solid var(--secondary-container);border-top-color:var(--primary);animation:spin .9s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.analyzing{display:flex;align-items:center;justify-content:center;gap:16px;padding:32px 8px;color:var(--on-surface-variant)}.analyzing .slow-note{display:block;margin-top:2px}.banner{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:var(--shape-l);background:var(--primary-container);color:var(--on-primary-container);text-align:left}.banner>.msr{margin-top:-1px}.banner.error{background:var(--error-container);color:var(--on-error-container)}.banner.warn{background:var(--warn-container);color:var(--on-warn-container)}.banner.good{background:var(--tertiary-container);color:var(--on-tertiary-container)}.banner .btn{margin-top:8px}.banner-body{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.today{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.today .btn{grid-column:1 / -1}.ring .num{font-size:28px;line-height:32px;font-weight:500}.flow-head{display:flex;flex-direction:column;gap:8px}.prompt{font-size:20px;line-height:28px;font-weight:400}.hint{display:flex;flex-direction:column;gap:8px}.placeholder{border:1px dashed var(--outline-variant);border-radius:24px;padding:32px 24px;text-align:center;color:var(--on-surface-variant);display:flex;flex-direction:column;align-items:center;gap:8px}.placeholder .msr{font-size:32px;color:var(--outline)}.fb-head{display:flex;gap:16px;align-items:center}.score{width:56px;height:56px;border-radius:var(--shape-l);display:grid;place-items:center;font-size:22px;font-weight:500;flex:none}.score-good{background:var(--tertiary-container);color:var(--on-tertiary-container)}.score-mid{background:var(--warn-container);color:var(--on-warn-container)}.score-bad{background:var(--error-container);color:var(--on-error-container)}.overline{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.5px;color:var(--on-surface-variant);margin-bottom:4px}.transcript{font-size:18px;line-height:28px}mark{border-radius:6px;padding:1px 4px}.v-ok{background:var(--tertiary-container);color:var(--on-tertiary-container)}.v-bad{background:var(--error-container);color:var(--on-error-container);text-decoration:underline wavy;text-underline-offset:4px}.corrections{display:flex;flex-direction:column;gap:8px}.correction{background:var(--surface-container-high);border-radius:var(--shape-l);padding:12px 16px;display:flex;flex-direction:column;gap:6px}.corr-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:16px}.corr-line s{color:var(--error)}.corr-line strong{color:var(--tertiary);font-weight:500}.corr-line .msr{font-size:18px;color:var(--on-surface-variant)}.say{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px}.timeline{margin:0}.timeline svg{width:100%;height:auto;display:block;overflow:visible}.timeline figcaption{margin-top:8px;display:flex;flex-direction:column;gap:4px}.tl-axis{stroke:var(--outline-variant);stroke-width:4;stroke-linecap:round}.tl-now{stroke:var(--on-surface);stroke-width:2;stroke-dasharray:3 3}.tl-now-label{fill:var(--on-surface);font:500 11px var(--font);text-anchor:middle;letter-spacing:.5px}.tl-end{fill:var(--on-surface-variant);font:400 10px var(--font)}.tl-accent{fill:var(--primary)}.tl-hollow{fill:var(--surface-container);stroke:var(--primary);stroke-width:3}.tl-bar{fill:var(--primary-container);stroke:var(--primary);stroke-width:1.5}.tl-dashed{fill:none;stroke:var(--warn);stroke-width:2;stroke-dasharray:5 4}.tl-wave{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round}.tl-x line{stroke:var(--error);stroke-width:3;stroke-linecap:round}.tl-arrow{stroke:var(--primary);stroke-width:2.5}.tl-arrow-dashed{stroke-dasharray:5 4}.tl-headfill{fill:var(--primary)}.tl-label{fill:var(--on-surface-variant);font:400 10.5px var(--font);text-anchor:middle}.tl-label-x{fill:var(--error)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--surface-container-high);border-radius:var(--shape-l);padding:12px 8px;display:flex;flex-direction:column;align-items:center}.stat .num{font-size:28px;line-height:36px}.word-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.word{font-size:36px;line-height:44px;font-weight:500;letter-spacing:-.25px;word-break:break-word}.pron{display:flex;align-items:center;gap:8px;color:var(--on-surface-variant);flex-wrap:wrap}.pron strong{color:var(--primary);font-weight:500;letter-spacing:.5px}.definition{font-size:20px;line-height:28px}.translation{display:flex;align-items:center;gap:8px;color:var(--on-surface-variant)}.translation .msr{font-size:18px}.example strong{color:var(--primary);font-weight:500}.stepper{display:flex;gap:8px}.step{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:var(--shape-full);font-size:13px;font-weight:500;background:var(--surface-container-high);color:var(--on-surface-variant);white-space:nowrap}.step .msr{font-size:18px}.step.on{background:var(--primary);color:var(--on-primary)}.step.done{background:var(--secondary-container);color:var(--on-secondary-container)}.word-row-text{display:flex;flex-direction:column;min-width:0;flex:1}.word-row-text .w{font-size:16px;font-weight:500}.word-row-text .d{color:var(--on-surface-variant);font-size:14px;line-height:20px}.word-row-text .es{color:var(--on-surface-variant);font-size:12px;line-height:16px}.speakers{display:flex;flex-wrap:wrap;gap:8px 20px}.speaker{display:flex;align-items:center;gap:10px;border-radius:var(--shape-full);padding:2px 12px 2px 2px;transition:background-color .2s}.speaker.talking{background:var(--secondary-container)}.speaker .avatar{width:36px;height:36px;font-weight:500}.sp-0{background:var(--primary-container);color:var(--on-primary-container)}.sp-1{background:var(--tertiary-container);color:var(--on-tertiary-container)}.sp-2{background:var(--warn-container);color:var(--on-warn-container)}.sp-text-0{color:var(--primary)}.sp-text-1{color:var(--tertiary)}.sp-text-2{color:var(--warn)}.player{display:flex;align-items:center;gap:20px}.player .fab{width:80px;height:80px;border-radius:24px}.player .fab.recording{border-radius:40px;animation:none}.fab:disabled{opacity:.4;box-shadow:none}.dialogue{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.dl-line{width:100%;text-align:left;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--shape-m);transition:background-color .2s}.dl-line:hover{background:var(--surface-container-high)}.dl-line.current{background:var(--primary-container);color:var(--on-primary-container)}.question{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}.question legend{padding:0;margin-bottom:8px}.options{display:flex;flex-direction:column;gap:6px}.option{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 14px;border-radius:var(--shape-m);border:1px solid var(--outline-variant);cursor:pointer;transition:background-color .15s,border-color .15s}.option input{width:20px;height:20px;margin:0;accent-color:var(--primary);flex:none}.option:hover{background:var(--surface-container-high)}.option.chosen{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,transparent)}.question:disabled .option{cursor:default}.option.right{border-color:transparent;background:var(--tertiary-container);color:var(--on-tertiary-container)}.option.wrong{border-color:transparent;background:var(--error-container);color:var(--on-error-container)}.why{display:flex;gap:8px;align-items:flex-start}.why .msr{margin-top:1px;color:var(--warn)}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;height:140px;align-items:end}.day{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.day-bar{flex:1;width:100%;max-width:32px;background:var(--surface-container-high);border-radius:var(--shape-s);display:flex;align-items:flex-end;overflow:hidden}.day-bar span{width:100%;background:var(--primary-container);border-radius:var(--shape-s)}.day-bar span.met{background:var(--primary)}.day small{color:var(--on-surface-variant);font-size:12px;text-transform:uppercase}.big-num{font-size:57px;line-height:64px;color:var(--primary)}.grid-2{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);align-items:start}.only-wide{display:none}@media(min-width:600px){.only-wide{display:block}.only-narrow{display:none}.grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.span-2{grid-column:1 / -1}.sticky{position:sticky;top:72px}.navbar{inset:0 auto 0 0;width:var(--rail-w);height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 0 0;flex-direction:column;justify-content:flex-start;gap:12px;background:var(--surface)}.nav-item{flex:none;max-width:none;height:56px}.nav-pill{width:56px}.app.has-nav .page{padding-left:calc(var(--rail-w) + 8px);padding-bottom:32px}.app.has-nav .topbar{margin-left:0}}