:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#203e36;background:#f6f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,input,textarea{font:inherit}button,.import{cursor:pointer;border:1px solid #d3dcd4;border-radius:9px;background:#fff;color:#24483d;padding:11px 16px}button:hover{background:#edf2e8}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bb7b35;outline-offset:3px}.primary{background:#224c40;color:white;border-color:#224c40}.primary:hover{background:#34634f}header{max-width:1280px;margin:auto;padding:26px 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e4d9}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#24483d;font-size:45px;font-weight:800}.brand span{font-size:23px;letter-spacing:-.8px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:4px}.pill{font-size:10px;background:#e8ecdf;padding:8px 12px;border-radius:30px;letter-spacing:1px}main{max-width:1280px;margin:auto;padding:0 44px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center;padding:54px 0 40px}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:#668070}h1{font-size:49px;line-height:1.3;letter-spacing:-2px;margin:20px 0}p{line-height:1.8;font-size:14px}.hero p:not(.eyebrow){color:#67746b;max-width:480px}.hero button{margin-top:16px}.hero-art{height:270px;background:#e7ecdc;border-radius:140px 140px 14px 14px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.orbit{width:220px;height:220px;border:1px solid #b8c7ac;border-radius:50%;position:absolute;box-shadow:0 0 0 28px #dfe7d5,0 0 0 29px #bfceb4,0 0 0 56px #e4eadc}.wave{z-index:1;font-size:43px;letter-spacing:4px;color:#365e47}.hero-art span{position:absolute;bottom:24px;font-size:9px;letter-spacing:3px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e3e6db;border-radius:12px;padding:24px;margin-bottom:44px}.stats div{padding-left:25px;border-right:1px solid #e5e8de}.stats div:last-child{border:0}.stats strong{display:block;font-size:25px;font-weight:600}.stats span{display:block;color:#7c867e;font-size:11px;margin-top:8px}.workspace{display:grid;grid-template-columns:260px 1fr;gap:36px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-head h2{font-size:16px}.section-head>span:not(.pill):not(.eyebrow){font-size:10px;color:#839081}aside .week{width:100%;display:flex;text-align:left;gap:13px;margin:6px 0;padding:14px 10px;background:transparent;border-color:transparent}.week b{font-size:12px;color:#8a9b8a}.week span{font-size:13px}.week.active{background:#e7eddf;border-color:#d4dfca}.week small{display:block;font-size:10px;color:#7b897b;margin-top:5px}.muted{color:#7b847b;font-size:12px}aside>button,.import{display:block;font-size:12px;margin-top:10px;text-align:center;width:100%}.import input{display:none}.lesson>h2{font-size:29px;margin:16px 0 6px}#calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:24px 0}#calendar button{padding:10px 3px;font-size:12px}#calendar small{display:block;font-size:9px;margin-top:5px}#calendar .selected{background:#224c40;color:white}#calendar .done{box-shadow:inset 0 -3px #b7cd85}#steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:18px}#steps button{font-size:11px;padding:13px 4px;border:0;border-bottom:2px solid #dce2d5;background:transparent;border-radius:0}#steps button.active{border-color:#355b42;color:#284b36;font-weight:700}.practice{background:white;padding:28px;border:1px solid #e2e6db;border-radius:14px}#timer{font-size:22px!important;color:#315944!important;font-variant-numeric:tabular-nums}h3{font-size:23px;margin:15px 0}#tip{color:#6b796d}#prompt{background:#f1f4eb;border-left:3px solid #aabd86;padding:22px;font-size:22px;line-height:1.8;white-space:pre-line;border-radius:4px}.voice-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}.voice-controls label{font-size:11px;color:#74816e}.voice-controls select{max-width:180px;padding:9px 3px;border:1px solid #dfe5d8;border-radius:5px;background:white;color:#34513d}.timer-controls{display:flex;gap:8px;margin:16px 0}.timer-controls button{font-size:12px}.recorder{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e8ecdf;padding-top:18px;margin-top:22px}h4{margin:0;font-size:14px}.recorder p{font-size:11px;color:#8a9285;margin:5px 0}.recorder button{white-space:nowrap;color:#8d4c34}.clip{padding:12px 0;border-bottom:1px solid #e8ecdf}.clip audio{width:100%;height:36px}.clip a,.clip button{font-size:11px;margin-right:10px}.recognition{margin:20px 0}.recognition button{font-size:12px}.notes-label{display:block;font-size:12px;margin:20px 0 9px}textarea{width:100%;resize:vertical;border:1px solid #dce3d5;background:#fcfdf9;border-radius:7px;padding:12px;font-size:13px}.check{display:flex;gap:8px;align-items:center;font-size:12px;margin:18px 0 24px}.honesty{background:#eeeee3;padding:18px 22px;border-radius:9px;margin:20px 0}.honesty strong{font-size:12px}.honesty p{font-size:11px;color:#77806f;margin-bottom:0}footer{display:flex;justify-content:space-between;padding:36px 0;font-size:11px;color:#89917f}#appStatus,#recordStatus{font-size:12px;color:#8a5036}a{color:#345e49}@media(max-width:800px){header{padding:18px 20px}header>.pill{display:none}main{padding:0 20px}.hero{gap:15px;padding-top:30px}h1{font-size:34px}.hero-art{height:210px}.wave{font-size:25px}.workspace{grid-template-columns:1fr}.stats{padding:18px 0;margin-bottom:20px}.stats div{padding-left:15px}.stats strong{font-size:19px}#weeks{display:flex;overflow:auto;gap:6px}aside .week{min-width:155px}aside>.muted{display:none}aside>button,.import{display:inline-block;width:auto;margin-right:5px}.practice{padding:20px}footer{gap:20px}.lesson>h2{font-size:24px}}@media(max-width:480px){.hero{grid-template-columns:1fr}.hero-art{display:none}h1{font-size:36px}.stats strong{font-size:16px}.stats div{padding-left:10px}.stats span{font-size:9px}.workspace{gap:20px}#prompt{font-size:19px;padding:15px}.recorder{align-items:start;flex-direction:column}.voice-controls select{max-width:150px}#steps button{font-size:10px}footer{flex-direction:column}}

.workspace>*{min-width:0}#prompt{overflow-wrap:anywhere}#calendar>*{min-width:0}#weeks{max-width:100%}

.word-samples{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;align-items:center}.word-samples span{font-size:11px;color:#7b847b}.word-samples button{font-size:12px;padding:6px 10px}
.human-audio{padding:20px;margin-top:18px;border:1px solid #cbdcbe;border-radius:10px;background:#fafcf6}.human-audio p{font-size:12px}.human-audio audio{width:100%;height:38px}.human-audio #humanWords{display:flex;flex-wrap:wrap;gap:12px}.human-audio #humanWords a{font-size:10px;margin-left:5px}.human-audio details{margin-top:16px;font-size:12px}.human-audio .import{display:inline-block;width:auto;margin:8px}.human-rate{display:block;font-size:12px;margin-top:10px}.human-rate select{padding:5px;margin-left:10px}

.sentence-heading{margin:22px 0 10px}.sentence-focus{color:#3d6349;font-weight:600}.sentence-card{display:grid;grid-template-columns:26px 1fr auto;gap:8px 12px;padding:16px 0;border-bottom:1px solid #dee7d6;align-items:start}.sentence-number{font-size:11px;color:#84917c;padding-top:6px}.sentence-card .sentence-text{font-size:19px;line-height:1.55;margin:0;color:#24483d}.sentence-card button{font-size:11px;white-space:nowrap;padding:9px}.sentence-credit{grid-column:2/-1;font-size:10px!important;color:#84917c;line-height:1.7!important;margin:0}.sentence-credit a{color:#768c6c}.human-playback{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:12px}.human-playback button{font-size:11px;padding:7px 10px}@media(max-width:480px){.sentence-card{grid-template-columns:20px 1fr}.sentence-card button{grid-column:2;justify-self:start}.sentence-card .sentence-text{font-size:18px}.sentence-credit{grid-column:2}}

[hidden]{display:none!important}.foundation-panel{border:1px solid #d2dfc6;background:#f5f8ef;padding:20px;border-radius:10px;margin:20px 0}.foundation-panel h4{margin:14px 0}.foundation-panel p{font-size:13px;white-space:pre-line}.foundation-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;margin:12px 0;line-height:1.7}.foundation-panel button{font-size:12px;margin:6px 5px 6px 0}.foundation-panel details{margin:18px 0;font-size:13px}#earAnswers{display:flex;flex-wrap:wrap;gap:8px}#earStatus{color:#70572c}.review-item{border-top:1px solid #dbe4d2;padding:12px 0;font-size:12px}#foundationMore{line-height:1.9}#earQuiz{background:#fff;padding:16px;border-radius:8px;margin:15px 0}

#videoJump{margin:0 0 16px;font-size:13px}.video-practice{padding:20px;margin:20px 0;border:1px solid #c6d6c4;border-radius:12px;background:#f0f5ed}.video-practice h3{margin:12px 0 3px;font-size:19px}.video-practice p{font-size:13px}.video-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px}.video-actions input{width:80px;padding:6px;border:1px solid #c6d6c4;border-radius:6px}.video-actions button,#videoRecord,#videoStop{font-size:12px}#videoFrame iframe{display:block;margin:14px 0;width:100%;min-height:200px;aspect-ratio:16/9;border:0;border-radius:8px;background:#1a2520}
#videoFrame video{display:block;width:100%;max-height:65vh;margin:14px 0;border-radius:8px;background:#1a2520}.video-actions .import{width:auto;margin:0}

.sync-panel{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sync-panel strong{font-size:15px}.sync-panel form{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sync-panel label{font-size:13px}.sync-panel input{max-width:150px;padding:6px;border:1px solid #c6d6c4;border-radius:5px}.sync-panel p{width:100%;margin:0;font-size:13px}