@charset "UTF-8";
:root{--ink:#173f50;--muted:#627d88;--teal:#087e8b;--teal-dark:#056573;--coral:#e9674d;--cream:#fffaf0;--border:#dce9e7;--lilac:#eee8fb;--mint:#e0f3e9;--shadow:0 7px 0 #063d5409,0 12px 30px #063d5407;font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.6}button,a{-webkit-touch-callout:none}a{color:inherit;text-decoration:none}button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #a361d1;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.17;font-weight:800;letter-spacing:-.035em}h1{font-size:clamp(32px,4vw,48px)}h2{font-size:24px}h3{font-size:19px}p{line-height:1.6}svg{display:block}button{border:0}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.boot{text-align:center;padding:20vh 16px}.brand-mark{display:inline-grid;place-items:center;width:70px;height:70px;background:var(--teal);color:white;font-size:48px;border-radius:24px}.layout{max-width:1192px;margin:auto;padding:0 34px}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;letter-spacing:-.025em}.brand img{border-radius:14px}.brand small{display:block;font-size:11px;letter-spacing:.025em;color:var(--muted);font-weight:500;margin-top:1px}.header-actions{display:flex;gap:16px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:46px;min-width:46px;height:46px;background:white;border:1.5px solid var(--border);border-radius:16px;font-size:29px;line-height:1}.icon-button svg{width:23px;height:23px}.language-mini{background:transparent;font-size:14px;font-weight:800;min-height:44px}.language-mini span{margin-left:7px;color:var(--muted)}.nav{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid var(--border);padding-bottom:16px}.nav a{display:flex;gap:9px;align-items:center;padding:12px 24px;border-radius:16px;color:#58707b;font-weight:700;font-size:15px}.nav svg{width:22px;height:22px}.nav a.active{background:var(--teal);color:white;box-shadow:0 4px 0 #056573}.nav a:not(.active):hover{background:#edf2ea}main{outline:0!important}.hero{position:relative;display:grid;grid-template-columns:1.04fr 1fr;min-height:400px;align-items:center;background:#e4f3ee;border-radius:32px;padding:32px 42px 34px;overflow:hidden;border:1px solid #d3ebe0}.hero-copy{z-index:1}.eyebrow{display:block;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:13px}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:7px;vertical-align:middle}.hero h1{font-size:clamp(36px,4.2vw,54px);line-height:1.12;letter-spacing:-.045em;max-width:530px}.hero p{font-size:16px;max-width:370px;margin:20px 0 22px;color:#496a73}.hero .text-link{display:flex;width:fit-content;margin-top:17px;font-size:13px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:54px;border-radius:16px;padding:13px 24px;background:var(--teal);color:#fff;font-size:15px;font-weight:800;line-height:1.4;box-shadow:0 4px 0 var(--teal-dark);border:1px solid transparent}.button:hover{background:var(--teal-dark)}.button.coral{background:var(--coral);box-shadow:0 4px 0 #bb4936;color:#fff}.button.coral:hover{background:#d5583f}.button.secondary{background:#fff;color:var(--teal);border-color:#b4d4d2;box-shadow:0 3px 0 #d7e5df}.button.small{font-size:13px;min-height:46px;padding:10px 17px;gap:13px}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;color:var(--teal);font-size:14px;font-weight:800;background:none;padding:8px 0}.text-link:hover{text-decoration:underline}.hero-art{position:relative;height:340px;margin-right:-42px}.hero-scene{position:absolute;width:130%;max-width:610px;left:-13%;top:-15px}.hero-mio{position:absolute;left:29%;top:82px;width:162px;transform:rotate(-5deg);animation:bob 5s ease-in-out infinite}.mio{display:block;width:100%;height:auto}.mini-stats{display:flex;justify-content:center;gap:36px;align-items:center;margin:22px 0 32px;font-size:13px;color:var(--muted)}.mini-stats span{display:flex;align-items:center;gap:6px}.mini-stats strong{font-size:16px;color:var(--ink)}.crystal{color:#9583c5;font-size:20px}.sun{color:#dc9c3e;font-size:23px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 20px}.section-heading h2{font-size:27px}.handwritten{font-style:italic;font-size:17px;letter-spacing:2px;color:#a9b8ae}.way-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.way-card{border-radius:24px;min-height:176px;padding:26px;display:flex;align-items:flex-start;gap:18px;position:relative;border:1px solid #ded4ef;transition:transform .2s,box-shadow .2s}.way-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.way-card.lilac{background:#f0eafa}.way-card.peach{background:#fff0df;border-color:#efdec9}.way-icon{width:62px;min-width:62px;height:62px;border-radius:22px;background:#e0d6f1;display:grid;place-items:center;color:#75619d}.peach .way-icon{background:#ffe0bd;color:#bc774a}.way-icon svg{width:31px;height:31px}.way-card .eyebrow{margin:0 0 6px;font-size:10px;opacity:.8}.lilac .eyebrow{color:#75619d}.peach .eyebrow{color:#aa6f46}.way-card h2{font-size:26px}.way-card p{font-size:13px;color:#62747a;max-width:285px;margin-top:11px;padding-right:16px}.card-arrow{position:absolute;right:22px;bottom:22px;font-size:25px;color:#8d7ba7}.daily-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-top:24px}.daily-card,.goal-card{border:1px solid var(--border);border-radius:24px;padding:25px;background:white}.daily-card{display:flex;align-items:flex-start;gap:20px}.daily-card h2{font-size:22px}.daily-card p{color:var(--muted);font-size:13px;margin:10px 0 18px;max-width:370px}.daily-card .button{font-size:13px;min-height:46px;gap:12px}.round-icon{display:inline-grid;width:54px;min-width:54px;height:54px;border-radius:19px;place-items:center;font-size:28px;color:var(--teal)}.mint{background:var(--mint)}.goal-card .eyebrow{font-size:10px;margin-bottom:8px}.goal-count{display:flex;gap:8px;align-items:baseline}.goal-count strong{font-size:44px;line-height:1.2}.goal-count>span{color:var(--muted);font-size:18px}.goal-count>b{margin-left:auto;color:#e0af51;font-size:27px}.progress-track{height:9px;background:#e9eeeb;border-radius:20px;overflow:hidden}.progress-track i{height:100%;display:block;border-radius:20px;background:#55b7a0;transition:width .3s}.goal-card .progress-track{margin-top:13px}.goal-card p{font-size:12px;color:var(--muted);margin-top:11px}.kind-note{font-size:12px;color:var(--muted);text-align:center;margin:25px auto 8px;max-width:650px}.footer{display:flex;justify-content:space-between;color:#84948d;font-size:10px;margin:38px 0 20px;padding-top:18px;border-top:1px solid var(--border)}.page-intro{margin:12px 0 30px}.page-intro .eyebrow{margin-bottom:9px}.page-intro p{color:var(--muted);margin-top:14px;max-width:650px}.panel{border:1px solid var(--border);border-radius:24px;padding:26px;background:white;box-shadow:0 3px 0 #063d5403;margin-bottom:22px}.panel h2{font-size:22px;margin-bottom:18px}.table-panel h2{font-size:18px}.table-picker{display:flex;flex-wrap:wrap;gap:10px}.table-button{height:58px;min-width:61px;padding:10px 14px;background:#f5f6ef;border:2px solid #e5e9de;border-radius:17px;font-size:22px;font-weight:800;box-shadow:0 3px 0 #e5e9de}.table-button span{font-size:14px;color:#8a9a92;padding-right:3px}.table-button:last-child{font-size:14px;padding-inline:20px}.table-button.selected{background:var(--teal);color:white;border-color:var(--teal-dark);box-shadow:0 3px 0 var(--teal-dark)}.table-button.selected span{color:#b6e7df}.mode-section{margin:30px 0}.mode-section h2{font-size:22px;margin-bottom:20px}.category-tabs{display:flex;gap:5px;padding:5px;border-radius:16px;background:#edf0e7;width:fit-content;margin-bottom:22px}.category-tabs button{border-radius:12px;padding:11px 22px;background:none;font-weight:800;font-size:13px;min-height:44px;color:#697d7b}.category-tabs button.selected{background:white;color:var(--ink);box-shadow:0 3px 4px #063d5409}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mode-card{background:white;border:2px solid #e0e9e3;border-radius:20px;min-height:99px;display:flex;gap:15px;align-items:center;text-align:left;padding:16px 18px}.mode-card.selected{border-color:var(--teal);background:#edf8f4;box-shadow:0 4px 0 #d2e8df}.mode-symbol{width:52px;min-width:52px;height:52px;display:grid;place-items:center;font-size:28px;font-weight:800;border-radius:17px;background:#e2f0e6;color:var(--teal)}.mode-symbol.recall{background:#f0e9fb;color:#8c70ad}.mode-symbol.puzzles{background:#fff0d6;color:#b87b28}.mode-card b{display:block;font-size:17px;line-height:1.25}.mode-card small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.choice-dot{display:grid;place-items:center;width:23px;min-width:23px;height:23px;border:2px solid #ccd9d1;border-radius:50%;margin-left:auto;font-size:13px}.selected .choice-dot{background:var(--teal);color:white;border-color:var(--teal)}.start-bar{background:#e5f3eb;border:1px solid #d2e4da;border-radius:22px;padding:20px 26px;display:flex;gap:20px;align-items:center;justify-content:space-between}.start-bar b{display:block;font-size:18px}.start-bar span{display:block;color:var(--muted);font-size:12px;margin-top:5px}.teaching-note{display:flex;align-items:flex-start;gap:17px;margin:30px 4px;color:var(--muted);max-width:820px}.teaching-note>span{font-size:30px;color:#a080b9}.teaching-note h3{font-size:17px;color:var(--ink);margin:4px 0 7px}.teaching-note p{font-size:13px}.timed-card{padding:20px 24px;border:1px dashed #d6d9c9;border-radius:22px;margin-top:28px}.timed-card summary{font-size:16px;font-weight:800;cursor:pointer;list-style:none;min-height:30px}.timed-card summary span{float:right;color:var(--teal);font-size:23px}.timed-card p{font-size:13px;margin-top:14px;max-width:650px}.timed-card .button{margin-top:15px}.muted{font-size:12px;color:var(--muted);line-height:1.6}.center{text-align:center}.notice{background:#fff0d5;border:1px solid #e7cf96;padding:16px;border-radius:16px;font-size:13px;line-height:1.7}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff4d9;border:1px solid #ead8ad;border-radius:20px;padding:18px 23px;margin-bottom:24px}.resume-card b{font-size:16px}.resume-card p{font-size:12px;color:var(--muted);margin-top:4px}.island-map{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:repeat(5,1fr);gap:55px 12px;border-radius:32px;background:#ddf3f3;padding:60px 20px 38px;border:1px solid #cbe5e5;min-height:540px}.island-map:before{position:absolute;content:"";top:155px;left:9%;right:9%;height:255px;border:4px dashed #abcfc9;border-left:0;border-radius:0 120px 120px 0;z-index:-1}.island-node{position:relative;display:flex;flex-direction:column;align-items:center;background:none;padding:0 0 8px;min-width:0}.island-node:nth-of-type(even){transform:translateY(25px)}.island-node:active{transform:translateY(1px)}.island-land{position:relative;display:block;width:142px;max-width:100%;height:101px;border-radius:50%;background:#f5d38f;border-bottom:20px solid #53b9a3;box-shadow:0 10px 0 #173f5007;transition:transform .2s}.island-top{display:block;width:105px;height:63px;background:#94ce79;border-radius:50%;position:absolute;top:7px;left:50%;transform:translateX(-50%);border-bottom:9px solid #74af64}.island-top>b{display:block;position:absolute;top:26px;left:50%;transform:translateX(-50%);background:#fff8e6;border:3px solid #d19e6a;border-radius:13px;font-size:27px;line-height:1;padding:8px 10px;box-shadow:0 3px 0 #ae7e58}.beacon{position:absolute;left:40px;top:-29px;font-size:42px;color:#e67452;text-shadow:0 3px #fff5d9}.complete .beacon{color:#e8a32d}.island-node>strong{font-size:16px;margin-top:13px}.island-node>small{font-size:10px;line-height:1.4;color:#4b737b;margin-top:5px;max-width:150px}.mission-stars{color:#9777ba;font-size:22px;letter-spacing:1px;line-height:1.2;margin-top:7px}.island-node.locked{opacity:.62;cursor:default}.island-node.locked .island-land{filter:saturate(.25)}.island-node:not(.locked):hover .island-land{transform:translateY(-4px)}.island-1 .island-top{background:#b4ce78;border-color:#8eac58}.island-2 .island-top{background:#bea3dc;border-color:#9a80c1}.island-3 .island-top{background:#f1b58c;border-color:#d7906f}.island-4 .island-top{background:#82c3d6;border-color:#56a4bc}.map-decor{position:absolute;z-index:-1}.cloud{width:64px;height:17px;border-radius:30px;background:#ffffff8c}.c1{top:34px;left:36%}.c2{bottom:40px;right:20%}.map-wave{position:absolute;color:#a3d9d8;font-size:28px;letter-spacing:8px;z-index:-1}.w1{top:12px;left:13%}.w2{bottom:12px;left:35%}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat-grid article{border-radius:24px;background:#f1eafa;padding:23px;border:1px solid #e4d9f1}.stat-grid article:nth-child(2){background:#e5f3e9;border-color:#d3e8d8}.stat-grid article:nth-child(3){background:#fff0d7;border-color:#f1e0bf}.stat-grid article:nth-child(4){background:#e2f2f4;border-color:#d0e5e6}.stat-grid article>span{font-size:19px;color:#8a6dae;float:right}.stat-grid article>strong{font-size:38px;line-height:1.2}.stat-grid p{font-size:12px;color:#62777e;margin-top:8px}.stats-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.table-bars{margin-top:24px;display:grid;gap:12px}.table-bars>div{display:flex;align-items:center;gap:12px}.table-bars b{width:35px;font-size:14px}.table-bars .progress-track{flex:1;height:10px}.table-bars>div>span{width:37px;text-align:right;font-size:12px;color:var(--muted)}.week{display:flex;justify-content:space-between;gap:5px;text-align:center}.week>div{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.week small{font-size:10px}.week b{width:37px;height:40px;display:grid;place-items:center;background:#f4f5ed;border-radius:13px;font-size:14px}.week .studied b{background:#e0f1e5;color:var(--teal)}.review-card p{font-size:13px;color:var(--muted);margin-bottom:18px}.fact-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.fact-chips span{background:#fff0da;border:1px solid #eedac0;padding:6px 12px;border-radius:10px;font-weight:bold;font-size:13px}.badges{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}.badge{display:flex;flex-direction:column;align-items:center;text-align:center;opacity:.42;gap:9px}.badge>span{width:65px;height:65px;border-radius:23px;background:#e3e8dc;color:#769074;font-size:32px;display:grid;place-items:center;border:2px dashed #b6c4b0}.badge b{font-size:11px;line-height:1.4}.badge small{font-size:9px;color:var(--muted)}.badge.earned{opacity:1}.badge.earned>span{background:#fff0ca;border:2px solid #efc973;color:#c48c31;box-shadow:0 4px 0 #ead2a1}.session-shell{max-width:800px;margin:0 auto}.session-top{display:flex;align-items:center;gap:18px;margin-bottom:16px}.session-top>div{flex:1}.session-top b{display:block;font-size:15px}.session-top span:not(.session-tag){display:block;color:var(--muted);font-size:11px;margin-top:3px}.session-tag,#session-time{background:#e9f0e7;border-radius:12px;padding:8px 13px;color:#60816f;font-size:11px;font-weight:800}.session-track{height:8px;margin-bottom:24px}.task-card{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:28px;background:#fff;padding:30px 40px;text-align:center}.task-prompt{font-size:25px;line-height:1.4;letter-spacing:-.02em;max-width:620px;margin:0 auto 26px}.task-help{font-size:12px;color:var(--muted);line-height:1.5;margin:12px 0 20px}.formula{font-size:48px;font-weight:800;letter-spacing:-.02em;line-height:1.4;margin:10px auto 28px;display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}.formula>span{color:#91a6a5;font-size:35px}.formula>small{font-size:24px;color:#7f9b89}.blank{border:2px dashed #afa1c5;background:#f5f0fc;color:#8e73af;border-radius:16px;display:inline-grid;place-items:center;min-width:64px;min-height:64px;padding:2px 10px}.answer-options{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:580px;margin:0 auto 16px}.answer-options button{border:2px solid #d4e6df;border-bottom:5px solid #c0dacf;border-radius:18px;min-height:76px;background:#f3faf5;font-size:28px;font-weight:800}.answer-options button:hover{background:#e0f2e9;border-color:#7fb6a3}.hint-button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 20px;background:#fff6e7;color:#967441;border:1px solid #edddba;border-radius:14px;font-size:13px;font-weight:800;margin-top:12px}.hint-panel{background:#fff8e8;border:1px solid #efe0bc;border-radius:17px;padding:17px;text-align:left;font-size:13px;margin-top:16px}.hint-panel b{color:#a27a36}.hint-panel p{margin-top:6px}.repeat-tag{color:#8b74aa;background:#f0ebf9;padding:8px 17px;border-radius:12px;font-size:12px;margin-bottom:16px;width:fit-content}.baskets{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:570px;margin:0 auto}.basket{position:relative;width:89px;height:82px;border:2px dashed #c6dad2;border-radius:16px;background:#f8fbf5;display:grid;place-items:center;padding:10px 10px 18px}.basket.full{background:#e8f6e8;border:2px solid #a9cfb5;box-shadow:0 3px 0 #d1e8d3}.basket small{position:absolute;bottom:1px;font-size:10px;color:#6d8d7c}.basket-plus{font-size:30px;line-height:1;color:#a5c1b2}.dots{display:grid;grid-template-columns:repeat(var(--dot-cols),9px);gap:5px;justify-content:center;align-content:center}.dots i{width:9px;height:9px;border-radius:50%;background:#3d987d}.sequence{display:flex;align-items:center;justify-content:center;gap:8px;margin:32px 0}.sequence>span{width:75px;min-width:0;height:70px;display:grid;place-items:center;border-radius:16px;background:#e8f3ed;border:1px solid #d3e4d9;font-size:26px;font-weight:800}.sequence i{font-style:normal;color:#9bb4ab}.sequence .blank{min-width:0;border-style:dashed;background:#f2ecf9}.wheel{width:220px;height:220px;position:relative;margin:12px auto 22px;border-radius:50%;border:2px dashed #d5e5da;background:#f5f8ef}.wheel>b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:#ffe3a0;color:#a27432;border:2px solid #e9cb88;font-size:28px}.wheel>span{position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);width:40px;height:40px;transform:rotate(var(--angle)) translateY(-90px);background:#e5eee2;border-radius:50%;display:grid;place-items:center;border:1px solid #ccdcca;font-size:17px;font-weight:800;color:#749075}.wheel i{font-style:normal;transform:rotate(calc(-1 * var(--angle)))}.wheel>span.focus{background:var(--teal);color:white;border-color:var(--teal)}.number-hunt{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:440px;margin:25px auto 16px}.number-hunt button{font-size:24px;font-weight:800;border:2px solid #d8e5de;border-radius:17px;min-height:64px;background:#f6f9f0}.number-hunt button.selected{background:var(--teal);color:white;border-color:var(--teal-dark);box-shadow:0 3px 0 #005a68}.pairs-game{display:grid;grid-template-columns:1fr 1fr;gap:46px;max-width:430px;margin:30px auto}.pairs-game>div{display:grid;gap:16px}.pairs-game button{min-height:69px;border:2px solid #dfd7eb;border-bottom-width:4px;border-radius:17px;font-size:25px;background:#f5f0fb;font-weight:800}.pairs-game>div+div button{border-color:#c6ded1;background:#f0f8ed}.pairs-game button.selected{background:#d1c3e9;border-color:#9780b7}.pairs-game button.matched{background:#dff2e5;border-color:#97c7a8;color:#3f896b;opacity:.65}.interaction-message{font-size:13px;color:#9b6954;margin:16px 0;min-height:21px}.area-controls{display:flex;justify-content:center;gap:36px;margin:20px 0}.area-controls>div>small{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.area-controls>div>div{display:flex;align-items:center;justify-content:center;gap:14px}.area-controls button{min-width:44px;height:44px;border-radius:13px;background:#e9f3e9;border:1px solid #cbdcca;font-size:25px;color:var(--teal)}.area-controls b{min-width:24px;font-size:23px}.area-grid{display:grid;grid-template-columns:repeat(10,1fr);max-width:290px;aspect-ratio:1;margin:0 auto 14px;border:2px solid #a7c5ba;border-radius:3px;overflow:hidden;gap:1px;background:#c4d7d0;touch-action:manipulation}.area-grid span{background:#f6f9f2;cursor:pointer}.area-grid span.painted{background:#69b9a0}.equal-areas{display:flex;align-items:center;justify-content:center;gap:35px;flex-wrap:wrap;margin:30px 0;min-height:100px}.equal-areas>div{display:flex;flex-direction:column;align-items:center;gap:12px}.equal-areas small{font-size:15px;font-weight:800}.rectangle{display:grid;grid-template-columns:repeat(var(--cols),18px);gap:2px;flex-shrink:0;background:#ecb868;padding:2px;border-radius:3px;width:fit-content}.rectangle i{width:18px;height:18px;background:#ffdaa0;border-radius:1px}.equal-areas>div+div .rectangle{background:#8e80b3}.equal-areas>div+div .rectangle i{background:#d8c8ee}.bool-options{grid-template-columns:1fr 1fr;max-width:400px}.bool-options button{font-size:24px}.family{position:relative;width:300px;height:210px;max-width:100%;margin:10px auto 0}.family svg{width:100%;height:100%}.family>span{display:grid;place-items:center;position:absolute;width:68px;height:68px;border-radius:50%;border:3px solid #c8c0dc;background:#f0eaf9;font-size:30px;font-weight:800;z-index:1}.family .product{top:0;left:calc(50% - 34px);background:#ffedc8;border-color:#e7cb91}.family .left{left:25px;bottom:5px}.family .right{right:25px;bottom:5px}.family>b{position:absolute;top:110px;left:calc(50% - 27px);color:#99afa4}.chain-game{display:flex;align-items:center;justify-content:center;margin:20px auto 30px;gap:6px}.chain-game>b{font-size:25px;width:65px;min-width:0;height:61px;background:#e6f1e8;border-radius:16px;display:grid;place-items:center;border:1px solid #cddfd0}.chain-game>div{position:relative;min-width:33px;display:flex;flex-direction:column;align-items:center}.chain-game span{font-size:14px;font-weight:800;position:absolute;bottom:27px;white-space:nowrap;color:#ae7733;background:#fff0d7;padding:2px 6px;border-radius:6px}.chain-game i{font-style:normal;font-size:22px;color:#9cb2a7}.chain-game>.blank{background:#f2edf8;border-color:#c9b8de}.maze{display:grid;grid-template-columns:repeat(4,1fr);max-width:390px;gap:10px;margin:24px auto}.maze button{position:relative;min-height:64px;font-size:23px;font-weight:800;background:#f6f8ed;border:2px solid #dce5d3;border-radius:15px}.maze small{position:absolute;top:1px;left:6px;font-size:13px;color:#c29c50}.maze .walked{background:#c7e9d7;border-color:#70b89b}.maze .current{background:var(--teal);color:white;border-color:var(--teal-dark);box-shadow:0 0 0 3px #c5e6df}.maze .hinted-cell:not(.walked){border-style:dashed;border-color:#a18abe;background:#f0eaf8}.mini-table{border-collapse:separate;border-spacing:5px;margin:15px auto 25px;width:320px;max-width:100%;table-layout:fixed}.mini-table th,.mini-table td{height:56px;min-width:50px;border-radius:12px;background:#f1f5ed;text-align:center;font-size:21px}.mini-table th{background:#eadff4;color:#80689e}.mini-table .highlight{background:#d5c4e9;color:#5b427c}.mini-table .traced{background:#e4f2e8}.mini-table .target{background:var(--teal);color:white;border:2px solid #056573;font-size:27px;font-weight:800}.feedback{display:flex;gap:15px;text-align:left;background:#e6f4e8;border:1px solid #bbd9c0;border-radius:20px;padding:20px;margin:26px -8px 16px}.feedback.review{background:#fff3df;border-color:#e8d4ad}.feedback-icon{font-size:29px;color:#449c74}.feedback.review .feedback-icon{color:#c29048}.feedback h2{font-size:19px;line-height:1.4;letter-spacing:-.02em;margin-bottom:6px}.feedback p{font-size:13px;line-height:1.8}.feedback p+p{font-size:11px;color:var(--muted);margin-top:6px}.next-button{width:100%;max-width:450px}.answered .task-content{opacity:.55;max-height:360px;overflow:hidden}.answer-entry{max-width:300px;margin:0 auto 16px}.answer-entry label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}.answer-entry input{width:100%;height:65px;font-size:34px;text-align:center;border:2px solid #abd1c1;border-radius:17px;background:#f8fcf8;color:var(--ink);font-weight:800}.answer-entry p{font-size:11px;color:var(--muted);margin-top:10px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);max-width:300px;margin:auto;gap:9px}.keypad button{min-height:55px;background:#f3f6ed;border:1px solid #d6e1d3;border-bottom:4px solid #d6e1d3;border-radius:14px;font-size:23px;font-weight:800}.keypad .key-check{background:var(--teal);border-color:var(--teal-dark);color:white}.finish{text-align:center;max-width:780px;margin:24px auto;padding:38px;position:relative;overflow:hidden}.finish-stars{font-size:26px;color:#e7b54f;letter-spacing:10px}.finish-stars span{font-size:45px}.finish-robot{width:140px;margin:0 auto 10px}.finish h1{font-size:33px}.finish>p{color:var(--muted);font-size:14px;max-width:470px;margin:17px auto}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:500px;margin:30px auto;padding:22px 8px;border-block:1px solid var(--border)}.result-stats b{font-size:31px;display:block}.result-stats span{font-size:10px;color:var(--muted);display:block;margin-top:6px}.finish-actions{display:grid;gap:15px;max-width:380px;margin:25px auto 0}.finish-actions .text-link{font-size:13px}.timer-finish{font-weight:800;color:var(--teal)!important;font-size:26px!important}.app-dialog{width:min(570px,calc(100% - 28px));max-height:calc(100dvh - 40px);border:1px solid var(--border);border-radius:27px;padding:32px;color:var(--ink);background:var(--cream);box-shadow:0 25px 100px #063d5425;overflow:auto}.app-dialog::backdrop{background:#173f506a;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:16px;right:16px;width:39px;min-width:39px;height:39px;border-radius:14px}.app-dialog h2{font-size:27px;max-width:calc(100% - 35px);margin-bottom:22px}.app-dialog>p{font-size:14px;color:var(--muted)}.app-dialog>.eyebrow{font-size:11px;color:var(--teal);margin-top:20px}.language-select{border:0;padding:0;display:flex;gap:10px;margin:22px 0}.language-select legend{font-size:13px;font-weight:800;margin-bottom:12px}.language-select button{min-height:48px;flex:1;background:white;border:1px solid var(--border);border-radius:14px;font-size:14px}.language-select .selected{background:var(--teal);border-color:var(--teal);color:white}.setting-switch{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 0;border-bottom:1px solid var(--border);font-size:14px;cursor:pointer}.setting-switch small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:6px;max-width:330px}.setting-switch input{width:24px;height:24px;min-width:24px;accent-color:var(--teal)}.parent-details{margin:26px 0}.parent-details summary{cursor:pointer;font-size:14px;font-weight:800;min-height:44px;padding:10px 0}.parent-details p{font-size:12px;color:var(--muted);margin:12px 0}.backup-actions{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}.backup-actions .button{font-size:12px}.danger{color:#a84d40}.modal-actions{display:flex;flex-direction:column;gap:14px;margin-top:26px}.pause-overlay{position:fixed;inset:0;background:#173f5077;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:15;padding:20px}.pause-overlay>.panel{text-align:center;padding:40px;max-width:420px}.pause-overlay p{font-size:14px;color:var(--muted)}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-3deg)}}
@media(min-width:1500px){.layout{max-width:1240px}.hero{min-height:430px}.hero-art{height:370px}.hero-mio{top:95px;width:175px}.hero-scene{top:0}}
@media(max-width:900px){.layout{padding:0 24px}.hero{padding:28px;min-height:360px}.hero h1{font-size:40px}.hero-art{margin-right:-30px;height:310px}.hero-scene{width:135%;top:5px}.hero-mio{width:142px;top:100px;left:24%}.way-card{padding:22px 18px;gap:14px}.way-icon{width:48px;min-width:48px;height:48px;border-radius:17px}.way-icon svg{width:25px;height:25px}.way-card h2{font-size:23px}.daily-grid{grid-template-columns:1.4fr 1fr}.daily-card{padding:22px 18px;gap:14px}.round-icon{width:42px;min-width:42px;height:42px;border-radius:16px;font-size:23px}.daily-card h2{font-size:19px}.island-map{grid-template-columns:repeat(5,1fr);gap:50px 7px}.island-land{width:111px;height:90px}.island-top{width:89px;height:55px}.island-top>b{font-size:23px;top:22px}.beacon{left:32px}.island-node>strong{font-size:13px}.island-node>small{font-size:9px}.stat-grid{gap:12px}.stat-grid article{padding:19px}.badges{grid-template-columns:repeat(4,1fr);gap:24px 15px}}
@media(max-width:650px){body{font-size:15px}.layout{padding:0 18px}.topbar{height:86px;gap:9px}.brand{gap:9px;font-size:18px;line-height:1.25}.brand img{width:38px;height:38px;border-radius:12px}.brand small{font-size:8px;letter-spacing:0;margin-top:3px}.header-actions{gap:10px}.icon-button{width:42px;min-width:42px;height:42px;border-radius:14px}.header-actions .icon-button{width:39px;min-width:39px;height:39px}.language-mini{font-size:12px;padding:6px}.language-mini span{display:none}.nav{position:fixed;bottom:0;left:0;right:0;z-index:12;margin:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fffdf7ed;backdrop-filter:blur(15px);border:1px solid #d8e6df;border-width:1px 0 0;gap:5px;justify-content:space-around}.nav a{flex-direction:column;gap:5px;font-size:9px;line-height:1.2;flex:1;padding:9px 2px 7px;min-height:56px;border-radius:14px;text-align:center}.nav svg{width:22px;height:22px}.nav a.active{box-shadow:none;background:#e2f3ec;color:var(--teal)}.footer{margin:30px 0 0;padding:17px 0 107px;gap:15px;font-size:8px}.hero{display:flex;flex-direction:column;align-items:stretch;border-radius:27px;padding:25px 24px 0;min-height:unset}.hero .eyebrow{font-size:9px;letter-spacing:.04em;margin-bottom:12px}.hero h1{font-size:37px;line-height:1.13;letter-spacing:-.045em}.hero p{font-size:13px;line-height:1.6;max-width:290px;margin:16px 0 19px}.hero .button{font-size:14px;padding:12px 21px;min-height:50px;gap:20px}.hero .text-link{font-size:11px;margin-top:13px;gap:10px}.hero-art{height:201px;margin:0 -24px;overflow:hidden;align-self:stretch}.hero-scene{width:100%;max-width:410px;left:50%;transform:translateX(-50%);top:-24px}.hero-mio{width:108px;top:20px;left:43%;transform:rotate(-5deg)}.mini-stats{gap:17px;margin:20px 0 25px;font-size:9px}.mini-stats strong{font-size:13px}.mini-stats span{gap:4px}.crystal{font-size:17px}.sun{font-size:19px}.section-heading{margin:22px 0 16px}.section-heading h2{font-size:22px}.handwritten{font-size:11px;letter-spacing:0}.way-grid{gap:12px;grid-template-columns:1fr 1fr}.way-card{padding:18px 15px 32px;gap:0;flex-direction:column;border-radius:22px;min-height:222px}.way-icon{width:43px;min-width:43px;height:43px;border-radius:15px;margin-bottom:15px}.way-card .eyebrow{font-size:8px;margin-bottom:7px}.way-card h2{font-size:19px;letter-spacing:-.045em}.way-card p{font-size:10px;line-height:1.6;padding:0;margin-top:10px}.card-arrow{font-size:22px;right:15px;bottom:10px}.daily-grid{grid-template-columns:1fr;gap:16px;margin-top:18px}.daily-card{padding:23px 18px;gap:14px;border-radius:23px}.daily-card h2{font-size:20px}.daily-card p{font-size:11px;margin:10px 0 17px}.daily-card .button{font-size:11px;padding:11px 15px;gap:8px;width:100%}.round-icon{width:38px;min-width:38px;height:38px;border-radius:14px;font-size:22px}.goal-card{padding:20px 22px}.goal-count strong{font-size:36px}.goal-card .eyebrow{font-size:9px}.kind-note{font-size:10px;margin:21px auto 5px;line-height:1.6}.page-intro{margin:15px 0 25px}.page-intro h1{font-size:32px}.page-intro p{font-size:13px;margin-top:12px}.eyebrow{font-size:10px}.panel{padding:22px 19px;border-radius:22px;margin-bottom:18px}.table-panel h2{font-size:17px}.table-picker{gap:9px}.table-button{min-width:48px;height:49px;font-size:20px;padding:9px 12px;border-radius:14px}.table-button:last-child{font-size:12px;padding-inline:15px}.table-button span{font-size:11px}.mode-section{margin:25px 0}.mode-section h2{font-size:20px;margin-bottom:16px}.category-tabs{width:100%;gap:3px;padding:4px;margin-bottom:17px}.category-tabs button{padding:9px 6px;flex:1;font-size:10px;line-height:1.3;min-height:45px}.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{min-height:85px;padding:14px 15px;border-radius:19px;gap:13px}.mode-card b{font-size:17px}.mode-card small{font-size:10px;margin-top:5px}.mode-symbol{width:48px;min-width:48px;height:48px;font-size:26px}.start-bar{flex-direction:column;align-items:stretch;padding:21px;gap:18px}.start-bar b{font-size:18px}.start-bar span{font-size:10px}.start-bar .button{font-size:13px}.teaching-note{gap:14px;margin:24px 0}.teaching-note h3{font-size:16px}.teaching-note p{font-size:11px}.timed-card{padding:20px}.timed-card summary{font-size:14px}.timed-card p{font-size:12px}.resume-card{padding:16px;flex-direction:column;align-items:stretch;gap:14px}.resume-card b{font-size:15px}.resume-card p{font-size:11px}.resume-card .button{font-size:12px}.island-map{grid-template-columns:1fr 1fr;gap:39px 12px;padding:40px 13px 44px;border-radius:27px}.island-map:before{top:60px;bottom:40px;left:48%;right:auto;width:0;height:auto;border:3px dashed #abcfc9;border-bottom:0;border-radius:0}.island-node{padding-bottom:0}.island-node:nth-of-type(even){transform:translateY(42px)}.island-node:last-child{margin-bottom:25px}.island-land{width:123px;height:92px}.island-top{width:95px;height:57px}.island-top>b{font-size:24px}.island-node>strong{font-size:14px;margin-top:11px}.island-node>small{font-size:9px;max-width:130px}.mission-stars{font-size:19px;margin-top:5px}.c1{left:50%;top:26px}.w1{left:5px;top:18px;font-size:18px}.w2{bottom:10px;left:30%}.stat-grid{grid-template-columns:1fr 1fr;gap:13px}.stat-grid article{padding:20px;border-radius:20px}.stat-grid strong{font-size:34px!important}.stat-grid p{font-size:10px}.stats-columns{grid-template-columns:1fr;gap:0}.stats-columns .panel h2{font-size:20px}.badges{grid-template-columns:repeat(3,1fr);gap:24px 9px}.badge>span{width:59px;height:59px;border-radius:21px}.badge b{font-size:10px}.badge small{font-size:8px}.muted{font-size:11px}.session-top{gap:12px;margin-top:10px}.session-top>div>b{font-size:13px}.session-top span:not(.session-tag){font-size:10px}.session-tag,#session-time{font-size:9px;padding:8px}.session-track{margin-bottom:18px}.task-card{padding:23px 17px;border-radius:24px}.task-prompt{font-size:20px;line-height:1.45;margin-bottom:23px}.formula{font-size:38px;gap:11px;margin-bottom:24px}.formula>span{font-size:28px}.blank{min-width:51px;min-height:55px;border-radius:14px}.answer-options{grid-template-columns:1fr 1fr;gap:12px}.answer-options button{min-height:66px;font-size:26px;border-radius:16px}.bool-options button{font-size:22px}.task-help{font-size:11px;margin:9px 0 17px}.hint-button{font-size:12px;margin-top:11px}.hint-panel{font-size:12px;padding:15px}.baskets{gap:8px}.basket{width:74px;height:72px;border-radius:14px;padding:8px 7px 16px}.dots{grid-template-columns:repeat(var(--dot-cols),8px);gap:4px}.dots i{width:8px;height:8px}.sequence{gap:4px;margin:24px 0}.sequence>span{height:54px;font-size:21px;border-radius:12px}.sequence>i{font-size:12px}.wheel{width:193px;height:193px;margin:10px auto 22px}.wheel>b{width:67px;height:67px;font-size:25px}.wheel>span{transform:rotate(var(--angle)) translateY(-78px);width:36px;height:36px;left:calc(50% - 18px);top:calc(50% - 18px);font-size:16px}.number-hunt{gap:10px;grid-template-columns:repeat(3,1fr)}.number-hunt button{min-height:56px;font-size:23px;border-radius:16px}.pairs-game{gap:28px;margin:25px 0}.pairs-game button{font-size:22px;min-height:64px;border-radius:15px}.pairs-game>div{gap:13px}.area-grid{max-width:260px}.area-controls{gap:21px;margin:15px 0}.area-controls>div>small{font-size:9px}.area-controls>div>div{gap:10px}.area-controls b{font-size:21px}.area-controls button{width:44px;height:44px}.equal-areas{gap:24px;min-height:100px}.equal-areas>div{width:100%}.rectangle{grid-template-columns:repeat(var(--cols),18px)}.family{width:270px;height:200px}.family .left{left:12px}.family .right{right:12px}.family>b{top:104px}.family>span{width:60px;height:60px;font-size:27px}.family .product{left:calc(50% - 30px)}.chain-game{gap:4px;margin:34px -5px 25px}.chain-game>b{height:49px;border-radius:13px;font-size:23px;min-width:39px}.chain-game>div{min-width:27px}.chain-game span{font-size:11px;padding:2px 5px;bottom:25px}.chain-game>.blank{min-height:49px;min-width:44px}.maze{gap:9px;margin:22px 0}.maze button{min-height:58px;font-size:22px;border-radius:13px}.maze small{font-size:11px}.mini-table th,.mini-table td{height:49px;font-size:20px;border-radius:11px}.mini-table{border-spacing:4px}.feedback{margin:21px -4px 16px;padding:16px 12px;gap:11px}.feedback h2{font-size:16px}.feedback p{font-size:12px;word-break:normal}.feedback-icon{font-size:24px}.feedback p+p{font-size:10px}.next-button{font-size:14px}.answered .task-content{max-height:220px}.result-stats{padding:20px 0;gap:8px;margin:25px auto}.result-stats b{font-size:27px}.result-stats span{font-size:9px}.finish{padding:25px 20px;margin-top:15px}.finish-robot{width:116px}.finish h1{font-size:28px}.finish>p{font-size:12px}.finish .button{font-size:12px}.finish-actions{margin-top:22px}.app-dialog{padding:28px 22px;border-radius:24px}.app-dialog h2{font-size:25px;line-height:1.3;margin-top:8px}.app-dialog .dialog-close{top:12px;right:12px;width:35px;min-width:35px;height:35px;border-radius:12px}.setting-switch{font-size:13px}.setting-switch small{font-size:10px}.app-dialog>p{font-size:13px}.language-select button{font-size:13px}.parent-details p{font-size:11px}.backup-actions{flex-direction:column;gap:12px}.app-dialog .modal-actions .button{font-size:13px}.answer-entry input{height:58px}.keypad button{min-height:51px}.answer-entry{margin-bottom:13px}.session-shell .kind-note{font-size:9px}.pause-overlay>.panel{padding:32px}}
@media(max-width:360px){.layout{padding:0 13px}.brand{font-size:16px}.brand small{font-size:7px}.header-actions{gap:6px}.hero{padding:23px 21px 0}.hero h1{font-size:33px}.hero-art{margin:0 -21px;height:192px}.hero-mio{left:43%;width:101px;top:26px}.way-card{padding:16px 12px 30px}.way-card h2{font-size:17px}.way-card p{font-size:9px}.way-grid{gap:10px}.hero .text-link{font-size:10px}.task-card{padding:22px 14px}.task-prompt{font-size:18px}.basket{width:70px}.area-controls{gap:18px}.area-controls>div>div{gap:7px}.mini-stats{gap:12px;font-size:8px}.island-map{padding-inline:8px}.island-land{width:113px}.island-node>strong{font-size:13px}}
.input-style{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:12px;color:var(--ink);cursor:pointer}.input-style input{width:21px;height:21px;accent-color:var(--teal);flex-shrink:0}
html[data-target="android"] .backup-actions .button,html[data-target="yandex"] .backup-actions .button{display:none}
@media(max-width:650px){.nav a{font-size:11px}.mode-card small{font-size:11px}.way-card p{font-size:11px}.daily-card p{font-size:12px}.input-style{font-size:11px}}
html[data-reduced="true"] *,html[data-reduced="true"] *:before,html[data-reduced="true"] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}