/* School-specific geometry; approved 450 artwork and palettes are reused unchanged. */
.brand-center h1{font-size:clamp(24px,7cqw,38px)!important;gap:2px;letter-spacing:0}.brand-logo{width:8cqw;height:8cqw}.brand-subtitle{font-size:3.3cqw}.storybook-brand{min-height:60px}
#homeCloudText{display:none}#homeCloudStatus{margin-top:0;margin-bottom:29px;min-height:23px}#homeCloudStatus b{font-size:12px}.cloud-dot{width:11px;height:11px;flex-basis:11px}.cloud-dot.on{background:#20ef43!important}.cloud-dot.syncing{background:#238cff!important}.cloud-dot.pending,.cloud-dot.offline{background:#ffb000!important}.cloud-dot.error{background:#ff375f!important}
.welcome{padding:20px 12px}.welcome h2{font-size:5.4cqw;max-width:65%}.welcome img{pointer-events:none}.progress-heading h3{font-size:5.6cqw}.hero .hero-scope{font-size:3cqw;padding:3px 8px;white-space:nowrap}.progress-foot{font-size:3cqw}.scope-drawer>summary{padding:6px 8px;cursor:pointer}.scope-drawer>summary strong{font-size:4.2cqw}.scope-summary{font-size:2.8cqw!important}.scope-toggle{font-size:3cqw}
.practice-title{display:flex}.practice-title h3{font-size:5.8cqw!important}.practice-title h3>.art-icon{color:#ffd027}.action-card.featured{grid-column:auto}#screen-home .action-card{min-width:0}#screen-home .practice-art{width:23cqw;height:23cqw;flex-basis:23cqw;margin:-3cqw -1cqw -3cqw -1cqw}#screen-home .action-card b{font-size:4.9cqw}.action-label{white-space:nowrap}#screen-home .action-card:last-child b{font-size:4.6cqw}.screen{scroll-margin-top:8px}
#screen-scope .scope-page-intro{font-size:6cqw;min-height:20cqw}#screen-scope .pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}#screen-scope .section-title{flex-wrap:wrap;gap:8px}#screen-scope .section-title h3{font-size:5.4cqw;margin:0}#screen-scope .range-actions{display:flex;gap:6px}#screen-scope .mini-btn{font-size:3.7cqw}
.pack-chip{border:1.5px solid var(--purple-line);background:linear-gradient(145deg,var(--card),var(--purple-a));border-radius:20px;padding:12px 10px;text-align:left;min-height:115px;color:var(--text)}.pack-chip:nth-child(3n+2){background:linear-gradient(145deg,var(--card),var(--mint-b));border-color:var(--mint-line)}.pack-chip:nth-child(3n){background:linear-gradient(145deg,var(--card),var(--peach-a));border-color:var(--peach-line)}.pack-chip.selected{border:2px solid #ed86b1;box-shadow:0 3px 6px var(--frame-shadow)}.pack-line{display:flex;align-items:flex-start;gap:5px;font-size:4.3cqw;font-weight:900;line-height:1.4}.pack-check{display:inline-grid;place-items:center;border:1.5px solid var(--line);border-radius:7px;flex:0 0 19px;width:19px;height:19px;color:transparent;background:var(--card);font-size:15px;line-height:1}.selected .pack-check{color:white;background:#e65f98;border-color:#e65f98}.pack-stats{display:block;margin-top:10px;font-size:3.4cqw;color:var(--muted);line-height:1.8}.range-summary{display:flex;flex-direction:column;gap:8px;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px;margin-top:12px}.range-summary>span{font-size:3.5cqw;color:var(--muted)}
.toolbar h2{font-size:6cqw;line-height:1.3}.toolbar .scope-pill{font-size:3cqw;max-width:50%;white-space:normal;overflow-wrap:anywhere;background:var(--purple-a);color:var(--text)}.back .art-icon{transform:rotate(180deg)}.scope-page-heading .back svg{transform:rotate(180deg)}
.flashcard{display:flex;align-items:center;flex-direction:column;padding:52px 12px 26px;min-height:420px}.flashcard-header{position:relative;top:auto;left:auto;right:auto;width:100%;display:flex;gap:10px;justify-content:space-between;align-items:flex-start;margin:-34px 0 10px;z-index:2}.flashcard .count-badge,.flashcard.expanded .count-badge{position:static;flex:none;font-size:4.5cqw;white-space:nowrap}.pack-badge{font-size:3.4cqw;color:var(--text);background:var(--peach-a);border:1px solid var(--peach-line);padding:4px 10px;border-radius:18px;max-width:69%;line-height:1.4}.flashcard.expanded .pack-badge{max-width:63%}.flashcard.expanded .flashcard-header{margin:0 0 9px;padding-right:29%}.flashcard.expanded{padding:15px 10px 14px;margin-top:35px}.flashcard.expanded .card-mascot{top:-63px;right:-1px;width:30cqw;height:30cqw;z-index:1}.flashcard .word{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;word-break:normal;font-size:clamp(40px,13cqw,70px);line-height:1.25!important}.flashcard .word-long{font-size:9cqw!important}.flashcard .word-phrase{font-size:7cqw!important}.flashcard.expanded .word-long{font-size:8cqw!important}.flashcard.expanded .word-phrase{font-size:6.5cqw!important}.flashcard .word-hero{margin:0}.flashcard .hint{margin:8px 0 12px}.flashcard .reveal{margin:10px 0 65px;max-width:100%;font-size:4.5cqw}.flashcard.expanded .reveal{margin:10px 0;font-size:4cqw}.meaning{width:100%;padding:0;border:0;text-align:left}.meaning-head{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.meaning-head>b{font-size:4.3cqw}.meaning .definition{font-size:5.3cqw!important;font-weight:750!important;line-height:1.5!important;margin:10px 0 14px!important}.meaning .study-translation{font-size:4cqw;color:var(--muted);line-height:1.6}.meaning .study-translation small{display:block;font-size:3.3cqw}.speak-mini{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1.5px solid #ee87a6;background:var(--card);color:var(--text);border-radius:25px;font-size:4cqw;padding:6px 12px;font-weight:800}.speak-mini .art-icon{width:22px;height:22px;color:#e15d80}.example-actions{gap:8px}.example-actions .speak-mini{flex:1;padding:6px 4px}.example-actions .speak-mini:last-child{background:var(--purple-a);border-color:var(--purple-line)}.example-box p{font-size:5.8cqw!important;line-height:1.4!important}.rating,.navrow{width:100%;max-width:none}.rating .btn{font-size:5.8cqw}.rating .btn.bad{background:var(--bad-bg);color:var(--bad)}.rating .btn.good{background:var(--good-bg);color:var(--good)}
.quiz-banner .toolbar h2{font-size:6.4cqw}.quiz-banner #quizScope{display:block;max-width:100%;text-align:center;font-size:3.4cqw;overflow-wrap:anywhere;white-space:normal}.quiz-banner .toolbar>.scope-pill{font-size:2.8cqw;white-space:nowrap}.quiz-banner .toolbar{border:0;background:transparent}.quiz-card{min-height:470px}.quiz-head{font-size:5cqw}.quiz-card .options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-card .option{font-size:7cqw!important;min-height:75px!important;overflow-wrap:anywhere;line-height:1.3!important}.quiz-card .option.correct,.quiz-card .option.wrong{opacity:1}.quiz-card .pos-options .option{font-size:5.5cqw!important}.quiz-card .cloze,.quiz-card .pos-sentence{font-size:6cqw!important;line-height:1.6!important;border-radius:20px;background:var(--purple-a);color:var(--text);padding:15px 12px}.quiz-card .pos-question{font-size:5.7cqw!important}.quiz-card .prompt>h3{font-size:5.4cqw!important}.quiz-card[data-kind=listen] .speak{width:auto!important;height:auto!important;min-height:70px;margin:12px auto!important;padding:10px 20px!important;font-size:5cqw}.quiz-card[data-kind=listen] .speak .art-icon{width:9cqw!important;height:9cqw!important}.quiz-card[data-kind=listen] .option{font-size:7cqw!important}.letter-slots{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:20px 0}.letter-slot{width:clamp(27px,calc((100cqw - 48px) / var(--letter-count) - 6px),50px);height:60px;background:var(--purple-a);border:1.5px solid var(--purple-line);border-radius:14px;font-size:7cqw;color:var(--text)}.letter-bank{gap:8px;justify-content:center}.letter-tile{font-size:7cqw;min-width:43px;height:52px;background:var(--rose-a);border:1.5px solid var(--rose-line);color:var(--text);border-radius:14px}.letter-tile:nth-child(3n+1){background:var(--mint-a);border-color:var(--mint-line)}.letter-tile:disabled{opacity:.3}.spell input{font-size:7cqw;min-width:0}.quiz-card .feedback{font-size:5cqw;line-height:1.5}.pos-feedback-copy,.pos-feedback-meaning{font-size:4.7cqw;line-height:1.6}.pos-feedback-rich{display:flex;flex-direction:column;gap:10px}.pos-visual{width:100%;max-width:none;display:flex;flex-direction:column;align-items:center}.pos-visual picture{width:100%;max-width:320px}.pos-visual img{width:100%;max-height:170px;object-fit:contain}.pos-scene-caption{font-size:5cqw;line-height:1.5}.pos-sentence-audio{font-size:4.4cqw}.pos-target-inline{white-space:normal}.quiz-card .spell-correct-answer{font-size:10cqw!important;display:block;overflow-wrap:anywhere}.reviewed-question .cloze,.reviewed-prompt .cloze{font-size:5.5cqw!important}.match-grid{gap:7px}.match-item{font-size:4.8cqw!important;border-radius:16px;background:var(--card);color:var(--text);border-color:var(--purple-line)}.review-audio-options{display:flex;flex-wrap:wrap;gap:6px}.review-audio-options button{font-size:4cqw;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:7px}.reading-feedback,.reading-reason-zh{font-size:4.3cqw;line-height:1.6}.finish-mascot,.empty-mascot{display:block;width:42cqw;max-width:220px;height:42cqw;max-height:220px;object-fit:contain;margin:0 auto}.quiz-card.finished{padding:15px!important}.quiz-card.finished::after{display:none}.empty-mascot+.finish-mascot{display:none}
.report-navigation{display:flex;gap:6px;margin:14px 0}.report-navigation button{flex:1;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:18px;padding:10px 4px;font-size:3.8cqw}.report-navigation button[aria-pressed=true]{background:var(--rose-a);border-color:var(--rose-line)}.school-report-panel{display:none}#screen-progress[data-report=overview] [data-report-panel=overview],#screen-progress[data-report=mastery] [data-report-panel=mastery],#screen-progress[data-report=cloud] [data-report-panel=cloud]{display:block}.report-banner,.help-hero,.review-hero{position:relative;min-height:100px;background:linear-gradient(120deg,var(--hero-a),var(--hero-b));border:1.5px solid var(--accent-line);border-radius:24px;padding:19px 15px;margin:22px 0 14px}.report-banner h3,.help-hero h3,.review-hero h3{font-size:5.4cqw;line-height:1.5;margin:0;max-width:65%}.report-banner img,.help-hero img,.review-hero img{position:absolute;right:1px;bottom:-3px;width:32cqw;height:32cqw;object-fit:contain}.report-card{min-width:0;background:linear-gradient(135deg,var(--card),var(--rose-a));border:1.5px solid var(--rose-line);color:var(--text);border-radius:20px}.report-card:nth-child(3n+2){background:linear-gradient(135deg,var(--card),var(--purple-a));border-color:var(--purple-line)}.report-card:nth-child(3n){background:linear-gradient(135deg,var(--card),var(--mint-b));border-color:var(--mint-line)}.report-card small{font-size:3.5cqw}.report-card b{font-size:8cqw}.report-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid.three .report-card:last-child{grid-column:1/-1}.mastery-panel{padding:10px}.mastery-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.mastery-summary-card{min-width:0}.mastery-summary-card small{white-space:normal!important;font-size:3.2cqw!important}.mastery-summary-card b{font-size:7cqw}.mastery-summary-card>span{display:none}.mastery-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mastery-controls .search{grid-column:1/-1}.select,.search{max-width:100%;min-width:0;color:var(--text);background:var(--card);border:1px solid var(--line);font-size:3.8cqw}.mastery-word-name>span{font-size:6.5cqw}.mastery-word-name>small{font-size:3.3cqw}.mastery-word-name{min-width:0}.mastery-word-card .mastery-overall b{font-size:5.4cqw}.status-display{font-size:3.1cqw}.mastery-detail{background:var(--card)}.mastery-help{font-size:3.6cqw;line-height:1.6;color:var(--muted)}.mastery-detail .skill-row{font-size:3.6cqw}.mastery-detail small{font-size:3.2cqw}.mastery-detail .parent-selects{grid-template-columns:1fr}.record-backup{display:flex;flex-wrap:wrap;gap:10px;justify-content:stretch}.record-backup .btn{flex:1 1 40%;min-width:0;font-size:4cqw}.record-backup .danger{flex-basis:100%}.cloud-row{gap:8px}.cloud-row b{font-size:4.2cqw}.cloud-row .tiny{font-size:3.4cqw;overflow-wrap:anywhere}.cloud-code{word-break:break-all;font-size:4cqw}.cloud-panel .button-row{flex-wrap:wrap}.cloud-panel .btn{font-size:4cqw}.report-banner+.cloud-panel{margin-top:10px}.section-title h3{font-size:5cqw}.section-title .muted{font-size:3cqw}.panel,.card,.modal-card{background:var(--card);border-color:var(--line);color:var(--text)}.panel-title{color:var(--text)}
.help-topic{margin:10px 0;border:1.5px solid var(--line);border-radius:22px;background:var(--card);overflow:hidden}.help-topic>summary{display:flex;align-items:center;gap:9px;padding:13px 12px;font-size:5cqw;font-weight:900;list-style:none}.help-topic>summary>span{margin-left:auto}.help-topic>summary .art-icon{width:35px;height:35px;color:var(--accent)}.help-topic-body{padding:0 15px 12px}.help-topic-body p{font-size:4cqw;line-height:1.75}.theme-about img{width:85px;height:85px;object-fit:contain}.theme-about .btn{font-size:4cqw}.theme-about b{font-size:4.5cqw}.theme-about p{font-size:3.2cqw}.review-actions .action-card{padding:12px;border-radius:22px;background:var(--rose-a);border:1.5px solid var(--rose-line);color:var(--text)}.review-actions .action-card:nth-child(2){background:var(--purple-a);border-color:var(--purple-line)}.review-actions .action-card b{display:flex;align-items:center;font-size:5.4cqw;color:var(--text)}.review-actions .practice-art{width:25cqw;height:25cqw;flex-basis:25cqw;margin:-6px}.review-actions small{font-size:3.8cqw;color:var(--muted)}.review-actions .review-count{font-size:4.3cqw}.review-actions .review-count strong{font-size:8cqw}.review-help p{font-size:4cqw;line-height:1.7}.modal-mascot img{width:130px;height:105px;object-fit:contain}.modal-card{max-height:calc(100dvh - 30px);overflow:auto;padding-top:15px}.modal-card>h2{font-size:25px;margin:8px 0 12px;padding-right:20px}.modal-card .tiny{font-size:14px;line-height:1.6}.modal-card .btn{font-size:17px}.modal-card .search{font-size:18px}.modal-card .pack-manager-row{min-width:0}.modal-card .modal-x{z-index:3}.appearance-dialog{color:var(--text);border-color:var(--line)}.appearance-dialog p{font-size:15px}.tabbar{z-index:20}.tab{min-height:52px}.tab .art-icon{width:27px;height:27px}.screen:not(.active){display:none!important}
@media(min-width:900px) and (orientation:landscape){.brand-center h1{font-size:39px!important}.brand-logo{width:45px;height:45px}.brand-subtitle{font-size:17px}.storybook-brand{min-height:70px}#homeCloudStatus b{font-size:14px}#screen-home{container-type:normal}.welcome h2{font-size:26px}.progress-heading h3{font-size:24px}.scope-drawer{align-self:start;padding:12px}.scope-drawer>summary{padding:4px;cursor:pointer;flex-wrap:wrap}.scope-drawer>summary strong{font-size:23px}.scope-drawer>summary .scope-summary{display:block!important;font-size:14px!important;flex:1}.scope-drawer>summary .scope-toggle{display:block!important;font-size:14px}.practice-title h3{font-size:30px!important}#screen-home .action-card b{font-size:25px}#screen-home .action-card:last-child b{font-size:24px}#screen-home .practice-art{width:105px;height:105px;flex-basis:105px;margin:-4px}.hero .hero-scope{font-size:13px}.progress-foot{font-size:12px}.tabbar .tab{font-size:18px}.report-banner h3,.help-hero h3,.review-hero h3{font-size:5.2cqw}.screen:not(#screen-home){container-type:inline-size}.welcome .sunshine{top:27px}#screen-home .progress-foot>span:last-child{display:block}}
@media(max-width:360px){.brand-center h1{font-size:7cqw!important}.brand-logo{width:7cqw;height:7cqw}.scope-drawer>summary{gap:4px}.scope-toggle{padding:3px 6px}.theme-choice b{font-size:18px}.appearance-head h2{font-size:22px}}
@media(prefers-color-scheme:dark){.pack-chip.selected{border-color:#f49ac2}.match-item.correct{background:var(--good-bg);color:var(--good)}.match-item.wrong{background:var(--bad-bg);color:var(--bad)}}