/* Invitation pilot only. Original Kauthar palette and artwork are preserved. */
.pilot-mode { --pilot-ink:#493a30; --pilot-paper:#fffdf7; --pilot-line:#ded8c7; --pilot-olive:#65704f; }
.pilot-mode .sidebar { width:210px; padding-top:28px; }
.pilot-mode .app-shell { margin-left:210px; }
.pilot-mode .topbar { min-height:82px; padding:18px 28px; }
.pilot-mode main { max-width:1180px; margin:0 auto; padding:0 28px; }
.pilot-mode .hero,.pilot-mode .hero.has-live-home-scene { grid-template-columns:minmax(0,1fr) 230px; min-height:210px; padding:25px 30px; gap:16px; border-radius:25px; }
.pilot-mode .hero h1 { font-size:clamp(1.75rem,3vw,2.5rem); }
.pilot-mode .hero .hero-copy { font-size:1rem; max-width:320px; }
.pilot-mode .hero .hero-art,.pilot-mode .hero.has-live-home-scene .hero-art.has-live-mascots { --child-body:165px; --cat-body:65px; height:175px; max-width:230px; }
.pilot-mode .hero .hero-art .hero-kauthar { height:192px; width:192px; }
.pilot-mode .hero .hero-art .hero-cat { height:76px; width:76px; }
.pilot-mode .hero:before { width:250px; height:250px; }
.pilot-mode .hero:after { display:none; }
.pilot-quick-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:16px 0 26px; }
.pilot-quick-card { display:flex; align-items:center; gap:10px; min-height:60px; text-align:start; background:var(--pilot-paper); color:var(--pilot-ink); border:1px solid var(--pilot-line); border-radius:15px; padding:13px 18px; font-family:inherit; font-weight:600; font-size:1rem; line-height:1.4; }
.pilot-quick-card>span:first-child { color:var(--pilot-olive); font-size:1.5rem; }
.pilot-quick-card>span:last-child { margin-inline-start:auto; }
.pilot-mode #catalog-section { margin-top:25px; }
.pilot-mode .section-heading { margin-bottom:16px; }
.pilot-mode .section-heading h2 { font-size:1.4rem; line-height:1.4; }
.pilot-mode .section-heading p { font-size:.95rem; }
.pilot-mode .subject-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.pilot-mode .pilot-subject-card { display:grid; grid-template-columns:42px minmax(0,1fr); align-items:center; gap:10px 12px; min-height:115px; padding:16px; text-align:start; position:relative; background:var(--pilot-paper); border:1px solid var(--pilot-line); border-radius:17px; box-shadow:0 2px 0 #493a3006; }
.pilot-mode .pilot-subject-card .subject-symbol { width:42px; height:42px; margin:0; font-size:1.35rem; }
.pilot-mode .pilot-subject-card .subject-info { min-width:0; }
.pilot-mode .pilot-subject-card .subject-info strong { display:block; font-size:1rem; line-height:1.45; overflow-wrap:anywhere; }
.pilot-mode .pilot-subject-card .subject-info small { display:block; font-size:.8rem; color:#6d6657; line-height:1.45; margin-top:4px; }
.pilot-mode .pilot-subject-card .subject-tier { position:static; grid-column:2; text-align:start; color:#7b462f; font-size:.85rem; font-weight:700; }
.pilot-mode .pilot-subject-card.is-pending { opacity:1; background:#f2efe5; color:#766e5e; box-shadow:none; }
.pilot-mode .pilot-subject-card.is-pending .subject-tier { color:#766e5e; font-weight:500; }
.pilot-mode .pilot-subject-card.is-ready:hover { border-color:#a5977d; background:#faf7ec; }
.pilot-mode .catalog-intro { padding-bottom:8px; }
.pilot-mode .catalog-intro h1 { font-size:1.85rem; }
.pilot-mode .pilot-home-ranking { margin-top:24px; }
.pilot-mode .platform-ranking { margin:0; padding:20px; border-radius:18px; }
.pilot-mode .platform-ranking>summary { min-height:44px; }
.pilot-mode .app-footer { max-width:1180px; margin:auto; padding:26px 28px; }
.pilot-mode .platform-dialog.pilot-dialog { border-radius:24px; width:min(740px,calc(100vw - 32px)); }
.pilot-mode .pilot-dialog .platform-inner { padding:25px; }
.pilot-mode .pilot-dialog .platform-head { margin-bottom:16px; gap:12px; align-items:center; }
.pilot-mode .pilot-dialog .platform-head h2 { font-size:1.45rem; line-height:1.4; }
.pilot-mode .pilot-dialog .platform-eyebrow { font-size:.7rem; margin-bottom:5px; }
.pilot-mode .pilot-dialog .platform-close { min-width:44px; min-height:44px; }
.pilot-mode .pilot-dialog .platform-active-pupil { font-size:.8rem; gap:7px; margin:0 0 10px; }
.pilot-mode .pilot-dialog .platform-active-pupil p { margin:0; }
.pilot-mode .pilot-dialog .platform-active-pupil .button-quiet { font-size:.8rem; min-height:44px; padding:8px; margin-inline-start:auto; }
.pilot-mode .pilot-dialog .platform-play-meta { margin:0 0 10px; padding-bottom:9px; gap:10px; }
.pilot-mode .pilot-dialog .platform-play-meta .platform-small { max-width:100%; font-size:.85rem; }
.pilot-mode .pilot-dialog .platform-question-meta { margin:0 0 10px; font-size:.8rem; }
.pilot-mode .pilot-dialog .platform-save-status { margin:3px 0 12px; font-size:.8rem; min-height:0; }
.pilot-mode .pilot-dialog .platform-save-status:empty { display:none; }
.pilot-mode .pilot-dialog .platform-question-title { margin-bottom:14px; font-size:1.35rem; line-height:1.9; }
.pilot-mode .pilot-dialog .platform-instruction { font-size:.95rem; margin-bottom:12px; }
.pilot-mode .pilot-dialog .platform-answer { min-height:58px; padding:10px 14px; }
.pilot-mode .pilot-dialog .platform-answer-options { gap:10px; margin:15px 0; }
.pilot-mode .pilot-dialog .platform-paper-progress { margin:0 0 12px; padding:10px 12px; }
.pilot-mode .pilot-dialog .platform-paper-progress-title { font-size:.85rem; }
.pilot-mode .pilot-dialog .platform-bank-status { padding:12px 14px; margin:12px 0; }
.pilot-mode .pilot-dialog .platform-bank-status summary { min-height:44px; display:flex; align-items:center; cursor:pointer; font-size:.9rem; }
.pilot-mode .pilot-dialog .platform-paper-card { padding:16px; border-radius:16px; }
.pilot-mode .pilot-dialog .platform-topic { min-height:64px; padding:13px; }
.pilot-mode .pilot-dialog .pilot-answer-actions { display:flex; flex-wrap:wrap; gap:10px; padding:12px 0; margin:10px 0 4px; }
.pilot-mode .pilot-dialog .pilot-answer-actions>.button-primary { flex:1 1 185px; min-height:50px; font-size:1rem; }
.pilot-mode .pilot-dialog .pilot-answer-actions>.button-quiet { flex:0 1 auto; min-height:48px; font-size:.9rem; }
.pilot-mode .pilot-dialog .platform-feedback-anchor { margin-top:15px; scroll-margin:12px; }
.pilot-mode .pilot-dialog .platform-score-feedback { padding:12px 15px; margin:12px 0; }
.pilot-mode .pilot-dialog .platform-score-feedback>strong { font-size:1.2rem; }
.pilot-mode .pilot-dialog .platform-score-feedback>p { margin-top:5px; }
.pilot-mode .pilot-dialog .platform-explanation { padding:15px; margin:12px 0; }
.pilot-mode .pilot-dialog .platform-question-report { margin-top:16px; }
.pilot-mode .pilot-dialog .platform-question-report>summary { min-height:44px; }
.pilot-mode button:focus-visible,.pilot-mode summary:focus-visible { outline:3px solid #925238; outline-offset:3px; }
.pilot-mode .platform-decision.partial { background:#f5eddb; color:#6c542c; }
@media(max-width:1000px) and (min-width:761px){
 .pilot-mode .sidebar { width:180px; }
 .pilot-mode .app-shell { margin-left:180px; }
 .pilot-mode main { padding:0 20px; }
 .pilot-mode .subject-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px){
 .pilot-mode .app-shell { margin-left:0; padding-bottom:calc(var(--mobile-nav-height,78px) + 10px); }
 .pilot-mode .topbar { min-height:75px; padding:14px 18px; }
 .pilot-mode main { padding:0 16px; }
 .pilot-mode .hero,.pilot-mode .hero.has-live-home-scene { grid-template-columns:minmax(0,1fr) 110px; padding:20px; gap:10px; min-height:190px; border-radius:22px; }
 .pilot-mode .hero h1 { font-size:1.7rem; line-height:1.2; margin-bottom:10px; }
 .pilot-mode .hero .hero-copy { font-size:.9rem; margin-bottom:14px; line-height:1.5; }
 .pilot-mode .hero .hero-actions>.button-primary { min-height:46px; font-size:.95rem; padding:10px 13px; }
 .pilot-mode .hero .hero-art,.pilot-mode .hero.has-live-home-scene .hero-art.has-live-mascots { --child-body:116px; --cat-body:45px; width:110px; height:138px; }
 .pilot-mode .hero .hero-art .hero-kauthar { width:140px; height:140px; left:37%; }
 .pilot-mode .hero .hero-art .hero-cat { width:55px; height:55px; left:80%; }
 .pilot-mode .hero .live-mascot-kauthar { left:37%; }
 .pilot-mode .hero .live-mascot-cat { left:80%; }
 .pilot-mode .hero .hero-star { font-size:15px; left:-2%; }
 .pilot-mode .hero .hero-star.second { right:0; font-size:12px; }
 .pilot-mode .hero:before { width:170px; height:170px; right:-20px; top:15px; }
 .pilot-quick-actions { margin:12px 0 22px; gap:9px; }
 .pilot-quick-card { min-height:56px; padding:12px; font-size:.9rem; border-radius:13px; gap:7px; }
 .pilot-mode .subject-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .pilot-mode .pilot-subject-card { grid-template-columns:1fr; gap:7px; padding:14px; min-height:155px; align-content:start; }
 .pilot-mode .pilot-subject-card .subject-symbol { width:35px; height:35px; font-size:1.1rem; }
 .pilot-mode .pilot-subject-card .subject-info strong { font-size:1rem; }
 .pilot-mode .pilot-subject-card .subject-info small { font-size:.78rem; }
 .pilot-mode .pilot-subject-card .subject-tier { grid-column:auto; margin-top:auto; }
 .pilot-mode .section-heading h2 { font-size:1.25rem; }
 .pilot-mode .section-heading p { font-size:.85rem; }
 .pilot-mode .mobile-nav { padding:6px 8px calc(6px + env(safe-area-inset-bottom)); background:#fffdf8; }
 .pilot-mode .mobile-nav button { min-height:52px; font-size:.75rem; }
 .pilot-mode .mobile-nav button>span { font-size:22px; }
 .pilot-mode .app-footer { padding:22px 16px; }
 .pilot-mode .platform-dialog.pilot-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); border-radius:19px; }
 .pilot-mode .platform-dialog.pilot-dialog.platform-playing { height:calc(100dvh - 16px); }
 .pilot-mode .pilot-dialog .platform-inner { padding:18px 16px; }
 .pilot-mode .pilot-dialog .platform-head h2 { font-size:1.3rem; }
 .pilot-mode .pilot-dialog .platform-head { margin-bottom:12px; }
 .pilot-mode .pilot-dialog .platform-question-title { font-size:1.25rem; }
 .pilot-mode .pilot-dialog .platform-question-title[lang="ar"],.pilot-mode .pilot-dialog .platform-question-title[lang="ms-Arab"] { font-size:1.45rem; line-height:1.9; }
 .pilot-mode .pilot-dialog .pilot-answer-actions { position:sticky; bottom:-18px; z-index:3; background:#fffdf7; border-top:1px solid var(--pilot-line); padding:10px 0 calc(10px + env(safe-area-inset-bottom)); }
 .pilot-mode .pilot-dialog .platform-point-total { font-size:.8rem; }
}
@media(max-width:350px){
 .pilot-mode .hero,.pilot-mode .hero.has-live-home-scene { grid-template-columns:minmax(0,1fr) 85px; padding:17px; gap:7px; }
 .pilot-mode .hero h1 { font-size:1.5rem; }
 .pilot-mode .hero .hero-art,.pilot-mode .hero.has-live-home-scene .hero-art.has-live-mascots { --child-body:98px; --cat-body:38px; width:85px; }
 .pilot-mode .pilot-subject-card { padding:12px; }
 .pilot-mode .pilot-dialog .platform-inner { padding:16px 12px; }
 .pilot-mode .pilot-dialog .pilot-answer-actions>.button-quiet { flex:1; }
}
@media(prefers-reduced-motion:reduce){.pilot-mode *, .pilot-mode *::before, .pilot-mode *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }}

/* Meaningful source stimulus retained as selectable text, not an audit crop. */
.platform-source-stimulus{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:12px 14px;margin:16px 0;font-size:22px;line-height:1.9;text-align:center;overflow-wrap:anywhere}
.platform-playing textarea.text-answer{font-family:inherit;color:inherit;resize:vertical}
.pilot-entry-form .platform-consent{align-items:flex-start;font-size:.875rem;line-height:1.6}
.pilot-entry-form input[type=checkbox]{min-width:22px;min-height:22px;width:22px;margin-top:3px}

@media(max-width:760px){.pilot-mode .topbar{display:flex;flex-wrap:nowrap;gap:8px;align-items:center}.pilot-mode .topbar-identity{min-width:0;flex:1}.pilot-mode .topbar-utilities{flex:0 1 auto;display:flex;gap:6px;flex-wrap:nowrap}.pilot-mode .topbar-eyebrow{font-size:.78rem;letter-spacing:0;white-space:nowrap}.pilot-mode .platform-sound,.pilot-mode .platform-account{font-size:.75rem;min-height:44px;padding:8px}.pilot-mode .platform-account .platform-pupil-avatar{display:none}}

.pilot-mode .pilot-dialog .platform-paper-card>.button-primary{width:100%;min-height:48px;font-size:1rem}
.pilot-mode .pilot-dialog .platform-topic strong{font-size:.95rem;line-height:1.6}
.pilot-mode .pilot-dialog .platform-topic .platform-small{font-size:.8rem}
.pilot-mode .pilot-dialog .platform-copy{font-size:.95rem;line-height:1.7}
.pilot-mode .pilot-dialog .platform-small{font-size:.8rem;line-height:1.65}
.pilot-mode .pilot-dialog .platform-form input{min-height:48px;font-size:1rem}
.pilot-mode .pilot-dialog .platform-form label{font-size:.9rem}
.pilot-mode .pilot-dialog .platform-form>.button-primary{min-height:48px;font-size:1rem}

.pilot-feedback-card{border:1px solid var(--pilot-line);background:var(--pilot-paper);border-radius:15px;margin-top:22px;padding:16px}
.pilot-feedback-card h3{font-size:1.1rem;margin-top:0}
.pilot-mode .pilot-dialog textarea{font-family:inherit;font-size:1rem;line-height:1.6;padding:12px;width:100%;box-sizing:border-box;border:1px solid var(--pilot-line);border-radius:12px;resize:vertical}
/* Keep the reading area ahead of decorative metadata on a short phone screen. */
.pilot-mode .pilot-dialog.platform-playing .platform-head .platform-eyebrow{display:none}
.pilot-mode .pilot-dialog.platform-playing .platform-active-pupil{margin-bottom:6px}
.pilot-mode .pilot-dialog .platform-paper-progress{min-height:0;padding:6px 10px;margin-bottom:6px}
.pilot-mode .pilot-dialog .platform-question-meta{min-height:44px;margin-bottom:8px}
.pilot-mode .pilot-dialog .platform-question-meta .platform-reaction-slot{width:44px;height:44px;min-height:44px;flex-basis:44px}
.pilot-mode .pilot-dialog .platform-instruction{padding:8px 12px;margin-bottom:10px}
@media(max-width:760px){
 .pilot-mode .pilot-dialog .pilot-answer-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
 .pilot-mode .pilot-dialog .pilot-answer-actions>.button-primary{width:100%;min-width:0;padding:10px 12px;line-height:1.4;font-size:.95rem}
 .pilot-mode .pilot-dialog .pilot-answer-actions>.button-quiet{min-width:0;padding:10px 9px;font-size:.8rem;line-height:1.5}
}
.pilot-mode .pilot-dialog .platform-question-meta .platform-reaction-slot>svg{width:44px;height:44px;max-width:100%;max-height:100%}

.pilot-head-controls{display:flex;gap:6px;align-items:center}.pilot-mode .pilot-music-control{min-width:44px;min-height:44px;padding:8px;color:var(--pilot-olive)}.pilot-mode .pilot-head-controls .pilot-music-control{font-size:.75rem;border:1px solid var(--pilot-line);border-radius:50%;background:var(--pilot-paper)}.pilot-audio-settings{margin-top:14px}.pilot-audio-settings summary{min-height:44px;padding:10px 0}.pilot-audio-settings>button{border:1px solid var(--pilot-line);border-radius:10px}