@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#faf9f6;--paper:#fff;--ink:#252938;--muted:#7d808b;--line:#e9e8ed;--purple:#7160d5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:5px}button{border:0}aside{position:fixed;width:250px;inset:0 auto 0 0;background:var(--paper);border-right:1px solid var(--line);padding:35px 22px;display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--ink);font-family:Manrope,sans-serif;font-size:27px;font-weight:800;display:flex;gap:10px;align-items:center}.brand:first-letter{color:var(--purple)}.purple{color:var(--purple)}.workspace-label{font-size:9px;letter-spacing:1.5px;color:#a0a0ab;margin:49px 12px 18px}.nav{background:transparent;width:100%;display:flex;align-items:center;gap:13px;padding:14px 12px;text-align:left;color:#777987;border-radius:9px;margin-bottom:7px}.nav.active{background:#efecfb;color:#6d5cc8;font-weight:600}.nav small{margin-left:auto;background:white;padding:2px 7px;border-radius:5px}.side-note{margin-top:auto;padding:23px 13px}.side-note span{font-size:9px;color:#9a91b9;letter-spacing:1px}.side-note p{font-size:12px;color:#83818d;line-height:1.9}.upgrade{background:#f1effb;color:#6250b5;text-align:left;border:1px solid #e3ddf5;padding:16px 12px;border-radius:10px;font-size:12px;font-weight:600}.upgrade span{float:right}.upgrade small{display:block;font-size:10px;margin-top:8px;font-weight:400}.profile{display:flex;gap:9px;border-top:1px solid var(--line);margin-top:24px;padding-top:22px;font-size:11px;align-items:center}.profile small{display:block;color:var(--muted);font-size:8px;margin-top:5px}.avatar{border-radius:50%;background:#f5e9dd;padding:10px 13px;color:#a58165}main{margin-left:250px;padding:0 48px;max-width:1600px}header{height:87px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#85858e;font-size:12px}header>div{display:flex;gap:24px;align-items:center}.status{font-size:10px;color:#899486}.icon-btn{background:transparent;color:var(--muted);font-size:23px}.welcome{text-align:center;padding:49px 0 34px}.eyebrow{letter-spacing:1.8px;font-size:9px;font-weight:700;color:#9184bb}h1{font-family:Manrope,sans-serif;font-size:43px;line-height:1.25;letter-spacing:-1.8px;font-weight:800;margin:17px 0}h1 span{color:var(--purple)}.welcome>p{color:var(--muted);line-height:1.8;font-size:13px}.topic-box{text-align:left;max-width:790px;margin:30px auto 0;background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:20px 23px;box-shadow:0 8px 30px #35304c04}.topic-box label{font-size:12px;font-weight:600}.input-row{display:flex;align-items:center;gap:13px;margin:12px 0 15px}.input-row>span{font-size:26px;color:#aca4cd}input{min-width:0}.input-row input{flex:1;border:0;background:transparent;padding:12px 0;font-size:13px;color:var(--ink)}.input-row button,.primary{background:var(--purple);color:white;border-radius:8px;padding:13px 20px;font-size:12px;font-weight:600}.input-row button span{margin-left:15px}.suggestions{border-top:1px solid var(--line);padding-top:13px;font-size:10px;color:#9998a2;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.suggestions button{background:#f7f6f9;color:#85828d;border-radius:5px;font-size:9px;padding:6px 9px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.6px;margin:0 0 8px}.section-heading p{color:var(--muted);font-size:11px;margin:0}.level-label{font-size:10px;color:var(--muted)}select{background:var(--paper);color:#666779;border:1px solid var(--line);padding:8px;border-radius:6px;margin-left:7px;font-size:10px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tool{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:20px;text-align:left;transition:transform .2s,border-color .2s}.tool:hover{transform:translateY(-3px);border-color:#c0b5e8}.tool.selected{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple)}.tool-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:21px;background:var(--tint);color:var(--accent);margin-bottom:17px}.tool h3{font-size:13px;margin:0 0 7px}.tool p{color:var(--muted);font-size:10px;line-height:1.7;margin:0;max-width:220px}.tool .arrow{position:absolute;right:18px;top:25px;color:#b4b1bf}.tool small{display:block;margin-top:16px;color:var(--accent);font-size:9px}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:17px;margin-top:28px}.daily{position:relative;background:#eeeaf8;border-radius:12px;padding:23px;overflow:hidden}.daily h3,.tip h3{font-family:Manrope,sans-serif;font-size:20px;line-height:1.4;letter-spacing:-.5px;margin:12px 0}.daily p,.tip p{font-size:10px;line-height:1.8;color:#878292}.daily button,.tip button{background:transparent;padding:10px 0 0;color:#7864b6;font-size:10px;font-weight:700}.clock-art{position:absolute;right:28px;top:36px;width:116px;height:116px;border:1px solid #c6bbdf;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:35px;font-family:Manrope;color:#9785bb;transform:rotate(10deg)}.clock-art span{font-size:8px}.tip{display:flex;gap:20px;padding:23px;background:#f2f2e9;border-radius:12px}.tip .eyebrow{color:#93967c}.tip-icon{font-size:37px;color:#a0a586}.tip p{max-width:245px}.tip button{color:#858d62}footer{display:flex;justify-content:space-between;color:#aaa7b1;font-size:9px;padding:26px 0}.view:not(#home){padding:45px 0}.focus-card{text-align:center;margin:30px auto}.focus-card #timer{font-family:Manrope;font-size:95px;color:var(--purple);margin:40px 0}.secondary{padding:12px 18px;background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--ink)}.pause{display:block;margin:25px}.pricing-heading{text-align:center}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:820px;margin:40px auto}.pricing article{position:relative;border:1px solid var(--line);background:var(--paper);padding:35px;border-radius:16px}.pricing article.plus{border-color:var(--purple)}.price{font-size:40px;font-weight:700;margin:25px 0}.price small{font-size:12px;color:var(--muted);font-weight:400}.pricing li{padding:9px 0;color:#747480;font-size:12px}.pricing ul{padding-left:18px;min-height:170px}.pricing article>small{display:block;margin-top:12px;color:var(--muted);font-size:10px}.badge{display:block;color:var(--purple);font-size:9px;letter-spacing:1px;margin-bottom:18px}.pricing-note{text-align:center;font-size:11px;color:var(--muted)}#result{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:30px;margin:25px 0}.result-top{display:flex;justify-content:space-between;align-items:center}#result-title{margin-top:10px}#result-source{font-size:11px;color:var(--muted)}.material-card{border:1px solid var(--line);border-radius:9px;padding:18px;margin:12px 0;line-height:1.8}.material-card h3{margin-top:0}.answer{display:block;padding:10px 14px;margin:8px 0;width:100%;text-align:left;background:#f6f5fa;border:1px solid var(--line);border-radius:6px}.answer.correct{background:#e3f4e8}.answer.wrong{background:#fae4e4}.feedback{font-size:12px;color:#757180}textarea{display:block;width:100%;min-height:90px;margin:12px 0;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit}details{cursor:pointer;padding:12px;background:#f4f1fc;border-radius:8px;margin-top:10px}.result-actions{display:flex;gap:10px;margin-top:25px}.library-item{padding:20px;border:1px solid var(--line);background:var(--paper);border-radius:10px;margin:12px 0;display:flex;justify-content:space-between;align-items:center;gap:10px}.library-item small{display:block;color:var(--muted);margin-top:8px}.library-item button{margin-left:8px}#toast{position:fixed;bottom:25px;right:25px;background:var(--ink);color:white;padding:16px 22px;border-radius:10px;max-width:420px;z-index:5}body.dark{--bg:#191b24;--paper:#242733;--ink:#f1eff8;--muted:#aaa7ba;--line:#353847}.dark .daily,.dark .tip{background:#303044}.dark .answer,.dark details{background:#333044}[hidden]{display:none!important}@media(min-width:1500px){main{margin-right:auto}.welcome{padding-top:65px}}@media(max-width:1100px){aside{width:210px;padding:30px 16px}main{margin-left:210px;padding:0 28px}.clock-art{right:15px;width:85px;height:85px;font-size:28px}.daily p{max-width:180px}.tool{padding:16px}}@media(max-width:760px){aside{position:static;width:auto;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:23px}nav{display:flex;overflow:auto;margin-top:18px}.nav{white-space:nowrap;margin:0;font-size:11px;width:auto;gap:6px}.workspace-label,.side-note,.upgrade,.profile{display:none}main{margin:0;padding:0 20px}header{height:60px}.status{display:none}.welcome{padding-top:35px}h1{font-size:33px}.topic-box{padding:17px}.input-row{flex-wrap:wrap}.input-row input{width:80%;font-size:12px}.input-row button{width:100%}.tool-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid,.pricing{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:17px}.level-label{max-width:120px}select{margin:5px 0}.desktop{display:none}.tool p{font-size:11px}.clock-art{right:35px;width:110px;height:110px}.result-actions{flex-wrap:wrap}.library-item{flex-wrap:wrap}}

.concept-map{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:15px}.map-center{grid-column:1/-1;justify-self:center;background:var(--purple);color:white;border-radius:14px;padding:20px 40px;font-size:20px;font-weight:700;margin-bottom:20px}.concept-map .material-card{position:relative;margin:0;border-color:#d6ceec;background:#faf8ff}.concept-map .material-card:before{content:"↓";position:absolute;top:-28px;left:50%;font-size:22px;color:var(--purple)}.dark .concept-map .material-card{background:#302c42}@media(max-width:760px){.concept-map{grid-template-columns:1fr}.map-center{font-size:17px}}
.onboarding{border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);width:min(640px,94vw);padding:30px;max-height:92vh}.onboarding::backdrop{background:#27213b88;backdrop-filter:blur(6px)}.onboard-top,.onboard-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.onboard-top>span{font-size:21px;font-weight:800;color:var(--purple)}.onboard-progress{height:5px;border-radius:8px;background:var(--line);margin:22px 0}.onboard-progress span{display:block;height:100%;background:var(--purple);border-radius:8px}.onboarding h2{font-size:27px;margin:15px 0}.onboarding p{line-height:1.7;color:var(--muted)}.onboard-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.onboard-options button{padding:17px;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink)}.onboard-options button.chosen{background:#eeebfc;color:#6850bd;border-color:var(--purple)}.onboard-options input{grid-column:1/-1;border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--bg);color:var(--ink)}.onboarding small{display:block;font-size:10px;color:var(--muted);line-height:1.7;margin-top:22px}button:disabled{opacity:.55;cursor:default}.profile-banner{margin:23px 0 0;display:flex;align-items:center;gap:10px;justify-content:space-between;background:#f0edf9;border:1px solid #e3dcf3;border-radius:12px;padding:14px 18px}.profile-banner div{display:flex;gap:10px;align-items:center;font-size:12px;color:#7460b2}.profile-banner .secondary{font-size:11px}.material-progress{padding:15px;border-radius:10px;background:#f0edf9;color:#7460b2;display:flex;justify-content:space-between;gap:15px;margin-bottom:20px;align-items:center}.material-progress small{display:block;margin-top:6px}.map-guide{color:var(--muted);font-size:12px}.map-scroll{overflow:auto;border:1px solid var(--line);border-radius:18px;background-color:#fffdf8;background-image:radial-gradient(#d9d3c9 .8px,transparent .8px);background-size:20px 20px;max-height:850px;scrollbar-width:thin}.map-canvas{position:relative;width:1640px;height:1320px}.map-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-line{fill:none;stroke:#a6a0b1;stroke-width:2;stroke-dasharray:7 5}.map-wires text{font:11px 'DM Sans',sans-serif;fill:#8f839b;paint-order:stroke;stroke:#fffdf8;stroke-width:5}.map-wires .decor{stroke:#d3b866;fill:none;stroke-width:3}.map-hub{position:absolute;left:820px;top:660px;transform:translate(-50%,-50%) rotate(-3deg);width:240px;min-height:160px;border:3px solid #8471c0;border-radius:45% 50% 46% 48%;background:#ede7fd;box-shadow:8px 10px 0 #e7e1f066;padding:22px;text-align:center;display:grid;justify-items:center;gap:10px}.map-hub svg{width:43px;height:43px;color:#8c77bc}.map-hub strong{font-size:22px}.map-hub span{font-size:10px;color:#8c77bc}.map-note{position:absolute;transform:translate(-50%,-50%) rotate(var(--tilt));width:228px;border:1px solid #d6bf82;border-radius:6px 20px 7px 19px;background:#fff2c9;box-shadow:4px 6px 0 #bfb6a326;padding:14px;margin:0;transition:box-shadow .2s}.map-note summary{list-style:none;display:grid;grid-template-columns:35px 1fr;gap:7px;align-items:center;font-weight:700;font-size:13px;line-height:1.4}.map-note summary::-webkit-details-marker{display:none}.map-note summary svg{width:32px;height:32px;color:#b6904d;transform:rotate(-8deg)}.map-note summary small{grid-column:2;font-size:9px;color:#887863;font-weight:400}.map-note[open]{z-index:4;width:300px;box-shadow:0 16px 45px #39293a33;transform:translate(-50%,-50%)}.note-content p{font-size:12px;line-height:1.65;white-space:pre-line}.map-example{border-top:1px dashed #bfb09c;padding-top:10px}.map-example b{font-size:10px;text-transform:uppercase;letter-spacing:1px}.note-1{background:#e5f2eb;border-color:#9cbfaa}.note-2{background:#e6edfc;border-color:#a6b6dc}.note-3{background:#fae5e9;border-color:#d7a9b2}.note-4{background:#ede5fb;border-color:#bda8d8}.note-5{background:#fce8d6;border-color:#dcb793}.sub-note{width:205px;border-radius:18px 4px 17px 5px}.map-reading{margin-top:20px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.map-reading details{margin:0;font-size:12px;line-height:1.7}.map-reading summary{display:flex;align-items:center;gap:10px}.map-reading svg{width:24px;height:24px;color:var(--purple)}.dark .map-scroll{background-color:#242633}.dark .map-note{color:#292735}.dark .map-hub{color:#292735}#language-select{max-width:120px;font-size:11px}.result-actions{flex-wrap:wrap}@media(max-width:760px){.onboarding{padding:22px}.onboard-options{grid-template-columns:1fr}.profile-banner{flex-wrap:wrap}.map-reading{grid-template-columns:1fr}.map-scroll{max-height:650px}.material-progress{flex-wrap:wrap}}

.map-toolbar{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin:12px 0}.map-zoom-label{color:var(--muted);font-size:12px;min-width:40px;text-align:center}.map-stage{position:relative}.map-scroll{max-height:850px} .landing header nav{overflow:visible;margin-top:0}

.map-stage .map-canvas{position:absolute;top:0;left:0}.map-note summary{font-size:17px}.map-note summary small{font-size:12px}.map-note summary svg{width:36px;height:36px}.map-note{width:240px}.sub-note{width:225px}.note-content p{font-size:16px}.map-note[open]{width:360px}.dark .map-note.note-0{background:#fff2c9;color:#302a25}.dark .map-note.note-1{background:#e5f2eb;color:#243b30}.dark .map-note.note-2{background:#e6edfc;color:#29334a}.dark .map-note.note-3{background:#fae5e9;color:#462b33}.dark .map-note.note-4{background:#ede5fb;color:#352c46}.dark .map-note.note-5{background:#fce8d6;color:#4c3524}.dark .map-wires text{fill:#d4c6ec;stroke:#242633;stroke-width:4}.map-scroll{scrollbar-color:#b9aacd transparent}

.map-plus-dialog{max-width:480px;width:calc(100% - 32px);border:1px solid #bca7de;border-radius:20px;padding:30px;color:#292735;background:#fffdf8}.map-plus-dialog::backdrop{background:#22143888}.map-plus-dialog p{line-height:1.7}.result-actions{flex-wrap:wrap}

#result .result-actions{position:sticky;top:8px;z-index:12;display:flex;gap:10px;margin:16px 0 22px;padding:14px;border:1px solid var(--line,#e4deed);border-radius:14px;background:var(--surface,#fffdf8);box-shadow:0 4px 16px #22143812}#result .result-actions button[hidden]{display:none}.dark #result .result-actions{background:#242633}

.practice-actions{display:flex;gap:12px;margin:12px 0;flex-wrap:wrap}

.math-intro{max-width:760px;line-height:1.8;color:var(--muted)}.math-form{max-width:850px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--paper);display:grid;gap:14px;margin:24px 0}.math-form label{font-weight:600}.math-form label span{font-weight:400;color:var(--muted)}.math-form textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:14px;font:inherit;line-height:1.6;background:var(--bg);color:var(--ink)}.math-form select{width:fit-content}.math-form button:disabled{opacity:.6;cursor:wait}.math-paper{max-width:900px;position:relative;margin:30px 0 60px;padding:36px 40px 40px 65px;color:#233f71;background-color:#fffdf6;background-image:linear-gradient(#8aaed32c 1px,transparent 1px),linear-gradient(90deg,#8aaed32c 1px,transparent 1px);background-size:24px 24px;border:1px solid #dcd8cb;box-shadow:0 12px 35px #202b4510;border-radius:4px}.math-paper::before{content:'';position:absolute;left:44px;top:0;bottom:0;width:1px;background:#e0989870}.math-paper-heading span{font:10px sans-serif;letter-spacing:2px}.math-paper h2{font-size:28px}.math-step,.math-conclusion{padding:12px 0 20px;border-bottom:1px dashed #8aaed360}.math-paper h3,.math-paper p{font-family:'Segoe Print','Bradley Hand','Comic Sans MS',cursive;line-height:1.8}.math-paper h3{font-size:18px;margin:12px 0}.math-paper p{font-size:17px;white-space:pre-wrap}.math-form #math-status:empty{display:none}.math-form #math-status{line-height:1.6}.math-formula{font-size:1.45rem;padding:15px 0;overflow-x:auto;overflow-y:hidden}.math-formula math{color:#233f71}.math-continue{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:20px}.math-paper [hidden]{display:none}.dark .math-paper{box-shadow:0 12px 35px #0003}@media(max-width:650px){.math-form{padding:18px}.math-paper{padding:24px 16px 30px 36px}.math-paper::before{left:24px}.math-paper h2{font-size:23px}.math-formula{font-size:1.15rem}.math-continue{flex-wrap:wrap}}

.analytics-consent{position:fixed;z-index:1000;bottom:16px;left:16px;right:16px;max-width:660px;margin:auto;padding:22px;border:1px solid #d4c8e8;border-radius:18px;background:#fffdf8;color:#252938;box-shadow:0 8px 45px #22143835}.analytics-consent p{line-height:1.6}.analytics-consent button{padding:12px 16px;margin:12px 8px 0 0;border:1px solid #7160d5;border-radius:9px;background:#f3eefb;color:#4c3990}.analytics-consent a{color:#4c3990;display:block}.cookie-preferences{padding:8px;background:transparent;color:inherit;text-decoration:underline;font:inherit}