*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([multiple]):focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media(forced-colors:active){input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media(forced-colors:active){input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.grid{display:grid}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-8{width:2rem}.animate-spin{animation:spin 1s linear infinite}.place-items-center{place-items:center}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border-stone-200{--tw-border-opacity: 1;border-color:rgb(231 229 228 / var(--tw-border-opacity, 1))}.border-t-blue-600{--tw-border-opacity: 1;border-top-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.bg-stone-50{--tw-bg-opacity: 1;background-color:rgb(250 250 249 / var(--tw-bg-opacity, 1))}.text-center{text-align:center}.text-stone-600{--tw-text-opacity: 1;color:rgb(87 83 78 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color:#17211d;background:#f5f7f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7f3}button,input{font:inherit;letter-spacing:0}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(47,111,87,.28);outline-offset:3px}img{display:block;max-width:100%}.app-frame{min-height:100vh}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid #dde2dc;background:#fafbf8f5;position:sticky;top:0;z-index:40}.brand{border:0;background:transparent;display:flex;align-items:center;gap:11px;padding:6px;cursor:pointer;color:#17211d;text-align:left}.brand-mark{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;color:#fff;background:#2f6f57;font-family:Georgia,serif;font-weight:700;font-size:21px;box-shadow:inset 0 -2px #0000001f}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,Times New Roman,serif;font-size:19px}.brand small{color:#718079;font-size:10px;margin-top:1px}.desktop-nav{display:flex;align-items:center;gap:4px;height:100%}.nav-item{border:0;background:transparent;color:#65736d;min-height:44px;padding:10px 15px;display:flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;font-size:14px;font-weight:600}.nav-item:hover{background:#edf1ec;color:#23342d}.nav-item:active{transform:translateY(1px)}.nav-item.is-active{color:#245b47;background:#e5efe9}.streak-pill{min-height:40px;border:1px solid #e0ddd5;background:#fff;border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:7px;color:#826439;cursor:pointer}.streak-pill span{color:#77766f;font-size:12px}.streak-pill strong{font-size:13px}.mobile-nav{display:none}.main-content{max-width:1240px;margin:0 auto;padding:38px 24px 72px}.eyebrow{display:block;color:#2f6f57;font-size:11px;line-height:1.3;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.lesson-heading,.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.lesson-heading h1,.page-heading h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(30px,4vw,46px);line-height:1.08;margin:7px 0 8px;font-weight:600}.lesson-heading p,.page-heading p{color:#67746e;margin:0;font-size:14px}.page-heading{display:block;max-width:680px;margin-bottom:32px}.page-heading h1{font-size:42px}.button{border:0;min-height:44px;border-radius:6px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:14px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.button:active{transform:translateY(1px)}.button.primary{background:#2f6f57;color:#fff}.button.primary:hover{background:#245b47}.button.secondary{border:1px solid #d8ded8;background:#fff;color:#33453e}.button.secondary:hover{background:#f0f4ef;border-color:#bfc9c1}.button.full{width:100%}.practice-grid{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:24px;align-items:start}.practice-main{min-width:0;display:grid;gap:20px}.player-card,.content-section,.progress-card{border:1px solid #dce2dc;background:#fff;border-radius:8px;box-shadow:0 10px 32px #21322a0e}.player-card{display:grid;grid-template-columns:230px 1fr;overflow:hidden;min-height:190px}.player-cover{min-height:190px;position:relative;overflow:hidden;background:#d9e1dc}.player-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(12,22,17,.45),transparent 55%)}.player-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-cover>span{position:absolute;z-index:1;left:14px;bottom:13px;color:#fff;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.player-body{padding:25px 28px 20px;display:flex;flex-direction:column;justify-content:center}.player-meta{display:flex;justify-content:space-between;color:#6a7771;font-size:12px;margin-bottom:10px}.timeline,.progress-track{height:5px;background:#e7ebe7;border-radius:5px;overflow:hidden}.timeline i,.progress-track i{display:block;height:100%;background:#2f6f57;border-radius:inherit;transition:width .18s linear}.player-controls{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:18px}.icon-button,.play-button{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#35463f;background:#edf1ed}.icon-button:hover{background:#e2e9e3}.icon-button:disabled,.speed-control button:disabled{opacity:.45;cursor:not-allowed}.play-button{width:52px;height:52px;background:#2f6f57;color:#fff;box-shadow:0 7px 17px #2f6f573d}.play-button:hover{background:#245b47}.play-button:disabled{opacity:.7;cursor:wait}.play-button .lucide-play{margin-left:2px}.lucide-loader-circle{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.time-label{width:38px;font-size:11px;color:#74817b;font-variant-numeric:tabular-nums}.time-label:last-child{text-align:right}.speed-control{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:13px}.speed-control>span{display:flex;align-items:center;gap:5px;color:#738078;font-size:11px;margin-right:6px}.speed-control button{border:0;min-width:48px;min-height:30px;border-radius:5px;background:transparent;color:#69766f;font-size:12px;cursor:pointer}.speed-control button:hover{background:#edf1ed}.speed-control button.is-active{background:#e3eee8;color:#245b47;font-weight:800}.content-section{padding:25px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.section-title h2{font-family:Georgia,"Noto Serif SC",serif;margin:4px 0 0;font-size:23px;line-height:1.2;font-weight:600}.section-count{background:#f0f3ef;color:#65736c;padding:7px 9px;border-radius:5px;font-size:11px}.sentence-list{display:grid;gap:6px}.sentence-row{width:100%;min-height:67px;border:1px solid transparent;background:transparent;border-radius:6px;display:grid;grid-template-columns:31px 1fr 34px;align-items:center;gap:10px;padding:9px 10px;text-align:left;cursor:pointer;color:#24322c}.sentence-row:hover{background:#f6f8f5;border-color:#e4e8e4}.sentence-row.is-active{background:#eaf2ed;border-color:#a9c5b7}.sentence-index{width:29px;height:29px;display:grid;place-items:center;border:1px solid #d9dfda;color:#6c7972;border-radius:50%;font-size:11px}.sentence-row.is-active .sentence-index{background:#2f6f57;border-color:#2f6f57;color:#fff}.sentence-copy{min-width:0}.sentence-copy strong,.sentence-copy small{display:block}.sentence-copy strong{font-family:Georgia,serif;font-size:16px;line-height:1.4;font-weight:500}.sentence-copy small{color:#7b8681;margin-top:3px;font-size:12px}.sentence-play{width:32px;height:32px;display:grid;place-items:center;color:#769083}.privacy-badge{color:#5a7066;font-size:11px;display:flex;gap:5px;align-items:center}.record-prompt{display:grid;grid-template-columns:1fr 260px;gap:30px;align-items:center;min-height:166px;background:#f6f8f5;border:1px solid #e2e7e2;border-radius:7px;padding:24px}.target-line blockquote{margin:7px 0 6px;font-family:Georgia,serif;font-size:21px;line-height:1.45}.target-line p{margin:0;color:#7a8580;font-size:13px}.record-control{text-align:center}.record-button{min-width:192px;min-height:48px;border:0;border-radius:6px;background:#2f6f57;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:700;font-size:13px}.record-button:hover{background:#245b47}.record-button.is-recording{background:#c65343}.record-button:disabled{cursor:wait;opacity:.65}.record-control small{display:block;color:#87918c;font-size:10px;margin-top:8px}.level-bars{height:28px;display:flex;justify-content:center;align-items:center;gap:3px;margin-bottom:7px}.level-bars span{width:3px;height:calc(5px + var(--level) * 22px);max-height:27px;background:#a8b8b0;border-radius:2px;transition:height .08s}.level-bars.is-live span{background:#d56b59}.inline-error,.sync-warning{margin-top:14px;border:1px solid #ecc9c1;background:#fff3f0;color:#963d31;padding:11px 13px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:12px}.inline-error span{flex:1}.inline-error button{border:0;background:transparent;color:inherit;min-width:36px;min-height:36px;display:grid;place-items:center;cursor:pointer}.feedback-panel{display:grid;grid-template-columns:132px 1fr;gap:24px;align-items:center;border:1px solid #d8e5dc;background:#f4f8f5;padding:22px;border-radius:7px}.score-ring{width:114px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2f6f57 var(--score),#dce7df 0);position:relative}.score-ring:after{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:50%;background:#fff}.score-ring span{position:relative;z-index:1;text-align:center}.score-ring strong,.score-ring small{display:block}.score-ring strong{font-family:Georgia,serif;font-size:36px;line-height:1}.score-ring small{color:#6d7a73;font-size:10px;margin-top:4px}.feedback-copy h3{margin:5px 0 4px;font-family:Georgia,"Noto Serif SC",serif;font-size:21px}.feedback-copy>p{margin:0 0 13px;font-size:12px;color:#69766f}.score-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.score-bars span{display:flex;justify-content:space-between;color:#647169;font-size:10px}.score-bars b{color:#2c3a34}.mini-track{height:4px;border-radius:4px;background:#dfe6e1;margin-top:5px;overflow:hidden}.mini-track i{display:block;height:100%;background:#4a856d}.assessment-note{display:block;color:#8a948e;margin-top:13px;font-size:10px}.record-actions{display:flex;gap:12px;align-items:center;margin-top:14px}.recording-player{flex:1;height:44px}.practice-aside{display:grid;gap:16px;position:sticky;top:94px}.progress-card{padding:21px}.progress-card-head{display:flex;justify-content:space-between;align-items:baseline}.progress-card-head strong{font-family:Georgia,serif;color:#2f6f57;font-size:28px}.progress-card .progress-track{margin:11px 0;height:7px}.progress-card>p{color:#6e7a74;font-size:12px;line-height:1.6;margin:0 0 18px}.progress-stats{border-top:1px solid #e5e9e5;padding-top:15px;display:grid;gap:13px}.progress-stats>div{display:flex;gap:10px;align-items:center}.progress-stats>div>span{width:34px;height:34px;border-radius:6px;background:#edf3ef;display:grid;place-items:center;color:#39705a}.progress-stats p{margin:0;color:#7a8580;font-size:10px}.progress-stats strong{display:block;color:#34413b;font-size:14px;margin-top:1px}.tip-panel{display:flex;gap:11px;border-left:3px solid #d2a45c;background:#fffaf0;border-radius:0 6px 6px 0;padding:16px;color:#8c682e}.tip-panel strong{font-size:12px}.tip-panel p{color:#7c7568;font-size:11px;line-height:1.6;margin:5px 0 0}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course-card{border:1px solid #dae0da;background:#fff;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.course-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #22312a1a;border-color:#bbc9bf}.course-card.is-current{border-color:#89ae9c}.course-image{height:198px;position:relative;background:#dfe4df;overflow:hidden}.course-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s}.course-card:hover .course-image img{transform:scale(1.025)}.course-image>span{position:absolute;top:13px;left:13px;background:#ffffffe6;color:#315545;padding:6px 9px;border-radius:5px;font-size:11px;font-weight:800}.course-copy{padding:20px}.course-tags{display:flex;justify-content:space-between;color:#7a867f;font-size:10px}.course-copy h2{margin:8px 0 5px;font-family:Georgia,serif;font-size:21px}.course-copy p{min-height:42px;margin:0;color:#75817b;font-size:12px;line-height:1.6}.course-progress{display:grid;grid-template-columns:1fr 34px;align-items:center;gap:8px;margin:18px 0 15px}.course-progress>div{height:5px;border-radius:5px;background:#e8ece8;overflow:hidden}.course-progress i{display:block;height:100%;background:#2f6f57}.course-progress span{color:#65736c;font-size:10px;text-align:right}.course-card .button{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stats-grid article{border:1px solid #dce2dc;background:#fff;border-radius:7px;padding:19px}.stat-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:6px;margin-bottom:15px}.stat-icon.green{background:#e5f0e9;color:#2f6f57}.stat-icon.coral{background:#f9e8e3;color:#c05845}.stat-icon.blue{background:#e8eef5;color:#4c6f94}.stat-icon.yellow{background:#faf1dc;color:#a97926}.stats-grid p{color:#758079;font-size:11px;margin:0 0 4px}.stats-grid strong{font-family:Georgia,serif;font-size:28px}.stats-grid strong small{font-family:inherit;font-size:11px;color:#7b867f;font-weight:500}.progress-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.week-chart{height:240px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:14px;padding:20px 10px 0;border-bottom:1px solid #dde3de}.bar-column{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-column span{font-size:9px;color:#87918b}.bar-column i{width:min(34px,70%);min-height:4px;max-height:170px;border-radius:4px 4px 0 0;background:#8bb19f}.bar-column small{height:20px;font-size:10px;color:#6d7972}.sync-card{text-align:center}.sync-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#e5f0e9;color:#2f6f57}.sync-card h2{font-family:Georgia,"Noto Serif SC",serif;margin:0 0 6px;font-size:21px}.sync-card>p{color:#75817b;font-size:12px;line-height:1.6}.sync-card label{display:block;text-align:left;color:#56645d;font-size:11px;font-weight:700;margin:17px 0 6px}.sync-code{display:grid;grid-template-columns:1fr 44px;margin-bottom:10px}.sync-code input{width:100%;min-width:0;height:44px;border:1px solid #ccd5ce;border-radius:6px 0 0 6px;background:#f8faf8;font-family:ui-monospace,monospace;font-size:16px;text-align:center;text-transform:uppercase}.sync-code button{border:1px solid #ccd5ce;border-left:0;background:#edf2ee;border-radius:0 6px 6px 0;display:grid;place-items:center;cursor:pointer;color:#40574d}.sync-card>small{display:block;color:#8b948f;font-size:9px;margin-top:10px}.sync-warning{margin:-12px 0 20px}.sync-warning button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;margin-left:auto;min-height:36px}.toast-region{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:80;pointer-events:none}.toast{background:#20332a;color:#fff;border-radius:6px;box-shadow:0 12px 35px #0000002e;padding:11px 16px;font-size:12px;white-space:nowrap}.toast.is-error{background:#8f3b32}@media(max-width:920px){.practice-grid,.progress-layout{grid-template-columns:1fr}.practice-aside{position:static;grid-template-columns:1fr 1fr}.course-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.topbar{height:60px;padding:0 16px}.brand-mark{width:33px;height:33px}.brand small,.desktop-nav,.streak-pill{display:none}.mobile-nav{height:calc(64px + env(safe-area-inset-bottom));padding:5px 12px env(safe-area-inset-bottom);position:fixed;inset:auto 0 0;z-index:50;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8ded8;background:#fafbf8fa}.mobile-nav .nav-item{min-height:54px;padding:5px;gap:2px;flex-direction:column;font-size:10px}.main-content{padding:24px 14px 28px}.lesson-heading{align-items:flex-start;margin-bottom:19px}.lesson-heading h1,.page-heading h1{font-size:31px}.lesson-heading p{line-height:1.55}.course-switch{width:44px;padding:0;flex:0 0 44px}.course-switch svg{margin:0}.course-switch{font-size:0}.practice-grid,.practice-main{gap:14px}.player-card{grid-template-columns:106px 1fr;min-height:182px}.player-cover{min-height:182px}.player-cover>span{left:8px;bottom:8px;font-size:9px}.player-body{padding:18px 14px 14px}.player-controls{gap:8px;margin-top:17px}.icon-button{width:40px;height:40px}.play-button{width:48px;height:48px}.time-label{display:none}.speed-control>span{font-size:0;margin-right:1px}.speed-control button{min-width:43px}.content-section{padding:19px 14px}.section-title{margin-bottom:15px}.section-title h2{font-size:21px}.sentence-row{grid-template-columns:28px 1fr 31px;gap:8px;padding:9px 5px}.sentence-copy strong{font-size:15px}.sentence-copy small{line-height:1.45}.record-prompt{grid-template-columns:1fr;gap:20px;padding:18px}.target-line blockquote{font-size:19px}.record-button{width:100%}.feedback-panel{grid-template-columns:1fr;justify-items:center;text-align:center;padding:19px 14px}.score-bars{width:100%}.score-bars span{text-align:left}.record-actions{flex-direction:column}.recording-player,.record-actions .button{width:100%;flex:auto}.practice-aside,.course-grid,.stats-grid{grid-template-columns:1fr}.course-image{height:180px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stats-grid article{padding:15px}.week-chart{gap:7px;padding-inline:0}.toast-region{bottom:calc(76px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.toast{white-space:normal;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}