/* V4.10.0: measured against approved 01–27 / C01–C03 originals. */
@font-face{font-family:MibaoRound;src:url('assets/mibao-rounded-r.woff') format('woff');font-weight:100 499;font-display:swap}
@font-face{font-family:MibaoRound;src:url('assets/mibao-rounded-b.woff') format('woff');font-weight:500 799;font-display:swap}
@font-face{font-family:MibaoRound;src:url('assets/mibao-rounded-h.woff') format('woff');font-weight:800 1000;font-display:swap}
@font-face{font-family:MibaoEnglish;src:url('assets/nunito-latin.woff') format('woff');font-weight:200 1000;font-display:swap}
:root{--bg:#fffaf8;--card:#fffaf9;--text:#47162b;--muted:#77636c;--line:#e3c8d5;--accent-line:#f8b6d9;--hero-a:#ffe4f2;--hero-b:#ffdef0;--hero-c:#ffcfe8;--rose-a:#ffe5f4;--rose-b:#ffdaef;--rose-line:#f4acd1;--purple-a:#f6e8ff;--purple-b:#ebdcfc;--purple-line:#d3b5ec;--mint-a:#ebfff4;--mint-b:#d9f8e9;--mint-line:#a5dfbe;--peach-a:#fff2e8;--peach-b:#ffe7d9;--peach-line:#f9cbb3;--nav-bg:#fffaf9;--violet-bg:#eddbf8;--good-line:#9dd5a5;--bad-line:#f38caa;--progress-track:#dfd0d9;--round-font:MibaoEnglish,MibaoRound,ReadingTC,sans-serif;--hero-wave:#f6b9db45}
:root[data-character="cookieann"]{--bg:#fff8e9;--card:#fffaf0;--text:#4d1d0d;--muted:#816455;--line:#ecd0b4;--accent-line:#fbd17c;--hero-a:#fff3c9;--hero-b:#ffefc0;--hero-c:#ffeab4;--rose-a:#ffede5;--rose-b:#ffe0d3;--rose-line:#ffc0a6;--purple-a:#f5edf9;--purple-b:#eae1f4;--purple-line:#d8c9e8;--mint-a:#f4fae2;--mint-b:#e7f4cf;--mint-line:#c2df9b;--peach-a:#fff6dc;--peach-b:#ffedc8;--peach-line:#fad590;--nav-bg:#fff8ed;--violet-bg:#ffd8d3;--progress-track:#e5d4ca;--hero-wave:#efb6793d}
@media(prefers-color-scheme:dark){:root{--bg:#2d1e32;--card:#342337;--text:#fff6eb;--muted:#dfcadb;--line:#a679a0;--accent-line:#eb86bb;--hero-a:#50314d;--hero-b:#402b46;--hero-c:#56364f;--rose-a:#643d57;--rose-b:#58344b;--rose-line:#e3a2c9;--purple-a:#594067;--purple-b:#4f385d;--purple-line:#c3a1e0;--mint-a:#3e5a53;--mint-b:#384f49;--mint-line:#addec8;--peach-a:#755344;--peach-b:#62473c;--peach-line:#e8bca0;--nav-bg:#2d1e32;--violet-bg:#755685;--progress-track:#85718a;--hero-wave:#da92c014}
:root[data-character="cookieann"]{--bg:#2e1d13;--card:#3b291d;--text:#fff3dd;--muted:#e5ccb2;--line:#b0865c;--accent-line:#e7ae53;--hero-a:#5b3d23;--hero-b:#472f1e;--hero-c:#644224;--rose-a:#704638;--rose-b:#573529;--rose-line:#cb8e70;--purple-a:#654657;--purple-b:#4d394c;--purple-line:#b394a5;--mint-a:#5e6032;--mint-b:#464b29;--mint-line:#b9c17c;--peach-a:#674a27;--peach-b:#51391e;--peach-line:#d5a253;--nav-bg:#2e1d13;--violet-bg:#a76865;--progress-track:#897369;--hero-wave:#e9b77517}}
body,button,input,select,textarea,.word-hero .word{font-family:var(--round-font)!important}h1,h2,h3,strong,b{font-weight:900}button{font-weight:800}body{background:var(--bg)!important;color:var(--text);background-image:radial-gradient(ellipse at 50% 15%,#ffffff30,transparent 70%)!important}.app{container-type:inline-size;max-width:560px;padding:4px 8px calc(62px + env(safe-area-inset-bottom))}.screen{animation:none!important}button{touch-action:manipulation}
.storybook-brand{min-height:53px;margin:0;align-items:start}.brand-center h1{font-size:clamp(29px,8.8cqw,49px);line-height:1.2;letter-spacing:.015em;gap:4px;font-weight:950}.brand-logo{width:10.5cqw;height:8.5cqw}.brand-subtitle{font-size:3.05cqw;line-height:1.5;font-weight:600;letter-spacing:.075em;margin:3px 0 0}.brand-decoration{width:10cqw;height:10cqw;top:10px;left:3px}.appearance-open{width:10cqw;height:10cqw;min-width:36px;min-height:36px;top:8px;right:1px;padding:4px;color:#823752}.appearance-open .cookie-only{display:none}:root[data-character="cookieann"] .appearance-open .melody-only{display:none}:root[data-character="cookieann"] .appearance-open .cookie-only{display:block}
#homeCloudStatus{min-height:22px;gap:8px;margin:5px auto 24px;padding:0 5px;font-weight:700}#homeCloudStatus b{font-size:13px;font-weight:700;letter-spacing:.02em}.cloud-dot{width:11px;height:11px;flex-basis:11px}.cloud-dot.on{background:#00ed20!important}.welcome{min-height:0;height:21.5cqw;border-radius:6.4cqw;margin:0 0 7px;padding:0 5cqw;display:flex;align-items:center;isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff50;border-width:1.7px;background:linear-gradient(115deg,var(--hero-a),var(--hero-b),var(--hero-c))}.welcome::before{content:'';position:absolute;z-index:-1;left:39%;right:0;bottom:0;height:23%;border-radius:90% 40% 5cqw 0;background:var(--hero-wave)}.welcome h2{font-size:5.65cqw;letter-spacing:0;line-height:1.3;max-width:none;font-weight:950;white-space:nowrap}.welcome img{width:35cqw;height:35cqw;bottom:-1px;right:1cqw;object-fit:contain;object-position:center bottom}.welcome>div{z-index:2}.welcome p{display:none}
.hero{padding:8px 9px 8px;border:1.5px solid var(--line);border-radius:4.3cqw;margin:0 0 7px;background:linear-gradient(140deg,var(--card),var(--bg));box-shadow:0 3px 4px #946e6e14}.progress-heading{justify-content:flex-start;min-height:8.1cqw;margin:0 3px 8px;gap:12px}.progress-heading h3{font-size:5.55cqw;letter-spacing:.015em;gap:7px;line-height:1.25}.progress-heading .art-icon{width:10.6cqw;height:8.8cqw;transform:rotate(-5deg)}.hero .hero-scope{font-size:3.3cqw;line-height:1.3;padding:3px 13px;max-width:37%;font-weight:600}.progress-pair{gap:7px}.progress-cell{border-radius:3cqw;padding:5px 9px 7px}.progress-label{font-size:4.2cqw;font-weight:850;line-height:1.35;gap:7px}.progress-label .art-icon{width:5cqw;height:5cqw}.progress-number{font-size:5.1cqw;line-height:1.2;letter-spacing:0}.progress-number>b:first-child{font-size:7cqw;line-height:1.2;font-weight:950}.progress-number>b:last-child{font-size:5.1cqw;font-weight:850}.progress-meter{margin-top:5px;gap:5px;align-items:center}.progress-track{height:3.4cqw;box-shadow:inset 0 0 0 1px #ffffffa0;background:var(--progress-track)}.progress-fill{background:linear-gradient(95deg,#ff63ab,#ee4997)}.star-cell .progress-fill{background:linear-gradient(95deg,#c774fa,#ac65e8)}.progress-meter>span{font-size:3.45cqw;font-weight:600}.progress-foot{font-size:3.1cqw;line-height:1.5;margin:8px 5px 0;padding-top:6px;border-top:1px solid var(--line);font-weight:500}.progress-foot b{font-size:3.5cqw;font-weight:700}
.scope-drawer{margin:0 0 7px;border:1.5px solid var(--line);border-radius:4cqw;background:var(--card);box-shadow:0 3px 5px #946e6e14}.scope-drawer>summary{min-height:10.2cqw;display:flex;align-items:center;padding:4px 9px;gap:9px}.scope-drawer summary strong{font-size:4.2cqw;gap:6px;letter-spacing:.02em;white-space:nowrap}.scope-drawer summary strong .art-icon{width:7cqw;height:6.5cqw}.scope-summary{font-size:3cqw!important;line-height:1.3!important;margin:0!important;padding-left:10px;border-left:1px solid var(--line);white-space:nowrap}.scope-toggle{font-size:3.15cqw;padding:4px 10px;background:var(--violet-bg);border-radius:25px;margin-left:auto;white-space:nowrap;font-weight:600}.scope-toggle::after{font-size:4cqw}
#screen-home>.practice-title{height:8.5cqw;margin:6px 4px 4px;min-height:32px;align-items:center}#screen-home>.practice-title h3{font-size:5.65cqw;gap:6px;letter-spacing:.025em;font-weight:900}#screen-home>.practice-title h3>.theme-art{width:8cqw;height:8cqw}#screen-home>.practice-title h3>.art-icon{width:4.8cqw;height:5cqw}.practice-decoration{right:4cqw;bottom:0;width:9cqw;height:8cqw}#screen-home>.actions{gap:5px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}#screen-home .action-card{height:16.2cqw;min-height:16.2cqw;border-radius:4cqw;border-width:1.7px;padding:0 4px 0 1px;box-shadow:inset 0 -2px 0 #ffffff65}.action-card b{font-weight:950}#screen-home .action-card b{font-size:5.05cqw;letter-spacing:.025em;gap:1px}.practice-art{width:21.2cqw;height:21.2cqw;flex-basis:21.2cqw;background-size:200% 400%}.practice-art.art-2,.practice-art.art-6{width:22cqw;flex-basis:22cqw}#screen-home .action-card:nth-child(6){background:linear-gradient(125deg,var(--rose-a),var(--rose-b));border-color:var(--rose-line)}
.tabbar{border-top:1px solid var(--line);background:var(--nav-bg);padding:2px 0 env(safe-area-inset-bottom)}.tabs{max-width:560px}.tab{font-size:13px;padding:3px 0 1px;line-height:1.2;font-weight:600;gap:0}.tab .art-icon{width:28px;height:27px}.tab.active svg use{fill:currentColor}.tab span{padding:1px 16px}.tab.active{color:#e94f8c}.tab.active span{background:var(--rose-a)}
/* 02: range opens as its own full page; the original category controls remain. */
.scope-page-heading{display:none}.scope-drawer[open]{border:0;background:none;box-shadow:none}.scope-drawer[open]>summary{display:none}#screen-home.scope-open>.welcome,#screen-home.scope-open>.hero{display:none}#screen-home.scope-open .scope-page-heading{display:flex;align-items:center;gap:12px;padding:8px 3px 18px}.scope-page-heading h2{font-size:7cqw;margin:0}.scope-page-heading .back{width:44px;height:44px;border:2px solid var(--rose-line);border-radius:15px}.scope-page-intro{display:none}.scope-drawer[open] .scope-page-intro{display:block;background:linear-gradient(125deg,var(--hero-a),var(--hero-b));border:2px solid var(--rose-line);border-radius:24px;padding:16px 18px;margin-bottom:12px;font-size:5.1cqw;font-weight:900}.scope-actions button{border:1px solid var(--purple-line);border-radius:20px;padding:4px 14px;font-size:14px;background:var(--purple-a)}.scope-title{margin:5px 0 12px}.category-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0}.level-card{position:relative;min-height:135px;border:2px solid var(--rose-line)!important;border-radius:22px;background:linear-gradient(130deg,var(--rose-a),var(--card))!important;padding:14px 10px;text-align:left;box-shadow:none}.level-card:nth-child(2){border-color:var(--mint-line)!important;background:linear-gradient(130deg,var(--mint-a),var(--card))!important}.level-card:nth-child(3){border-color:var(--purple-line)!important;background:linear-gradient(130deg,var(--purple-a),var(--card))!important}.level-card:nth-child(4){border-color:var(--peach-line)!important;background:linear-gradient(130deg,var(--peach-a),var(--card))!important}.category-title strong{font-size:21px;line-height:1.2}.category-check{width:25px;height:25px;border-radius:8px;background:var(--card);color:transparent}.selected .category-check{background:#f15b98;color:#fff;border-color:#f15b98}.category-mastery{display:flex;gap:4px;font-size:13px;margin-top:15px;flex-direction:column}.category-mastery span{white-space:normal!important}.level-card .mini{height:8px;margin-top:8px;background:var(--progress-track)}.level-card .mini i{background:#f476ad}
/* Shared page headings retain the original hierarchy and generous type. */
body:not([data-screen="home"]) .storybook-brand{min-height:44px}body:not([data-screen="home"]) #homeCloudStatus{margin:4px auto 20px}body[data-screen="study"] #homeCloudStatus{display:none}.toolbar{border:0;background:none;box-shadow:none;min-height:45px;padding:4px 0;margin:3px 0 6px;gap:10px}.toolbar h2{font-size:6.7cqw;font-weight:950;letter-spacing:.02em}.toolbar .back{width:45px;height:45px;flex:none;background:var(--rose-a);border:2px solid var(--rose-line);border-radius:14px}.back .art-icon{width:18px;height:25px}.practice-scope{font-size:3.5cqw;color:var(--text);font-weight:600;margin:8px 5px 16px}.adaptive-pill{font-size:3.4cqw;padding:5px 14px;background:var(--purple-a);font-weight:700}.toolbar .adaptive-pill{margin-left:auto}.toolbar .spacer{display:none}.btn.primary{background:linear-gradient(110deg,#f7569c,#d63177);color:#fff;border:2px solid #f8a6ce;border-radius:32px;box-shadow:inset 0 1px 1px #ffffff70}.btn.ghost{border:1.5px solid var(--line);background:var(--card)}
/* 03–04: flashcards. */
#screen-study .toolbar{border:1px solid var(--line);border-radius:23px;background:var(--card);padding:5px}#screen-study .toolbar h2{font-size:6.1cqw;white-space:nowrap}#screen-study .toolbar .back{width:35px;height:35px;border-radius:50%;border:0}#screen-study .toolbar .practice-scope{font-size:3.2cqw;padding-left:12px;max-width:55%;margin:0 0 0 auto}#screen-study .flash-wrap{padding-top:34px}.flashcard{border:2px solid var(--accent-line);border-radius:30px;padding:55px 12px 34px;min-height:415px;background:var(--card);box-shadow:0 3px 0 var(--line),0 5px 12px #9e737214}.level-badge{font-size:17px;top:13px;left:18px;padding:3px 16px}.count-badge{top:16px;font-size:19px}.word-hero{min-height:175px}.word-hero .word{font-size:19cqw;line-height:1.15;padding:12px 0;font-weight:900;letter-spacing:0}.word-hero .phrase-word{font-size:10cqw}.word-hero .speak{font-size:5.7cqw;line-height:1.3;padding:10px 25px;margin:14px 0 8px;min-height:54px}.word-hero .speak .art-icon{width:31px;height:31px}.flashcard .hint{font-size:4.2cqw;margin:5px auto 18px;padding:5px 15px}.flashcard .card-buttons{width:100%;margin:4px 0}.flashcard .reveal{font-size:4.2cqw;border:1.5px solid var(--purple-line);border-radius:28px;background:var(--purple-a);padding:8px 16px;font-weight:700}.card-mascot{width:31cqw;height:30cqw;right:1px;bottom:0}.flashcard.expanded{padding:48px 10px 12px;min-height:0}.flashcard.expanded .level-badge{font-size:4cqw;max-width:47%;overflow-wrap:anywhere}.flashcard.expanded .count-badge{right:42%;font-size:4.6cqw}.flashcard.expanded .card-mascot{width:34cqw;height:32cqw;right:-1px;top:-68px}.flashcard.expanded .word-hero{background:linear-gradient(120deg,var(--rose-a),var(--rose-b));border-radius:25px;min-height:37cqw;gap:6px;padding:4px}.flashcard.expanded .word-illustration{display:block;flex:0 0 39%;height:31cqw}.flashcard.expanded .word-illustration svg{height:100%;width:100%}.flashcard.expanded .word-hero-main{flex:1;text-align:center}.flashcard.expanded .word{font-size:15cqw;line-height:1.2;padding:5px 0;overflow-wrap:anywhere}.flashcard.expanded .phrase-word{font-size:8.8cqw}.flashcard.expanded .word-hero .speak{background:var(--card);border:1.5px solid #ed8ca6;color:var(--text);font-size:4.8cqw;min-height:38px;padding:6px 10px;margin:4px 0;white-space:nowrap}.flashcard.expanded .word-hero .speak .art-icon{width:25px;height:25px}.flashcard.expanded .hint{display:none}.flashcard.expanded .reveal{border:0;padding:4px 18px;min-height:0}.flashcard.expanded .card-buttons{margin:8px auto 10px}.word-info{padding-top:4px;border:0}.word-meta-row{margin:8px 3px 5px;display:flex;justify-content:space-between;gap:8px}.pos-chip{font-size:4.6cqw;padding:3px 16px;border-radius:25px;background:var(--purple-a);color:var(--text)}.definition-audio-btn{font-size:4.5cqw;padding:3px 14px;min-height:32px;border:1.5px solid #ef99b2;border-radius:25px;background:var(--card)}.definition{font-size:5.6cqw!important;line-height:1.35!important;font-weight:800;margin:7px 7px 16px!important;color:var(--text)}.example-box{padding:10px 13px 13px!important;border:1.5px solid var(--mint-line);border-radius:24px;background:linear-gradient(125deg,var(--mint-a),var(--card))}.example-box>small{display:inline-block;font-size:4.1cqw;background:var(--purple-a);padding:2px 13px;border-radius:20px;color:var(--text);font-weight:700}.example-box p{font-size:6.1cqw!important;line-height:1.25!important;font-weight:850;margin:8px 5px 12px!important}.example-word{border-radius:30px;background:var(--rose-b);color:var(--target-text);padding:0 .23em}.example-actions{gap:10px}.example-actions .mini-btn{border:1.5px solid #e99ab6;border-radius:28px;padding:6px 12px;font-size:4.6cqw;min-height:38px;background:var(--card)}.example-actions .mini-btn:nth-child(2){background:var(--purple-a);border-color:var(--purple-line)}.rating{gap:10px;margin-top:8px}.rating .btn{font-size:6.3cqw;border-radius:19px;min-height:52px;border-width:1.5px;padding:7px}.rating .art-icon{width:33px;height:33px}.rating-note{display:none}.navrow{margin-top:9px;gap:9px}.navrow .btn{font-size:4.8cqw;min-height:39px;padding:4px 10px;border-radius:25px}.navrow .art-icon{width:14px;height:20px}
/* 05–14: question-specific visual states. No question or answer is changed. */
#screen-quiz .toolbar{margin:5px 0 3px}#quizScope{margin:4px auto 14px;text-align:center;background:var(--rose-a);border-radius:24px;padding:5px 14px;width:fit-content;font-size:3.6cqw}.quiz-card{padding:14px 12px 78px!important;min-height:470px;border-radius:27px!important;background:var(--card);border:2px solid var(--rose-line);box-shadow:0 3px 8px #91626e12}.quiz-card::after{width:29cqw;height:29cqw;right:0;bottom:0}.quiz-head{font-size:6.6cqw;font-weight:900;border-radius:22px;line-height:1.25;padding:9px 16px;justify-content:space-around;background:linear-gradient(100deg,var(--rose-a),var(--purple-a))}.quiz-head>span+span{padding-left:30px;border-left:1px solid var(--accent-line)}.quiz-progress{display:none}.prompt{margin:15px 0 19px!important}.quiz-type{font-size:4.3cqw;line-height:1.4;padding:5px 14px;border-radius:30px;background:var(--purple-a);font-weight:850}.prompt h3{font-size:5.4cqw!important;line-height:1.4!important;margin:16px 0 12px!important;letter-spacing:.015em}.prompt .speak{font-size:5.4cqw;padding:10px 22px!important;background:linear-gradient(120deg,var(--rose-a),var(--rose-b));color:var(--text);border:2px solid #e893bd;min-height:50px;margin:14px 0!important}.prompt .speak .art-icon{color:#e35593;width:33px;height:33px}.options{grid-template-columns:1fr 1fr;gap:10px!important}.option{font-size:7cqw!important;min-height:21cqw!important;line-height:1.2!important;font-weight:850;border-radius:22px!important;border-width:2px;padding:14px 8px!important}.option.correct::after{font-size:25px}.quiz-card[data-kind="listen"] .prompt .speak{display:flex;flex-direction:column;justify-content:center;width:29cqw;height:29cqw;margin:15px auto!important;border-radius:50%;font-size:3.8cqw;gap:3px;background:radial-gradient(ellipse at 35% 20%,#ff8fbd,#e54189);color:white;border:3px solid #ffbddb}.quiz-card[data-kind="listen"] .prompt .speak .art-icon{width:13cqw;height:13cqw;color:white}.quiz-card[data-kind="listen"] .prompt{margin-bottom:22px!important}.quiz-card[data-kind="listen"]::after{left:8px;right:auto}.quiz-card .cloze,.quiz-card .pos-sentence{background:var(--card);border:1.5px solid var(--purple-line);border-radius:22px;font-size:7.2cqw!important;line-height:1.5!important;font-weight:850;padding:20px 12px;margin:22px 0!important;overflow-wrap:anywhere}.quiz-card .pos-question{font-size:6cqw!important;line-height:1.45!important}.quiz-card .pos-target{color:var(--target-text);background:var(--rose-a);text-decoration:underline;text-decoration-color:#e56aa4;text-underline-offset:5px;padding:0 6px;border-radius:9px}.pos-target-inline{color:var(--target-text)}.quiz-card[data-kind="pos"] .quiz-type{background:var(--purple-a)}.quiz-card[data-kind="pos"] .pos-options .option{font-size:6.2cqw!important;min-height:19cqw!important}.quiz-card[data-kind="pos"] .pos-options .option:last-child{background:var(--rose-b);border-color:var(--rose-line)}.quiz-card[data-answered="true"]{padding-bottom:18px!important}.quiz-card[data-answered="true"]::after{display:none}.quiz-card[data-answered="true"] .option{min-height:17cqw!important}.option-audio{color:#b86b9f!important;background:transparent!important;border:0!important}.option-audio .art-icon{width:25px;height:25px}.feedback{border-radius:23px;padding:0;margin:0;overflow-wrap:anywhere}.feedback.good,.feedback.bad{padding:15px;margin-top:15px;border:1.5px solid var(--mint-line);background:linear-gradient(120deg,var(--mint-a),var(--card));font-size:5cqw}.feedback.bad{border-color:var(--rose-line);background:linear-gradient(120deg,var(--rose-a),var(--card))}.feedback>b{font-size:6cqw}.context-complete-line{font-size:6cqw;line-height:1.4;font-weight:850}.context-full-audio,.pos-sentence-audio{font-size:4.7cqw;border-radius:25px;padding:6px 14px;background:var(--card);border:1.5px solid var(--rose-line);color:var(--text)}.quiz-next-wrap{margin:15px 0 0}.quiz-next-wrap .btn{font-size:6cqw;min-height:52px;min-width:70%;padding:8px 20px}.pos-feedback-explanation{font-size:5cqw!important;line-height:1.45!important}.pos-scene-card{border:1.5px solid var(--mint-line);border-radius:22px;background:var(--card);overflow:hidden}.pos-scene-caption{font-size:4.7cqw!important}.pos-scene-chip{background:var(--purple-a);color:var(--text)}
.spell-build{gap:6px;flex-wrap:wrap;min-height:72px!important;margin:22px 0 8px!important}.spell-slot{width:18cqw;min-width:0;height:19cqw;font-size:11cqw;font-weight:850;border:3px solid var(--purple-line);border-radius:20px;color:var(--text);background:var(--card)}.spell-build[data-letter-count="long"] .spell-slot{width:11cqw;height:15cqw;font-size:8cqw}.letter-bank{gap:7px!important;margin:22px 0!important;display:flex;flex-wrap:wrap;justify-content:center}.letter-tile{width:19cqw!important;height:20cqw!important;border-radius:22px!important;font-size:12cqw!important;font-weight:950;box-shadow:inset 0 0 0 1px #ffffff90}.letter-bank[data-letter-count="long"] .letter-tile{width:13.3cqw!important;height:16cqw!important;font-size:9cqw!important}.letter-tile:disabled{background:var(--line);color:var(--muted);border-color:var(--line);opacity:.55}.spell-tile-actions{gap:8px;display:grid;grid-template-columns:1fr 1fr}.spell-tile-actions .btn{min-height:53px;font-size:5.1cqw;padding:8px!important}.spell-tile-actions .btn:disabled{background:#d4d1d5;border-color:transparent;color:#999;opacity:.8}.quiz-card[data-spell-level="2"] .letter-bank{background:linear-gradient(125deg,var(--rose-a),var(--card));border:2px solid var(--rose-line);border-radius:23px;padding:12px 17px;display:grid;grid-template-columns:repeat(3,1fr)}.quiz-card[data-spell-level="2"] .letter-tile{width:100%!important;height:19cqw!important;font-size:11cqw!important}.quiz-card[data-spell-level="2"] .spell-build{padding:12px!important;background:var(--purple-a)!important;border:2px solid var(--purple-line)!important;border-radius:24px}.spell{display:flex;flex-direction:column;gap:20px}.spell input{width:100%;font-size:7cqw!important;border:3px solid var(--purple-line);border-radius:23px;padding:17px 20px;min-height:78px;font-weight:750;background:var(--card);color:var(--text)}.spell .btn{width:65%;margin:auto;min-height:56px;font-size:7cqw}.quiz-card[data-kind="spell"][data-answered="true"] .letter-bank,.quiz-card[data-kind="spell"][data-answered="true"] .spell-tile-actions{display:none}.spell-correct-feedback{display:flex;flex-direction:column;gap:10px;text-align:center}.spell-feedback-label{font-size:6.7cqw}.spell-feedback-word{font-size:16cqw!important;line-height:1.2!important;padding:12px;background:var(--card);border-radius:50px;overflow-wrap:anywhere}.repair-feedback{font-size:3.8cqw!important}.feedback.bad:has(.spell-correct-feedback)>span{font-size:3.8cqw}.quiz-card.finished{padding:18px 20px!important;background:linear-gradient(145deg,var(--rose-a),var(--card));border-radius:30px!important}.finish-mascot{width:44cqw;height:44cqw;margin:0 auto 6px}.quiz-card.finished .prompt .finish-title{font-size:14cqw!important;margin:0!important}.finish-score{font-size:15cqw;line-height:1.2;margin:8px auto 10px;background:var(--rose-a)}.quiz-card.finished .prompt>p{font-size:4.6cqw}.finish-complete{height:30px;margin:14px 0}.quiz-card.finished .prompt .btn{font-size:6.7cqw;min-height:57px;margin-top:12px}.finish-home{margin-top:11px!important}
/* 16–24: reports, details, cloud and help. */
.report-topbar .brand h1{font-size:8cqw!important}.parent-report h3{font-size:6.1cqw!important}.parent-report>.section-title{min-height:50px}.parent-report .section-title .panel-mascot{width:29cqw;height:28cqw;top:-50px;right:-10px}.parent-report .report-card small{font-size:3.7cqw;line-height:1.5;margin:0}.parent-report .report-card b{font-size:9cqw;line-height:1.25}.parent-report .report-card{padding:9px 3px;border-radius:21px}.parent-report .report-grid{gap:6px;margin-bottom:10px}.parent-report .report-grid.three .report-card{padding:4px 7px 11px}.parent-report .practice-art{width:20cqw;height:20cqw;margin:-5px auto -10px}.parent-report .report-grid.three small{font-size:4cqw}.parent-report .report-grid.three .report-card:nth-child(n+4) small{font-size:4.9cqw}.parent-report .report-grid.three .report-card:nth-child(n+4) .practice-art{width:20cqw;height:20cqw;margin:0 -4px -4px -8px}.parent-report .report-grid.three .report-card:nth-child(n+4) b{font-size:10cqw;line-height:1.2}.parent-report>.tiny{font-size:3.5cqw}.panel-title{font-size:6.1cqw}.report-link{font-size:5.6cqw}.mastery-summary-card small{font-size:3.2cqw;font-weight:800}.mastery-summary-card b{font-size:7.2cqw}.mastery-summary-card{padding:9px 1px}.mastery-hero h3{font-size:6cqw}.mastery-controls{grid-template-columns:1.25fr 1fr 1fr;gap:5px}.mastery-controls .search{grid-column:auto;font-size:3.2cqw}.mastery-controls .select{font-size:3.2cqw;padding:9px 4px}.mastery-word-name>span{font-size:7cqw}.mastery-word-card{padding:12px!important;border-width:1.5px;border-radius:22px;background:var(--card)}.mastery-word-name>small{font-size:3.5cqw}.mastery-overall>b{font-size:5.6cqw}.status-button{font-size:3.6cqw}.mastery-meta{font-size:3.2cqw}.mastery-mini-track{height:10px}.mastery-detail .skill-row>span{font-size:4.1cqw}.mastery-detail .skill-row>b{font-size:5cqw}.rule-detail{background:linear-gradient(120deg,var(--purple-a),var(--card));border:1px solid var(--purple-line);border-radius:20px;padding:12px 15px;font-size:4.2cqw}.rule-detail p{margin:4px 0}.rule-detail small{font-size:3.7cqw}.manual-inline>.btn{font-size:5.2cqw;min-height:44px;background:linear-gradient(120deg,#f55a99,#d53679);color:white;border-radius:25px;border-color:#f8b4d3}
.review-hero{padding:18px 14px;min-height:95px;margin:25px 0 16px}.review-hero h3{font-size:5.7cqw;max-width:77%;line-height:1.4}.review-hero h3 br{display:none}.review-hero .panel-mascot{width:31cqw;height:34cqw;right:-2px;top:-25px}.review-actions .action-card{grid-template-columns:31cqw 1fr;gap:8px 4px;padding:15px}.review-actions b{font-size:6.7cqw}.review-actions b .practice-art{width:33cqw;height:33cqw}.review-actions small{font-size:4.2cqw;line-height:1.5}.review-actions .review-count{font-size:4.3cqw}.review-start{font-size:6.5cqw;border-radius:30px;padding:10px}.review-note{font-size:4.1cqw;line-height:1.55;padding:17px}.cloud-illustration{height:80px;background:none;margin:-10px 0 0}.cloud-panel{border-radius:23px;border-color:var(--rose-line);background:linear-gradient(125deg,var(--rose-a),var(--card));padding:16px 13px}.cloud-panel .cloud-head{background:none;padding:0 5px 14px}.cloud-panel .cloud-head h3{font-size:6cqw}.cloud-panel .cloud-head p{font-size:3.7cqw}.cloud-panel .cloud-dot{width:20px;height:20px;flex-basis:20px}.cloud-panel .button-row{grid-template-columns:1fr 1fr;gap:8px}.cloud-panel .btn{font-size:4.4cqw;min-height:52px;padding:8px 5px}.sync-code b{font-size:4.3cqw}.backup-panel{background:linear-gradient(120deg,var(--mint-a),var(--card));border-color:var(--mint-line);border-radius:23px;padding:16px 12px}.backup-panel h3{font-size:6cqw}.backup-panel .btn{font-size:4.5cqw;min-height:51px}.cloud-reminder{font-size:3.8cqw}.help-hero{margin:28px 0 13px;min-height:100px}.help-hero h2{font-size:9cqw;margin-left:10px}.help-topic>summary{font-size:5.4cqw;min-height:18cqw;padding-right:12px}.help-topic>summary .practice-art{width:22cqw;height:22cqw;flex-basis:22cqw}.help-short{font-size:4.5cqw}.help-more{font-size:3.7cqw}.help-tip{font-size:4cqw}.modal-card{border:3px solid var(--rose-line);border-radius:30px;background:var(--card);padding:20px 18px;box-shadow:0 10px 30px #2e102933;max-height:90svh;overflow:auto}.modal-card h2{font-size:30px}.modal-card p{font-size:16px}.manual-status-grid{gap:10px}.manual-status-grid button{font-size:20px;border-radius:18px;min-height:62px;padding:8px 4px;border:1.5px solid var(--line);font-weight:850}.manual-status-grid button.selected{outline:2px solid #f1b124;outline-offset:0}.manual-auto-box{border-radius:25px;background:var(--purple-a);font-size:17px}.modal-mascot{height:67px}.modal-mascot .panel-mascot{width:130px;height:115px;top:-35px}.modal-x{background:var(--rose-a);color:var(--text);border-radius:50%;width:38px;height:38px;font-size:28px}.modal-card .full{font-size:20px;padding:12px;min-height:53px;border-radius:28px}.code-input{border:2px solid var(--purple-line);font-size:18px;border-radius:15px;background:var(--card)}.appearance-dialog{font-family:var(--round-font);background:var(--card);border:2px solid var(--rose-line);border-radius:28px;color:var(--text)}.appearance-head h2{font-size:24px}.theme-choice b{font-size:22px}.theme-choice{border-radius:23px}.empty{border:2px solid var(--rose-line);border-radius:25px;background:linear-gradient(120deg,var(--rose-a),var(--card));padding:30px 20px;font-size:5cqw;line-height:1.6;color:var(--text)}
/* 27: the approved two-column iPad composition. */
@media(min-width:900px) and (orientation:landscape){.app{max-width:1200px;padding:4px 15px 75px}.storybook-brand{min-height:67px}.brand-center h1{font-size:40px}.brand-logo{width:50px;height:42px}.brand-subtitle{font-size:17px}.brand-decoration{width:65px;height:65px;left:12px}.appearance-open{width:55px;height:55px;right:15px}#homeCloudStatus{margin:2px auto 17px;font-size:14px}#screen-home.active{display:grid;grid-template-columns:36% 1fr;grid-template-rows:auto auto auto;gap:10px 14px;align-items:stretch}.welcome{grid-column:1;grid-row:1;height:190px;border-radius:28px;margin:0;padding:16px 18px}.welcome h2{white-space:normal;font-size:27px;max-width:66%;line-height:1.4}.welcome p{display:block;font-size:16px;margin-top:10px}.welcome img{width:50%;height:95%;right:0;bottom:0}.hero{grid-column:1;grid-row:2;border-radius:24px;padding:12px 10px;margin:0}.progress-heading{min-height:35px;margin:0 0 10px;gap:6px}.progress-heading h3{font-size:25px;gap:8px}.progress-heading .art-icon{width:45px;height:35px}.hero .hero-scope{display:none}.progress-label{font-size:19px}.progress-label .art-icon{width:24px;height:24px}.progress-number{font-size:23px}.progress-number>b:first-child{font-size:34px}.progress-number>b:last-child{font-size:23px}.progress-track{height:13px}.progress-meter>span{font-size:13px}.progress-foot{font-size:12px;text-align:center;justify-content:center}.progress-foot b{font-size:14px}.progress-foot>span:last-child{display:none}.scope-drawer{grid-column:1;grid-row:3;border:1.5px solid var(--line);border-radius:24px;margin:0;padding:8px}.scope-drawer>summary{min-height:32px;cursor:default;padding:0 0 8px}.scope-drawer>summary strong{font-size:21px}.scope-drawer>summary strong .art-icon{width:28px;height:28px}.scope-drawer>summary .scope-summary,.scope-drawer>summary .scope-toggle{display:none}.scope-drawer:not([open])>:not(summary){display:block}.scope-drawer .scope-title{display:none}.scope-drawer .category-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.level-card{min-height:50px;padding:10px;border-radius:15px}.category-title strong{font-size:18px}.category-title{gap:6px}.category-mastery,.level-card .mini{display:none}.category-check{width:23px;height:23px}.scope-page-intro{display:none!important}#screen-home>.practice-title{grid-column:2;grid-row:1;height:55px;min-height:55px;padding:10px 16px 0;margin:0;border-radius:28px 28px 0 0;border:2px solid var(--line);border-bottom:0;background:var(--card);align-self:start;z-index:1}#screen-home>.practice-title h3{font-size:32px;gap:9px}#screen-home>.practice-title h3>.theme-art{width:38px;height:38px}#screen-home>.practice-title h3>.art-icon{width:26px;height:26px}.practice-decoration{width:60px;height:55px;right:20px;bottom:0}#screen-home>.actions{grid-column:2;grid-row:1 / span 3;display:grid;margin-top:55px;padding:10px 12px 14px;gap:10px;background:var(--card);border:2px solid var(--line);border-top:0;border-radius:0 0 28px 28px;grid-auto-rows:1fr}#screen-home .action-card{min-height:108px;height:100%;border-radius:25px;padding:3px 6px}#screen-home .action-card b{font-size:25px;letter-spacing:0;gap:1px}.practice-art,.practice-art.art-2,.practice-art.art-6{width:104px;height:104px;flex-basis:104px}.tabs{max-width:1200px}.tab{font-size:20px;flex-direction:row;gap:7px;padding:7px}.tab .art-icon{width:32px;height:32px}.screen:not(#screen-home){max-width:640px;margin:auto;container-type:inline-size}.scope-drawer[open] .scope-page-heading{display:none}#screen-home.scope-open>.welcome,#screen-home.scope-open>.hero{display:flex}#screen-home.scope-open>.hero{display:block}.scope-drawer[open]>summary{display:flex}}
@media(max-width:360px){#homeCloudStatus{margin-bottom:20px}.scope-drawer>summary{gap:5px;padding:4px 6px}.scope-summary{padding-left:6px}.scope-toggle{padding:4px 6px}.modal-card{padding:16px 12px}.manual-status-grid button{font-size:17px}.modal-card .full{font-size:17px}.toolbar .back{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.detail-toolbar{background:linear-gradient(110deg,var(--rose-a),var(--rose-b));border-radius:25px!important;padding:10px!important;margin:20px 0 10px!important;position:relative;min-height:65px!important}.detail-toolbar h2{font-size:6.3cqw}.detail-toolbar .back{background:none;border:0;transform:rotate(180deg)}.detail-peek{position:absolute;width:27cqw;height:27cqw;right:0;bottom:0;object-fit:contain}.detail-summary{display:grid;grid-template-columns:28% 43% 29%;align-items:center;padding:13px 9px;background:linear-gradient(120deg,var(--rose-a),var(--card));border:1.5px solid var(--rose-line);border-radius:24px;gap:0}.detail-art .practice-art{width:28cqw;height:28cqw}.detail-art>.art-icon{width:25cqw;height:25cqw;color:var(--accent)}.detail-name h3{font-size:9cqw;line-height:1.1;margin:0 0 7px;overflow-wrap:anywhere}.detail-category{display:block;font-size:3.4cqw;background:var(--purple-a);border-radius:20px;padding:2px 6px;width:fit-content}.detail-speak{font-size:4.5cqw;margin-top:8px;display:flex;align-items:center;gap:5px;padding:4px 15px!important;min-height:36px!important}.detail-speak .art-icon{width:23px;height:23px}.detail-score{height:100%;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.detail-status{font-size:4.4cqw;border:1px solid var(--peach-line);border-radius:23px;background:var(--peach-a);padding:3px 12px;white-space:nowrap}.detail-status.familiar{background:var(--mint-a);border-color:var(--mint-line)}.detail-status.strengthen{background:var(--rose-a);border-color:var(--rose-line)}.detail-score b{font-size:10cqw;line-height:1.3}.detail-skills{display:block;margin-top:12px;padding:13px 12px;border:1.5px solid var(--line);border-radius:24px;background:var(--card)}.detail-skills>.skill-row{display:grid;grid-template-columns:26% 1fr 17%;gap:8px;margin:9px 0;align-items:center}.detail-skills .skill-row>span{font-size:4.3cqw;font-weight:800;border-radius:13px;padding:2px 5px;background:var(--rose-a)}.detail-skills .skill-row:nth-child(2n)>span{background:var(--purple-a)}.detail-skills .skill-row:nth-child(3n)>span{background:var(--mint-a)}.detail-skills .skill-row>b{font-size:4.9cqw;text-align:right}.detail-skills .skill-row small{grid-column:2 / -1;font-size:3.1cqw;text-align:right;color:var(--muted)}.detail-skills .skill-track{height:14px;background:var(--progress-track)}.detail-skills .skill-track i{background:#f85aab}.detail-skills .skill-row:nth-child(2n) .skill-track i{background:#b57df0}.detail-skills .skill-row:nth-child(3n) .skill-track i{background:#72d1ae}.detail-skills .spelling-stage-detail{padding:5px 0;border:0}.detail-skills .spelling-stage-detail .skill-row{display:grid;grid-template-columns:26% 1fr 17%;gap:8px;margin:8px 0}.detail-skills .spelling-stage-detail>small{font-size:3.2cqw}.detail-skills .rule-detail{margin:15px -5px 10px}.rule-detail h3{margin:0 0 9px;font-size:5.1cqw;display:flex;align-items:center;gap:6px}.rule-detail h3 svg{width:27px;height:27px}.detail-skills .manual-inline{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.detail-skills .manual-inline>span{font-size:3.3cqw;text-align:center}.submitted-spelling{border:2px solid #f18da9;background:var(--rose-a);color:var(--text);border-radius:22px;text-align:center;font-size:10cqw;font-weight:850;padding:10px;margin-top:18px;overflow-wrap:anywhere}.quiz-card[data-kind="spell"][data-answered="true"] .spell{display:none}.quiz-card[data-kind="spell"][data-answered="true"] .spell-build{display:none!important}.empty h3{font-size:5.9cqw;margin:0 0 13px}.empty p{font-size:4.6cqw}.empty .btn{font-size:5cqw;padding:8px 22px;margin-top:15px}.empty .btn svg{width:24px;height:24px}
/* Homepage geometry: 01/C01 at the same CSS viewport width. */
@media(max-width:899px){.brand-center h1{font-size:9.4cqw}.brand-subtitle{font-size:3.3cqw}.storybook-brand{min-height:54px}#homeCloudStatus{margin-top:4px;margin-bottom:8px}.hero{padding:8px 9px 7px}.progress-heading{margin-bottom:6px}.progress-cell{height:20cqw;padding:4px 9px 5px;display:flex;flex-direction:column;justify-content:center}.progress-label{font-size:4.2cqw;line-height:1.1}.progress-number{line-height:1.05}.progress-number>b:first-child{font-size:7.7cqw;line-height:1.05}.progress-number>b:last-child{font-size:5.1cqw;line-height:1.05}.progress-meter{margin-top:5px;line-height:1}.progress-track{height:3.2cqw}.progress-foot{margin-top:7px;padding-top:5px;line-height:1.2;min-height:0}.scope-drawer{padding:0}#screen-home .action-card b{font-size:5.5cqw;letter-spacing:0}#screen-home .action-card{height:16.2cqw}.welcome img{width:36.5cqw;height:36.5cqw;right:.6cqw}.welcome h2{font-size:5.75cqw}.tabbar{min-height:51px}.tab{font-size:13px}}
:root{--poses:url('assets/melody-poses.png')}:root[data-character="cookieann"]{--poses:url('assets/cookieann-poses.png')}.quiz-card[data-kind="listen"]::after{background-image:var(--poses);background-size:200% 200%;background-position:0 0}.quiz-card[data-kind="mask"]::after{background-image:var(--poses);background-size:200% 200%;background-position:100% 0}.quiz-card[data-kind="spell"]::after{background-image:var(--poses);background-size:200% 200%;background-position:100% 100%}.quiz-card[data-kind="pos"]::after{background-image:url('assets/melody.png')}:root[data-character="cookieann"] .quiz-card[data-kind="pos"]::after{background-image:url('assets/cookieann.png')}.cloud-illustration>.art-icon,.cloud-illustration>.panel-mascot{display:none}.cloud-illustration::after{content:'';position:absolute;right:6px;bottom:0;width:130px;height:130px;background:var(--poses) 0 100%/200% 200% no-repeat}.modal-mascot.cloud-pose{height:90px}.modal-mascot.cloud-pose img{display:none}.modal-mascot.cloud-pose::after{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-4px;width:140px;height:140px;background:var(--poses) 0 100%/200% 200% no-repeat}
/* Original 02: category selection and two independent progress bars. */
.scope-page-intro img{position:absolute;width:31cqw;height:31cqw;right:0;bottom:-8px;object-fit:contain}.scope-drawer[open] .scope-page-heading{background:linear-gradient(110deg,var(--rose-a),var(--rose-b));border-radius:23px;padding:5px 7px;margin:10px 0 6px}.scope-drawer[open] .scope-page-intro{position:relative;min-height:65px;background:none;border:0;padding:7px 4px;font-size:6.8cqw;display:flex;align-items:center;margin:0 0 5px}.scope-drawer[open] .scope-title{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:8px;margin-bottom:10px}.scope-actions{display:flex;gap:5px}.scope-actions button{padding:4px 9px;font-size:3.8cqw;white-space:nowrap}.scope-actions button:first-child{background:var(--rose-a);border-color:var(--rose-line)}#scopePageTotal{font-size:3.5cqw;font-weight:700;padding-left:8px;border-left:1px solid var(--line);line-height:1.5}.category-title{flex-direction:row-reverse;justify-content:flex-end;gap:7px}.category-title strong{font-size:5.3cqw}.category-title .category-check{flex-shrink:0}.category-mastery{gap:4px;margin-top:8px}.category-mastery>span{font-size:3.7cqw;font-weight:700;letter-spacing:0}.category-meter{display:block;flex:none;height:9px;border-radius:20px;background:var(--progress-track);box-shadow:inset 0 0 0 1px #ffffff90;overflow:hidden;margin:0 0 4px}.category-meter>i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#fc7db6,#ed428f)}.category-meter.star-meter>i{background:linear-gradient(90deg,#ce8eff,#b971eb)}.level-card>.mini{display:none}.level-card{min-height:125px;padding:9px 10px}.scope-help{font-size:3.6cqw;color:var(--muted);text-align:center;margin:10px 0 5px}.scope-drawer:not([open]) .scope-help{display:none}
/* Original 19: seven compact ability rows, supplementary history below. */
.detail-chart{padding:12px 10px;margin-top:9px;border:1.5px solid var(--line);border-radius:23px;background:var(--card)}.detail-chart .skill-row{display:grid;grid-template-columns:27% 1fr 17%;gap:7px;align-items:center;margin:0 0 7px;padding:0;min-height:26px}.detail-chart .skill-row:last-child{margin:0}.detail-chart .skill-row>span{font-size:4.5cqw;font-weight:850;white-space:nowrap;line-height:1.3;padding:3px 7px;border-radius:12px;background:var(--rose-a)}.detail-chart .skill-row:nth-child(3n+2)>span{background:var(--purple-a)}.detail-chart .skill-row:nth-child(3n)>span{background:var(--mint-a)}.detail-chart .skill-row>b{font-size:5.6cqw;font-weight:900;text-align:right}.detail-chart .skill-track{height:14px;background:var(--progress-track);border-radius:20px}.detail-chart .skill-track i{height:100%;background:linear-gradient(90deg,#ff7db8,#f8489b);border-radius:20px}.detail-chart .skill-row:nth-child(3n+2) .skill-track i{background:linear-gradient(90deg,#d29cff,#ae6ae6)}.detail-chart .skill-row:nth-child(3n) .skill-track i{background:linear-gradient(90deg,#a2eac5,#67cba3)}.detail-review{margin:10px 0 0;padding:12px;border:1.5px solid var(--purple-line);border-radius:22px;background:var(--purple-a)}.detail-review h3{font-size:5.6cqw;margin:0 0 10px}.detail-review p{font-size:4.3cqw;margin:4px 0;line-height:1.45;padding:4px 8px;background:var(--card);border-radius:8px}.detail-review>small{display:block;font-size:3.8cqw;padding:4px 8px;line-height:1.5}.detail-review p:last-child{display:none}.detail-manual{text-align:center;margin:12px 0 0;display:flex;flex-direction:column;align-items:center;gap:5px}.detail-manual button{font-size:6cqw;min-height:44px;padding:7px 30px}.detail-manual>span{font-size:3.3cqw;color:var(--muted)}.ability-evidence{margin-top:15px;padding:10px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.ability-evidence p{margin:8px 0}.detail-score b{font-size:11cqw}.detail-art .practice-art{width:32cqw;height:32cqw;margin-left:-8px}.detail-summary{grid-template-columns:31% 42% 27%}.detail-status{font-size:4.4cqw;font-weight:850;padding:3px 7px}
@media(min-width:900px) and (orientation:landscape){.category-title strong{font-size:17px}.scope-drawer[open] .scope-title,.scope-help,.scope-page-intro img{display:none}.scope-drawer .category-mastery{display:none}.level-card{min-height:50px;padding:9px}.scope-drawer .scope-page-heading{display:none!important}.scope-drawer[open] .scope-page-intro{display:none}.scope-drawer[open] .category-grid{display:grid}}
/* Question headers and card order follow the numbered originals. */
.quiz-banner{position:relative;background:linear-gradient(110deg,var(--rose-a),var(--rose-b));border:1.5px solid var(--rose-line);border-radius:26px;padding:8px 10px 6px;margin:8px 0 12px}.quiz-banner .toolbar{margin:0!important}.quiz-banner .toolbar h2{font-size:7.7cqw;flex:1;text-align:center}.quiz-banner #quizScope{background:transparent;margin:1px auto 0;padding:0 3px 3px;font-size:4.1cqw}.quiz-banner .adaptive-pill{font-size:3.8cqw;padding:4px 10px}.quiz-banner .back{background:var(--card);border-color:var(--line)}.quiz-peek{display:none}.quiz-banner[data-kind=spell]{background:none;border:0;padding:4px 0 0}.quiz-banner[data-kind=spell] .toolbar h2{font-size:9cqw}.quiz-banner[data-kind=spell] #quizScope{background:var(--rose-a);margin:8px auto 0;padding:5px 14px;max-width:67%}.quiz-banner[data-kind=spell] .quiz-peek{display:block;position:absolute;width:28cqw;height:28cqw;right:-2px;bottom:-15px;object-fit:contain;pointer-events:none}.quiz-banner[data-kind=spell] .adaptive-pill{display:none}.quiz-card .option:nth-child(2){background:linear-gradient(125deg,var(--mint-a),var(--mint-b));border-color:var(--mint-line)}.quiz-card .option:nth-child(3){background:linear-gradient(125deg,var(--purple-a),var(--purple-b));border-color:var(--purple-line)}.quiz-card[data-kind=pos] .option:last-child{background:linear-gradient(125deg,var(--peach-a),var(--peach-b));border-color:var(--peach-line)}.quiz-card .option.correct{background:var(--good-bg)!important;border-color:var(--good)!important}.quiz-card .option.wrong{background:var(--bad-bg)!important;border-color:var(--bad)!important}.quiz-card[data-kind=pos] .pos-sentence{background:var(--purple-a);border:0}.quiz-card[data-kind=pos] .pos-question{background:var(--rose-a);border-radius:25px;padding:12px 10px;font-size:5.5cqw!important}.quiz-card[data-kind=listen] .quiz-head{background:none;justify-content:space-between;padding:3px 9px 9px;font-size:8cqw}.quiz-card[data-kind=listen] .quiz-head>span+span{border:0;padding:0}.quiz-card[data-kind=listen] .quiz-progress{display:block;height:15px;border-radius:15px;background:var(--progress-track);margin:0 6px 14px}.quiz-card[data-kind=listen] .prompt h3{font-size:6.6cqw!important;margin:12px 0 16px!important}.quiz-card[data-kind=listen] .prompt .speak{position:relative;background:linear-gradient(120deg,var(--rose-a),var(--rose-b));width:25cqw;height:25cqw;padding:5px!important;margin:20px auto 32px!important}.quiz-card[data-kind=listen] .prompt .speak .art-icon{color:#da3b81;width:15cqw;height:15cqw}.play-label{position:absolute;left:50%;transform:translateX(-50%);bottom:-17px;display:block;white-space:nowrap;padding:4px 22px;background:linear-gradient(120deg,#f56da7,#e7478a);color:white;border:1px solid #ffa4c9;border-radius:30px;font-size:5.5cqw;font-weight:900}.quiz-card[data-kind=listen] .option{font-size:8.8cqw!important}.quiz-card[data-kind=listen] .option:has(.option-audio){font-size:7cqw!important}.listen-hint{position:absolute;bottom:21px;left:39%;right:5%;font-size:4.1cqw;font-weight:700;background:var(--purple-a);padding:8px 10px;border-radius:25px;text-align:center}.quiz-card[data-kind=listen]::after{width:35cqw;height:35cqw;left:0}.spell-build[data-letter-count=long] .spell-slot{width:calc((100% - (var(--slots) - 1)*6px)/var(--slots));height:15cqw;font-size:8cqw;border-radius:16px}.quiz-card[data-answered=true] .quiz-type{display:none}.quiz-banner[data-kind=pos][data-answered=true] .quiz-peek{display:block;position:absolute;width:27cqw;height:27cqw;right:0;bottom:-3px;object-fit:contain}.quiz-banner[data-kind=pos][data-answered=true] .adaptive-pill,.quiz-banner[data-kind=pos][data-answered=true] #quizScope{display:none}.quiz-banner[data-kind=pos][data-answered=true] .toolbar h2{text-align:left;font-size:8cqw}.quiz-card[data-kind=pos][data-answered=true]{padding:0!important;border:0;background:none;box-shadow:none}.quiz-card[data-kind=pos][data-answered=true] .pos-sentence{background:var(--rose-a);margin:12px 0!important}.quiz-card[data-kind=pos][data-answered=true] .pos-target{background:#ffe477;color:#482216;text-decoration:none}.quiz-card[data-kind=pos][data-answered=true] .pos-question{background:none;padding:0;text-align:left}.quiz-card[data-kind=pos][data-answered=true] .option{background:var(--purple-a);border-color:var(--purple-line);min-height:14cqw!important}.quiz-card[data-kind=pos][data-answered=true] .quiz-head{background:none;font-size:6cqw;padding:0}.quiz-card[data-kind=pos][data-answered=true] .quiz-head span{background:var(--purple-a);border-radius:25px;padding:4px 28px}.quiz-card[data-kind=pos][data-answered=true] .quiz-head span+span{background:var(--rose-a);border:0}.pos-scene-card{display:flex;flex-direction:column;margin-top:10px}.pos-scene-image{width:100%;max-width:none!important;max-height:150px!important;object-fit:contain}.pos-scene-meta{width:100%;display:flex;flex-direction:column;text-align:center;padding:8px}.pos-scene-chip{display:none}.pos-scene-caption{background:var(--rose-a);border-radius:22px;padding:5px 8px;font-weight:800}.pos-sentence-audio{align-self:center;margin-top:8px}
.category-mastery>span{font-size:4cqw!important;display:flex!important;gap:5px!important;align-items:center!important;white-space:nowrap!important}.category-stat-label{font-size:3.6cqw!important;border-radius:14px;background:var(--rose-b);padding:2px 5px;letter-spacing:0;white-space:nowrap!important}.category-mastery>span[id$="-star"]>.category-stat-label{background:var(--purple-b)}.category-mastery>span>b{font-size:4.5cqw!important;white-space:nowrap;font-weight:850}.level-card.selected{outline:none!important;border-color:#f78cc1!important}.level-card .category-title strong{font-size:5.2cqw!important}.scope-actions button{width:auto!important;min-width:0!important;border-radius:13px!important}.scope-page-heading .back{font-size:30px;line-height:1}.scope-page-heading .back svg{width:14px;height:22px;transform:rotate(180deg)}.detail-chart .skill-row>span{font-size:4.5cqw!important}.detail-status{font-size:4.6cqw!important}.detail-category{font-size:3.6cqw!important}.pos-feedback-explanation{padding:8px!important;border:0!important;background:transparent!important}.quiz-card .option.correct{border:2px solid #56a64f!important;background:linear-gradient(120deg,#e8ffdf,#d4f6d0)!important;color:#244e28!important}.quiz-card .option.wrong{border:2px solid #f17fa1!important;background:#ffe3ec!important;color:#812741!important}
@media(prefers-color-scheme:dark){.quiz-card .option.correct{background:#2d5d3d!important;color:#efffec!important}.quiz-card .option.wrong{background:#733b50!important;color:#fff1f4!important}}
@media(min-width:900px) and (orientation:landscape){.level-card .category-title strong{font-size:17px!important}}
.tablet-caption{display:none!important}.action-label{display:block}.scope-page-heading .back{padding:2px!important}
@media(min-width:900px) and (orientation:landscape){.tablet-caption{display:block!important;font-size:15px!important;font-weight:600!important;margin:5px 0 0!important;line-height:1.4!important;white-space:normal!important}.action-label{text-align:left;flex:1}.scope-drawer[open] .scope-page-intro,.scope-drawer[open] .scope-help{display:none!important}.scope-drawer[open]{border:1.5px solid var(--line);background:var(--card)}.scope-drawer[open]>summary{display:flex}.category-grid{padding:0!important}.scope-drawer[open] .scope-page-heading{display:none!important}.welcome img{width:55%}.hero .progress-cell{padding:5px 7px}.progress-pair{gap:7px}.progress-heading h3{font-size:24px}}
.quiz-card[data-kind=listen][data-answered=false]{padding-bottom:125px!important}.quiz-card[data-kind=mask][data-answered=false],.quiz-card[data-kind=spell][data-answered=false]{padding-bottom:105px!important}.listen-hint{bottom:30px}.quiz-card[data-kind=listen]::after{bottom:0}
#screen-quiz .context-result-option{grid-template-columns:minmax(0,1fr) 30px!important;gap:4px!important;padding:12px 7px!important;font-size:5.5cqw!important}#screen-quiz .context-result-option .option-word-label{grid-column:1!important;min-width:0;overflow-wrap:normal;word-break:normal}#screen-quiz .context-result-option .option-audio{grid-column:2!important;width:30px;min-width:30px;height:36px}

/* Final reference alignment: list density, stable question punctuation and results. */
.pos-target-inline{white-space:nowrap}
#screen-quiz .spell-correct-feedback .spell-feedback-word{display:block!important;text-align:center!important;width:100%!important;box-sizing:border-box}
.quiz-card.finished .quiz-progress{display:none!important}
.mastery-summary-card{grid-column:auto!important;text-align:center;min-height:91px;padding:6px 1px!important}
.mastery-summary-card small{font-size:3.2cqw!important;white-space:nowrap;line-height:1.3}
.mastery-summary-card small .status-art{display:block;font-size:6.5cqw;line-height:1.3;margin-bottom:3px;color:inherit}
.mastery-summary-card b{font-size:7.2cqw;margin:2px 0 0}
.mastery-word-card{padding:9px!important}
.mastery-word-head{padding:0 0 7px!important;gap:5px!important}
.mastery-word-main{padding:0!important;min-height:0!important}
.mastery-word-name>span{font-size:7cqw;line-height:1.2;padding:0}
.mastery-word-name>small{font-size:3.5cqw;margin-top:3px}
.mastery-mini-track{margin:0;height:9px}
.mastery-meta{padding:5px 0 0;font-size:3.2cqw;gap:8px}
.empty-search{background:linear-gradient(125deg,var(--mint-a),var(--card));border-color:var(--mint-line);min-height:220px;padding-bottom:100px;position:relative}
.empty-search::after{content:'';display:block;position:absolute;background:var(--sprite) 100% 66.6667%/200% 400% no-repeat;width:100px;height:100px;bottom:0;left:50%;transform:translateX(-50%)}

#screen-quiz .pos-scene-card{display:flex;flex-direction:column;align-items:stretch;gap:8px}
#screen-quiz .pos-scene-meta{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:8px;width:100%;min-width:0}
#screen-quiz .pos-scene-chip{display:none}
#screen-quiz .pos-scene-caption{flex:none;width:100%;white-space:normal;min-width:0;box-sizing:border-box;font-weight:800;line-height:1.5}
#screen-quiz .pos-sentence-audio{flex:none;align-self:center;display:inline-flex;gap:6px;align-items:center;margin:0}