/* Product feedback 1.0: large touch targets and readable teaching controls. */
body{font-weight:550}.lesson{font-weight:600}.lesson .muted,.lesson .word-order,.lesson .panel-heading>span,.lesson .eyebrow{font-weight:650}
.lesson .mode-indicator{font-size:15px;font-weight:650;padding:14px 16px;line-height:1.6}
.confirmation-switch{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.confirmation-switch button{padding:10px 14px;min-height:44px;border:1px solid #b5c899;border-radius:9px;background:#fff;color:#263524;font:inherit;font-size:14px;cursor:pointer}.confirmation-switch button[aria-pressed=true]{background:#263524;color:#edffc8;border-color:#263524}
.lesson .answer-positions{margin:10px 0;font-size:16px;color:#435e2b;font-weight:750}.lesson .exercise-actions{margin-top:18px;margin-bottom:4px;gap:16px;position:static}.lesson .exercise-actions .primary{min-height:52px;font-size:17px;padding:14px 22px}.lesson .next-button{font-size:15px}.lesson .feedback{font-size:16px;line-height:1.6}
.lesson .sound-group h3{font-size:14px;font-weight:750;margin-bottom:9px;color:#e4eacb}.lesson .sound-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.lesson .phoneme-key{min-height:58px;padding:8px 3px;font-size:29px;font-weight:650;line-height:1.15;border-radius:8px;box-shadow:0 3px 0 #0004;touch-action:manipulation}.lesson .sound-group{margin-bottom:17px}
.lesson [data-sound-group=long] .phoneme-key{background:#e4ef9b;color:#22321c;border-color:#b8ce65}.lesson [data-sound-group=short] .phoneme-key{background:#b8dfcf;color:#173b32;border-color:#80bba9}.lesson [data-sound-group=diphthong] .phoneme-key{background:#f2ce9b;color:#503918;border-color:#d8ad6a}.lesson [data-sound-group=unvoiced] .phoneme-key{background:#bacdee;color:#233a60}.lesson [data-sound-group=voiced] .phoneme-key{background:#d7c6ed;color:#422c60}.lesson [data-sound-group=other] .phoneme-key{background:#c8d8df;color:#294958}.lesson [data-sound-group=combined] .phoneme-key{background:#e7bdc8;color:#602b40}
.lesson .phoneme-key:hover{filter:brightness(1.06);transform:translateY(-2px)}.lesson .phoneme-key:active{transform:translateY(2px)}
.pen-settings{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0;font-size:14px;font-weight:650}.pen-colors{display:flex;align-items:center;gap:8px}.pen-color{width:44px;height:44px;border-radius:50%;border:3px solid transparent;background:var(--pen-color);box-shadow:inset 0 0 0 4px #fff;cursor:pointer}.pen-color[aria-pressed=true]{border-color:#577333;outline:2px solid #c5d998;outline-offset:2px}.pen-width select{min-height:44px;margin-left:8px;padding:7px 10px;font:inherit;border:1px solid #bdc9ac;border-radius:9px;background:white}
.is-practicing .ink-wrap,.is-practicing .ink-wrap canvas{height:300px}.is-practicing .ink-lines{background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(20% - 1px),#b5c69f calc(20% - 1px),#b5c69f 20%,transparent 20%,transparent calc(40% - 1px),#8fa979 calc(40% - 1px),#8fa979 40%,transparent 40%,transparent calc(60% - 1px),#8fa979 calc(60% - 1px),#8fa979 60%,transparent 60%,transparent calc(80% - 1px),#b5c69f calc(80% - 1px),#b5c69f 80%,transparent 80%,transparent 100%)}
.is-practicing .ink-tools .secondary{min-height:44px;font-size:14px}.is-practicing .ink-caption{font-size:14px}.is-practicing .ink-caption b{font-weight:700}.is-practicing .answer-controls .primary{min-height:50px;font-size:17px}.is-practicing .learning-feedback{font-size:15px}.is-practicing .writing-card{font-weight:550}
.account-panel{max-width:720px;margin:32px auto;background:#fff;border:1px solid #d5deca;padding:28px;border-radius:20px}.account-panel h1{font-size:30px}.account-form{display:grid;gap:16px}.account-form label{display:grid;gap:7px}.account-form input,.draft-editor{padding:12px;font:inherit;border:1px solid #becbaa;border-radius:9px;min-width:0}.draft-editor{width:100%;min-height:220px;font-family:monospace}.account-links{display:flex;gap:16px;flex-wrap:wrap;margin:18px 0}.account-status{color:#526445;font-size:14px;line-height:1.7}
@media(min-width:1000px) and (max-width:1400px){.lesson .lesson-layout{grid-template-columns:155px minmax(300px,.95fr) minmax(420px,1.1fr);gap:15px}.lesson .phoneme-panel{padding:20px 16px}.lesson .sound-grid{gap:5px}.lesson .phoneme-key{min-height:55px;font-size:26px}.lesson .word-panel{padding:16px 10px}.is-practicing .ink-wrap,.is-practicing .ink-wrap canvas{height:320px}}
@media(max-width:999px){.lesson .sound-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.lesson .phoneme-key{font-size:27px;min-height:58px}.is-practicing .ink-wrap,.is-practicing .ink-wrap canvas{height:300px}}
@media(max-width:600px){.lesson .sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.lesson .phoneme-key{font-size:28px;min-height:58px}.lesson .answer-positions{font-size:15px}.confirmation-switch button{font-size:13px}.is-practicing .ink-wrap,.is-practicing .ink-wrap canvas{height:260px}.pen-settings{gap:10px}.account-panel{padding:20px;margin:20px 12px}.topbar nav{flex-wrap:wrap}}

.lesson .current-word{font-weight:600}