/* Restore the original cream, mint, peach, lavender, yellow, rose and sky palette.
   This skin leaves lesson engines, diagrams, answer layouts and viewport rules intact. */
body.simple-experience{--ink:#45415b;--cream:#fff8eb;--paper:#fffefa;--line:#e6ddcd;--blue:#357f73;--green:#357f73;--gold:#ac7428;color:var(--ink);background:var(--cream)}
.simple-experience #homeScreen,.simple-experience #lessonScreen{background:#fff8eb}
.simple-experience .home-header,.simple-experience .classroom-header{background:#fffdf5;border-color:#e9dfcd}
.simple-experience .heading h1,.simple-experience .home-brand{color:#51495c}
.simple-experience .heading p{color:#645b63}
.simple-experience .home-brand small,.simple-experience .card-copy>small,.simple-experience .teacher-log{color:#88745d}
.simple-experience button{background:#fffefa;border-color:#e1d3bb;color:#5e5260;border-radius:11px}
.simple-experience button:hover{background:#fff3d9;border-color:#cab68f}
.simple-experience button.primary{background:#357f73;border-color:#29685f;color:#fffefa}
.simple-experience button.primary:hover{background:#2f7268}
.simple-experience button:focus-visible,.simple-experience input:focus-visible,.simple-experience select:focus-visible{outline-color:#8573bf}
.simple-experience .brand-mark{display:grid;width:36px;height:36px;flex:none;border-radius:12px;border-color:#74616c;background:#ffdb81;box-shadow:1px 2px #e6cfa5;transform:rotate(-5deg)}
.simple-experience .brand-mark .kid-icon{width:25px;height:25px}
.simple-experience .home-brand{gap:10px}
.simple-experience .mint{--child-color:#e1f0e7;--child-tint:#eff6ed;--child-edge:#9dbba2}
.simple-experience .peach{--child-color:#fbe1d2;--child-tint:#fff0e7;--child-edge:#dbb098}
.simple-experience .lavender{--child-color:#ece5f7;--child-tint:#f4effb;--child-edge:#bba8d1}
.simple-experience .yellow{--child-color:#fff0be;--child-tint:#fff6d7;--child-edge:#d3b971}
.simple-experience .rose{--child-color:#f9e2e9;--child-tint:#fff0f4;--child-edge:#d2a6b4}
.simple-experience .sky{--child-color:#e2eff5;--child-tint:#eef7fb;--child-edge:#a0becb}
.simple-experience .island-choice{border-radius:12px;background:transparent;gap:7px}
.simple-experience .island-choice.active{background:var(--child-color,#e1f0e7);border-color:var(--child-edge,#9dbba2)}
.simple-experience .island-icon{display:flex!important;width:27px;height:30px;flex:none}
.simple-experience .island-icon .kid-icon{width:26px;height:26px}
.simple-experience .island-copy small{color:#82715f}
.simple-experience .welcome-banner{background:#e9efdf;border:1px solid #d4ddc6;border-radius:18px;padding:15px 20px;overflow:hidden;position:relative}
.simple-experience .welcome-copy{padding-right:112px}
.simple-experience .welcome-copy h1{font-family:"Yuanti SC","PingFang SC",sans-serif;color:#4d5360}
.simple-experience .welcome-copy p{color:#667756}
.simple-experience .welcome-art{display:block!important;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:102px;height:106px;margin:0;pointer-events:none}
.simple-experience .welcome-art>.math-bear{width:100%;height:100%;animation:none}
.simple-experience .hero-button{border-radius:11px}
.simple-experience .lesson-search{border-color:#dfd1b8;background:#fffdf8;border-radius:12px}
.simple-experience .lesson-card{gap:10px;background:var(--child-tint,#fffdf5);border-color:var(--child-edge,#e2d8c8);border-radius:15px;box-shadow:0 2px 0 #e8dcc533}
.simple-experience .lesson-card:hover{background:var(--child-color,#fff3d9);transform:none}
.simple-experience .lesson-card.last-lesson{border-color:#7fa58a}
.simple-experience .chapter-art{display:flex!important;width:40px;height:44px;flex:none;border-radius:14px 12px 16px 13px;background:var(--child-color,#e1f0e7);transform:rotate(-3deg)}
.simple-experience .chapter-art .kid-icon{width:30px;height:30px}
.simple-experience .card-copy strong{color:#51495c}
.simple-experience .ut-card-progress{color:#596c58}
.simple-experience .home-footer{color:#897860}
.simple-experience .lesson-sidebar>button,.simple-experience .simple-mode-nav>button{background:#fffdf5;border-color:#e1d7c7;border-radius:10px}
.simple-experience #demoMode.active{background:#e1ede3;border-color:#a5bba9;color:#3f6751}
.simple-experience #handsMode.active{background:#fff0ca;border-color:#d0b772;color:#795e2d}
.simple-experience #practiceMode.active{background:#eee5f7;border-color:#bca8d4;color:#6c5389}
.simple-experience #steps button{color:#756658;border-radius:8px}
.simple-experience #steps button.active{background:#f6e7bd;border-color:#e0c98d;color:#695438}
.simple-experience #subQuestions button.active{background:#f4e5bd;border-color:#d1b877}
.simple-experience .board{background:#fffefa!important;border-color:#e4dac8!important;border-radius:15px!important}
.simple-experience .board-head{background:#fff7e5!important;border-color:#e4dac7!important}
.simple-experience .board-head h2{color:#5b5063}
.simple-experience .board-head button{background:#fffaf0;border-color:#ddcda8;color:#7f6844;border-radius:9px}
.simple-experience #scene{background:#fffefa!important}
.simple-experience #explanation{background:#f3f1dc!important;border-color:#dfdcc2;color:#696346!important}
.simple-experience #explanation.success{background:#e3f0e5!important;color:#32724e!important}
.simple-experience .transport,.simple-experience #modelControls{background:#fffcf5;border-color:#e8dfcf}
.simple-experience #modelControls button,.simple-experience .pw-controls button{background:#fff8e8!important;border-color:#ddcba4!important;color:#74603f;border-radius:9px}
.simple-experience .transport #play{background:#f7e9bd;border-color:#d9c18b;color:#795f35}
.simple-experience #stepBadge>[data-ll]{background:#f0e7f7;border-color:#cdb9df;color:#6c5389;border-radius:9px}
.simple-experience .practice-guide,.simple-experience #utRoute,.simple-experience #progress{color:#7b6c59}
.simple-experience.ut-practice #exercise,.simple-experience .ut-answer-actions{background:#fff9ed;border-color:#e5d7be}
.simple-experience .ut-fields-scroll,.simple-experience #utCompletion{color:#687252}
.simple-experience .simple-mode-nav,.simple-experience .simple-scroll-hint{background:#fff8eb}
.simple-experience .model-table th,.simple-experience .condition-table th,.simple-experience .pw-logic th{background:#f5e9cd;color:#795f3d}
.simple-experience .ma45-card{background:#fff9e9!important;border-color:#d9c9a8}
.simple-experience .ma45-count{color:#357f73}
.simple-experience .ma58-card{background:#fff7e6;border-color:#dfcfae}
@container mathapp (max-height:520px){
 .simple-experience .brand-mark{width:26px;height:26px;border-radius:9px}
 .simple-experience .brand-mark .kid-icon{width:19px;height:19px}
 .simple-experience .home-brand{gap:7px}
 .simple-experience .island-choice{gap:4px}
 .simple-experience .island-icon{width:18px;height:24px}
 .simple-experience .island-icon .kid-icon{width:18px;height:18px}
 .simple-experience .island-copy b{font-size:11px}
 .simple-experience .island-copy small{font-size:8px}
 .simple-experience .welcome-banner{padding:9px 13px;border-radius:13px}
 .simple-experience .welcome-copy{padding-right:78px}
 .simple-experience .welcome-art{right:7px;width:72px;height:76px}
 .simple-experience .lesson-card{gap:0;border-radius:11px}
 .simple-experience .chapter-art{display:none!important}
 .simple-experience .board{border-radius:11px!important}
 .simple-experience .board-head button,.simple-experience .transport button{border-radius:8px}
}
@container mathapp (max-height:520px){
 .simple-experience .island-sidebar{gap:4px;overflow-y:auto;scrollbar-width:thin}
 .simple-experience #islandNav{gap:3px;flex:none}
 .simple-experience .island-choice{min-height:32px;padding:3px 5px}
 .simple-experience .island-icon{height:20px}
 .simple-experience .island-copy b{line-height:1.2}
 .simple-experience .island-copy small{line-height:1.1;margin-top:1px}
 .simple-experience .welcome-banner{padding:6px 13px}
}

/* Keep the overflow cue visible before long touch controls. */
@container mathapp (max-height:520px){.simple-experience.simple-side-actions .simple-scroll-hint{display:block;position:sticky;top:35px;bottom:auto;z-index:4;padding:4px 2px;background:#fff0ca;border:1px solid #dcc58e;border-radius:6px;color:#6b552e;line-height:1.3}.simple-experience.simple-side-actions .simple-scroll-hint:empty{display:none}}

@container mathapp (max-height:520px){.simple-experience.simple-side-actions .lesson-sidebar>#modelControls.rw-controls{display:flex;flex-wrap:wrap}}