.local-preview-note{padding:9px 22px;background:#e8eee5;color:#355844;font:13px/1.6 system-ui}.back-nav{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--line)}.back-nav span{font-size:14px;color:var(--muted)}.w04-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}.w04-hero h1{font-size:clamp(25px,4vw,36px);line-height:1.5;margin:8px 0}.w04-hero p{color:var(--muted);font-size:15px}.companion-box{position:relative;width:210px;flex:none;align-self:stretch;min-height:130px}.companion-box canvas{width:100%;height:100%;object-fit:contain}.companion-box #speech{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:13px;line-height:1.6;color:var(--green)}.companion-box #speech small{display:block}#assetStatus{font-size:12px}button,.file-label{font:inherit;cursor:pointer;min-height:44px;border:1px solid var(--green);background:var(--green);color:white;border-radius:9px;padding:10px 16px}button.secondary,.file-label{background:transparent;color:var(--green)}button.text-button{background:none;border-color:transparent;color:var(--green);padding:6px 10px}button:disabled{opacity:.65;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #bc8c39;outline-offset:3px}.practice-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.round-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.round-list button{text-align:left;background:#fffdf6;color:var(--ink);border:1px solid #d8d3c2;padding:15px}.round-list button small{display:block;margin-top:6px;color:var(--muted);font-size:13px}.lesson-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px}#lesson,#recordingScreen,#summary{margin:22px 0;padding:24px;background:#fffdf7;border:1px solid #d9d1bf;border-radius:15px}.question-text{font:21px/2.15 Georgia,'Times New Roman',serif;overflow-wrap:break-word;padding:15px;background:#f7f5ec;border-radius:10px;margin-bottom:18px}.blank{display:inline-block;min-width:85px;margin:0 3px;border-bottom:1px dashed #8e957e;color:#7c8071;font:14px/1.7 system-ui;text-align:center}.blank.current{background:#e4eddc;border-bottom:2px solid #4c6b48;color:#355844}.blank.solved{font:inherit;color:#3b6540;border-bottom:1px solid #9db58f}.source-line,#counter,#pageProgress{color:var(--muted);font-size:14px}.letter-slots{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.letter-slots span{display:grid;place-items:center;min-width:26px;height:34px;border-bottom:2px solid #a9af9a;background:#f0f1e8;font:20px/1.2 Georgia,serif}.letter-slots span.space{min-width:12px;width:12px;border:0;background:none}#wordInput{display:block;width:100%;box-sizing:border-box;font:21px/1.5 Georgia,serif;min-height:50px;padding:9px 12px;border:1px solid #9aa68c;border-radius:8px;background:white;color:var(--ink)}#inputLabel{display:block;font-size:15px;margin-top:15px}#feedback{min-height:1.6em;line-height:1.7}.answer-note{padding:17px;border-left:4px solid #6d8d57;background:#edf3e6;line-height:1.9}.answer-note h3{margin:0 0 6px;font-size:21px;overflow-wrap:anywhere}.answer-note p{margin:6px 0}.answer-note .ipa{font:17px/1.6 'Times New Roman',serif}.family-panel{padding:18px;margin:18px 0;border:1px solid #d8d0bc;border-radius:10px;line-height:1.9}.family-panel h3{font-size:18px}.family-panel details{border-top:1px solid #dfdccd;padding:12px 0}.family-panel summary{cursor:pointer;min-height:40px;line-height:1.7}.family-panel p{margin:6px 0}.record-sentence{padding:15px 0;border-bottom:1px solid var(--line);font:19px/1.9 Georgia,serif}.record-sentence button{display:block;font:14px system-ui;margin-top:8px}.file-label input{display:block;max-width:100%;font-size:13px;margin-top:6px}#recordPlayback{width:100%;margin-top:15px}#saveStatus,#audioStatus{font-size:13px;line-height:1.8;color:var(--muted)}#saveStatus.error{color:#963e2d;background:#fff0e7;padding:12px}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;margin-top:25px}footer input{vertical-align:middle}.lesson-top h2{margin:0}.tag-controls{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 12px}.tag-controls button{padding:5px 10px;min-height:34px;font-size:13px}.tag-controls [aria-pressed=true]{background:#355844;color:white}.round-tags{font-size:12px;color:#6d755e;margin:3px 0}.source-note{font-size:13px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:680px){main{padding:12px 16px!important}.w04-hero{gap:6px}.companion-box{width:120px;min-height:110px}.w04-hero h1{font-size:24px}.w04-hero .overline{font-size:11px}.w04-hero p{font-size:13px}.round-list{grid-template-columns:1fr}#lesson,#recordingScreen,#summary{padding:16px 12px}.question-text{font-size:19px;line-height:2.2;padding:10px}.practice-actions{gap:8px}.practice-actions button{flex:1 1 auto;font-size:14px;padding:9px 10px}.masthead{font-size:13px;gap:10px!important;flex-wrap:wrap}.family-panel{padding:12px}.back-nav{gap:7px}.letter-slots{gap:4px}.letter-slots span{min-width:24px}.local-preview-note{padding:8px 16px}}