@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap");:root{font-family:Inter,Noto Sans SC,system-ui,sans-serif;color:#0f172a;background:#f8fafc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a,button,input,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.48}a:focus-visible,button:focus-visible{outline:3px solid #9dbf8b}a{text-decoration:none;color:inherit}button{border:0;background:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}.shell{display:flex;min-height:100vh}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;background:#ffffff;padding:33px 23px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:24px;font-weight:700;letter-spacing:-1px;gap:9px}.logo{width:35px;height:39px;display:grid;place-items:center;background:#5cd65c;color:white;border-radius:12px}.dot{color:#83947a;margin-left:-8px}.side-label{letter-spacing:1.7px;margin:53px 12px 17px}.nav{display:flex;align-items:center;gap:12px;padding:14px;border-radius:8px;width:100%;font-size:13px;margin-bottom:8px;color:#64748b}.nav.active{background:#e6f8e5;color:#166534;font-weight:600}.count,.nav svg:last-child{margin-left:auto}.count{font-size:11px}.side-note{margin-top:auto;border-radius:12px;padding:23px 18px;background:#e6f8e5}.little-star{font-size:34px;color:#678156}.side-note h3{font-size:20px;line-height:1.4;letter-spacing:-.5px;margin:13px 0}.side-note p{font-size:11px;color:#64748b;line-height:1.9}.mini-wave{display:flex;gap:3px;align-items:center;height:49px;margin-top:20px}.mini-wave i{width:3px;border-radius:2px}.sidebar-bottom{display:flex;align-items:center;gap:9px;font-size:11px;margin-top:25px;color:#64748b}.sidebar-bottom svg:last-child{margin-left:auto}.main{margin-left:240px;flex:1;min-width:0}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 44px;font-size:12px;color:#64748b;background:#ffffff}.slash{margin:0 15px;color:#b1baab}.header-right{display:flex;align-items:center;gap:23px}.language{font-size:11px}.avatar{width:32px;height:32px;display:grid;place-items:center;border:3px solid white;border-radius:50%;font-size:10px;color:#64748b}main{max-width:1400px;margin:auto;padding:42px 44px 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.eyebrow{letter-spacing:2.3px;color:#64748b;margin-bottom:12px}h1{font-size:32px;font-weight:600;letter-spacing:-1.2px}.intro p{font-size:13px;color:#64748b;margin-top:12px}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;padding:4px 0}.workspace{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:24px;align-items:start}.left-column{display:grid;gap:20px}.card{border:1px solid #e2e8f0;background:#fff;border-radius:15px;box-shadow:0 3px 8px #25301e02}.prompt-card{padding:23px 26px}.section-head{justify-content:space-between}.section-head,.section-kicker{display:flex;align-items:center;gap:10px}.section-kicker{font-size:13px;font-weight:600}.number{font-size:10px;padding:5px}.number,.pill{color:#64748b;border-radius:5px}.pill{font-size:9px;background:#effbf0;padding:5px 9px;white-space:nowrap}.prompt-meta{font-size:10px;margin-top:27px}.prompt-meta span{padding:0 5px}.english{font-size:26px;font-weight:500;line-height:1.6;letter-spacing:-.4px;margin:14px 0}.translation{font-size:12px;line-height:1.7}.prompt-footer{margin-top:24px;border-top:1px solid #edf2f7;padding-top:15px;display:flex;align-items:center;justify-content:space-between}.inline{display:flex;gap:14px}.subtle{font-size:10px}.recording-card{padding:23px 26px}.record-status{font-size:10px;display:flex;gap:6px;align-items:center}.record-status i,.service-status i{width:5px;height:5px;border-radius:50%;background:#a4b991;display:inline-block}.record-status.live{color:#b65042}.record-status.live i{background:#b65042}.waveform{height:74px;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden;margin:15px 0 6px}.waveform i{width:3px;flex-shrink:0;background:#d5ddcc;border-radius:4px}.moving i{background:#6e8b5b;animation:wave .6s infinite alternate}@keyframes wave{to{transform:scaleY(.25)}}.record-center{display:flex;flex-direction:column;align-items:center}.mic{height:67px;width:67px;border-radius:50%;background:#4a6c50;color:#fff;border:7px solid #eff3e9;box-shadow:0 0 0 1px #e0e7d7;display:grid;place-items:center;margin:6px 0 15px;transition:.2s}.mic:hover{background:#385a3e;transform:scale(1.04)}.mic.recording{background:#b55544}.record-center strong{font-size:12px;font-weight:500}.time{font-size:12px;letter-spacing:1px;margin-top:10px}.time span{color:#adb4a7}.upload-row{gap:10px;justify-content:center;margin:22px 0;color:#9ba391;font-size:10px}.upload-row,.upload-row button{display:flex;align-items:center}.upload-row button{gap:6px;font-size:11px;color:#627c54}.upload-row small{font-size:9px}.primary{display:flex;align-items:center;justify-content:center;gap:13px;background:#496c50;color:#fff;border-radius:7px;padding:13px 20px;font-size:12px}.primary:hover{background:#365840}.primary:disabled{background:#dce4d4;color:#8c9d7e}.assess{width:100%;margin-top:8px;justify-content:center}.assess svg{margin-left:auto}.assess:before{content:"";width:18px;margin-right:auto}.privacy{font-size:9px;color:#a1a895;text-align:center;margin-top:13px}.practice-tip{display:flex;gap:13px;padding:0 7px;color:#8a977f}.practice-tip strong{font-size:11px;font-weight:500;color:#6c7c60}.practice-tip p{font-size:10px;line-height:1.8;margin-top:5px}.results{padding:24px;min-height:650px}.results>.section-head{padding-bottom:18px;border-bottom:1px solid #edf0e8}.empty-report{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:53px}.orbit{width:110px;height:110px;border-radius:50%;border:1px dashed #cfdbc3;position:relative;display:grid;place-items:center;color:#749366;background:radial-gradient(circle,#e6f8e5 0 48%,transparent 49%)}.spark{position:absolute;background:white;padding:4px;color:#91a67f}.one{top:0;right:0;font-size:22px}.two{bottom:5px;left:0;font-size:18px}.empty-report h2{font-size:23px;font-weight:500;line-height:1.7;letter-spacing:-.5px;margin:22px 0 12px}.empty-report>p{font-size:11px;line-height:1.9;color:#98a08f}.report-features{display:grid;gap:15px;margin:29px auto;text-align:left}.report-features span{font-size:11px;display:flex;align-items:center;gap:12px;color:#7f8e73}.report-features svg{padding:3px;background:#edf3e5;border-radius:50%;color:#7d986a}.example-button{display:flex;align-items:center;gap:12px;font-size:11px;border-bottom:1px solid #ccd8c1;padding:5px 0;color:#6d865b}.service-status{font-size:9px;color:#9ba591;margin-top:38px}.service-status i{margin-right:5px;background:#c7b992}footer{display:flex;justify-content:space-between;font-size:9px;color:#9ca692;margin:31px 0 20px;border-top:1px solid #e6eade;padding-top:18px}footer span{display:flex;gap:7px;align-items:center}.demo-note{font-size:10px;background:#f6f3e9;color:#9a8753;border-radius:5px;padding:9px;margin-top:15px}.score-overview{display:flex;gap:20px;align-items:center;margin:25px 0}.score-ring{width:100px;height:100px;border-radius:50%;padding:6px;flex-shrink:0}.score-ring>div{border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring strong{font-size:35px;line-height:1.1}.score-ring span{font-size:9px;color:#929b88;margin-top:4px}.score-overview h3{font-size:14px;font-weight:500}.score-overview p{font-size:10px;color:#8f9986;margin-top:8px}.score-caption{font-size:8px;color:#a1a995;display:block;margin-top:12px}.metrics{display:flex;gap:18px;border-bottom:1px solid #ebeee6;padding-bottom:24px}.metrics>div{flex:1;font-size:10px;color:#64748b}.metrics strong{float:right;color:#166534}.bar{background:#e6f8e5;height:4px;margin-top:10px}.bar,.bar i{border-radius:4px}.bar i{display:block;height:100%}.words-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px}.words-head h3{font-size:12px}.words-head span{font-size:9px;color:#64748b}.word-list{display:flex;flex-wrap:wrap;gap:7px}.word-list button{padding:7px 8px;font-size:13px;border-bottom:2px solid #bbf7d0;background:#f0fdf4;border-radius:4px}.word-list .weak{background:#fcf0e6;border-color:#ddac79;color:#a47645}.word-list .selected{outline:1px solid #64748b;outline-offset:2px}.legend{display:flex;gap:17px;margin:17px 0 20px;font-size:8px;color:#64748b}.legend i{display:inline-block;width:5px;height:5px;background:#5cd65c;border-radius:50%;margin-right:4px}.legend span:last-child i{background:#dcb084}.phoneme-box{border-radius:10px;padding:17px}.phoneme-box h3{font-size:17px}.phonemes{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.phonemes>div{display:flex;flex-direction:column;align-items:center;min-width:43px;gap:8px;padding:10px 6px;background:#e6f8e5;border-radius:6px}.phonemes strong{font-size:13px;font-weight:500}.phonemes span{font-size:10px;color:#64748b}.phonemes .weak{background:#f7e9d7;color:#b17a43}.phonemes p{font-size:11px;color:#64748b}.advice{border-top:1px solid #e2e8f0;padding-top:13px}.advice strong{font-size:11px;font-weight:500}.advice p{font-size:10px;line-height:1.9;color:#64748b;margin-top:6px}.report-disclaimer{font-size:9px;margin-top:16px}.modal-backdrop{position:fixed;inset:0;background:#1f302953;backdrop-filter:blur(4px);display:grid;place-items:center;z-index:20;padding:20px}.modal{max-width:480px;background:white;border-radius:16px;padding:35px;position:relative}.modal h2{font-size:21px;margin:15px 0}.modal p{font-size:13px;line-height:1.9;color:#64748b;margin-bottom:16px}.modal .primary{margin-top:25px;width:100%}.close{position:absolute;top:16px;right:14px}audio{width:100%;height:35px;margin-top:17px}.error{font-size:11px;line-height:1.8;background:#fff2ec;color:#a84f3b;padding:10px;border-radius:6px;margin-bottom:10px}textarea{display:block;width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:12px;resize:vertical;min-height:100px;font:inherit;font-size:16px;color:#64748b;background:#ffffff;margin:14px 0}.history{padding:25px}.history h2{font-size:17px}.history-row{display:flex;width:100%;text-align:left;align-items:center;background:transparent;border:0;gap:20px;padding:23px 10px;border-bottom:1px solid #e2e8f0}.history-row:not(:disabled):hover{background:#f0f8f3}.history-row:focus-visible{outline:2px solid #23864b;outline-offset:2px}.history-row:disabled{cursor:default;opacity:1}.history-details{flex:1;min-width:0}.history-date,.history-legacy{display:block;font-size:12px;color:#64748b;margin-top:7px}.history-open{flex-shrink:0;color:#23864b}.history-open,.restored-report{display:flex;align-items:center;font-size:12px}.restored-report{flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 0;color:#64748b}.history-notice{color:#925a13;font-size:13px;padding:10px 0}.results{scroll-margin-top:20px}.history-score{font-size:25px;color:#64748b}.history-row strong{font-size:14px;font-weight:500}.history-row p{font-size:10px;color:#64748b;margin-top:7px}.empty-history{padding:60px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:20px}.empty-history p{font-size:12px;color:#64748b}@media (min-width:1500px){main{padding-top:50px}.english{font-size:31px}.prompt-card{padding:28px 30px}.results{min-height:690px}}@media (max-width:1150px){.sidebar{width:205px;padding:28px 18px}.main{margin-left:205px}main{padding:32px 26px 0}header{padding:0 26px}.workspace{gap:17px}.prompt-card,.recording-card,.results{padding:20px}.english{font-size:23px}.upload-row{flex-wrap:wrap}.score-overview{gap:12px}.score-overview h3{font-size:12px}.score-ring{width:83px;height:83px}}@media (max-width:900px){.sidebar{width:76px;padding:26px 13px}.brand{font-size:0;gap:0}.brand .dot,.side-label,.side-note,.sidebar-bottom{display:none}.logo{margin:auto}.nav{font-size:0;margin-top:20px;padding:14px;gap:0}.nav .count,.nav svg:last-child{display:none}.nav svg:first-child{display:block}.main{margin-left:76px}.workspace{grid-template-columns:1fr 1fr}.intro h1{font-size:27px}.intro>.text-button{font-size:10px}.score-overview{flex-wrap:wrap}.results{min-height:650px}.english{font-size:22px}.prompt-footer{align-items:start;gap:10px}.inline{gap:8px;flex-wrap:wrap;justify-content:flex-end}}@media (max-width:690px){.sidebar{display:none}.main{margin-left:0}header{height:60px;padding:0 20px}main{padding:28px 18px 0}.intro{align-items:flex-start;gap:10px}.intro>.text-button{font-size:0;gap:0;margin-top:23px}.intro>.text-button svg{width:20px;height:20px}.intro h1{font-size:26px}.intro p{font-size:12px}.eyebrow{font-size:9px}.workspace{grid-template-columns:1fr}.english{font-size:27px}.prompt-card,.recording-card{padding:22px}.results{min-height:580px}.score-overview{flex-wrap:nowrap;gap:20px}.score-overview h3{font-size:15px}.empty-report{padding-top:35px;padding-bottom:10px}footer>span:last-child{display:none}.history{padding:18px}.empty-history{padding:40px 10px}.modal{padding:28px}.language{font-size:10px}.header-right{gap:10px}}.practice-heading{display:flex;align-items:center;gap:11px;padding:14px 0 19px;border-bottom:1px solid #e2e8f0;margin-bottom:27px;color:#166534}.practice-heading strong{font-size:14px}.practice-heading small{font-size:10px;color:#64748b}:root{--brand:#5cd65c;--brand-soft:#e6f8e5;--ink:#0f172a;--muted:#64748b}.brand,h1,h2,h3{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}.sidebar{width:248px;padding:30px 22px;border-right:1px solid #e2e8f0}.main{margin-left:248px}.brand{letter-spacing:-.7px;gap:10px}.logo{background:transparent;color:#34a844;width:32px;height:40px}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:22px;font-weight:800;line-height:1.2}.brand-copy small{font-size:10px;font-weight:500;color:#64748b;letter-spacing:3px}.side-label{font-size:9px;letter-spacing:1.2px;margin:38px 10px 18px;color:#64748b}.nav{border-radius:999px;padding:14px 16px;font-weight:600}.nav.active{box-shadow:inset 0 0 0 1px #bdeabc}.nav:not(.active):hover{background:#f1f5f9}.side-note{border-radius:24px;background:linear-gradient(145deg,#e6f8e5,#f4fcf3);padding:24px 20px;border:1px solid #c9efc9}.side-note h3{font-size:22px;font-weight:800;line-height:1.5;color:#0f172a}.side-note p{color:#475569}.little-star{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:white;color:#238637;box-shadow:0 8px 20px #0f172a08}.mini-wave i{background:#5cd65c}.sidebar-bottom{color:#475569}header{height:76px;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}header strong{color:#0f172a;font-size:15px}.language{background:#f1f5f9;padding:7px 12px;border-radius:999px;color:#475569}.avatar{background:#e6f8e5;color:#166534;font-weight:700}main{padding-top:28px}.intro{position:relative;background:#e6f8e5;border:1px solid #cfedcc;padding:30px 32px;border-radius:24px;margin-bottom:26px;gap:20px;overflow:hidden}.intro:after{content:"";position:absolute;pointer-events:none;right:-75px;top:-100px;width:260px;height:260px;border:1px solid #b7e8b5;border-radius:50%;box-shadow:0 0 0 30px #c6efc350,0 0 0 60px #c6efc330}.intro>button,.intro>div{z-index:1}.eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.3px;color:#166534;font-weight:700}.brand-indicator{width:7px;height:7px;background:#38b348;border-radius:50%}h1{font-size:34px;font-weight:800;letter-spacing:-1.1px;line-height:1.35}h1>span{color:#238637}.intro p{color:#475569;line-height:1.7;max-width:440px}.intro>.text-button{flex-shrink:0;background:#fff;border:1px solid #d5e9d4;border-radius:999px;padding:11px 16px;color:#166534;box-shadow:0 4px 12px #0f172a05}.card{border-radius:24px;border-color:#e2e8f0;box-shadow:0 12px 35px #0f172a05}.prompt-card,.recording-card{padding:25px 27px}.section-kicker{font-weight:700;color:#0f172a}.number{border-radius:8px;background:#e6f8e5;color:#166534;padding:6px 7px;font-weight:700}.pill{border-radius:999px;background:#f1f5f9;color:#475569;padding:6px 10px}.prompt-meta{color:#64748b}.english{font-weight:600;color:#0f172a}.translation{color:#64748b}.practice-heading{padding:0 3px 17px;color:#0f172a}.practice-heading svg{color:#238637}.text-button{color:#166534}.subtle:hover,.text-button:hover{color:#0f172a}.subtle{color:#64748b}.primary{background:#5cd65c;color:#0f172a;border-radius:999px;font-weight:700;box-shadow:0 7px 20px #5cd65c30;transition:background .18s,transform .18s,box-shadow .18s}.primary:not(:disabled):hover{background:#4abf4a;box-shadow:0 9px 25px #5cd65c45;transform:translateY(-1px)}.primary:disabled{opacity:1;background:#e2e8f0;color:#64748b;box-shadow:none}.mic{background:#5cd65c;color:#0f172a;box-shadow:0 0 0 9px #e6f8e5,0 10px 25px #5cd65c25}.mic:not(:disabled):hover{background:#4abf4a}.mic.recording{background:#ef4444;color:white;box-shadow:0 0 0 9px #fee2e2}.waveform i{background:#c8edc8}.waveform.moving i{background:#4abf4a}.record-status{color:#64748b}.record-status i,.service-status i{background:#38a64a}.time{color:#0f172a}.privacy,.time span,.upload-row small,.upload-row>span{color:#64748b}.upload-row button{color:#166534}.record-center strong{color:#334155}.results{padding:25px 27px}.empty-report h2{font-size:25px;font-weight:800;color:#0f172a}.empty-report p{color:#64748b}.orbit{background:#e6f8e5;color:#238637;border-color:#bce8b9;box-shadow:0 0 0 12px #f4fcf4}.spark{color:#38a64a}.report-features span{color:#475569}.report-features svg{color:#238637}.example-button{color:#166534;border-color:#c6eac5;background:#f0fdf4;border-radius:999px}.service-status{color:#64748b}.score-ring>div{background:white}.score-ring strong{color:#0f172a}.score-overview h3{font-weight:800;color:#0f172a}.score-caption,.score-overview p{color:#64748b}.metrics{color:#475569}.bar i{background:#5cd65c}.word-list button{color:#166534}.word-list .weak{color:#92400e;background:#fff7ed;border-color:#f2c18b}.word-list .selected{outline-color:#166534}.phoneme-box{border-radius:18px;border:1px solid #e2e8f0;background:#f8fafc}.phonemes>div{border-radius:10px}.phonemes span{color:#166534}.phonemes .weak span{color:#92400e}.advice strong{color:#0f172a}.advice p{color:#475569}.report-disclaimer{color:#64748b}.demo-note{background:#eff6ff;color:#1e40af;border-radius:10px}.practice-tip{color:#166534}.practice-tip p,footer{color:#64748b}footer svg{color:#238637}.modal{border-radius:24px;box-shadow:0 24px 70px #0f172a24}.modal h2{font-weight:800;color:#0f172a}.modal p{color:#475569}.history-score{color:#238637}a:focus-visible,button:focus-visible{outline:3px solid #238637;outline-offset:4px}textarea:focus-visible{outline:2px solid #238637;outline-offset:2px}@media (max-width:1150px){.sidebar{width:215px;padding:26px 18px}.main{margin-left:215px}.brand-copy strong{font-size:20px}.intro{padding:25px;align-items:flex-start;flex-direction:column}.intro>.text-button{font-size:11px}h1{font-size:30px}.prompt-card,.recording-card,.results{padding:22px}}@media (max-width:900px){.sidebar{width:76px;padding:26px 13px}.main{margin-left:76px}.brand-copy{display:none}.logo{margin:auto}.nav{padding:14px}.intro h1{font-size:29px}.intro>.text-button{font-size:11px}.score-overview{flex-wrap:wrap}}@media (max-width:690px){.sidebar{display:none}.main{margin-left:0}header{height:62px;padding:0 18px}main{padding:20px 16px 0}.intro{border-radius:22px;padding:24px;gap:16px}.intro h1{font-size:29px}.intro h1>span{display:block}.intro p{font-size:12px}.intro>.text-button{font-size:11px;gap:6px;margin-top:0;padding:9px 13px}.intro>.text-button svg{width:15px;height:15px}.language{font-size:9px;padding:6px 8px}.card{border-radius:22px}.english{font-size:25px}.score-overview{flex-wrap:nowrap}.empty-report h2{font-size:25px}.brand-indicator{flex-shrink:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.phonemes .unscored,.word-list .unscored{background:#f1f5f9;color:#64748b}.card,.left-column{min-width:0}.english,.history-row strong{overflow-wrap:anywhere}.mobile-nav{display:none}@media (max-width:690px){.workspace{grid-template-columns:minmax(0,1fr)}.mobile-nav{display:flex;gap:8px;align-items:center;padding:12px 16px 0}.mobile-nav button{display:inline-flex;align-items:center;gap:6px;padding:9px 10px;border-radius:20px;font-size:11px}.mobile-nav .active{color:#166534;background:#e6f8e5}.mobile-nav button:last-child{margin-left:auto}}.example-voice{font-size:10px;color:#64748b;margin-top:12px}.example-player{margin-top:14px;padding:12px;background:#f4fbf4;border-radius:12px}.example-player>span{display:block;font-size:11px;color:#166534;overflow-wrap:anywhere}.example-player audio{margin-top:8px}.speech-notice{font-size:11px;line-height:1.6;color:#64748b;margin-top:8px}.speech-notice:empty{display:none}