:root{color-scheme:dark;--ink:#edf4ff;--green:#0e718c;--muted:#a6b8ce;--paper:#080e1b;--line:#29394f;--accent:#5fe0ff}body{background:radial-gradient(ellipse at 90% 0,#132941 0,transparent 55%),var(--paper);color:var(--ink)}header,.study-tools,footer{background:#0c1423;color:var(--ink);border-color:var(--line)}header{padding-top:16px;padding-bottom:16px}.brand span{color:#82e7ff}.card,.stroke-card,.table-scroll,table,th,td,.phonetic-tile,.course-index a,.study-model,.dialogue-row:nth-of-type(even){background:#111e30;color:var(--ink);border-color:var(--line)}a{color:#7de1ff}input,select,textarea{background:#081423;color:var(--ink);border-color:#405773}button,.button{background:#086b87;color:#fff;border:1px solid #29a3c0}button.secondary,.button.secondary{background:#1b3047;color:#e3f5ff;border:1px solid #38516d}button:hover:not(:disabled),.button:hover{filter:brightness(1.2)}.muted,.note,.source,small{color:#afc1d5}.source{border-left-color:#4bcbe9}.hero{background:linear-gradient(120deg,#12334a,#142037);border:1px solid #286078}.layout{grid-template-columns:220px minmax(0,1fr);max-width:1450px}nav{position:sticky;top:0;align-self:start;height:100vh;max-height:100vh;overflow-y:auto;background:#0b1524;border-right:1px solid var(--line)}nav a{color:#abc1d9;padding:10px 12px}nav a.active{background:#103c51;color:#a8f2ff;border:1px solid #2687a0}.study-tools{position:relative;z-index:10}.language-unit .mandarin-unit[role=button]:hover{background:#20374e}.language-unit .mandarin-unit{color:#edfaff}.py{color:#8bddfa}.translation-toggle{color:#bfe6f7!important;background:#192c42!important;border:1px solid #38516d!important}.floating-navigation button{background:#153a52!important;color:#e4fbff;border-color:#49c7e8}.phonetic-tile{font-size:1.4rem}.phonetic-tile:hover{background:#254359}.phoneme-example{margin-top:14px}.hanzi-square,.answer-square,.writing{background:#0b1728!important;border:1px solid #45617e!important}.hanzi-square svg{background:transparent}svg text{fill:#cedff2}.ghost{color:#364e67}.arabic-number{color:#8feaff;font-size:34px}[data-feedback=error],.stroke-card[data-feedback=error],.digit-result[data-answer-state=wrong],[data-practice-choice][data-answer-state=wrong],[data-human-answer][data-answer-state=wrong]{border:2px solid #ff657e!important;background:#452032!important;color:#fff0f3!important}[data-feedback=success],.stroke-card[data-feedback=success],.digit-result[data-answer-state=correct],[data-practice-choice][data-answer-state=correct],[data-human-answer][data-answer-state=correct]{border:2px solid #4ae5a5!important;background:#103d34!important;color:#e8fff6!important}[data-feedback=warning]{background:#3e321c!important;border:2px solid #ffd270!important;color:#fff2cf!important}.feedback,.practice-feedback{padding:20px;border-radius:12px}.stroke-card[data-feedback=error] .answer-square{background:#301a29!important;border-color:#ff657e!important}.stroke-card[data-feedback=success] .answer-square{background:#10372e!important;border-color:#4ae5a5!important}.phone-boxes{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.phone-box{width:55px;min-height:68px;padding:6px;font-size:30px;text-align:center;border:2px solid #52728f}.phone-box.good{background:#103d34;color:#91ffd1;border-color:#4ae5a5}.phone-box.bad{background:#452032;color:#ffd9e1;border-color:#ff657e}.phone-box-wrap{text-align:center}.phone-box-wrap small{display:block}.phone-boxes input:focus{outline:3px solid #6ae5ff;outline-offset:3px}.bi-shell{background:linear-gradient(150deg,#12213c,#101c2d);padding:24px;border:1px solid #355a82;border-radius:20px}.bi-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.bi-kpi{border:1px solid #315576;background:#0a1a2e;padding:18px;border-radius:14px}.bi-kpi strong{display:block;font-size:38px;color:#87e8ff}.bi-kpi span{color:#b4cbe1}.bi-chart{width:100%;height:auto;max-height:260px}.bi-calendar{display:grid;grid-template-columns:repeat(14,minmax(16px,1fr));gap:6px}.bi-day{height:25px;background:#1b2b42;border:1px solid #2c4261;border-radius:4px}.bi-day.active{background:#17aa9e;border-color:#6ce9d7}.review-error{border-left:4px solid #ff657e}.review-done{border-left:4px solid #4ae5a5}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comparison>div{padding:14px;background:#0a1525;border:1px solid #36516a;border-radius:12px}.attempt-value{white-space:pre-wrap;overflow-wrap:anywhere;font-size:20px}.unavailable{color:#a6b8ce;font-size:13px}.source-audio{width:min(100%,600px);display:block;margin:12px 0}.bi-table{min-width:500px}audio{max-width:100%}.hide-pinyin .py{display:none}.phone-summary{padding:15px;border:1px solid #436680;border-radius:12px}.phone-number{font-size:26px;letter-spacing:5px}.focus-hint{color:#7fe3ff}progress{accent-color:#5bdece}.reader img{background:white}.tone-curve polyline{stroke:#75e2ff}.tone-curve circle{fill:#75e2ff}.sound-tile-label{display:block;font-size:11px;line-height:1.3;margin-top:6px;color:#b2c9df}.bi-empty{padding:24px;text-align:center;border:1px dashed #416483;border-radius:12px}@media(max-width:850px){.layout{grid-template-columns:170px minmax(0,1fr)}main{padding:24px 16px}.comparison{grid-template-columns:1fr}.bi-shell{padding:16px}}@media(prefers-reduced-motion:no-preference){[data-feedback=success]{animation:success-pop .35s ease-out}[data-feedback=error]{animation:error-shake .3s ease-out}@keyframes success-pop{50%{transform:scale(1.015)}}@keyframes error-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}}

.note,.drawing-state{background:#162b40;color:#d4e6f6}.stroke-review{display:block;width:220px;max-width:100%;height:auto;background:#0a1525;border:1px solid #38516d;border-radius:12px}.translation-toggle:focus-visible{outline:3px solid #72e9ff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
[data-feedback=working],[data-feedback=info],.stroke-card[data-feedback=working],.stroke-card[data-feedback=info]{background:#172c43!important;color:#d8ebfb!important;border-color:#4b8db6!important}.stroke-card[data-feedback=working] p,.stroke-card[data-feedback=info] p{color:#d8ebfb!important}
#master-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1370px;margin:18px auto;padding:0 22px}.master-tab{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 12px;border:1px solid #315371;border-radius:10px;text-decoration:none;font-size:17px;font-weight:700;background:#102038;color:#bed8f1}.master-tab>span{font-size:25px;color:#75ddff}.master-tab.selected{background:linear-gradient(100deg,#075276,#0b6689);color:#fff;border-color:#47daff;box-shadow:0 0 20px #24b6e015}.master-tab:hover{background:#16435c}body[data-section=progresso] .layout,body[data-section=correcoes] .layout{display:block;max-width:1370px}body[data-section=progresso] .study-tools{display:none}body[data-section=progresso] main,body[data-section=correcoes] main{padding-top:20px}body[data-section=material] .layout{grid-template-columns:220px minmax(0,1fr)}.nav-caption{font-size:11px;letter-spacing:1.5px;color:#8cc6df;padding-left:12px}.study-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.study-home-card{display:flex;align-items:center;gap:18px;text-decoration:none;margin:0;min-height:155px;transition:border-color .15s,background .15s}.study-home-card:hover{border-color:#5bdcff;background:#16314a}.study-home-card h2{font-size:18px;margin:0 0 7px}.study-home-card p{font-size:14px;color:#bbd0e5;margin:0}.study-home-icon{font-size:34px;color:#5bdcff}.bi-adjusted{border-top:1px solid #315576;padding-top:20px;margin-top:22px}.score-gain{color:#6cf2bb;font-weight:bold}.score-neutral{color:#b6cce0}.score-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.score-comparison>div{padding:18px;background:#0b1b2e;border:1px solid #345675;border-radius:12px}.score-comparison strong{display:block;font-size:30px;color:#82e4ff}.score-history{width:100%;height:auto;max-height:260px}.adjustment-row{padding:16px;border:1px solid #2f526c;border-left:4px solid #42dbaa;border-radius:10px;margin:14px 0;background:#102339}.adjustment-row h3{margin:0 0 8px}.audio-feedback{margin-top:9px;font-size:12px;color:#95def5}.audio-unavailable{color:#edc477}.audio-coverage-list{display:flex;gap:10px;flex-wrap:wrap}.audio-coverage-list span{border:1px solid #345775;border-radius:8px;padding:8px 12px;background:#102339}@media(max-width:1080px){.study-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.master-tab{font-size:15px}}@media(max-width:700px){#master-tabs{gap:6px;padding:0 10px}.master-tab{font-size:12px;padding:12px 7px;gap:4px}.master-tab>span{display:none}.study-home-grid,.score-comparison{grid-template-columns:1fr}}
#score-toast{position:fixed;bottom:90px;right:24px;z-index:60;padding:17px 22px;border:1px solid #64ecad;border-radius:12px;background:#103b34;color:#d8fff1;box-shadow:0 8px 35px #0005;font-weight:bold}