:root{color-scheme:light;--bg:#f6f2e9;--surface:#fffdf8;--text:#17362e;--muted:#536861;--primary:#176b55;--dark:#0e4b3b;--accent:#f2b84b;--border:#b8cbc4;--danger:#a42828;--focus:#a44200;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at top right,#fff3ce 0,transparent 30rem),var(--bg)}button,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,textarea:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.site-header,.app-shell,.main-nav{width:min(100% - 32px,1040px);margin-inline:auto}.site-header{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:26px 0 18px}.site-header .disclaimer{max-width:540px;margin:0;color:var(--muted)}.eyebrow{margin:0 0 5px;color:var(--primary);font-size:.82rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}h1,h2,h3{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.7rem,4vw,2.35rem)}.main-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.nav-button,.filter{min-height:54px;padding:10px;border:2px solid var(--border);border-radius:12px;color:var(--text);background:var(--surface);font-weight:800}.nav-button.is-active,.filter.is-active{border-color:var(--primary);color:#fff;background:var(--primary)}.app-shell{padding:22px 0 44px}.view{display:none}.view.is-active{display:block}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.progress{font-weight:750;color:var(--muted)}.practice-card,.exercise-card{overflow:hidden;border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:0 16px 45px #17362e16}.practice-card{display:grid;grid-template-columns:1fr 1fr;min-height:380px}.video-container{display:flex;align-items:center;background:#eaf1ee}.video-container video{width:100%;max-height:420px}.practice-copy{display:grid;place-content:center;text-align:center}.practice-item{font-size:clamp(6rem,18vw,10rem);font-weight:850;color:var(--dark)}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.controls.wrap{grid-template-columns:repeat(3,1fr)}.control{min-height:58px;padding:11px 16px;border:2px solid var(--border);border-radius:14px;font-weight:800}.control.primary{border-color:var(--primary);color:#fff;background:var(--primary)}.control.secondary{color:var(--text);background:var(--surface)}.control.danger{border-color:var(--danger);color:#fff;background:var(--danger)}.control:disabled{cursor:not-allowed;opacity:.5}.centered{display:block;width:min(100%,330px);margin:16px auto 0}.status{min-height:25px;color:var(--muted);font-weight:650;text-align:center}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.exercise-card{padding:22px}.exercise-card h3{margin-bottom:7px;font-size:1.65rem}.badge{display:inline-block;margin:0 0 8px;padding:5px 10px;border-radius:999px;background:#e7f1ed;font-weight:800}.notice{padding:12px;border-left:5px solid var(--accent);background:#fff7de}.exercise-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.camera-panel{display:grid;gap:8px}.camera-panel video,.camera-panel canvas{width:100%;max-height:360px;border-radius:15px;background:#17362e;object-fit:cover;transform:scaleX(-1)}.camera-panel canvas{display:none}.camera-panel.show-crop canvas{display:block}.privacy{margin:0;color:var(--muted);font-size:.92rem}.instruction-panel{display:grid;align-content:center;text-align:center}.demo{font-size:5rem;color:var(--primary)}.instruction{font-size:1.25rem;font-weight:750}.timer{font-variant-numeric:tabular-nums;font-size:3rem;font-weight:850}.metric{min-height:24px;color:var(--muted)}fieldset{margin-top:18px;border:1px solid var(--border);border-radius:14px}fieldset[hidden]{display:none}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-grid button{min-height:54px;border:2px solid var(--border);border-radius:10px;background:#fff}.result-grid button.is-selected{border-color:var(--primary);background:#dfeee8}.observation,.write-label{display:grid;gap:7px;margin-top:16px;font-weight:800}textarea{width:100%;padding:12px;border:2px solid var(--border);border-radius:10px;background:#fff}.phrase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.phrase-grid button{min-height:78px;padding:12px;border:2px solid var(--primary);border-radius:14px;color:var(--dark);background:var(--surface);font-size:1.1rem;font-weight:850}.history{padding:0;list-style:none}.history li{margin-bottom:8px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.summary div{display:grid;padding:22px;border-radius:16px;background:var(--surface);text-align:center}.summary strong{font-size:2.6rem}.chart{display:flex;align-items:end;gap:6px;min-height:150px;padding:12px;border-bottom:2px solid var(--border)}.chart span{flex:1;min-width:12px;max-width:55px;background:var(--primary);border-radius:6px 6px 0 0}@media(max-width:720px){.site-header{align-items:start;flex-direction:column}.main-nav{grid-template-columns:1fr 1fr}.practice-card,.exercise-layout{grid-template-columns:1fr}.controls,.controls.wrap{grid-template-columns:1fr}.phrase-grid{grid-template-columns:1fr 1fr}.exercise-card{padding:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}