:root{--bg:#f5f1fe;--card:#fff;--ink:#2f2a45;--muted:#8b82ab;--primary:#8b5cf6;--primary-dark:#6d3fd6;--primary-soft:#ede7ff;--primary-tint:#f3eeff;--success:#2eb872;--fail:#e85c5c;--hint:#f6b73c;--ring:#8b5cf673;--radius:20px;font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif}.theme-yellow{--bg:#fff8e6;--card:#fff;--ink:#3a3320;--muted:#b39a5e;--primary:#f0a500;--primary-dark:#c98600;--primary-soft:#fff1c2;--primary-tint:#fff7dd;--ring:#f0a5008c}.app{background:var(--bg);min-height:100vh}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);overscroll-behavior:none;margin:0;padding:0}button{color:inherit;cursor:pointer;font-family:inherit}#root{max-width:1180px;min-height:100vh;margin:0 auto}.screen{flex-direction:column;min-height:100vh;padding:16px;display:flex}.home-header{align-items:center;gap:14px;padding:8px 4px 20px;display:flex}.mascot{font-size:52px}.home-title h1{margin:0;font-size:26px}.home-title p{color:var(--muted);margin:2px 0 0}.home-score{background:var(--card);border-radius:999px;margin-left:auto;padding:8px 16px;font-weight:800;box-shadow:0 2px 8px #28324e14}.branch-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.branch-card{border-radius:var(--radius);background:var(--card);text-align:left;border:none;flex-direction:column;align-items:flex-start;gap:4px;padding:22px 18px;transition:transform .1s;display:flex;box-shadow:0 4px 14px #28324e1a}.branch-card:active{transform:scale(.97)}.branch-tasks{background:linear-gradient(135deg,#ffe9c8,#ffd9a0)}.branch-tens{background:linear-gradient(135deg,#d9f2ff,#b3e3ff)}.branch-order{background:linear-gradient(135deg,#e7e0ff,#d2c4ff)}.branch-column{background:linear-gradient(135deg,#d8f7e3,#b5eccb)}.branch-emoji{font-size:40px}.branch-title{font-size:22px;font-weight:800}.branch-subtitle{color:var(--ink);opacity:.65;font-size:14px}.branch-level{background:#ffffffb3;border-radius:999px;margin-top:8px;padding:4px 10px;font-size:13px;font-weight:700}.parent-link{color:var(--muted);background:0 0;border:none;margin:26px auto 8px;font-size:14px;text-decoration:underline}.session-header{align-items:center;gap:12px;padding-bottom:14px;display:flex}.progress-track{background:#e6def8;border-radius:999px;flex:1;height:14px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), #b794f6);border-radius:999px;height:100%;transition:width .3s}.session-counter{color:var(--muted);font-weight:700}.session-body{flex-direction:column;flex:1;justify-content:center;display:flex}.two-pane{text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:40px;width:100%;display:flex}.ex-left,.ex-right{flex-direction:column;align-items:center;gap:14px;display:flex}.ex-left{flex:1 1 0;min-width:0;max-width:580px}.ex-right{flex:0 0 380px;max-width:380px}@media (width<=860px){.two-pane{flex-direction:column;justify-content:flex-start;gap:16px}.ex-left,.ex-right{flex:none;width:100%;max-width:480px}}.session-complete{text-align:center;background:var(--card);border-radius:var(--radius);margin:auto;padding:36px 28px;box-shadow:0 4px 14px #28324e1a}.stars-big{font-size:56px}.paws-big{letter-spacing:4px;margin-top:4px;font-size:30px}.reward-stickers{background:var(--primary-soft);color:var(--primary-dark);border-radius:14px;padding:8px 16px;font-weight:800;display:inline-block}.mascot-btn{background:0 0;border:none;padding:0;line-height:0}.mascot-btn:active{transform:scale(.94)}.sticker-score{cursor:pointer;border:none;font-size:15px}.room-btn{color:#fff;box-shadow:0 4px 0 var(--primary-dark);background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;border-radius:16px;padding:12px 24px;font-size:17px;font-weight:800}.room-btn:active{box-shadow:0 2px 0 var(--primary-dark);transform:translateY(2px)}.room-screen{gap:12px}.room-header{align-items:center;gap:12px;display:flex}.room-header h2{flex:1;margin:0}.sticker-count{background:var(--primary-soft);color:var(--primary-dark);border-radius:999px;padding:8px 16px;font-weight:800}.room{touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#efe7ff 0%,#e7dcff 62%,#d8c9f6 62%,#d3c2f3 100%);border-radius:24px;flex:1;min-height:360px;position:relative;overflow:hidden;box-shadow:inset 0 2px 14px #50328c1f}.room-floor{background:linear-gradient(#d8c9f6,#cdb9f1);height:38%;position:absolute;bottom:0;left:0;right:0}.room-window{z-index:0;background:linear-gradient(#fff,#fff) 50%/7px 100% no-repeat,linear-gradient(#fff,#fff) 50%/100% 7px no-repeat,linear-gradient(165deg,#d7edff 0%,#bfe0ff 55%,#cdeacb 55%,#bfe2bd 100%);border:8px solid #fff;border-radius:10px;width:25.5%;height:46%;position:absolute;top:6%;right:6%;box-shadow:0 6px 16px #50328c2e}.room-sill{z-index:0;background:linear-gradient(#fff,#e7dcff);border-radius:4px;width:28.5%;height:14px;position:absolute;top:52%;right:4.5%;box-shadow:0 3px 6px #50328c26}.room-corgi{z-index:20;pointer-events:none;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.room-sticker{z-index:3;cursor:grab;touch-action:none;filter:drop-shadow(0 3px 3px #50328c40);background:0 0;border:none;font-size:40px;line-height:1;position:absolute;transform:translate(-50%,-50%)}.room-sticker:active{cursor:grabbing}.room-furniture{filter:drop-shadow(0 5px 6px #50328c47)}.room-furniture img{display:block}.room-static{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.header-spacer{flex:none;width:40px}.furniture-tray{background:var(--card);border-radius:18px;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;padding:12px;display:flex;box-shadow:0 2px 10px #28324e14}.furn-item{background:var(--primary-tint);border:2px solid #0000;border-radius:14px;width:64px;height:64px;padding:4px;position:relative}.furn-item img{object-fit:contain;width:100%;height:100%}.furn-done{opacity:.55}.furn-check{color:var(--primary);font-size:14px;font-weight:800;position:absolute;bottom:0;right:2px}.room-hint{text-align:center;color:var(--muted);margin:0;font-size:14px}.sticker-tray{background:var(--card);border-radius:18px;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px;display:flex;box-shadow:0 2px 10px #28324e14}.tray-item{background:var(--primary-tint);border:2px solid #0000;border-radius:14px;width:52px;height:52px;font-size:28px}.tray-item:disabled{opacity:.4}.tray-sel{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.08)}.tray-undo{background:#fbe9e9;border:none;border-radius:14px;width:52px;height:52px;font-size:22px}.tray-undo:disabled{opacity:.4}.tray-tidy{background:var(--primary-tint);border:none;border-radius:14px;width:52px;height:52px;font-size:22px}.tray-tidy:disabled{opacity:.4}.edit-toggle{border:2px solid var(--primary);color:var(--primary);background:#fff;border-radius:12px;padding:6px 12px;font-size:14px;font-weight:700}.edit-toggle.edit-on{background:var(--primary);color:#fff}.room-edit{outline:2px dashed var(--primary);outline-offset:-2px}.room-selected{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}.resize-handle{background:var(--primary);cursor:nwse-resize;touch-action:none;z-index:2;border:3px solid #fff;border-radius:50%;width:22px;height:22px;position:absolute;bottom:-10px;right:-10px;box-shadow:0 2px 6px #50328c66}.edit-bar{background:var(--card);border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:0 2px 10px #28324e14}.edit-label{min-width:150px;color:var(--muted);flex:1;font-size:13px}.export-overlay{z-index:1000;background:#281e4673;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.export-card{background:#fff;border-radius:18px;flex-direction:column;gap:12px;width:min(560px,92vw);padding:18px;display:flex}.export-card p{margin:0;font-size:14px}.export-card textarea{border:1px solid var(--primary-soft);resize:vertical;border-radius:10px;width:100%;height:260px;padding:10px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.exercise{flex-direction:column;flex:1;gap:14px;display:flex}.exercise-center{text-align:center;justify-content:flex-start;align-items:center;padding-top:12px}.problem-text{background:var(--card);border-radius:var(--radius);margin:0;padding:16px 18px;font-size:20px;line-height:1.45;box-shadow:0 2px 10px #28324e12}.task-title{margin:0;font-size:18px;font-weight:700}.big-expr{letter-spacing:2px;font-size:42px;font-weight:800}.nudge{color:var(--muted);text-align:center;margin:0;font-size:15px}.scratchpad{background:var(--card);border-radius:var(--radius);width:100%;max-width:860px;overflow:hidden;box-shadow:0 2px 10px #28324e12}.scratchpad-bar{border-bottom:1px solid #efe8fb;align-items:center;gap:8px;padding:8px 12px;display:flex}.scratchpad-label{color:var(--muted);margin-right:auto;font-size:14px}.scratchpad-canvas{touch-action:none;background-image:linear-gradient(90deg,#f1ecfb 1px,#0000 1px),linear-gradient(#f1ecfb 1px,#0000 1px);background-size:24px 24px;width:100%;display:block}.tool-btn{background:#f1ecfb;border:none;border-radius:10px;width:40px;height:40px;font-size:18px}.answer-row{justify-content:center;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.answer-box{border:3px dashed var(--primary);text-align:center;background:var(--card);border-radius:14px;min-width:76px;padding:6px 14px;font-size:28px;display:inline-block}.pad-anchor{z-index:40;width:100%;height:0;position:relative}.numpad-popup{background:var(--card);border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:8px 20px 16px;animation:.16s ease-out padpop;display:inline-flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 10px 36px #28324e47}@keyframes padpop{0%{opacity:0;transform:translate(-50%,-8px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}.numpad-popup-close{width:64px;height:22px;color:var(--muted);background:#f1ecfb;border:none;border-radius:999px;font-size:14px}.answer-tap{cursor:pointer}.answer-tap.empty{animation:1.6s infinite pulse}.answer-tap.pad-open{background:#ede7ff;border-style:solid}.numpad{flex-direction:column;align-items:center;gap:10px;display:flex}.numpad-digits{grid-template-columns:repeat(6,1fr);gap:8px;width:100%;max-width:440px;display:grid}.numpad-btn{background:var(--card);border:none;border-radius:14px;padding:12px 0;font-size:24px;font-weight:800;box-shadow:0 2px 6px #28324e1a}.numpad-btn:active{background:#ede7ff}.numpad-back{background:#fbe9e9}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-dark);border:none;border-radius:16px;padding:14px 34px;font-size:19px;font-weight:800}.btn-primary:disabled{box-shadow:none;background:#cdbff0}.btn-primary:active:not(:disabled){box-shadow:0 2px 0 var(--primary-dark);transform:translateY(2px)}.banner{border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px 18px;font-size:18px;display:flex}.banner-success{border:2px solid var(--success);background:#e2f8ec}.banner-fail{border:2px solid var(--fail);background:#fdeaea}.banner-hint{border:2px solid var(--hint);background:#fff6e0}.banner-almost{border:2px solid var(--primary);background:#eaf3ff}.banner p{margin:0}.steps{text-align:left;margin:0;padding-left:24px;font-weight:700}.options{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.option-btn{background:var(--card);border:none;border-radius:18px;width:86px;height:72px;font-size:30px;font-weight:800;box-shadow:0 3px #ddd2f3}.option-correct{box-shadow:0 3px 0 var(--success);background:#c9f3dc}.option-wrong{box-shadow:0 3px 0 var(--fail);background:#ffd6d6}.dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.dots-group{background:var(--card);border-radius:10px;gap:4px;padding:6px 8px;display:inline-flex}.dots-plus{font-size:22px;font-weight:800}.dot{border-radius:50%;width:16px;height:16px}.dot-filled{background:var(--primary)}.dot-empty{border:2px dashed #c3b3ea}.dot-extra{background:var(--hint)}.chips{justify-content:center;gap:16px;display:flex}.chips-shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.chip{background:var(--card);border:3px solid #0000;border-radius:18px;width:90px;height:76px;font-size:30px;font-weight:800;box-shadow:0 3px #ddd2f3}.chip-selected{border-color:var(--primary);background:#ede7ff}.pair-result{background:#e2f8ec;border-radius:14px;padding:10px 18px;font-size:20px}.column-grid{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:6px;padding:20px 26px;display:flex;box-shadow:0 2px 10px #28324e12}.column-row{justify-content:flex-end;align-items:center;gap:6px;display:flex}.column-sign{text-align:left;width:34px;font-size:28px;font-weight:800}.cell{border:1.5px solid #e0d6f4;border-radius:8px;justify-content:center;align-items:center;width:48px;height:54px;font-size:28px;font-weight:800;display:inline-flex}.cell-blank{border-color:#0000}.cell-input{background:#f5f1fe;border:2px solid #c3b3ea}.cell-active{border-color:var(--primary);background:#ede7ff;animation:1s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #4f7df966}50%{box-shadow:0 0 0 6px #4f7df900}}.column-line{background:var(--ink);border-radius:2px;height:3px;margin:2px 0 2px 34px}.modal-backdrop{background:#28324e73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:var(--radius);flex-direction:column;gap:14px;width:100%;max-width:460px;padding:24px;display:flex}.modal h2{margin:0}.stats-table{border-collapse:collapse;width:100%;font-size:15px}.stats-table th,.stats-table td{text-align:left;border-bottom:1px solid #efe8fb;padding:8px 6px}.weak-facts{color:var(--muted);margin:0;font-size:14px}.day-path{-webkit-overflow-scrolling:touch;flex-direction:row;align-items:center;gap:18px;height:340px;padding:0 44px;scroll-padding:0 44px;display:flex;overflow:auto hidden}.day-node{background:var(--card);border:none;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;width:96px;height:96px;display:flex;position:relative;box-shadow:0 5px #d2c6ee}.day-node:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #d2c6ee}.day-done{background:linear-gradient(135deg,#ffe9a8,#ffd25e);box-shadow:0 5px #e3b53e}.day-current{box-shadow:0 5px 0 var(--primary-dark);background:linear-gradient(135deg,#a78bfa,#8b5cf6);animation:1.5s ease-in-out infinite bob}.day-current .day-num,.day-current .day-stars{color:#fff}.theme-yellow .day-current{background:linear-gradient(135deg,#ffc24d,#f0a500)}@keyframes bob{0%,to{box-shadow:0 5px 0 var(--primary-dark), 0 0 0 0 var(--ring)}50%{box-shadow:0 5px 0 var(--primary-dark), 0 0 0 12px transparent}}.day-locked{cursor:default;background:#e6ebf6;box-shadow:0 5px #d2daea}.day-num{font-size:30px;font-weight:800}.day-stars{color:var(--muted);letter-spacing:-1px;font-size:12px;font-weight:700}.day-lock{opacity:.5;font-size:30px}.home-actions{flex-direction:column;align-items:center;gap:10px;margin-top:auto;padding-top:16px;display:flex}.ghost-btn{background:var(--card);color:var(--ink);border:2px solid #ddd2f3;border-radius:14px;padding:10px 18px;font-size:15px;font-weight:700}.practice-strip{-webkit-overflow-scrolling:touch;gap:10px;width:100%;padding:6px 2px 10px;display:flex;overflow-x:auto}.practice-chip{background:var(--card);border:none;border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:4px;min-width:78px;padding:10px 12px;font-size:13px;font-weight:700;display:flex;box-shadow:0 2px 8px #28324e14}.practice-emoji{font-size:24px}.session-title{flex:1;font-size:16px;font-weight:800}.session-subtitle{color:var(--muted);font-size:13px;font-weight:600}.session-progress{flex:none;height:14px;margin-bottom:14px}.task-subtitle{color:var(--primary-dark);margin:0;font-weight:700}.choice-list{flex-direction:column;gap:12px;width:100%;max-width:440px;display:flex}.choice-btn{background:var(--card);border:2px solid #ddd2f3;border-radius:16px;padding:16px;font-size:22px;font-weight:800;box-shadow:0 3px #ddd2f3}.choice-correct{border-color:var(--success);box-shadow:0 3px 0 var(--success);background:#c9f3dc}.choice-wrong{border-color:var(--fail);box-shadow:0 3px 0 var(--fail);background:#ffd6d6}.expr-input{border:3px dashed var(--primary);background:var(--card);letter-spacing:1px;border-radius:16px;justify-content:center;align-items:center;width:100%;min-width:220px;max-width:440px;min-height:56px;padding:12px 18px;font-size:30px;font-weight:800;display:flex}.expr-ph{color:#cdbff0}.letterpad{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:440px;display:flex}.pad-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pad-key,.pad-op{border:none;border-radius:14px;min-width:56px;height:56px;padding:0 12px;font-size:24px;font-weight:800;box-shadow:0 3px #ddd2f3}.pad-key{color:var(--primary-dark);background:#ede7ff}.pad-op{background:var(--card)}.pad-back{background:#fbe9e9}.domino{background:#fff;border-radius:12px;grid-template-rows:repeat(3,13px);grid-template-columns:repeat(3,13px);gap:4px;padding:9px;display:inline-grid;box-shadow:0 2px 5px #28324e1f}.dom-dot{border-radius:50%;width:13px;height:13px}.dom-on{background:var(--primary)}.domino-center{background:#f1ecfb;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;max-width:600px;min-height:92px;padding:16px 18px;display:flex}.domino-empty{color:var(--muted);font-size:15px}.placed{align-items:center;gap:6px;display:inline-flex}.dom-plus{color:var(--muted);font-size:22px;font-weight:800}.dom-sum{letter-spacing:1px;font-size:24px;font-weight:800}.palette{grid-template-columns:repeat(5,1fr);gap:10px;width:100%;max-width:540px;display:grid}.palette-btn{background:#f5f1fe;border:none;border-radius:14px;justify-content:center;align-items:center;padding:9px;display:flex}.palette-btn:active{background:#dbe6ff}.domino-tools{gap:8px;display:flex}.star-array{background:var(--card);border-radius:16px;justify-content:center;gap:6px;padding:14px;display:grid;box-shadow:0 2px 10px #28324e12}.star{font-size:26px;line-height:1}.darr{gap:4px}.darr-cell{border-radius:5px;width:22px;height:22px}.darr-a{background:#4f7df9}.darr-b{background:#f6a13c}.seq-expr{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.seq-num{align-items:center;display:inline-flex}.seq-num:not(:last-child):after{content:","}.compare-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:30px;font-weight:800;display:flex}.compare-val{background:var(--card);border-radius:14px;padding:10px 18px;box-shadow:0 2px 8px #28324e14}.compare-slot{border:3px dashed var(--primary);width:56px;height:56px;color:var(--muted);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.units-expr{font-size:30px}.units-decompose{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.units-from{font-size:26px}.units-cell-wrap{align-items:center;gap:4px;display:inline-flex}.units-label{color:var(--muted);font-size:18px}.box-active{background:#ede7ff;border-style:solid}.chain{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.chain-start{font-size:30px;font-weight:800}.chain-step{align-items:center;gap:8px;display:inline-flex}.chain-arrow{color:var(--primary-dark);font-size:18px;font-weight:800}.geo-svg{margin:4px auto}.geo-rect{fill:#e7defc;stroke:var(--primary);stroke-width:3px}.geo-label{fill:var(--ink);font-size:15px;font-weight:800}.geo-ray{stroke:var(--primary);stroke-width:4px;stroke-linecap:round}.geo-vertex{fill:var(--primary-dark)}.geo-comp{fill:#cfe6cf;stroke:#3a9a52;stroke-width:3px}.geo-hole{fill:#fff;stroke:#3a9a52;stroke-width:2px;stroke-dasharray:4 3}.geo-label-sm{fill:var(--ink);font-size:13px;font-weight:700}.geo-box-front{fill:#e7defc;stroke:var(--primary);stroke-width:2.5px}.geo-box-top{fill:#eef4ff;stroke:var(--primary);stroke-width:2.5px}.geo-box-side{fill:#c3d8fb;stroke:var(--primary);stroke-width:2.5px}.gridboard{flex-direction:column;align-items:center;gap:10px;display:flex}.gridboard-stack{background:var(--card);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 2px 10px #28324e14}.gridboard-svg{position:absolute;inset:0}.gridboard-canvas{touch-action:none;position:absolute;inset:0}.grid-line{stroke:#f1ecfb;stroke-width:1px}.axis-line{stroke:#c3b3ea;stroke-width:2px;stroke-dasharray:5 5}.shape-ref{fill:none;stroke:var(--primary);stroke-width:4px;stroke-linejoin:round;stroke-linecap:round}.shape-solution{fill:none;stroke:var(--success);stroke-width:4px;stroke-linejoin:round;stroke-linecap:round;opacity:.85}.hint-dot{fill:#f0a500;stroke:#fff;stroke-width:2px;opacity:.9}.hint-note{color:#8a5a00;background:#fff7e6;border:1px solid #ffe1a8;border-radius:12px;margin:0 0 4px;padding:8px 12px;font-size:14px}.start-dot{fill:var(--fail)}.gridboard-bar{align-items:center;gap:8px;display:flex}.dict-steps{flex-wrap:wrap;justify-content:center;gap:8px;max-width:420px;display:flex}.dict-step{background:var(--card);border-radius:10px;padding:6px 12px;font-size:17px;font-weight:800;box-shadow:0 2px 6px #28324e14}@media (width<=480px){.big-expr{font-size:34px}.day-node{width:84px;height:84px}}.start-screen{text-align:center;justify-content:center;align-items:center;gap:28px}.start-title{color:var(--ink);margin:0;font-size:32px}.profile-cards{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.profile-card{border:3px solid var(--primary);background:var(--primary-tint);border-radius:28px;flex-direction:column;align-items:center;gap:10px;width:220px;padding:22px;display:flex;box-shadow:0 6px 18px #50328c1f}.profile-card:active{transform:scale(.97)}.profile-card img{display:block}.profile-name{color:var(--primary-dark);font-size:26px;font-weight:800}.switch-profile{border:2px solid var(--primary);background:var(--card);color:var(--primary-dark);border-radius:12px;flex:none;width:44px;height:44px;font-size:20px}.coming-soon{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.coming-soon h2{color:var(--ink);margin:0}.coming-soon p{color:var(--muted);margin:0}.theme-yellow .room{background:linear-gradient(#fff8e6 0%,#fdeecb 62%,#f6e3a8 62%,#f1dc9c 100%);box-shadow:inset 0 2px 14px #966e1e24}.theme-yellow .room-floor{background:linear-gradient(#f6e3a8,#efd793)}.theme-yellow .room-sill{background:linear-gradient(#fff,#fdeecb)}.theme-yellow .room-btn{box-shadow:0 4px 0 var(--primary-dark);background:linear-gradient(135deg,#ffce5c,#f0a500)}.theme-yellow .progress-fill{background:linear-gradient(90deg, var(--primary), #ffd470)}.theme-yellow .progress-track{background:#f3e6c0}.g1-q{flex-direction:column;align-items:center;gap:12px;display:flex}.g1-main{color:var(--ink);font-size:96px;font-weight:800;line-height:1.05}.g1-sub{color:var(--muted);max-width:320px;font-size:20px}.choice-big .choice-btn{padding:14px 22px;font-size:44px}.trace-stack{background:var(--card);border-radius:18px;position:relative;box-shadow:0 2px 10px #28324e14}.trace-letter{position:absolute;inset:0}.trace-letter text{fill:#e7e0f5;font-family:Nunito,system-ui,sans-serif;font-size:240px;font-weight:800}.theme-yellow .trace-letter text{fill:#f3e6c0}.trace-canvas{touch-action:none;position:absolute;inset:0}.trace-bar{align-items:center;gap:12px;display:flex}.artic-card{text-align:center;background:var(--card);border-radius:var(--radius);flex-direction:column;align-items:center;gap:12px;max-width:460px;margin:auto;padding:32px 28px;display:flex;box-shadow:0 4px 14px #28324e1a}.artic-emoji{font-size:80px}.artic-name{color:var(--ink);margin:0}.artic-instr{color:var(--muted);margin:0;font-size:18px}.artic-count{color:var(--primary-dark);font-size:40px;font-weight:800}.star-score{background:var(--card);white-space:nowrap;border-radius:999px;margin-left:auto;padding:8px 16px;font-size:15px;font-weight:800;box-shadow:0 2px 8px #28324e14}.half-q{flex-direction:column;align-items:center;gap:12px;display:flex}.half-box{background:var(--card);border-radius:18px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #28324e14}.half-box.half-letter{width:220px;height:220px}.half-box.half-word{min-width:260px;min-height:120px;padding:16px 26px}.half-box.half-phrase{min-width:340px;max-width:540px;min-height:130px;padding:16px 26px}.half-text{color:var(--ink);text-align:center;font-weight:800;line-height:1.05}.half-letter .half-text{font-size:170px}.half-word .half-text{letter-spacing:2px;white-space:nowrap;font-size:56px}.half-phrase .half-text{letter-spacing:1px;font-size:38px}.half-cover{background:var(--card);position:absolute}.choice-list.choice-big{flex-flow:wrap;justify-content:center}.choice-big .choice-btn{min-width:72px}.ws-grid{background:var(--card);border-radius:16px;gap:6px;padding:10px;display:grid;box-shadow:0 2px 10px #28324e14}.ws-cell{border:2px solid var(--primary-soft);background:var(--card);width:54px;height:54px;color:var(--ink);border-radius:10px;font-size:26px;font-weight:800}.ws-cell.ws-sel{background:var(--primary-soft);border-color:var(--primary);transform:scale(1.05)}.ws-cell.ws-found{background:var(--success);color:#fff;border-color:var(--success)}.ws-hints{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ws-hint{font-size:38px}.ws-hint-done{opacity:.35;filter:grayscale()}@media (width<=860px){.ws-cell{width:44px;height:44px;font-size:22px}}.fl-grid{flex-direction:column;gap:8px;display:flex}.fl-row{justify-content:center;gap:8px;display:flex}.fl-cell{border:2px solid var(--primary-soft);background:var(--card);width:50px;height:50px;color:var(--ink);border-radius:10px;font-size:24px;font-weight:800}.fl-cell.fl-picked{background:var(--primary-soft);border-color:var(--primary)}.fl-cell.fl-ok{background:var(--success);color:#fff;border-color:var(--success)}.fl-cell.fl-missed{border-color:var(--fail);color:var(--fail)}.fl-cell.fl-bad{border-color:var(--fail);color:var(--fail);background:#ffe1e1;text-decoration:line-through}.syl-table{background:var(--card);border-radius:16px;flex-direction:column;gap:10px;padding:18px 24px;display:flex;box-shadow:0 2px 10px #28324e14}.syl-row{justify-content:center;gap:18px;display:flex}.syl-cell{color:var(--ink);letter-spacing:1px;font-size:38px;font-weight:800}.letmath-expr{color:var(--ink);letter-spacing:1px;font-size:52px;font-weight:800}.lm-plus{color:var(--success)}.lm-minus{color:var(--fail)}.gridtext-box{background:var(--card);border-radius:16px;max-width:560px;padding:16px 24px;position:relative;box-shadow:0 2px 10px #28324e14}.gridtext-text{color:var(--ink);white-space:pre-line;font-size:30px;font-weight:700;line-height:48px}.gridtext-grid{pointer-events:none;background:repeating-linear-gradient(180deg, transparent 0 27px, var(--card) 27px 48px);position:absolute;inset:16px 24px}.login-screen{justify-content:center;align-items:center}.login-card{background:var(--card);text-align:center;border-radius:24px;flex-direction:column;gap:12px;width:min(380px,92vw);padding:32px 28px;display:flex;box-shadow:0 6px 24px #50328c1f}.login-logo{font-size:48px}.login-card h1{margin:0}.login-sub{color:var(--muted);margin:0 0 6px}.login-form{flex-direction:column;gap:10px;display:flex}.login-form input{border:2px solid var(--primary-soft);border-radius:12px;padding:12px 14px;font-size:16px}.login-error{color:var(--fail);font-size:14px}.google-btn{border:2px solid var(--primary-soft);color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px;font-weight:700;text-decoration:none;display:flex}.g-mark{color:#4285f4;font-weight:800}.login-toggle{color:var(--primary-dark);cursor:pointer;background:0 0;border:none;font-size:14px;text-decoration:underline}.start-actions{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.start-empty{color:var(--muted);text-align:center;max-width:360px}.cabinet{gap:16px}.cabinet-head{align-items:center;gap:12px;display:flex}.cabinet-head h2{flex:1;margin:0}.cab-section{background:var(--card);border-radius:18px;padding:16px;box-shadow:0 2px 10px #28324e14}.cab-section h3{margin:0 0 12px}.cab-hint{color:var(--muted);margin:8px 0 0;font-size:13px}.cab-children{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.cab-child{border:2px solid var(--primary);background:var(--primary-tint);text-align:left;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;min-width:160px;padding:12px 18px;display:flex}.cab-child span{color:var(--muted);font-size:13px}.cab-add{flex-direction:column;gap:10px;margin-top:8px;display:flex}.cab-add input,.cab-add select,.cab-len input{border:2px solid var(--primary-soft);border-radius:10px;padding:10px 12px;font-size:15px}.cab-add-actions{gap:10px;display:flex}.cab-len{align-items:center;gap:10px;margin-bottom:8px;display:flex}.cab-len span{flex:1}.cab-len input{width:84px}.cab-summary{flex-wrap:wrap;gap:18px;margin-bottom:12px;font-weight:700;display:flex}.cab-day{align-items:center;gap:10px;display:flex}.cab-day span{flex:1}.cab-levels{flex-direction:column;gap:8px;display:flex}.cab-level-row{align-items:center;gap:10px;display:flex}.cab-level-name{flex:1}.cab-level-acc{color:var(--muted);text-align:right;width:44px;font-size:13px}.cab-level-ctl{align-items:center;gap:8px;display:flex}.cab-level-val{text-align:center;width:44px;font-weight:800}.cab-del{color:var(--fail)}.room-tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.room-tab{background:var(--card);border:2px solid #0000;border-radius:14px;padding:4px;line-height:0;box-shadow:0 2px 8px #28324e14}.room-tab img{object-fit:contain;border-radius:10px;display:block}.room-tab-active{border-color:var(--primary);background:var(--primary-tint)}.shop-tray{background:var(--card);border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:0 2px 10px #28324e14}.shop-balance{white-space:nowrap;margin-right:6px;font-weight:800}.shop-item{background:var(--primary-tint);border:2px solid #0000;border-radius:12px;width:48px;height:48px;font-size:26px}.shop-item:disabled{opacity:.4}.shop-sel{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.08)}.home-title{flex:1}.star-score{margin-left:0}.streak-score{color:#d2691e;white-space:nowrap;background:#fff1e0;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:800;box-shadow:0 2px 8px #28324e14}