[hidden]{display:none!important}.page-nav{gap:26px}.page-nav a{white-space:nowrap}.random-settings{margin-top:24px}.random-settings>label{display:flex;flex-direction:column;font-size:12px;gap:8px;margin-bottom:18px}.random-settings select{width:100%;font-size:11px}.random-settings label.orientation-setting{flex-direction:row;align-items:center;gap:7px;font-size:11px;color:#7b8b6c}.orientation-setting input{accent-color:var(--green)}.random-settings>.primary{font-size:12px}.random-guide{margin:25px 0 18px;background:#eef2e6;padding:16px;border-radius:8px}.random-guide strong{font-family:"Songti SC",SimSun,serif;font-size:15px;font-weight:500}.random-guide p{font-size:11px;color:#7d8f6c;line-height:2.2;margin:10px 0 0}#quizTask,#quizControls{display:none}body[data-quiz="yes"] #quizTask,body[data-quiz="yes"] #quizControls{display:block}body[data-quiz="yes"] .study-playback{display:none}.quiz-task{background:#edf2e6;border:1px solid #d3dfc6;border-radius:9px;padding:16px 18px;margin-top:19px}.quiz-task>span{font-size:10px;color:#859577}.quiz-task h3{font-family:"Songti SC",SimSun,serif;font-size:19px;font-weight:500;line-height:1.8;margin:7px 0}.quiz-task p{font-size:11px;line-height:1.8;color:#7e8b72;margin:8px 0}.quiz-progress-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#718665;border-top:1px solid #d8e3ce;padding-top:10px;margin-top:12px}.quiz-progress-line strong{font:23px Georgia,serif;color:#385d42}.quiz-entry-tools{display:flex;justify-content:center;gap:8px}.quiz-entry-tools button{font-size:11px;min-width:85px}.quiz-submit-tools{display:flex;gap:8px;justify-content:center;margin-top:12px}.quiz-submit-tools button{font-size:12px;min-width:130px}.quiz-next-tools{display:flex;justify-content:space-between;margin-top:11px}.answer-slot{display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px dashed #d9dfcf;border-radius:8px;color:#9aa48c;font-size:11px}.answer-slot b{font:16px Georgia,serif}.answer-slot.found{background:#eaf1e0;border-style:solid;border-color:#bfcead;color:#456337}.answer-slot.found b{font:16px sans-serif;color:#6e8f55}body[data-page="random"] .library-foot{padding-top:25px}.quiz-controls+.feedback{min-height:42px;font-size:12px;line-height:1.9}body[data-quiz="yes"] .mode-tabs{margin-top:17px}body[data-page="random"] .mode-tabs>span{margin-left:0}body[data-page="random"] #turnBadge{margin-left:auto}body[data-page="random"] #randomModeLabel{font-size:11px;color:#527044}.inspector .note-card{max-height:300px}.source-button{font-size:11px}.random-settings .small{line-height:1.9}.library-foot button{min-height:40px}#invasionPage.active:after{background:#8f744f}#randomPage.active:after{background:#507044}@media(max-width:1150px){.page-nav{gap:22px}.page-nav a span{font-size:9px;margin-left:6px}.quiz-task{padding:14px}.quiz-task h3{font-size:18px}}@media(max-width:950px){.page-nav{gap:18px}.page-nav a span{display:none}.inspector .principle{grid-row:6}.quiz-task h3{font-size:19px}}@media(max-width:600px){.page-nav{gap:18px;justify-content:space-between}.page-nav a{font-size:12px}.quiz-task{padding:13px}.quiz-task h3{font-size:17px}.quiz-submit-tools button{font-size:11px;min-width:125px}.quiz-entry-tools button{font-size:10px;min-width:80px}.quiz-controls+.feedback{font-size:11px}.random-settings{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.random-settings>label{margin-bottom:5px}.random-settings .orientation-setting{align-self:center}.random-settings .primary{align-self:start;min-height:44px;grid-column:1/-1}.random-guide{grid-column:1/-1;margin:8px 0 0;padding:12px}.random-guide p{margin:6px 0 0;font-size:10px;line-height:1.9}.random-settings>.muted{grid-column:1/-1;margin:0}.answer-slot{padding:13px}.daily{min-width:60px}.intro h1{font-size:21px}.intro p{font-size:11px}.intro .eyebrow{font-size:7px}body[data-quiz="yes"] .mode-tabs{gap:10px}}
.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 20px}.app-footer>.footer-note{margin:0}.footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-shrink:0}.footer-help{font-size:11px;color:#687d5d;min-height:44px;padding:8px 0 8px 10px}.footer-topics{font-size:10px;color:#a0a48f}@media(max-width:600px){.footer-topics{display:none}.app-footer{gap:8px;padding:10px 0 16px}.footer-note{font-size:9px;letter-spacing:0}.footer-actions{gap:0}.footer-help{font-size:10px;white-space:nowrap}}

.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:0}.learner-button{font-size:12px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 10px}.local-label{display:block;font-size:10px;padding-right:10px}.local-label[data-state="pending"]{color:#9b7c41}.local-label[data-state="error"]{color:#ae684b}.intro{justify-content:flex-start}.profile-field{display:block;font-size:12px;margin:18px 0 0}.profile-field select{display:block;width:100%;margin-top:6px}.profile-name-row{display:flex;gap:10px;align-items:center;margin-top:10px}.profile-name-row .field{margin:0;min-width:0;flex:1}.profile-name-row button{white-space:nowrap;font-size:12px}.profile-status{background:#eef2e8;padding:13px;border-radius:8px;font-size:12px;line-height:1.9}.new-learner{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;font-size:13px}.profile-notice{font-size:12px;color:var(--green);min-height:20px}#personalLink{font:11px monospace}#learnerDialog .dialog-top h2{font-size:19px}@media(max-width:600px){.learner-button{max-width:175px;font-size:10px!important;padding:3px 0!important}.local-label{font-size:9px;padding-right:0}.brand small{letter-spacing:0}.header-right{gap:0}.topbar{padding:0 14px}.intro h1{font-size:23px}#learnerDialog{padding:20px}.profile-name-row{gap:7px}.profile-name-row button{padding:8px 10px;font-size:11px}.profile-name-row input{font-size:12px}}

.empty-course{grid-column:2/-1;padding:70px 30px;text-align:center;align-self:start}.empty-course h2{font:22px/1.7 "Songti SC",SimSun,serif;font-weight:500}.empty-course p{font-size:12px;color:var(--muted)}@media(max-width:950px){.empty-course{grid-column:2/-1}}@media(max-width:600px){.empty-course{grid-column:1/-1;padding:30px 15px}}