/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.table{display:table}}:root{--ink:#1d1d1f;--blue:#0071e3;--blue-dark:#0062c3;--paper:#fff;--soft:#f5f5f7;--line:#d2d2d7;--muted:#6e6e73;--green:#248a3d;--red:#d70015}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,PingFang SC,Helvetica Neue,Arial,sans-serif}a{color:inherit}button,input{font:inherit}button{color:inherit}.site-shell{background:linear-gradient(180deg,#fff 0,#fff 72px,var(--soft) 72px);min-height:100vh}.topbar{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);z-index:30;background:#ffffffd1;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.brand{cursor:pointer;text-align:left;letter-spacing:-.35px;background:0 0;border:0;align-items:center;gap:10px;font-size:18px;font-weight:650;display:flex}.brand small{color:#86868b;letter-spacing:1.1px;margin-top:1px;font-size:9px;font-weight:600;display:block}.brand-mark{background:var(--ink);border-radius:10px;justify-content:center;align-items:center;gap:2px;width:34px;height:34px;display:inline-flex}.brand-mark i{background:#fff;border-radius:3px;width:2px;display:block}.brand-mark i:first-child,.brand-mark i:nth-child(4){height:10px}.brand-mark i:nth-child(2){height:19px}.brand-mark i:nth-child(3){height:15px}.brand-mark.large{border-radius:20px;width:68px;height:68px}.brand-mark.large i{width:4px}nav{gap:4px;display:flex}nav button,nav a{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 13px;font-size:13px;text-decoration:none}nav button.active,nav a:hover{color:var(--ink);background:var(--soft);font-weight:600}.account-actions{align-items:center;gap:10px;display:flex}.account-actions>span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--muted);font-size:12px;overflow:hidden}.account-actions>a{color:var(--blue);font-size:12px;text-decoration:none}.account-actions>a:hover{text-decoration:underline}.account-logout{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:7px 5px;font-size:12px}.primary,.secondary{cursor:pointer;border:0;border-radius:999px;padding:12px 19px;font-weight:600;transition:background .18s,transform .18s,opacity .18s}.primary{color:#fff;background:var(--blue)}.primary:hover{background:var(--blue-dark)}.primary:active,.secondary:active{transform:scale(.98)}.primary:disabled,.secondary:disabled{opacity:.38;cursor:not-allowed;transform:none}.primary.small{padding:9px 15px;font-size:13px}.secondary{color:var(--ink);background:#e8e8ed}.library-view{width:min(1180px,100% - 48px);margin:0 auto;padding:64px 0 90px}.cloud-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:620px;display:flex}.cloud-state h2{margin:0;font-size:30px}.cloud-error{color:var(--red);background:#fff2f3;border-radius:16px;margin:0 0 20px;padding:14px 18px;font-size:14px}.practice-view{width:min(1580px,100% - 32px);margin:0 auto;padding:24px 0 28px;font-size:16px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:510px;display:grid}.eyebrow{color:var(--blue);letter-spacing:1.7px;text-transform:uppercase;margin:0 0 15px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-5px;max-width:690px;margin:0;font-size:clamp(50px,6.5vw,82px);font-weight:700;line-height:.98}.hero h1 em{color:#86868b;font-style:normal}.hero-copy{color:var(--muted);max-width:560px;margin:26px 0 30px;font-size:19px;line-height:1.58}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-visual{place-items:center;min-height:380px;display:grid;position:relative}.sound-card{color:#fff;background:linear-gradient(145deg,#18181a,#3a3a3c);border-radius:34px;width:min(100%,480px);padding:35px;box-shadow:0 28px 70px #0000002e}.sound-label{color:#a1c9ff;letter-spacing:1.8px;font-size:10px;font-weight:700}.wave,.mini-wave{align-items:center;gap:5px;display:flex}.wave{height:125px;margin:18px 0 24px}.wave i{background:linear-gradient(#5ac8fa,#0a84ff);border-radius:9px;flex:1;min-width:3px}.demo-blanks{flex-wrap:wrap;gap:9px;display:flex}.demo-blanks span{text-align:center;border-bottom:2px solid #ffffff61;width:58px;height:25px;font-size:12px}.demo-blanks span.done{color:#64d2ff;border-color:#64d2ff;width:70px}.sound-card p{color:#98989d;margin:17px 0 0;font-size:12px}.orbit{background:#fff;border-radius:50%;place-items:center;font-weight:650;display:grid;position:absolute;box-shadow:0 14px 35px #0000001f}.orbit.one{color:#fff;background:#007aff;width:62px;height:62px;top:5px;right:20px}.orbit.two{width:76px;height:76px;bottom:35px;left:4px}.orbit.three{color:#0071e3;background:#e5f3ff;width:52px;height:52px;bottom:2px;right:0}.stats-row{background:#fff;border-radius:24px;grid-template-columns:repeat(3,1fr) 2.2fr;display:grid;overflow:hidden;box-shadow:0 1px #0000000a}.stats-row>div{border-right:1px solid #ececf0;flex-direction:column;justify-content:center;min-height:108px;padding:24px 28px;display:flex}.stats-row>div:last-child{border:0}.stats-row strong{letter-spacing:-1.5px;font-size:31px}.stats-row span{color:var(--muted);font-size:12px}.stats-row .tip{background:#f0f7ff}.stats-row .tip span{color:var(--blue);font-weight:650}.stats-row .tip p{margin:7px 0 0;line-height:1.5}.folder-library{margin-top:64px}.folder-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.folder-heading h2{letter-spacing:-1.5px;margin:0;font-size:36px}.folder-heading .eyebrow{margin-bottom:8px}.folder-create{font-size:14px}.folder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.folder-card{background:#fff;border:1px solid #0000000d;border-radius:22px;min-height:132px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 7px 24px #0000000b}.folder-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #00000016}.folder-card.active{border-color:#78baff;box-shadow:0 0 0 3px #0071e31c,0 12px 30px #00000012}button.folder-card{text-align:left;cursor:pointer;border-width:1px;flex-direction:column;align-items:flex-start;padding:20px;display:flex}.folder-card.smart{background:linear-gradient(145deg,#fff,#f4f8ff)}.folder-card.smart:nth-child(2){background:linear-gradient(145deg,#fff,#f7f7fa)}.folder-icon{width:38px;height:38px;color:var(--blue);background:#e5f3ff;border-radius:12px;place-items:center;margin-bottom:15px;font-size:20px;display:grid}.folder-card:nth-child(2) .folder-icon{color:#6e6e73;background:#f0f0f3}.folder-card>strong,.folder-open strong{font-size:17px;line-height:1.25}.folder-card>small,.folder-open small{color:var(--muted);margin-top:5px;font-size:12px}.folder-card.custom{background:#fff}.folder-open{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;width:100%;height:100%;min-height:132px;padding:20px;display:flex}.folder-tab{background:hsl(var(--folder-hue) 74% 72%);border-radius:9px 12px 12px;width:62px;height:38px;margin-bottom:15px;display:block;position:relative;box-shadow:inset 0 -3px #0000000f}.folder-tab:before{content:"";background:hsl(var(--folder-hue) 74% 64%);border-radius:8px 8px 0 0;width:29px;height:12px;position:absolute;top:-7px;left:0}.folder-edit{color:#8e8e93;cursor:pointer;letter-spacing:1px;background:0 0;border:0;border-radius:999px;width:35px;height:30px;position:absolute;top:11px;right:12px}.folder-edit:hover{color:var(--ink);background:#f0f0f3}.add-folder-card{border-style:dashed;justify-content:center;box-shadow:none!important;text-align:center!important;background:0 0!important;align-items:center!important}.add-folder-card>span{width:36px;height:36px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;margin-bottom:10px;font-size:22px;display:grid}.section-head{justify-content:space-between;align-items:end;gap:24px;margin:54px 0 24px;display:flex}.section-head h2{letter-spacing:-1.5px;margin:0;font-size:36px}.section-head .eyebrow{margin-bottom:8px}.search{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:9px;width:min(100%,360px);padding:0 15px;display:flex}.search span{color:var(--muted);font-size:22px}.search input{background:0 0;border:0;outline:0;width:100%;padding:12px 0}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.lesson-card,.add-card{background:#fff;border:0;border-radius:24px;min-height:410px;overflow:hidden;box-shadow:0 8px 28px #0000000f}.lesson-card{cursor:pointer;transition:transform .22s,box-shadow .22s}.lesson-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px #0000001a}.card-cover{background:linear-gradient(145deg,var(--accent),var(--accent));height:175px}@supports (color:color-mix(in lab, red, red)){.card-cover{background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent),white 45%))}}.card-cover{padding:20px;position:relative;overflow:hidden}.card-cover:after{content:"";border:42px solid #ffffff4d;border-radius:50%;width:190px;height:190px;position:absolute;top:-72px;right:-68px}.source,.needs-copy{z-index:2;background:#ffffffd6;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:650;position:relative}.cover-number{opacity:.1;font-size:70px;font-weight:700;position:absolute;bottom:3px;right:18px}.mini-wave{width:60%;height:60px;position:absolute;bottom:28px;left:20px}.mini-wave i{background:#1d1d1f;border-radius:8px;flex:1}.needs-copy{color:#fff;background:#1d1d1f;position:absolute;bottom:14px;left:20px}.card-body{padding:22px}.card-meta-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.tags{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.tags span{background:#f0f0f3;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:600}.organize-button{color:var(--blue);cursor:pointer;background:#eef6ff;border:0;border-radius:999px;flex:none;padding:6px 9px;font-size:11px;font-weight:650}.organize-button:hover{background:#dceeff}.card-body h3{letter-spacing:-.4px;min-height:55px;margin:15px 0 9px;font-size:21px;line-height:1.28}.card-body>p{color:var(--muted);margin:0;font-size:13px}.progress-line{background:#ececf0;border-radius:10px;height:4px;margin-top:22px;overflow:hidden}.progress-line i{background:var(--blue);height:100%;display:block}.card-foot{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.card-foot b{color:var(--blue)}.folder-empty{text-align:center;background:#fff;border-radius:24px;flex-direction:column;grid-column:span 2;justify-content:center;align-items:center;min-height:410px;padding:35px;display:flex;box-shadow:0 8px 28px #0000000a}.folder-empty>span{width:54px;height:54px;color:var(--blue);background:#f0f7ff;border-radius:17px;place-items:center;margin-bottom:15px;font-size:26px;display:grid}.folder-empty strong{font-size:20px}.folder-empty p{color:var(--muted);max-width:300px;font-size:13px;line-height:1.55}.folder-empty .primary{margin-top:5px}.add-card{cursor:pointer;text-align:center;background:0 0;border:1px dashed #b8b8bd;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.add-card>span{width:54px;height:54px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;margin-bottom:17px;font-size:28px;display:grid}.add-card strong{font-size:18px}.add-card small{color:var(--muted);max-width:220px;margin-top:8px;line-height:1.5}.back{color:var(--blue);cursor:pointer;background:0 0;border:0;margin-bottom:8px;padding:0;font-size:15px}.practice-head{justify-content:space-between;align-items:end;gap:32px;margin-bottom:14px;display:flex}.practice-head .eyebrow{letter-spacing:2.1px;margin-bottom:5px;font-size:15px}.practice-head h1{letter-spacing:-1.6px;max-width:1050px;margin:0;font-size:36px;line-height:1.04}.practice-head>div>p:last-child{color:var(--muted);margin:6px 0 0;font-size:16px}.session-progress{flex:none;width:260px}.session-progress span{color:var(--muted);font-size:13px}.session-progress strong{float:right;font-size:16px}.session-progress>div{clear:both;background:#dcdce1;border-radius:9px;height:6px;margin-top:10px;overflow:hidden}.session-progress i{background:var(--blue);height:100%;display:block}.practice-grid{flex-direction:column;align-items:stretch;gap:18px;display:flex}.media-column{width:calc(100vw - 24px);max-width:2000px;margin-left:50%;transform:translate(-50%)}.media-stage{grid-template-columns:1063px 595px;align-items:start;gap:43px;width:min(1701px,100%);margin:0 auto;display:grid}.video-pane{min-width:0}.stage-label{justify-content:space-between;align-items:center;width:100%;margin:0 0 16px;font-size:21px;display:flex}.stage-label>span{align-items:center;gap:13px;font-weight:650;display:flex}.stage-label i{background:#c7c7cc;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 7px #c7c7cc29}.stage-label i.live{background:#ff453a;animation:1.25s ease-in-out infinite livePulse;box-shadow:0 0 0 7px #ff453a21}.stage-label small{color:var(--muted);font-size:20px}.video-frame{aspect-ratio:16/9;background:#000;border-radius:33px;width:100%;margin:0;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 30px 74px #0000002e}.video-frame:hover{transform:translateY(-2px);box-shadow:0 40px 89px #00000038}.video-frame iframe,.video-frame video{object-fit:contain;border:0;width:100%;height:100%}.audio-poster{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:21px;height:100%;padding:46px;display:flex}.audio-poster small{color:#aaa;max-width:531px;line-height:1.5}.transport{grid-template-columns:repeat(3,158px);justify-content:center;gap:13px;width:100%;margin:0;display:grid}.transport button{text-align:center;cursor:pointer;background:#ffffffeb;border:1px solid #0000000a;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:158px;min-height:91px;padding:13px 9px;transition:transform .18s,box-shadow .18s,background .18s;display:flex;box-shadow:0 6px 23px #0000000b}.transport button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 39px #00000017}.transport button:active:not(:disabled){transform:scale(.985)}.transport button>span{color:var(--blue);font-size:30px;line-height:1}.transport button strong{font-size:20px;line-height:1.15}.transport button small{display:none}.transport button:disabled{opacity:.34;cursor:not-allowed}.transport .replay{background:var(--blue);color:#fff}.transport .replay>span{color:#fff}.transport .replay small{color:#ffffffb8}.transport .replay.playing{background:var(--blue-dark);box-shadow:0 0 0 7px #0071e31f,0 18px 43px #0062c333}.media-side-panel{flex-direction:column;gap:18px;padding-top:44px;display:flex}.control-shelf{flex-direction:column;align-items:stretch;gap:15px;margin:0;display:flex}.playback-options{grid-template-columns:1fr 1fr;align-items:center;gap:13px;display:grid}.playback-options>button,.speed{cursor:pointer;background:#fff;border:1px solid #0000000a;border-radius:25px;justify-content:center;align-items:center;gap:12px;padding:18px 20px;font-size:21px;transition:background .18s,transform .18s;display:flex;box-shadow:0 2px 15px #00000009}.playback-options>button:hover:not(:disabled),.speed button:hover{background:#f0f6ff}.playback-options>button.active{color:var(--blue);background:#e5f3ff;font-weight:600}.speed{justify-content:space-between;padding:13px 13px 13px 20px}.speed span{color:var(--muted);font-size:20px}.speed button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:12px 13px;font-size:20px;transition:background .18s,color .18s}.speed button.active{background:var(--ink);color:#fff}.playback-options>button:disabled{opacity:.35;cursor:not-allowed}.calibration-card{background:#ffffffe6;border:1px solid #0000000a;border-radius:28px;flex:1;width:100%;margin:0;padding:25px;box-shadow:0 2px 15px #00000009}.calibration-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.calibration-head>div{flex-direction:column;gap:5px;display:flex}.calibration-head strong{font-size:23px}.calibration-head small{color:var(--muted);font-size:16px}.calibration-head button{color:var(--blue);cursor:pointer;background:#f0f0f3;border:0;border-radius:999px;padding:12px 15px;font-size:18px}.calibration-head button:disabled{opacity:.35;cursor:not-allowed}.time-range{font-variant-numeric:tabular-nums;background:#f5f5f7;border-radius:18px;justify-content:center;align-items:center;gap:14px;margin:20px 0 16px;padding:14px;display:flex}.time-range span{font-size:21px;font-weight:650}.time-range i{color:#a1a1a6;font-style:normal}.calibration-row{grid-template-columns:61px 1fr 1fr;align-items:center;gap:9px;margin-top:12px;display:grid}.calibration-row>span{color:var(--muted);font-size:18px}.calibration-row button{cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:15px;padding:13px 8px;font-size:16px;transition:background .18s,color .18s}.calibration-row button:hover{color:var(--blue);background:#e5f3ff}.dictation-card{background:#fff;border-radius:30px;width:calc(100vw - 24px);max-width:2000px;min-height:360px;margin-left:50%;padding:26px 48px;position:relative;overflow:visible;transform:translate(-50%);box-shadow:0 12px 38px #0001}.dictation-card:before{content:"";background:linear-gradient(90deg,transparent,var(--blue),transparent);opacity:.65;height:3px;position:absolute;top:0;left:0;right:0}.dictation-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.dictation-top>span{color:var(--blue);white-space:nowrap;font-size:14px;font-weight:650}.dictation-tools{align-items:center;gap:10px;display:flex}.sentence-picker-field{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.sentence-picker{position:relative}.dictation-top button{color:var(--ink);cursor:pointer;white-space:nowrap;background:#f0f0f3;border:0;border-radius:999px;padding:9px 14px;font-size:14px;transition:background .18s,transform .18s}.dictation-top button:hover:not(:disabled){color:var(--blue);background:#e5f3ff;transform:translateY(-1px)}.dictation-top button:disabled{opacity:.45}.sentence-picker-trigger{justify-content:space-between;align-items:center;gap:18px;min-width:120px;display:flex}.sentence-picker-trigger>span{color:var(--muted)}.sentence-picker-menu{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #e5e5ea;border-radius:18px;width:min(620px,70vw);max-height:390px;padding:8px;position:absolute;top:calc(100% + 9px);right:0;overflow:auto;box-shadow:0 24px 70px #0003}.sentence-picker-menu button{text-align:left;white-space:normal;background:0 0;border-radius:12px;grid-template-columns:72px 1fr;align-items:start;gap:12px;width:100%;padding:11px 12px;display:grid}.sentence-picker-menu button:hover,.sentence-picker-menu button.active{color:var(--ink);background:#e5f3ff;transform:none}.sentence-picker-menu strong{color:var(--blue);font-size:13px}.sentence-picker-menu small{color:var(--ink);font-size:13px;line-height:1.42}.dictation-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-top:14px;display:flex}.dictation-intro h2{letter-spacing:-.3px;margin:0 0 6px;font-size:18px}.dictation-intro p{color:var(--muted);margin:0;font-size:16px}.translation-tip{color:#2f4f6f;background:#f0f7ff;border-radius:14px;margin:10px 0 0;padding:10px 14px;font-size:16px;line-height:1.45}.word-count{background:var(--soft);border-radius:19px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:650;display:flex}.word-count small{color:var(--muted);letter-spacing:1px;margin-top:1px;font-size:9px}.word-grid{flex-wrap:wrap;align-items:end;gap:16px 14px;min-height:90px;margin:20px 0 22px;display:flex}.word-slot{flex:128px;min-width:116px;max-width:235px;position:relative}.word-slot span{color:#a1a1a6;font-size:11px;position:absolute;top:-19px;left:5px}.word-slot input{text-align:center;letter-spacing:.1px;background:0 0;border:0;border-bottom:3px solid #aeaeb2;outline:0;width:100%;padding:12px 6px 9px;font-size:32px;font-weight:650;line-height:1.15;transition:border .18s,background .18s,transform .18s}.word-slot input:focus{border-color:var(--blue);background:#f5faff;transform:translateY(-2px)}.word-slot.right input{border-color:var(--green);color:var(--green);background:#f0faf2}.word-slot.wrong input{border-color:var(--red);color:var(--red);background:#fff2f3}.feedback{font-size:15px;font-weight:600}.feedback.error{color:var(--red)}.success{background:#f0faf2;border-radius:17px;gap:14px;padding:14px;font-size:16px;display:flex}.success>span{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.success strong{color:#176928}.success p{margin:4px 0 0;line-height:1.5}.dictation-footer{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;display:flex}.dictation-nav{align-items:center;gap:8px;display:flex}.dictation-nav button{cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:999px;padding:11px 16px;font-size:14px}.dictation-nav button:hover:not(:disabled){color:var(--blue);background:#e5f3ff}.dictation-nav button:disabled{opacity:.32;cursor:not-allowed}.dictation-nav span{color:var(--muted);text-align:center;min-width:72px;font-size:13px}.dictation-actions{justify-content:flex-end;gap:10px;display:flex}.dictation-actions button{font-size:16px}.continue-next{min-width:190px}.empty-practice{text-align:center;background:#fff;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:560px;padding:60px;display:flex}.empty-icon{width:70px;height:70px;color:var(--blue);background:#e5f3ff;border-radius:22px;place-items:center;margin-bottom:24px;font-size:22px;font-weight:650;display:grid}.empty-practice h2{letter-spacing:-1.6px;margin:0;font-size:39px}.empty-practice>p:not(.eyebrow){color:var(--muted);max-width:600px;line-height:1.65}.empty-practice a{color:var(--blue);margin-top:20px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000061;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:28px;width:min(660px,100%);max-height:92vh;padding:36px;position:relative;overflow:auto;box-shadow:0 32px 100px #0000003d}.modal-close{cursor:pointer;background:#e8e8ed;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:18px;right:18px}.modal h2{letter-spacing:-1.5px;margin:0;font-size:36px}.modal-copy{color:var(--muted);line-height:1.55}.entry-modal{width:min(620px,100%)}.entry-choices{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.entry-choices button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:20px;flex-direction:column;align-items:flex-start;padding:24px;transition:transform .18s,box-shadow .18s,border .18s;display:flex}.entry-choices button:hover{border-color:#9acbff;transform:translateY(-2px);box-shadow:0 12px 28px #0071e31a}.entry-choices button.recommended{background:#f0f7ff;border-color:#c6e1ff}.entry-choices span{width:38px;height:38px;color:var(--blue);background:#f0f0f3;border-radius:50%;place-items:center;font-size:20px;display:grid}.entry-choices strong{margin-top:17px;font-size:20px}.entry-choices small{color:var(--muted);margin-top:7px;line-height:1.5}.folder-modal{width:min(560px,100%)}.folder-name-field{margin-top:25px;font-size:12px;font-weight:650;display:block}.folder-name-field input{border:1px solid var(--line);border-radius:15px;outline:0;width:100%;margin-top:8px;padding:15px 16px;display:block}.folder-name-field input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0071e31f}.move-modal{width:min(590px,100%)}.move-folder-list{gap:9px;max-height:360px;margin-top:22px;display:grid;overflow:auto}.move-folder-list>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:16px;grid-template-columns:38px 1fr 24px;align-items:center;gap:12px;padding:13px 15px;display:grid}.move-folder-list>button:hover,.move-folder-list>button.active{background:#f0f7ff;border-color:#9acbff}.move-folder-list>button>span{width:38px;height:38px;color:var(--blue);background:#e5f3ff;border-radius:11px;place-items:center;font-size:18px;display:grid}.move-folder-list>button div{flex-direction:column;gap:3px;display:flex}.move-folder-list strong{font-size:15px}.move-folder-list small{color:var(--muted);font-size:11px}.move-folder-list b{visibility:hidden;color:var(--blue)}.move-folder-list button.active b{visibility:visible}.no-folder-note{text-align:center;background:#f5f5f7;border-radius:16px;margin-top:16px;padding:18px}.no-folder-note p{color:var(--muted);font-size:13px}.smart-import{margin-top:24px}.smart-import label{font-size:12px;font-weight:600;display:block}.smart-import input,.smart-import select{border:1px solid var(--line);background:#fff;border-radius:14px;outline:0;width:100%;margin-top:8px;padding:15px 16px;display:block}.smart-import input:focus,.smart-import select:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0071e31f}.import-folder-field{margin-top:14px}.smart-steps{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;margin-top:16px;display:grid}.smart-steps span{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:flex}.smart-steps b{width:24px;height:24px;color:var(--blue);background:#e5f3ff;border-radius:50%;place-items:center;display:grid}.smart-steps i{color:#aaa;font-style:normal}.copyright-note{background:#f5f5f7;border-radius:14px;align-items:flex-start;gap:12px;margin-top:16px;padding:14px;display:flex}.copyright-note span{background:#ddd;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.copyright-note p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}@keyframes livePulse{0%,to{opacity:.72;transform:scale(.88)}50%{opacity:1;transform:scale(1.15)}}@media (max-width:1740px){.media-stage{grid-template-columns:1fr}.video-pane{width:min(1063px,100%);margin:0 auto}.media-side-panel{width:min(1063px,100%);margin:0 auto;padding-top:0}}@media (max-width:900px){.topbar{padding:0 20px}.topbar nav{display:none}.library-view,.practice-view{width:min(100% - 30px,760px);padding-top:38px}.hero{grid-template-columns:1fr;gap:10px}.hero-visual{min-height:340px}.stats-row{grid-template-columns:repeat(3,1fr)}.stats-row .tip{grid-column:1/-1}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-grid{grid-template-columns:1fr 1fr}.practice-head{align-items:start}.session-progress{margin-top:8px}.media-stage{grid-template-columns:1fr}.video-pane{width:min(1063px,100%);margin:0 auto}.media-side-panel{width:min(1063px,100%);margin:0 auto;padding-top:0}.dictation-card{width:100%;margin-left:0;padding:32px 30px;transform:none}.word-slot input{font-size:32px}}@media (max-width:620px){.topbar{height:66px}.brand small,.account-actions>span,.account-actions>a{display:none}.primary.small{padding:8px 11px;font-size:12px}.library-view,.practice-view{width:min(100% - 24px,520px);padding-top:28px}.hero{min-height:auto}.hero h1{letter-spacing:-3px;font-size:47px}.hero-copy{font-size:16px}.sound-card{padding:24px}.hero-visual{min-height:300px}.orbit{display:none}.stats-row{grid-template-columns:1fr 1fr}.stats-row>div{min-height:90px;padding:18px}.stats-row .tip{grid-column:1/-1}.folder-heading{flex-direction:column;align-items:stretch}.folder-create{align-self:flex-start}.folder-grid{grid-template-columns:1fr 1fr}.folder-card,.folder-open{min-height:120px}.section-head{flex-direction:column;align-items:stretch;margin-top:50px}.search{width:100%}.lesson-grid{grid-template-columns:1fr}.folder-empty{grid-column:1}.practice-head{flex-direction:column}.session-progress{width:100%}.practice-head h1{font-size:35px}.stage-label{padding:0 2px}.transport{grid-template-columns:repeat(3,minmax(0,158px))}.transport button{width:100%;min-height:91px}.control-shelf{align-items:stretch}.control-shelf>*,.playback-options>button{flex:1}.speed{justify-content:center}.dictation-card{min-height:400px;padding:25px 20px}.dictation-top{flex-direction:column;align-items:flex-start}.dictation-tools{flex-wrap:wrap;align-items:center;width:100%}.sentence-picker-field{justify-content:space-between;width:100%}.sentence-picker{flex:1}.sentence-picker-trigger{width:100%}.sentence-picker-menu{width:min(620px,100vw - 64px);right:0}.dictation-intro{align-items:flex-start}.dictation-intro h2{font-size:18px}.dictation-intro p{font-size:13px}.word-count{border-radius:17px;width:55px;height:55px}.word-grid{margin-top:30px}.word-slot{min-width:76px}.word-slot input{padding-top:12px;font-size:32px}.dictation-footer{flex-direction:column;align-items:stretch}.dictation-nav{justify-content:space-between}.dictation-actions{justify-content:stretch}.dictation-actions button{flex:1}.empty-practice{padding:35px 20px}.empty-practice h2{font-size:29px}.modal{padding:30px 20px}.entry-choices,.smart-steps{grid-template-columns:1fr}.smart-steps i{display:none}}.practice-shell{--practice-nav:clamp(54px,6.7dvh,72px);--practice-pad:clamp(7px,1.3dvh,16px);background:linear-gradient(180deg,#fff 0,#fff var(--practice-nav),var(--soft) var(--practice-nav));height:100dvh;min-height:0;overflow:hidden}.practice-shell .topbar{height:var(--practice-nav);min-height:var(--practice-nav);position:relative}.practice-shell .practice-view{width:min(2000px,100% - clamp(16px,2.2vw,40px));height:calc(100vh - var(--practice-nav));height:calc(100dvh - var(--practice-nav));min-height:0;padding:var(--practice-pad) 0;grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.practice-shell .back{justify-self:start;margin:0 0 clamp(3px,.55dvh,7px);font-size:clamp(11px,1.1vw,14px);line-height:1.2}.practice-shell .practice-head{gap:clamp(14px,2vw,32px);min-height:0;margin:0 0 clamp(5px,.8dvh,10px)}.practice-shell .practice-head .eyebrow{letter-spacing:clamp(1.2px,.15vw,2.1px);margin:0 0 clamp(2px,.4dvh,5px);font-size:clamp(10px,1vw,14px)}.practice-shell .practice-head h1{letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;max-width:min(70vw,1050px);font-size:clamp(20px,min(3.35vw,3.5dvh),36px);line-height:1.03;overflow:hidden}.practice-shell .practice-head>div>p:last-child{margin:clamp(2px,.4dvh,5px) 0 0;font-size:clamp(11px,1.15vw,15px)}.practice-shell .session-progress{width:clamp(150px,16vw,260px)}.practice-shell .session-progress span{font-size:clamp(10px,.9vw,13px)}.practice-shell .session-progress strong{font-size:clamp(12px,1vw,16px)}.practice-shell .session-progress>div{height:clamp(3px,.55dvh,6px);margin-top:clamp(4px,.65dvh,9px)}.practice-shell .practice-grid{grid-template-rows:minmax(0,58fr) minmax(0,42fr);grid-template-columns:minmax(0,1fr);gap:clamp(7px,1.2dvh,16px);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.practice-shell .media-column{width:100%;min-width:0;max-width:100%;height:100%;min-height:0;margin:0;transform:none}.practice-shell .media-stage{grid-template-columns:minmax(0,1.786fr) minmax(240px,1fr);align-items:stretch;gap:clamp(10px,2.2vw,43px);width:min(1701px,100%,152dvh - 266px);min-width:0;height:100%;min-height:0;margin:0 auto;display:grid}.practice-shell .video-pane{flex-direction:column;align-items:center;height:100%;min-height:0;display:flex}.practice-shell .stage-label{width:100%;min-height:clamp(20px,3.1dvh,37px);margin:0;font-size:clamp(12px,1.2vw,20px)}.practice-shell .stage-label>span{gap:clamp(6px,.8vw,12px)}.practice-shell .stage-label i{width:clamp(7px,.7vw,12px);height:clamp(7px,.7vw,12px);box-shadow:0 0 0 clamp(3px,.35vw,6px) #c7c7cc29}.practice-shell .stage-label small{font-size:clamp(11px,1.05vw,18px)}.practice-shell .video-frame{aspect-ratio:16/9;border-radius:clamp(15px,1.9vw,30px);flex:0 auto;width:auto;max-width:100%;height:calc(100% - clamp(20px,3.1dvh,37px));margin:auto;box-shadow:0 clamp(12px,2dvh,28px) clamp(30px,4vw,68px) #0000002e}.practice-shell .media-side-panel{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(5px,.9dvh,12px);width:100%;min-width:0;height:100%;min-height:0;padding-top:clamp(20px,3.1dvh,37px);display:grid}.practice-shell .media-side-panel>*{min-width:0}.practice-shell .control-shelf{gap:clamp(5px,.7dvh,10px);width:100%;min-width:0;min-height:0}.practice-shell .playback-options{gap:clamp(5px,.7vw,10px)}.practice-shell .playback-options>button,.practice-shell .speed{border-radius:clamp(13px,1.35vw,22px);gap:clamp(5px,.6vw,10px);min-height:0;padding:clamp(7px,1.1dvh,13px) clamp(8px,1vw,15px);font-size:clamp(11px,1.05vw,17px)}.practice-shell .speed{justify-content:space-between;padding:clamp(5px,.8dvh,10px) clamp(7px,.8vw,12px)}.practice-shell .speed span,.practice-shell .speed button{font-size:clamp(10px,1vw,16px)}.practice-shell .speed button{padding:clamp(5px,.7dvh,9px) clamp(6px,.65vw,10px)}.practice-shell .calibration-card{border-radius:clamp(15px,1.6vw,25px);width:100%;min-width:0;min-height:0;margin:0;padding:clamp(9px,1.25dvh,17px);overflow:hidden}.practice-shell .calibration-head{gap:8px}.practice-shell .calibration-head>div{gap:2px}.practice-shell .calibration-head strong{font-size:clamp(13px,1.25vw,20px)}.practice-shell .calibration-head small{font-size:clamp(9px,.9vw,13px)}.practice-shell .calibration-head button{padding:clamp(5px,.7dvh,9px) clamp(7px,.8vw,11px);font-size:clamp(10px,.9vw,14px)}.practice-shell .time-range{border-radius:clamp(10px,.9vw,15px);gap:clamp(6px,.7vw,11px);margin:clamp(6px,.9dvh,12px) 0;padding:clamp(6px,.85dvh,10px)}.practice-shell .time-range span{font-size:clamp(12px,1.15vw,18px)}.practice-shell .calibration-row{grid-template-columns:clamp(30px,3.3vw,48px) 1fr 1fr;gap:clamp(4px,.5vw,8px);margin-top:clamp(4px,.7dvh,9px)}.practice-shell .calibration-row>span{font-size:clamp(10px,1vw,15px)}.practice-shell .calibration-row button{border-radius:clamp(8px,.8vw,12px);padding:clamp(5px,.75dvh,9px) 4px;font-size:clamp(9px,.9vw,13px)}.practice-shell .transport{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,.7vw,10px);width:100%;min-width:0}.practice-shell .transport button{border-radius:clamp(12px,1.25vw,20px);width:100%;min-height:clamp(48px,7dvh,78px);padding:clamp(5px,.8dvh,10px) 4px}.practice-shell .transport button>span{font-size:clamp(16px,1.7vw,25px)}.practice-shell .transport button strong{font-size:clamp(11px,1.1vw,17px)}.practice-shell .dictation-card{border-radius:clamp(16px,1.7vw,28px);flex-direction:column;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;margin:0;padding:clamp(10px,1.5dvh,22px) clamp(14px,2.6vw,44px);display:flex;overflow:hidden;transform:none}.practice-shell .dictation-top{gap:clamp(7px,1vw,16px);min-height:0}.practice-shell .dictation-top>span{font-size:clamp(10px,.9vw,13px)}.practice-shell .dictation-tools{gap:clamp(4px,.55vw,8px);min-width:0}.practice-shell .sentence-picker-field{gap:5px;font-size:clamp(9px,.8vw,12px)}.practice-shell .dictation-top button{padding:clamp(5px,.7dvh,8px) clamp(8px,.8vw,12px);font-size:clamp(10px,.9vw,13px)}.practice-shell .sentence-picker-trigger{gap:8px;min-width:clamp(82px,8vw,112px)}.practice-shell .sentence-picker-menu{max-height:min(390px,55dvh)}.practice-shell .dictation-intro{gap:14px;margin-top:clamp(5px,.75dvh,10px)}.practice-shell .dictation-intro h2{margin:0 0 clamp(2px,.35dvh,5px);font-size:clamp(13px,1.15vw,18px)}.practice-shell .dictation-intro p{font-size:clamp(10px,1vw,15px)}.practice-shell .translation-tip{margin:clamp(4px,.55dvh,8px) 0 0;padding:clamp(5px,.7dvh,9px) 11px;font-size:clamp(10px,1vw,15px)}.practice-shell .word-count{border-radius:clamp(12px,1.1vw,17px);width:clamp(42px,3.8vw,58px);height:clamp(42px,3.8vw,58px);font-size:clamp(16px,1.5vw,22px)}.practice-shell .word-grid{flex:auto;align-content:center;gap:clamp(8px,1.2dvh,15px) clamp(7px,.8vw,12px);min-height:0;margin:clamp(7px,1.2dvh,17px) 0;overflow:hidden}.practice-shell .word-slot{flex:clamp(78px,7.4vw,120px);min-width:clamp(68px,6.6vw,106px);max-width:220px}.practice-shell .word-slot span{font-size:clamp(8px,.65vw,10px);top:clamp(-15px,-1.5dvh,-11px)}.practice-shell .word-slot input{border-bottom-width:clamp(2px,.2vw,3px);padding:clamp(5px,.8dvh,10px) 4px clamp(4px,.6dvh,8px);font-size:clamp(18px,min(1.85vw,3dvh),30px)}.practice-shell .word-grid.compact .word-slot{flex-basis:clamp(66px,6.1vw,98px);min-width:clamp(58px,5.5vw,88px)}.practice-shell .word-grid.compact .word-slot input{font-size:clamp(16px,min(1.55vw,2.6dvh),25px)}.practice-shell .word-grid.dense{gap:clamp(5px,.75dvh,10px) clamp(5px,.55vw,8px)}.practice-shell .word-grid.dense .word-slot{flex-basis:clamp(55px,5vw,80px);min-width:clamp(48px,4.5vw,72px)}.practice-shell .word-grid.dense .word-slot input{padding-top:4px;padding-bottom:4px;font-size:clamp(13px,min(1.25vw,2.2dvh),21px)}.practice-shell .feedback,.practice-shell .success{flex:none;font-size:clamp(10px,.95vw,14px)}.practice-shell .success{gap:9px;padding:clamp(6px,.8dvh,11px)}.practice-shell .success>span{width:clamp(24px,2vw,31px);height:clamp(24px,2vw,31px)}.practice-shell .dictation-footer{flex:none;gap:10px;margin-top:clamp(3px,.55dvh,8px)}.practice-shell .dictation-nav{gap:5px}.practice-shell .dictation-nav button{padding:clamp(6px,.75dvh,9px) clamp(9px,.85vw,13px);font-size:clamp(10px,.9vw,13px)}.practice-shell .dictation-nav span{min-width:clamp(48px,4.3vw,65px);font-size:clamp(9px,.8vw,12px)}.practice-shell .dictation-actions{gap:6px}.practice-shell .dictation-actions button{padding:clamp(7px,.85dvh,10px) clamp(11px,1vw,16px);font-size:clamp(10px,1vw,14px)}.practice-shell .empty-practice{height:100%;min-height:0;padding:clamp(20px,4dvh,48px);overflow:hidden}@media (max-width:700px){.practice-shell{--practice-nav:54px;--practice-pad:6px}.practice-shell .topbar{padding:0 10px}.practice-shell .brand{gap:6px;font-size:14px}.practice-shell .brand-mark{border-radius:8px;width:29px;height:29px}.practice-shell .primary.small{padding:7px 9px;font-size:11px}.practice-shell .practice-view{width:calc(100% - 12px)}.practice-shell .practice-head{flex-direction:row;align-items:center;gap:8px;margin-bottom:5px}.practice-shell .practice-head>div:first-child{flex:1;min-width:0}.practice-shell .practice-head .eyebrow{letter-spacing:1.1px;font-size:9px}.practice-shell .practice-head h1{max-width:none;font-size:clamp(17px,5vw,22px)}.practice-shell .practice-head>div>p:last-child{display:none}.practice-shell .session-progress{width:105px}.practice-shell .session-progress span{font-size:8px}.practice-shell .session-progress strong{font-size:10px}.practice-shell .session-progress>div{margin-top:3px}.practice-shell .practice-grid{grid-template-rows:minmax(0,46fr) minmax(0,54fr);gap:6px}.practice-shell .media-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:4px;width:100%}.practice-shell .video-pane{min-height:0}.practice-shell .stage-label{display:none}.practice-shell .video-frame{aspect-ratio:16/9;border-radius:14px;width:auto;max-width:100%;height:100%}.practice-shell .media-side-panel{grid-template-rows:1fr;grid-template-columns:.82fr 1.18fr 1fr;gap:4px;height:auto;padding:0;display:grid}.practice-shell .control-shelf{gap:4px}.practice-shell .playback-options{gap:3px}.practice-shell .playback-options>button{border-radius:9px;gap:2px;padding:5px 2px;font-size:9px}.practice-shell .speed{border-radius:9px;padding:3px}.practice-shell .speed span{display:none}.practice-shell .speed button{padding:4px 3px;font-size:9px}.practice-shell .calibration-card{border-radius:10px;padding:5px}.practice-shell .calibration-head strong{font-size:10px}.practice-shell .calibration-head small{display:none}.practice-shell .calibration-head button{padding:3px 4px;font-size:8px}.practice-shell .time-range{border-radius:7px;gap:3px;margin:3px 0;padding:4px}.practice-shell .time-range span{font-size:9px}.practice-shell .calibration-row{grid-template-columns:22px 1fr 1fr;gap:2px;margin-top:2px}.practice-shell .calibration-row>span{font-size:8px}.practice-shell .calibration-row button{border-radius:6px;padding:3px 1px;font-size:8px}.practice-shell .transport{gap:3px}.practice-shell .transport button{border-radius:9px;min-height:100%;padding:3px 1px}.practice-shell .transport button>span{font-size:13px}.practice-shell .transport button strong{font-size:9px}.practice-shell .dictation-card{border-radius:14px;padding:8px 9px}.practice-shell .dictation-top{flex-direction:row;align-items:center;gap:5px}.practice-shell .dictation-top>span{font-size:9px}.practice-shell .dictation-tools{flex-wrap:nowrap;width:auto;margin-left:auto}.practice-shell .sentence-picker-field{width:auto}.practice-shell .sentence-picker-field>span{display:none}.practice-shell .sentence-picker{flex:none}.practice-shell .sentence-picker-trigger{width:auto;min-width:67px;padding:5px 6px;font-size:9px}.practice-shell .dictation-top button{padding:5px 6px;font-size:9px}.practice-shell .dictation-intro{margin-top:5px}.practice-shell .dictation-intro h2{font-size:12px}.practice-shell .dictation-intro p{font-size:9px}.practice-shell .word-count{border-radius:10px;width:38px;height:38px;font-size:14px}.practice-shell .word-count small{font-size:6px}.practice-shell .word-grid{gap:8px 5px;margin:8px 0 6px}.practice-shell .word-slot,.practice-shell .word-grid.compact .word-slot{flex-basis:58px;min-width:48px}.practice-shell .word-grid.dense .word-slot{flex-basis:46px;min-width:40px}.practice-shell .word-slot input{padding:4px 2px;font-size:clamp(14px,4vw,19px)}.practice-shell .word-grid.dense .word-slot input{font-size:12px}.practice-shell .dictation-footer{flex-direction:row;align-items:center}.practice-shell .dictation-nav button{padding:5px 7px;font-size:9px}.practice-shell .dictation-nav span{min-width:38px;font-size:8px}.practice-shell .dictation-actions button{padding:6px 8px;font-size:9px}}@media (max-height:700px) and (min-width:701px){.practice-shell{--practice-nav:54px;--practice-pad:6px}.practice-shell .topbar{height:54px}.practice-shell .practice-head .eyebrow{font-size:10px}.practice-shell .practice-head h1{font-size:clamp(18px,3.4dvh,26px)}.practice-shell .practice-head>div>p:last-child{font-size:11px}.practice-shell .practice-grid{grid-template-rows:minmax(0,55fr) minmax(0,45fr)}.practice-shell .media-stage{gap:12px;width:min(1380px,100%,148dvh - 207.2px)}.practice-shell .stage-label{min-height:20px}.practice-shell .video-frame{height:calc(100% - 20px)}.practice-shell .media-side-panel{gap:4px;padding-top:20px}.practice-shell .calibration-head small{display:none}.practice-shell .playback-options>button,.practice-shell .speed{padding:5px 7px}.practice-shell .time-range{margin:4px 0;padding:4px}.practice-shell .calibration-row{margin-top:3px}.practice-shell .calibration-row button{padding:4px}.practice-shell .transport button{min-height:42px}.practice-shell .dictation-card{padding-top:8px;padding-bottom:8px}.practice-shell .dictation-intro{margin-top:4px}.practice-shell .word-grid{margin:5px 0}.practice-shell .dictation-footer{margin-top:2px}}@media (max-height:500px) and (min-width:701px){.practice-shell{--practice-nav:44px;--practice-pad:4px}.practice-shell .topbar{height:44px;min-height:44px}.practice-shell .brand{font-size:14px}.practice-shell .brand-mark{border-radius:8px;width:30px;height:30px}.practice-shell .brand small{font-size:7px}.practice-shell .primary.small{padding:6px 10px;font-size:10px}.practice-shell .back{display:none}.practice-shell .practice-head{margin-bottom:3px}.practice-shell .practice-head .eyebrow{letter-spacing:1px;margin-bottom:1px;font-size:8px}.practice-shell .practice-head h1{font-size:clamp(17px,4.7dvh,21px)}.practice-shell .practice-head>div>p:last-child{margin-top:1px;font-size:9px}.practice-shell .session-progress{width:150px}.practice-shell .session-progress span{font-size:8px}.practice-shell .session-progress strong{font-size:10px}.practice-shell .session-progress>div{height:3px;margin-top:2px}.practice-shell .practice-grid{grid-template-rows:minmax(0,58fr) minmax(0,42fr);gap:4px}.practice-shell .media-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.28fr);gap:8px;width:min(100%,215dvh - 215px)}.practice-shell .stage-label{min-height:16px;font-size:10px}.practice-shell .stage-label small{font-size:9px}.practice-shell .video-frame{border-radius:11px;height:calc(100% - 16px)}.practice-shell .media-side-panel{grid-template-rows:minmax(0,1fr);grid-template-columns:.8fr 1.22fr 1fr;gap:4px;padding-top:16px;display:grid}.practice-shell .control-shelf{gap:3px}.practice-shell .playback-options{gap:2px}.practice-shell .playback-options>button{border-radius:7px;gap:2px;padding:3px 2px;font-size:8px}.practice-shell .speed{border-radius:7px;padding:2px}.practice-shell .speed span{display:none}.practice-shell .speed button{padding:3px 2px;font-size:8px}.practice-shell .calibration-card{border-radius:8px;padding:4px}.practice-shell .calibration-head strong{font-size:9px}.practice-shell .calibration-head button{padding:2px 3px;font-size:7px}.practice-shell .time-range{border-radius:5px;gap:2px;margin:2px 0;padding:3px}.practice-shell .time-range span{font-size:8px}.practice-shell .calibration-row{grid-template-columns:18px 1fr 1fr;gap:2px;margin-top:2px}.practice-shell .calibration-row>span{font-size:7px}.practice-shell .calibration-row button{border-radius:5px;padding:2px 1px;font-size:7px}.practice-shell .transport{gap:2px}.practice-shell .transport button{border-radius:7px;min-height:100%;padding:2px 1px}.practice-shell .transport button>span{font-size:11px}.practice-shell .transport button strong{font-size:8px}.practice-shell .dictation-card{border-radius:12px;padding:5px 10px}.practice-shell .dictation-top>span{font-size:8px}.practice-shell .dictation-top button{padding:3px 6px;font-size:8px}.practice-shell .sentence-picker-trigger{min-width:62px}.practice-shell .dictation-intro{margin-top:2px}.practice-shell .dictation-intro h2{margin:0;font-size:10px}.practice-shell .dictation-intro p{display:none}.practice-shell .word-count{border-radius:8px;width:32px;height:32px;font-size:12px}.practice-shell .word-count small{font-size:5px}.practice-shell .word-grid,.practice-shell .word-grid.compact{gap:4px 5px;margin:2px 0}.practice-shell .word-slot,.practice-shell .word-grid.compact .word-slot{flex-basis:55px;min-width:46px}.practice-shell .word-slot span{font-size:6px;top:-9px}.practice-shell .word-slot input,.practice-shell .word-grid.compact .word-slot input{border-bottom-width:1px;padding:2px;font-size:12px}.practice-shell .dictation-footer{margin-top:1px}.practice-shell .dictation-nav button{padding:3px 7px;font-size:8px}.practice-shell .dictation-nav span{min-width:38px;font-size:7px}.practice-shell .dictation-actions button{padding:4px 8px;font-size:8px}}.auth-page{background:radial-gradient(circle at 18% 12%,#eef7ff 0,#0000 34%),linear-gradient(#fff,#f5f5f7);min-height:100vh;padding-bottom:48px}.public-topbar,.admin-topbar{justify-content:space-between;align-items:center;width:min(1240px,100% - 48px);height:76px;margin:0 auto;display:flex}.public-topbar .brand,.admin-topbar .brand{text-decoration:none}.public-badge,.secure-pill{color:#35617f;background:#ffffffc7;border:1px solid #cfe5fb;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:650;box-shadow:0 8px 30px #0071e312}.auth-stage{grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr);align-items:center;gap:clamp(50px,8vw,110px);width:min(1240px,100% - 48px);min-height:calc(100vh - 124px);margin:0 auto;padding:42px 0 70px;display:grid}.auth-story h1{letter-spacing:-.065em;max-width:770px;margin:0;font-size:clamp(54px,6.2vw,86px);line-height:.98}.auth-story h1 em{color:#808086;font-style:normal}.auth-story>p:not(.eyebrow){max-width:660px;color:var(--muted);margin:28px 0;font-size:19px;line-height:1.65}.feature-ribbon{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:710px;margin-top:34px;display:grid}.feature-ribbon span{background:#ffffffc7;border:1px solid #0000000d;border-radius:19px;min-height:96px;padding:16px;font-size:13px;line-height:1.4;box-shadow:0 10px 35px #00000009}.feature-ribbon b{color:var(--blue);letter-spacing:.12em;margin-bottom:10px;font-size:11px;display:block}.auth-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffeb;border:1px solid #0000000f;border-radius:30px;padding:28px;box-shadow:0 30px 90px #0000001f}.auth-tabs{background:#f0f0f3;border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px;font-size:13px}.auth-tabs button.active{color:var(--ink);background:#fff;font-weight:650;box-shadow:0 2px 7px #00000014}.auth-card-copy{margin:30px 2px 24px}.auth-card-copy .eyebrow{margin-bottom:9px}.auth-card-copy h2{letter-spacing:-1.1px;margin:0 0 10px;font-size:31px}.auth-card-copy>p:last-child{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.auth-form{gap:15px;display:grid}.auth-form label{color:#424245;font-size:12px;font-weight:650}.auth-form input{border:1px solid var(--line);background:#fff;border-radius:13px;outline:0;width:100%;margin-top:7px;padding:13px 14px;display:block}.auth-form input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0071e31c}.auth-submit{justify-content:space-between;align-items:center;width:100%;margin-top:4px;display:flex}.auth-message{border-radius:12px;padding:11px 13px;font-size:12px;line-height:1.45}.auth-message.error{color:#a21323;background:#fff1f2}.auth-message.success{color:#216b35;background:#eef9f0}.auth-foot{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-top:20px;font-size:10px;display:flex}.auth-foot button{color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.state-page{background:var(--soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.state-page h1{margin:20px 0 8px;font-size:34px}.state-page p{color:var(--muted);margin:0 0 22px}.state-page .primary{text-decoration:none}.admin-page{background:#f5f5f7;min-height:100vh;padding-bottom:70px}.admin-topbar{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #00000012;width:100%;padding:0 max(24px,50vw - 630px);position:sticky;top:0}.admin-topbar>div{align-items:center;gap:12px;display:flex}.admin-topbar a,.admin-topbar button{font-size:12px;text-decoration:none}.admin-topbar>div a{color:var(--blue)}.admin-topbar button{cursor:pointer;background:#e8e8ed;border:0;border-radius:999px;padding:8px 12px}.admin-view{width:min(1260px,100% - 48px);margin:0 auto;padding-top:55px}.admin-heading{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.admin-heading h1{letter-spacing:-2.6px;margin:0 0 8px;font-size:52px}.admin-heading>div>p:last-child{color:var(--muted);margin:0}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0;display:grid}.admin-metrics article{background:#fff;border-radius:21px;padding:22px;box-shadow:0 5px 25px #0000000a}.admin-metrics span{color:var(--muted);font-size:12px;display:block}.admin-metrics strong{letter-spacing:-1px;margin-top:10px;font-size:34px;display:block}.admin-panel{background:#fff;border-radius:25px;padding:26px;box-shadow:0 8px 35px #0000000e}.admin-panel-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.admin-panel-head h2{margin:0 0 6px;font-size:25px}.admin-panel-head p{color:var(--muted);margin:0;font-size:12px}.admin-panel-head input{border:1px solid var(--line);border-radius:999px;outline:0;width:min(100%,310px);padding:10px 14px}.admin-panel-head input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0071e31a}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:900px}.admin-table th{text-align:left;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #e7e7eb;padding:12px 10px;font-size:10px}.admin-table td{vertical-align:middle;border-bottom:1px solid #eeeef1;padding:16px 10px;font-size:12px}.admin-table td:first-child strong,.admin-table td:first-child span{display:block}.admin-table td:first-child span{color:var(--muted);margin-top:4px}.status-pill,.role-pill{border-radius:999px;margin-right:5px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.status-pill.active{color:#28723b;background:#eaf8ed}.status-pill.suspended{color:#a21e2f;background:#fff0f1}.role-pill{color:var(--blue);background:#e8f3ff}.row-actions{justify-content:flex-end;gap:6px;display:flex}.row-actions button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dedee2;border-radius:9px;padding:7px 9px;font-size:10px}.row-actions button:hover:not(:disabled){color:var(--blue);background:#f4f9ff;border-color:#9ac9f6}.row-actions button:disabled{opacity:.35;cursor:not-allowed}.admin-empty{text-align:center;color:var(--muted);padding:42px}@media (max-width:900px){.auth-stage{grid-template-columns:1fr;gap:40px;padding-top:25px}.auth-story h1{font-size:58px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-heading{flex-direction:column;align-items:flex-start}.admin-panel-head{flex-direction:column;align-items:stretch}.admin-panel-head input{width:100%}}@media (max-width:620px){.public-topbar,.auth-stage,.admin-view{width:min(100% - 28px,520px)}.public-badge{display:none}.auth-stage{padding-top:16px}.auth-story h1{font-size:44px}.auth-story>p:not(.eyebrow){font-size:16px}.feature-ribbon{grid-template-columns:1fr}.feature-ribbon span{min-height:auto}.auth-card{border-radius:23px;padding:21px}.auth-foot{flex-direction:column;align-items:flex-start}.admin-heading h1{font-size:40px}.admin-metrics{grid-template-columns:1fr 1fr}.admin-panel{padding:18px}.secure-pill,.account-logout{display:none}}.migration-panel{border:1px solid var(--line);background:var(--paper);border-radius:18px;margin:18px 0 6px;overflow:hidden}.migration-panel>summary{cursor:pointer;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:13px;font-weight:600;list-style:none;display:flex}.migration-panel>summary::-webkit-details-marker{display:none}.migration-panel>summary:after{content:"⌄";font-size:16px;transition:transform .18s}.migration-panel[open]>summary:after{transform:rotate(180deg)}.migration-body{gap:12px;padding:4px 20px 18px;display:grid}.migration-row{background:var(--soft);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.migration-row strong{margin-bottom:4px;font-size:14px;display:block}.migration-row p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.migration-actions{flex-shrink:0;gap:8px;display:flex}.migration-note{color:var(--muted);margin:0;font-size:13px}.migration-note.done{color:var(--green)}.migration-note.error{color:var(--red)}@media (max-width:720px){.migration-row{flex-direction:column;align-items:stretch}.migration-actions{flex-wrap:wrap}}.audit-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.audit-list li{background:var(--soft);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.audit-list li span{color:var(--muted);min-width:150px}.audit-list li em{color:var(--blue);font-style:normal;font-weight:600}