html{background:#f4f7f9;min-width:320px}body{min-width:320px;min-height:100vh}#root{min-height:100vh}:root{--blue:#18589a;--blue2:#2777c5;--navy:#173657;--ink:#184f92;--text:#17324f;--muted:#71839a;--line:#b9daf3;--paper:#fffefb;--red:#e7a3a3;--bg:#f4f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.top-header{background:#fff;border-bottom:1px solid #e2e9ef}.header-inner{align-items:center;max-width:1180px;min-height:104px;margin:auto;padding:18px 25px;display:flex}.graduation-cap{width:78px;height:60px;margin-right:10px;position:relative}.cap-top{color:#155a9d;font-size:62px;line-height:40px;position:absolute;top:2px;left:4px;transform:scaleX(1.3)rotate(1deg)}.cap-base{background:#155a9d;border-radius:0 0 15px 15px;width:43px;height:15px;position:absolute;top:36px;left:18px}.cap-tassel{background:#155a9d;width:2px;height:28px;position:absolute;top:24px;left:67px;transform:rotate(-7deg)}.cap-tassel:after{content:"";background:#155a9d;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-4px;left:-3px}.brand h1{color:#155a9d;margin:0;font-family:Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:34px;line-height:1.1}.brand h1 span{font-weight:500}.brand p{color:#607b9b;margin:4px 0 0;font-size:16px}.header-note{color:#36699f;margin-left:auto;font-family:Segoe Print,Bradley Hand,cursive;font-size:17px;line-height:1.35;position:relative;transform:rotate(-3deg)}.header-note i{background:#36699f;width:110px;height:2px;margin-top:4px;display:block;transform:rotate(-7deg)}.topic-nav{background:#fff;border-bottom:1px solid #dde6ee;box-shadow:0 3px 10px #1432500a}.nav-inner{justify-content:center;gap:8px;max-width:850px;margin:auto;padding:9px 12px;display:flex}.nav-inner button{color:#526d8c;background:0 0;border:0;border-radius:10px;min-width:92px;padding:9px 12px;font-size:20px}.nav-inner button span{margin-top:3px;font-size:12px;display:block}.nav-inner button.active{color:#075cc1;background:#e2efff}.page{width:min(1080px,100% - 28px);margin:24px auto 55px}.question-card,.solution-section{background:#fff;border:1px solid #dbe5ee;border-radius:17px;box-shadow:0 8px 28px #1c3b5712}.question-card{padding:28px}.question-heading{align-items:center;gap:13px;display:flex}.question-heading h2{margin:0;font-size:25px}.question-heading p{color:var(--muted);margin:4px 0 0}.pen-icon{color:#205e99;font-family:Georgia,serif;font-size:39px}.input-tabs{background:#f2f5f8;border-radius:10px;grid-template-columns:repeat(3,1fr);margin-top:23px;padding:4px;display:grid}.input-tabs button{color:#637994;background:0 0;border:0;border-radius:8px;padding:11px}.input-tabs button.active{color:#075fc7;background:#dcecff;font-weight:700}.input-tabs button:disabled{cursor:default}.math-input{color:#1d3554;background:#fff;border:1.5px solid #a9c5df;border-radius:11px;outline:none;width:100%;height:105px;margin-top:16px;padding:20px;font-family:Georgia,serif;font-size:27px}.math-input:focus{border-color:#2e80cf;box-shadow:0 0 0 4px #2e80cf17}.quick-title{color:#355a80;margin:20px 0 9px;font-weight:700}.quick-examples{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.quick-examples button{color:#35577a;background:#fff;border:1px solid #cdddeb;border-radius:9px;padding:12px;font-family:Georgia,serif;font-size:16px}.quick-examples button:hover{background:#f5faff;border-color:#65a4dc}.solve-space{height:42px}.solve-button{color:#fff;background:linear-gradient(135deg,#185b9e,#2878c4);border:0;border-radius:13px;width:100%;min-height:61px;font-size:19px;font-weight:800;box-shadow:0 9px 22px #195b9d30}.solve-button:hover{filter:brightness(.96);transform:translateY(-1px)}.play{margin-right:10px}.solve-hint{color:#547393;flex-direction:column;align-items:center;margin-top:12px;font-size:23px;display:flex}.solve-hint span{margin-top:2px;font-size:13px}.error-box{color:#9b4141;background:#fff0f0;border-radius:8px;margin-top:14px;padding:12px 14px}.solution-section{margin-top:25px;padding:24px;scroll-margin-top:15px}.solution-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;display:flex}.solution-title{align-items:center;gap:13px;display:flex}.book-icon{color:#1165bd;font-size:38px}.solution-title h2{margin:0;font-size:23px}.solution-title p{color:#71839a;margin:3px 0 0}.animation-controls{gap:8px;display:flex}.animation-controls button{color:#3b6185;background:#f8fbfd;border:1px solid #c6d8e7;border-radius:9px;padding:10px 13px}.notebook-progress{color:#527092;align-items:center;gap:14px;margin:4px 0 12px 58px;font-size:13px;display:flex}.progress-track{background:#dbe5ed;border-radius:999px;width:190px;height:7px;overflow:hidden}.progress-fill{background:#3d92e2;border-radius:999px;height:100%;transition:width .3s}.real-notebook{background-color:#fffefa;background-image:repeating-linear-gradient(#0000 0 39px,#58a0d540 40px,#0000 41px);border:1px solid #e0ddd3;border-radius:11px;min-height:560px;max-height:720px;position:relative;overflow:hidden auto;box-shadow:inset 0 0 35px #46412d06,0 12px 30px #323c4614}.margin-line{background:#dc5b5b80;width:1px;position:absolute;top:0;bottom:0;left:73px}.spiral{flex-direction:column;justify-content:space-around;align-items:center;width:44px;display:flex;position:absolute;top:17px;bottom:15px;left:0}.spiral span{background:linear-gradient(#202020,#686868,#161616);border-radius:10px;width:31px;height:8px;display:block;transform:translate(-11px);box-shadow:3px 1px 3px #00000040}.writing-area{padding:27px 35px 70px 100px}.written-line{color:#555;letter-spacing:.02em;text-shadow:.25px .15px .15px #0000004d;width:max-content;max-width:90%;min-height:40px;font-family:Segoe Print,Bradley Hand,Comic Sans MS,Chalkboard SE,cursive;font-size:20px;line-height:40px;position:relative;transform:rotate(-.12deg)}.written-line:nth-child(3n){transform:rotate(.16deg)}.written-line.title{color:#444;font-size:26px;font-weight:700}.written-line.math{font-size:23px}.written-line.note{color:#6a6a6a;font-size:17px;font-style:italic}.written-line.section{margin-top:13px;font-size:20px;font-weight:700}.written-line.answer{font-size:24px;font-weight:700}.written-line.final{border:1px solid #4646467a;border-radius:5px;margin-top:8px;padding:0 11px;font-size:24px;font-weight:700}.written-line.comment{margin-top:15px;font-size:17px;font-style:italic}.pencil-writer{vertical-align:middle;width:86px;height:26px;margin-left:5px;animation:.22s ease-in-out infinite alternate pencilBob;display:inline-block;position:relative;transform:translateY(-4px)rotate(-9deg)}.pencil-body{background:linear-gradient(#e8b44e 0%,#f5ce6b 45%,#c98c2c 100%);border-radius:2px;width:68px;height:12px;position:absolute;top:5px;left:10px;box-shadow:0 1px 2px #0003}.pencil-body:after{content:"";background:#d8888e;border-left:2px solid #b8a38e;width:9px;height:12px;position:absolute;top:0;right:-5px}.pencil-tip{border-top:7px solid #0000;border-bottom:7px solid #0000;border-right:16px solid #d6b98a;width:0;height:0;position:absolute;top:4px;left:0}.pencil-tip:after{content:"";border-top:2px solid #0000;border-bottom:2px solid #0000;border-right:5px solid #343434;width:0;height:0;position:absolute;top:-2px;left:8px}@keyframes pencilBob{0%{transform:translateY(-3px)rotate(-8deg)}to{transform:translateY(-6px)rotate(-10deg)}}.writing-cursor{vertical-align:middle;background:#777;width:2px;height:22px;margin-left:3px;animation:.7s infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.graph-reveal{animation:.7s both graphEnter}@keyframes graphEnter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.graph-intro{color:#315979;flex-direction:column;gap:3px;margin-top:22px;display:flex}.graph-intro span{color:#738394;font-size:14px}.fear-message{color:#55718e;background:#edf3f7;border-radius:15px;align-items:center;gap:13px;margin-top:22px;padding:20px 24px;display:flex}.fear-message>span{font-size:29px}.fear-message strong{color:#41698e;font-family:Segoe Print,Bradley Hand,cursive}.fear-message p{margin:3px 0 0;font-size:13px}footer{color:#fff;text-align:center;background:#173657;padding:28px}footer span{color:#81a4c4;margin:0 8px}@media (width<=760px){.header-inner{min-height:90px;padding:15px}.graduation-cap{transform-origin:0;width:62px;margin-right:0;transform:scale(.75)}.brand h1{font-size:25px}.brand p{font-size:12px}.header-note{display:none}.nav-inner{justify-content:flex-start;overflow-x:auto}.nav-inner button{min-width:78px}.page{width:calc(100% - 16px)}.question-card,.solution-section{padding:16px}.quick-examples{grid-template-columns:1fr}.solve-space{height:25px}.solution-toolbar{flex-direction:column;align-items:flex-start}.animation-controls{width:100%}.animation-controls button{flex:1}.notebook-progress{margin-left:0}.progress-track{flex:1}.margin-line{left:48px}.writing-area{padding:24px 12px 60px 63px}.written-line{max-width:95%;font-size:17px}.written-line.math{font-size:19px}.written-line.title{font-size:22px}.pencil-writer{transform-origin:0;transform:scale(.78)rotate(-9deg)}.real-notebook{min-height:500px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pencil-writer{animation:none}}.compact-graph-card{background:#fff;border:1px solid #d7e3ec;border-radius:14px;width:min(100%,760px);margin:18px auto 0;padding:16px;box-shadow:0 7px 20px #1f415f0f}.compact-graph-title{justify-content:space-between;align-items:center;gap:18px;margin-bottom:12px;display:flex}.compact-graph-title span{color:#6888a4;letter-spacing:.13em;font-size:10px;font-weight:800;display:block}.compact-graph-title h3{margin:2px 0 0;font-size:18px}.compact-graph-title>strong{color:#315a7c;background:#f0f6fa;border-radius:8px;padding:7px 10px;font-family:Georgia,serif;font-size:14px;font-weight:500}.graph-layout{grid-template-columns:minmax(0,520px) 175px;justify-content:center;align-items:center;gap:17px;display:grid}.graph-box{width:100%;max-width:520px}.compact-graph-svg{width:100%;height:auto;max-height:330px;display:block}.graph-bg{fill:#fbfdfe}.small-grid{stroke:#edf2f5;stroke-width:1px}.small-axis{stroke:#73828e;stroke-width:1.2px}.small-axis-label{fill:#75838e;font-size:10px}.quadratic-path,.linear-path{stroke:#28689d;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.point-x1{fill:#c34e4e;stroke:#fff;stroke-width:2px}.point-x2{fill:#326fbe;stroke:#fff;stroke-width:2px}.point-vertex{fill:#3d8b62;stroke:#fff;stroke-width:2px}.point-intercept{fill:#9a63b8;stroke:#fff;stroke-width:2px}.graph-side-legend{border-left:1px solid #e1e8ed;flex-direction:column;justify-content:center;align-self:stretch;gap:11px;padding:12px;display:flex}.legend-heading{color:#506d86;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:12px;font-weight:800}.legend-row{align-items:center;gap:9px;display:flex}.legend-dot{border-radius:50%;flex:none;width:11px;height:11px;display:block}.legend-dot.x1{background:#c34e4e}.legend-dot.x2{background:#326fbe}.legend-dot.vertex{background:#3d8b62}.legend-dot.intercept{background:#9a63b8}.legend-row div{flex-direction:column;display:flex}.legend-row strong{color:#385773;font-size:13px}.legend-row span{color:#687c8d;margin-top:1px;font-family:Georgia,serif;font-size:13px}.legend-note{color:#87949f;margin-top:6px;font-size:11px;line-height:1.45}@media (width<=700px){.compact-graph-card{padding:12px}.compact-graph-title{flex-direction:column;align-items:flex-start;gap:7px}.graph-layout{grid-template-columns:1fr;gap:8px}.graph-box{max-width:100%}.compact-graph-svg{max-height:285px}.graph-side-legend{border-top:1px solid #e1e8ed;border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.legend-heading,.legend-note{grid-column:1/-1}}.polynomial-path{stroke:#315f91;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.poly-root{stroke:#fff;stroke-width:2px}.root-0,.legend-dot.poly-0{fill:#c34e4e;background:#c34e4e}.root-1,.legend-dot.poly-1{fill:#326fbe;background:#326fbe}.root-2,.legend-dot.poly-2{fill:#3d8b62;background:#3d8b62}.root-3,.legend-dot.poly-3{fill:#9a63b8;background:#9a63b8}.math-entry-tools{margin-top:10px}.math-live-preview span{color:#748798;flex:none;font-size:12px;font-weight:700}.math-live-preview strong{overflow-wrap:anywhere;color:#263f55;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500}.math-typing-tip strong{color:#3c627f;font-family:monospace}.math-typing-tip b{color:#294e6b;font-family:Georgia,Times New Roman,serif;font-size:14px}@media (width<=600px){.math-live-preview{flex-direction:column;align-items:flex-start;gap:3px}.math-keyboard{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.math-key{width:100%;min-width:0;padding:0 3px}}.math-entry-tools{margin-top:10px;margin-bottom:18px}.math-live-preview{background:#f8fbfd;border:1px solid #d9e4ec;border-radius:10px;align-items:center;gap:10px;min-height:44px;margin-bottom:9px;padding:9px 13px;display:flex}.math-live-preview span{color:#718697;font-size:12px;font-weight:700}.math-live-preview strong{color:#263f55;overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500}.math-keyboard{flex-wrap:wrap;gap:6px;display:flex}.math-key{color:#294e6b;cursor:pointer;background:#fff;border:1px solid #cedce6;border-radius:8px;min-width:44px;height:40px;padding:0 11px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:600;transition:transform .12s,background .12s,border-color .12s;box-shadow:0 2px 5px #1f48670f}.math-key:hover{background:#eef6fb;border-color:#a8c5d9;transform:translateY(-1px)}.math-key:active{transform:translateY(1px)}.math-typing-tip{color:#748695;margin-top:8px;font-size:12px;line-height:1.6}.math-typing-tip code{color:#355a76;background:#eef3f6;border-radius:4px;margin-left:6px;padding:2px 5px;font-family:monospace}.math-typing-tip b{color:#294e6b;font-family:Georgia,Times New Roman,serif}@media (width<=600px){.math-live-preview{flex-direction:column;align-items:flex-start;gap:3px}.math-keyboard{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.math-key{width:100%;min-width:0;padding:0 3px}}.school-selector{background:linear-gradient(#fbfdfe 0%,#f6fafc 100%);border:1px solid #dce7ee;border-radius:18px;width:100%;margin:0 0 28px;padding:22px;box-shadow:0 8px 24px #2343590f}.school-selector-heading{margin-bottom:18px}.school-selector-kicker{color:#6c8496;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.school-selector-heading h2{color:#233e54;margin:0;font-size:22px;line-height:1.2}.school-selector-heading p{color:#718493;margin:6px 0 0;font-size:13px}.education-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.education-level{text-align:left;color:#34536a;cursor:pointer;background:#fff;border:1px solid #d5e1e9;border-radius:13px;align-items:center;gap:12px;width:100%;padding:15px 16px;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s;display:flex}.education-level:hover{border-color:#aac3d5;transform:translateY(-1px);box-shadow:0 5px 14px #25496314}.education-level.active{background:#edf6fb;border-color:#527d9b;box-shadow:inset 0 0 0 1px #527d9b26}.education-level-icon{background:#f1f6f9;border-radius:11px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;font-size:21px;display:flex}.education-level.active .education-level-icon{background:#dfeef7}.education-level-text{flex-direction:column;gap:3px;display:flex}.education-level-text strong{color:#29485f;font-size:15px}.education-level-text small{color:#7a8e9d;font-size:12px}.school-years{border-top:1px solid #e1e9ee;padding-top:16px}.school-years-title{color:#506b7e;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800}.school-years-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.school-years-grid.high-school{grid-template-columns:repeat(3,minmax(0,1fr))}.school-year{color:#456278;cursor:pointer;background:#fff;border:1px solid #d5e1e9;border-radius:9px;min-height:43px;padding:8px 6px;font-size:13px;font-weight:700;transition:transform .12s,border-color .12s,background .12s,color .12s}.school-year:hover{border-color:#a9c2d3;transform:translateY(-1px)}.school-year.active{color:#fff;background:#527d9b;border-color:#527d9b;box-shadow:0 4px 10px #365b7529}@media (width<=650px){.school-selector{padding:17px}.education-levels{grid-template-columns:1fr}.school-years-grid,.school-years-grid.high-school{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=390px){.school-years-grid,.school-years-grid.high-school{grid-template-columns:repeat(2,minmax(0,1fr))}}.grade4-panel{background:#fff;border:1px solid #dce6ed;border-radius:18px;margin:0 0 26px;padding:22px;box-shadow:0 8px 24px #22435b0f}.grade4-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.grade4-label{color:#71899a;letter-spacing:.1em;font-size:10px;font-weight:800}.grade4-header h2{color:#25465e;margin:3px 0 2px;font-size:26px}.grade4-header p{color:#748795;margin:0;font-size:13px}.grade4-badge{color:#416b89;background:#edf5fa;border-radius:15px;flex:0 0 56px;justify-content:center;align-items:center;width:56px;height:56px;font-size:21px;font-weight:800;display:flex}.grade4-subjects{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:15px;display:grid}.grade4-subject{color:#49677c;cursor:pointer;background:#f9fbfc;border:1px solid #d4e0e8;border-radius:10px;min-height:48px;font-size:14px;font-weight:700}.grade4-subject span{margin-right:6px}.grade4-subject.active{color:#fff;background:#527d9b;border-color:#527d9b}.grade4-current{color:#758897;align-items:center;gap:5px;margin:0 0 12px;font-size:12px;display:flex}.grade4-current strong{color:#365b75}.grade4-units{flex-direction:column;gap:8px;display:flex}.grade4-unit{background:#fbfcfd;border:1px solid #dce5eb;border-radius:11px;overflow:hidden}.grade4-unit summary{cursor:pointer;align-items:center;min-height:50px;padding:9px 12px;list-style:none;display:flex}.grade4-unit summary::-webkit-details-marker{display:none}.grade4-unit-icon{width:32px;font-size:18px}.grade4-unit-name{color:#34566e;flex:1;font-size:14px;font-weight:800}.grade4-count{color:#8798a4;font-size:11px}.grade4-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:4px 11px 12px;display:grid}.grade4-topic{text-align:left;color:#536d80;cursor:pointer;background:#fff;border:1px solid #e0e8ed;border-radius:8px;align-items:flex-start;gap:7px;width:100%;padding:9px 10px;font-size:12px;line-height:1.35;transition:border-color .12s,background .12s,transform .12s;display:flex}.grade4-topic:hover{background:#f3f8fb;border-color:#aec5d5;transform:translateY(-1px)}.topic-dot{color:#668ca6;font-weight:900}@media (width<=600px){.grade4-panel{padding:16px}.grade4-topics{grid-template-columns:1fr}.grade4-subjects{grid-template-columns:1fr 1fr}.grade4-current{flex-direction:column;align-items:flex-start}}.school-mode .legacy-solver{display:none}.numbers-main-card{color:#315c79;text-align:left;cursor:pointer;background:#eef7fd;border:1px solid #bcd4e5;border-radius:12px;align-items:center;gap:13px;width:100%;margin:0 0 12px;padding:15px 16px;display:flex}.numbers-main-card:hover{background:#e3f2fc}.numbers-main-icon{font-size:27px}.numbers-main-card>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.numbers-main-card strong{font-size:16px}.numbers-main-card small{color:#718999;font-size:12px}.numbers-main-card b{font-size:22px}.numbers-school{background:#fff;border:1px solid #d8e5ed;border-radius:18px;margin:0 0 25px;padding:24px;box-shadow:0 8px 24px #22435b0f}.numbers-breadcrumb{color:#7890a1;flex-wrap:wrap;gap:7px;margin-bottom:13px;font-size:12px;display:flex}.numbers-breadcrumb strong{color:#2e6388}.numbers-back{color:#326589;cursor:pointer;background:#edf5fa;border:0;border-radius:8px;margin:0 0 18px;padding:8px 12px;font-weight:700}.numbers-hero{background:linear-gradient(135deg,#eaf7ff,#f8fcff);border-radius:16px;align-items:center;gap:18px;margin-bottom:17px;padding:21px;display:flex}.numbers-hero-icon{background:#fff;border-radius:18px;flex:0 0 68px;justify-content:center;align-items:center;width:68px;height:68px;font-size:34px;display:flex}.numbers-hero span{color:#5480a0;letter-spacing:.07em;font-size:11px;font-weight:800}.numbers-hero h2{color:#214e70;margin:3px 0 4px;font-size:28px}.numbers-hero p{color:#668092;margin:0}.numbers-lessons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.numbers-lesson-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #dbe7ee;border-radius:12px;align-items:center;gap:11px;min-height:83px;padding:12px;transition:all .15s;display:flex}.numbers-lesson-card:hover{border-color:#9dc6e2;transform:translateY(-2px);box-shadow:0 6px 16px #245b8217}.lesson-number{color:#36749f;background:#e8f4fc;border-radius:50%;flex:0 0 27px;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;font-weight:900;display:flex}.lesson-emoji{font-size:22px}.lesson-card-text{flex-direction:column;flex:1;gap:3px;display:flex}.lesson-card-text strong{color:#31546d;font-size:13px}.lesson-card-text small{color:#7b8f9d;font-size:11px;line-height:1.35}.lesson-arrow{color:#6b9aba;font-size:18px}.kid-lesson{max-width:900px;margin:auto}.kid-lesson-title{align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.kid-lesson-title>span{font-size:40px}.kid-lesson-title small{color:#698ba3;letter-spacing:.08em;font-size:10px;font-weight:900}.kid-lesson-title h2{color:#214f71;margin:3px 0 4px;font-size:27px}.kid-lesson-title p{color:#6e8494;margin:0}.kid-explanation,.kid-example,.kid-exercise,.kid-practice{border-radius:14px;margin:13px 0;padding:19px}.kid-explanation{background:#f3faff;border:1px solid #cfe5f3}.kid-explanation h3,.kid-exercise h3,.kid-practice h3{color:#285c80;margin:0 0 11px}.kid-explanation p{color:#49677b;margin:8px 0;font-size:15px;line-height:1.7}.kid-example{background:#fffbea;border:1px solid #f1dfa5}.kid-example-label{color:#8a6b14;margin-bottom:7px;font-weight:900}.kid-example p{color:#655729;margin:0;font-size:16px;line-height:1.6}.kid-exercise{background:#fff;border:1px solid #cfe0ec}.kid-exercise-heading{align-items:center;gap:10px;display:flex}.kid-exercise-heading>span{font-size:26px}.kid-exercise-heading small{color:#7a94a7;font-size:10px;font-weight:900}.kid-question{color:#254e6b;background:#edf6fc;border-radius:10px;margin:14px 0;padding:15px;font-size:18px;font-weight:800}.kid-solve,.kid-next-step{color:#fff;cursor:pointer;background:#2877b7;border:0;border-radius:9px;padding:12px 16px;font-weight:800}.kid-notebook{background:repeating-linear-gradient(#fff 0 31px,#dcecf5 32px);border:1px solid #cadce8;border-radius:12px;margin-top:16px;padding:20px;box-shadow:0 5px 15px #224a650f}.kid-notebook-top{color:#607d91;justify-content:space-between;margin-bottom:17px;font-size:12px;font-weight:800;display:flex}.kid-written-line{min-height:37px;padding:5px 8px 5px 32px;font-family:Comic Sans MS,Bradley Hand,cursive;font-size:17px;line-height:27px;animation:.55s both kidWrite;position:relative}.kid-written-line.blue{color:#236db0}.kid-written-line.red{color:#c94444;font-weight:700}.kid-pencil{position:absolute;top:5px;left:5px;transform:rotate(-18deg)}@keyframes kidWrite{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.kid-next-step{margin-top:12px}.kid-congratulations{color:#397448;background:#edf9ef;border-radius:9px;margin-top:14px;padding:12px;font-weight:800}.kid-practice{background:#fff4f4;border:1px solid #f0d1d1}.kid-practice p{color:#795e5e;margin:0;line-height:1.6}@media (width<=700px){.numbers-lessons{grid-template-columns:1fr}.numbers-school{padding:16px}.numbers-hero{align-items:flex-start}.kid-notebook{padding:14px}}.kid-auto-notebook{background:linear-gradient(90deg,#0000 0 50px,#ed717133 51px 52px,#0000 53px),repeating-linear-gradient(#fffefb 0 35px,#cfe5f4 36px);border:2px solid #c9e0ef;border-radius:16px;margin-top:18px;padding:20px 20px 24px;position:relative;overflow:hidden;box-shadow:0 8px 20px #28577714}.kid-auto-notebook:before{content:"";opacity:.45;background:radial-gradient(circle,#8db7d2 2px,#0000 3px) 0 0/7px 28px;width:7px;height:100%;position:absolute;top:0;left:17px}.kid-auto-lines{z-index:2;padding-left:44px;position:relative}.kid-auto-line{letter-spacing:.15px;min-height:42px;padding:4px 5px;font-family:Comic Sans MS,Bradley Hand,cursive;font-size:19px;line-height:32px}.kid-auto-line.blue{color:#246db1}.kid-auto-line.red{color:#d34a4a;font-weight:700}.kid-auto-line.completed{animation:.28s both kidLineSettle}.kid-auto-line.writing{align-items:center;width:max-content;max-width:100%;display:flex;position:relative}.kid-moving-pencil{flex:0 0 72px;width:72px;height:25px;margin-left:7px;animation:.34s ease-in-out infinite alternate kidPencilFloat;display:inline-block;position:relative;transform:rotate(-7deg)translateY(-1px)}.kid-pencil-body{background:linear-gradient(#49a5e6 0%,#2c82c5 48%,#1e6eaa 52%,#398fd0 100%);border-radius:2px;width:49px;height:11px;position:absolute;top:7px;left:12px;box-shadow:0 2px 3px #00000029}.red-pencil .kid-pencil-body{background:linear-gradient(#f47b7b 0%,#df5050 48%,#c83e3e 52%,#e25c5c 100%)}.kid-pencil-tip{border-top:7px solid #0000;border-bottom:7px solid #0000;border-right:11px solid #e7bd83;width:0;height:0;position:absolute;top:5px;left:2px}.kid-pencil-lead{border-top:2px solid #0000;border-bottom:2px solid #0000;border-right:5px solid #434343;width:0;height:0;position:absolute;top:10px;left:0}.kid-pencil-eraser{background:#f4a7b5;border-left:3px solid #c8c8c8;border-radius:0 4px 4px 0;width:11px;height:11px;position:absolute;top:7px;right:2px}@keyframes kidPencilFloat{0%{transform:rotate(-7deg)translateY(-1px)}to{transform:rotate(-5deg)translateY(2px)}}@keyframes kidLineSettle{0%{opacity:.82}to{opacity:1}}.kid-finished{color:#39764a;background:#effaf1;border:1px solid #bfe3c7;border-radius:11px;align-items:center;gap:12px;margin-top:14px;padding:13px 15px;animation:.55s both kidFinish;display:flex}.kid-star{font-size:28px}.kid-finished div{flex-direction:column;display:flex}.kid-finished strong{font-size:16px}.kid-finished small{color:#63816c;margin-top:2px}@keyframes kidFinish{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.kid-solve{justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:14px;display:flex;box-shadow:0 5px 13px #2877b72b}.kid-solve span{font-size:19px}@media (width<=650px){.kid-auto-notebook{padding:17px 10px 20px}.kid-auto-lines{padding-left:35px}.kid-auto-line{font-size:17px;line-height:30px}.kid-moving-pencil{transform-origin:0;width:57px;transform:scale(.86)rotate(-7deg)}}.kid-practice-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.kid-practice-heading small{color:#a06161;letter-spacing:.08em;font-size:10px;font-weight:900}.kid-practice-heading h3{margin:3px 0 5px}.kid-practice-heading p{margin:0}.kid-practice-heading>strong{color:#b45454;background:#fff;border-radius:18px;justify-content:center;align-items:center;min-width:56px;height:36px;font-size:12px;display:flex}.kid-exercise-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin-top:15px;display:grid}.kid-exercise-number{color:#956161;cursor:pointer;background:#fff;border:1px solid #edcccc;border-radius:8px;min-height:38px;font-size:12px;font-weight:900;transition:transform .12s,background .12s,border-color .12s}.kid-exercise-number:hover{border-color:#d99e9e;transform:translateY(-1px)}.kid-exercise-number.active{color:#fff;background:#2877b7;border-color:#2877b7}.kid-selected-exercise{background:#fff;border:1px solid #e8d5d5;border-radius:10px;flex-direction:column;gap:5px;margin-top:13px;padding:12px 14px;display:flex}.kid-selected-exercise span{color:#a06b6b;text-transform:uppercase;font-size:10px;font-weight:900}.kid-selected-exercise strong{color:#614d4d;font-size:14px;line-height:1.5}@media (width<=700px){.kid-exercise-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=390px){.kid-exercise-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}