:root{--ink:#203b3a;--green:#234b49;--muted:#667777;--paper:#f6f5ef;--line:#dce3db;--accent:#f1d591}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px Tahoma,Arial,sans-serif;line-height:1.6}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;background:white;border-bottom:1px solid var(--line);gap:20px}.brand{color:var(--ink);text-decoration:none}.brand span{font-size:30px;letter-spacing:5px}.brand small{display:block;color:var(--muted);font-size:12px}label{font-size:13px}select,input,button{font:inherit}select,input{padding:12px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);max-width:100%}button,.button{border:0;border-radius:10px;min-height:46px;padding:12px 18px;background:var(--green);color:white;cursor:pointer;text-decoration:none;display:inline-block}button.secondary{background:#e9eeea;color:var(--ink)}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bf8222;outline-offset:3px}.layout{display:grid;grid-template-columns:200px 1fr;max-width:1260px;margin:auto}nav{padding:30px 16px;display:flex;flex-direction:column;gap:8px}nav a{padding:13px;color:var(--muted);text-decoration:none;border-radius:10px}nav a.active{background:var(--green);color:white}main{padding:35px 30px 70px;min-width:0}h1{font-size:32px;line-height:1.25;letter-spacing:-1px;margin:8px 0 18px}h2{font-size:21px}h3{font-size:17px}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}p{max-width:750px}.hero{background:var(--green);color:white;padding:32px;border-radius:22px;margin-bottom:24px}.hero p{color:#dce7dd}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:16px;overflow-wrap:anywhere}.card p{margin:8px 0}.zh{display:block;font:32px/1.6 'PingFang SC','Microsoft YaHei',sans-serif}.py{display:block;color:#9a6320;font-size:16px}.pt{display:block;color:var(--muted);font-size:14px}.parts{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.parts .card{padding:12px;text-align:center;margin:0;flex:1;min-width:100px}.parts .zh{font-size:25px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.note{background:#f8edcf;padding:16px;border-radius:12px;font-size:14px}.muted,small{color:var(--muted)}progress{width:100%;accent-color:var(--green);height:12px}.flash{min-height:260px;display:flex;flex-direction:column;justify-content:center;text-align:center}.flash .zh{font-size:52px}.feedback{padding:15px;background:#e9eeea;border-radius:10px;margin-top:18px}canvas{display:block;width:min(100%,360px);height:auto;aspect-ratio:1;background-color:#fff;background-image:linear-gradient(to right,transparent 49.7%,#dce3db 50%,transparent 50.3%),linear-gradient(to bottom,transparent 49.7%,#dce3db 50%,transparent 50.3%);border:1px solid #a9bbb4;border-radius:12px;touch-action:none}.writing{position:relative;width:min(100%,360px)}.ghost{position:absolute;inset:0;display:grid;place-items:center;font:220px 'PingFang SC',sans-serif;color:#234b491a;pointer-events:none}.wide{width:100%;margin-bottom:18px}footer{text-align:center;font-size:12px;padding:20px}summary{cursor:pointer}#toast{position:fixed;bottom:25px;background:var(--green);color:white;padding:15px;border-radius:12px} @media(max-width:700px){header{padding:16px;align-items:flex-start}.brand span{font-size:25px}header label{max-width:145px}header select{width:100%;padding:8px}.layout{display:block}nav{position:sticky;top:0;z-index:5;background:var(--paper);flex-direction:row;overflow:auto;padding:10px 12px;border-bottom:1px solid var(--line)}nav a{white-space:nowrap;font-size:13px;padding:10px}main{padding:22px 16px 45px}h1{font-size:28px}.hero{padding:24px}.grid{grid-template-columns:1fr}.parts{gap:6px}.parts .card{min-width:90px}.card{padding:18px}}@media(prefers-reduced-motion:no-preference){button:hover{filter:brightness(1.12)}}
[hidden]{display:none!important}
/* Extensões da v2: cores e estrutura originais preservadas. */
.study-tools{max-width:1260px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line)}.study-tools label{display:flex;align-items:center;gap:7px}.study-tools #voice-status{font-size:12px;color:var(--muted);flex-basis:100%}.language-unit{display:block}.speak{font-size:12px;min-height:32px;padding:5px 12px;margin:8px 0}.hide-pinyin .py{display:none}.stroke-boards{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start}.stroke-card{border:1px solid var(--line);border-radius:14px;padding:16px;width:300px}.stroke-card .actions{gap:6px}.stroke-card button{font-size:13px;padding:9px}.hanzi-square{width:260px;height:260px;border:1px solid #a9bbb4;background-color:white;background-image:linear-gradient(to right,transparent 49.7%,#dce3db 50%,transparent 50.3%),linear-gradient(to bottom,transparent 49.7%,#dce3db 50%,transparent 50.3%);margin:12px 0;touch-action:none}.tone-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px}.tone-card{padding:14px}.tone-select{width:100%;padding:10px;text-align:center}.tone-card p{font-size:13px}.tone-curve{display:block;width:150px;max-width:100%;height:130px;margin:8px auto}#tone-detail>.tone-curve{margin:8px 0;width:230px;height:190px}.stroke-status{font-size:13px;min-height:44px}.decomposition{border-top:1px solid var(--line);padding-top:12px;margin:15px 0}.parts>.speak{align-self:center}.parts button>.speak{display:none}#pronunciation-text{margin-top:20px}@media(max-width:1100px){.tone-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media(max-width:700px){.tone-grid{grid-template-columns:1fr}.study-tools{padding:14px}}
/* Estados didáticos: texto, símbolos e contraste, além da cor. */
:root{--success-bg:#e6f5e9;--success-fg:#14532d;--success-line:#228344;--error-bg:#fff0f0;--error-fg:#991b1b;--error-line:#d32f2f;--warning-bg:#fff5d8;--warning-fg:#794500;--warning-line:#b97800;--info-bg:#edf4ff;--info-fg:#164c83;--info-line:#3173b8}
[data-feedback][data-caption]{display:block;padding:18px 20px;border:2px solid;border-left-width:7px;border-radius:12px;margin-top:12px;font-size:15px;line-height:1.6}
[data-feedback][data-caption]::before{content:attr(data-caption);display:block;font-size:19px;font-weight:700;margin-bottom:9px;line-height:1.4}
[data-feedback="success"]{background:var(--success-bg)!important;color:var(--success-fg)!important;border-color:var(--success-line)!important}
[data-feedback="error"]{background:var(--error-bg)!important;color:var(--error-fg)!important;border-color:var(--error-line)!important}
[data-feedback="warning"]{background:var(--warning-bg)!important;color:var(--warning-fg)!important;border-color:var(--warning-line)!important}
[data-feedback="info"]{background:var(--info-bg)!important;color:var(--info-fg)!important;border-color:var(--info-line)!important}
[data-feedback="working"]{background:#f1edff!important;color:#50358c!important;border-color:#7956c4!important}
[data-feedback] .pt{color:inherit}[data-feedback] .py{color:#704212}.hanzi-square[data-feedback]{border-width:3px}.stroke-status[data-caption]{min-height:112px;font-size:14px}.stroke-status[data-caption]::before{font-size:16px}.study-tools #voice-status[data-feedback]{flex-basis:100%;font-size:13px;padding:10px 14px}.study-tools #voice-status[data-feedback]::before{display:inline;font-size:14px;margin-right:8px}
#answer>.card[data-feedback]{border-width:2px}button[data-answer-state="wrong"]{background:#fff0f0!important;color:#991b1b!important;border:3px solid #d32f2f;opacity:1}button[data-answer-state="correct"]{background:#e6f5e9!important;color:#14532d!important;border:3px solid #228344;opacity:1}button[data-answer-state="wrong"]::after{content:' ✕ Sua escolha'}button[data-answer-state="correct"]::after{content:' ✓ Resposta esperada'}
@media(prefers-reduced-motion:no-preference){[data-feedback="success"][data-caption]{animation:feedback-pop .35s ease-out}[data-feedback="error"][data-caption]{animation:feedback-shake .3s ease-in-out}[data-feedback="working"][data-caption]::before{animation:feedback-pulse 1.4s ease-in-out infinite}@keyframes feedback-pop{0%{transform:scale(.97);opacity:.6}100%{transform:scale(1);opacity:1}}@keyframes feedback-shake{0%,100%{transform:translateX(0)}30%{transform:translateX(-5px)}70%{transform:translateX(5px)}}@keyframes feedback-pulse{50%{opacity:.6}}}
/* Percurso revisado: layout e cores anteriores preservados. */
.course-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin:20px 0}.course-index a{background:white;border:1px solid #c5d5cf;border-radius:10px;padding:12px;text-decoration:none}.course-unit{scroll-margin-top:24px}.source{font-size:.85rem;color:#596967;border-left:3px solid #9cad94;padding-left:10px}.dialogue{margin:30px 0}.dialogue-row{border-left:5px solid #799d92}.dialogue-row>small{display:block;margin-bottom:8px}.dialogue-row:nth-of-type(even){background:#f2f7f5}.phrase-parts{margin-top:18px}.phonetic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:10px}.phonetic-tile{display:block;border:1px solid #a9beb5;border-radius:10px;padding:16px;text-align:center;font-size:1.65rem;background:#f7faf5}.study-model{border:1px dashed #8ea99d;padding:15px;margin:20px 0;border-radius:10px}.accent-palette{gap:4px}.accent-palette button{padding:5px 9px;min-width:32px}.practice-feedback:empty{display:none}.practice-feedback{margin-top:20px}.reader img{display:block;width:100%;height:auto;background:white;border:1px solid #c5d5cf}.reader input[type=number]{width:85px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;background:white}th,td{padding:12px;border:1px solid #cbd7d0;text-align:left;vertical-align:top}th{background:#e9f1ed}.language-unit{max-width:100%;overflow-wrap:anywhere}.reader label{margin-right:12px}.course-unit>.grid .card{min-width:0}.course-unit h3{margin-top:24px}[data-practice-choice][data-answer-state=correct]{background:#e1f4e7;border:3px solid #218147;color:#114226;opacity:1}[data-practice-choice][data-answer-state=wrong]{background:#ffe5e5;border:3px solid #b92e36;color:#7c1420;opacity:1}

.course-index a{color:#234b49}.accent-palette{margin:10px 0}.practice-feedback .zh{display:block}

.syllable-line{font-size:1.4rem;line-height:2;word-spacing:.2em}.practice-feedback[data-feedback]{padding:20px;border:3px solid;border-radius:12px}.practice-feedback[data-feedback=success]{border-color:#218147}.practice-feedback[data-feedback=error]{border-color:#b92e36}.practice-feedback[data-feedback=warning]{border-color:#ae790b}
/* Navegação sempre ao alcance e quadros de estudo clicáveis. */
[hidden]{display:none!important}.language-unit .mandarin-unit[role=button]{display:block;cursor:pointer;border-radius:10px;padding:8px;transition:background .15s}.language-unit .mandarin-unit[role=button]:hover{background:#eef4ed}.language-unit .mandarin-unit:focus-visible{outline:3px solid #bf8222;outline-offset:3px}.translation-toggle{margin-top:8px;font-size:12px;min-height:34px;padding:6px 10px!important}.floating-navigation{position:fixed;right:22px;bottom:20px;z-index:30;box-shadow:0 4px 20px #203b3a26;border-radius:12px}.floating-navigation button{border:1px solid #9cafaa;background:white}.search-results{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;max-height:250px;overflow:auto}.search-option{text-align:left}.arabic-number{font-size:28px;color:#748582}.digit-comparison{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.digit-result{border-radius:10px;padding:12px;min-width:72px;text-align:center;border:2px solid}.digit-result strong,.digit-result small{display:block}.digit-result strong{font-size:26px}.digit-result[data-answer-state=correct]{background:#e2f4e7;color:#14532d;border-color:#218147}.digit-result[data-answer-state=wrong]{background:#ffe5e7;color:#8a1820;border-color:#b92e36}.answer-drawing-status{min-height:54px}.stroke-card[data-feedback=error] .answer-square{border:3px solid #b92e36;background:#fff1f1}.stroke-card[data-feedback=success] .answer-square{border:3px solid #218147;background:#eff9f2}.response-method{margin:18px 0}.exercise-drawing{margin:20px 0}.number-card .mandarin-unit:hover{box-shadow:inset 0 0 0 2px #92b1a5}#phone-result:not(:empty),#number-result:not(:empty),#phone-sentence-result:not(:empty){padding:20px;border:2px solid;border-radius:12px;margin-top:20px}[data-feedback=error]{border-color:#b92e36}[data-feedback=success]{border-color:#218147}
@media(min-width:801px){.layout>nav{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin;padding-top:12px;padding-bottom:12px}nav a{padding:9px 12px}main{padding-bottom:110px}}@media(prefers-reduced-motion:reduce){.language-unit .mandarin-unit{transition:none}}