:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#27251f;background:#f4efe5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.shell{width:min(1080px,calc(100% - 40px));margin:0 auto}.selector{padding:12vh 0 60px}.brand{max-width:680px;margin-bottom:64px}.eyebrow{color:#a34832;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}h1{font-family:Georgia,Times New Roman,serif;font-weight:500}.brand h1{font-size:clamp(3.1rem,9vw,7rem);line-height:.9;margin:20px 0 28px}.brand p{color:#716b60;font-size:1.15rem;line-height:1.7}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.lesson-card{min-height:260px;padding:28px;border:1px solid #d8cfbe;border-radius:4px;color:inherit;background:#faf7f0;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 14px 40px #4e423315}.lesson-card strong{font-family:Georgia,Times New Roman,serif;font-size:2rem;margin:34px 0 12px}.lesson-card>span:not(.lesson-number,.start-label){color:#716b60;line-height:1.5}.lesson-number{color:#a34832;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.start-label{margin-top:auto;font-weight:600}.player-shell{height:100vh;height:100dvh;min-height:480px;display:grid;grid-template-rows:auto minmax(0,1fr) 5px;overflow:hidden}.player-header{padding:24px clamp(20px,5vw,70px);display:grid;grid-template-columns:1fr auto 1fr;gap:20px;border-bottom:1px solid #d8cfbe;align-items:center;font-size:.82rem}.player-header>:last-child{text-align:right;color:#716b60}.player-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding-right:105px}.text-button{border:0;padding:0;background:transparent;color:#a34832;cursor:pointer;text-align:left}.settings{position:relative}.app-shell{min-height:100vh;position:relative}.app-settings{position:fixed;z-index:10;top:24px;right:clamp(20px,5vw,70px)}.settings-trigger{white-space:nowrap}.settings-panel{position:absolute;z-index:5;top:calc(100% + 14px);right:0;width:min(320px,calc(100vw - 32px));padding:18px;border:1px solid #d8cfbe;border-radius:6px;background:#faf7f0;box-shadow:0 16px 45px #4e42332b;text-align:left}.settings-panel label{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#27251f}.settings-option label{min-height:28px}.settings-option label strong{margin-left:4px;color:#a34832;font-size:.75rem;text-transform:uppercase}.settings-option p{margin:0 0 6px;color:#716b60;font-size:.75rem;line-height:1.35}.settings-panel input[type=text]{width:70px}.settings-panel input,.settings-panel select{font:inherit}.settings-reset{margin-top:12px;border:0;padding:6px 0;color:#a34832;background:transparent;cursor:pointer}.player-stage{min-height:0;padding:clamp(14px,3vh,32px) clamp(10px,3vw,30px) 12px;display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;gap:12px;text-align:center}.answer-region{width:min(900px,100%);height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;padding:8px}.answer,.ready,.complete{max-width:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.answer{opacity:.5}.answer.is-visible{opacity:1}.answer h1,.ready h1,.complete h1{font-size:clamp(2rem,6vh,5rem);line-height:1.05;margin:12px 0;overflow-wrap:anywhere}.answer p,.ready p,.complete p{color:#716b60;font-size:clamp(.95rem,2vh,1.25rem);margin:6px 0}.numeric{color:#a34832;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,8vh,6rem);line-height:.9}.player-status{min-height:28px;color:#8e2f25;font-size:.9rem}.manual-mode{color:#716b60}.player-status button{border:0;padding:2px 5px;color:inherit;background:transparent;font-weight:700;text-decoration:underline;cursor:pointer}.player-status .continue-audio{margin-left:6px;padding:8px 14px;border-radius:999px;color:#fff;background:#8e2f25;text-decoration:none}.audio-diagnostics{max-width:min(760px,90vw);margin-top:8px;color:#27251f;text-align:left}.audio-diagnostics pre{max-height:150px;margin:6px 0 0;padding:8px;overflow:auto;border:1px solid #d8cfbe;background:#faf7f0;font-size:.65rem;white-space:pre-wrap}.controls{width:min(900px,100%);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"previous replay playback reveal next loop";gap:clamp(3px,1vw,10px)}.controls button{min-width:0;height:44px;border:1px solid #bcb2a1;border-radius:999px;padding:0 clamp(2px,1vw,14px);overflow:hidden;color:#27251f;background:transparent;cursor:pointer;font-size:clamp(.62rem,1.7vw,.95rem);white-space:nowrap}.control-previous{grid-area:previous}.control-replay{grid-area:replay}.control-playback{grid-area:playback}.control-reveal{grid-area:reveal}.control-next{grid-area:next}.control-loop{grid-area:loop}.controls button:hover:not(:disabled){background:#ebe3d5}.controls .pause{background:#27251f;border-color:#27251f;color:#fff}.controls .control-loop.is-active{background:#a34832;border-color:#a34832;color:#fff}.controls button:disabled{cursor:not-allowed;opacity:.35}.shortcut-hint{min-height:18px;margin:0;color:#716b60;font-size:.72rem}.progress{background:#ded5c5}.progress span{display:block;height:100%;background:#a34832;transition:width .3s}.status{min-height:100vh;display:grid;place-content:center;text-align:center}.error{color:#8e2f25}@media(max-width:600px){.selector{padding-top:70px}.brand{margin-bottom:40px}.player-header{grid-template-columns:1fr 1fr}.player-header>:nth-child(2){display:none}.player-stage{padding-inline:8px}.shortcut-hint{visibility:hidden}}