@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@400;500;600;700;800&family=Roboto+Mono:wght@500;600;700&display=swap";:root{font-family:Noto Sans SC,system-ui,sans-serif;color:#243244;background:#fffaf0;font-synthesis:none;--ink: #243244;--muted: #6f7884;--cream: #fff8e8;--orange: #ff7658;--green: #55bca5;--line: #e9e1d4;--digit-font: Arial, "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#fffdf8}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid rgba(50,167,197,.4);outline-offset:3px}.standard-digit{font-family:var(--digit-font);font-weight:800;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}.app-shell{min-height:100vh;overflow:hidden}.page-width{width:min(1180px,calc(100% - 48px));margin-inline:auto}.topbar{height:86px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(36,50,68,.08);background:#fffdf8f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:20}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;color:var(--ink);text-align:left;cursor:pointer;padding:0}.brand-mark{width:48px;height:48px;border-radius:15px 8px;display:grid;place-items:center;background:var(--orange);color:#fff;font:29px Ma Shan Zheng,cursive;transform:rotate(-3deg);box-shadow:0 7px 18px #ff765833}.brand b{display:block;font-size:18px}.brand small,.profile-chip small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.desktop-nav{display:flex;gap:4px}.nav-button{border:0;background:none;color:#717986;padding:11px 16px;border-radius:999px;cursor:pointer;font-weight:600}.nav-button.active{color:var(--orange);background:#fff0e8}.profile-chip{display:flex;align-items:center;gap:9px;min-width:115px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffe08c;color:#a86a0c;font-weight:800}.profile-chip b{display:block;font-size:13px}.hero{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding-top:44px;padding-bottom:48px}.eyebrow{display:inline-block;color:var(--orange);font-size:13px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;margin-bottom:14px}.hero h1,.page-intro h1,.lesson-page h1{font-family:Ma Shan Zheng,Noto Sans SC,sans-serif;font-weight:400;color:var(--ink)}.hero h1{font-size:clamp(44px,5vw,68px);line-height:1.15;margin:0;letter-spacing:.015em}.hero h1 span{color:var(--orange);position:relative;white-space:nowrap}.hero h1 span:after{content:"";position:absolute;left:2px;right:0;bottom:-5px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='8'%3E%3Cpath d='M2 5c40-4 77 1 117-2 22-1 41 0 59 2' fill='none' stroke='%23f5b83b' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}.hero p{color:var(--muted);font-size:17px;line-height:1.9;max-width:600px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:22px}.primary-button{border:0;border-radius:14px;background:var(--orange);color:#fff;padding:14px 22px;font-weight:700;cursor:pointer;box-shadow:0 9px 22px #ff765838;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #ff76584d}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.primary-button span{margin-left:14px}.text-button{border:0;background:none;color:var(--ink);font-weight:700;cursor:pointer;border-bottom:2px solid #ffd7c6;padding:8px 2px}.hero-art{height:390px;position:relative;border-radius:54% 46% 48% 52%;background:#f5ead3;overflow:hidden;box-shadow:inset 0 0 0 1px #fffc}.sun{position:absolute;right:17%;top:11%;font-size:46px;color:#f1b42d}.hill{position:absolute;border-radius:50% 50% 0 0;bottom:-25%}.hill-one{width:90%;height:56%;left:-22%;background:#9bcfaf;transform:rotate(7deg)}.hill-two{width:85%;height:48%;right:-25%;background:#73b39b;transform:rotate(-8deg)}.hero-art .number-card{position:absolute;display:grid;place-items:center;width:92px;height:112px;border-radius:18px;background:#fffaf0;box-shadow:0 16px 32px #4d463829;font:800 47px/1 var(--digit-font);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.04em}.card-one{left:13%;top:23%;transform:rotate(-9deg);color:#4e9b8a}.card-two{left:37%;top:15%;transform:rotate(5deg);color:#ef7458}.card-three{left:58%;top:29%;transform:rotate(-4deg);color:#6c82c6}.card-four{left:35%;top:57%;width:135px;height:85px;transform:rotate(3deg);color:#ef7458}.pencil{position:absolute;right:7%;bottom:8%;font-size:78px;color:#f5b83b;transform:rotate(-20deg)}.stats-options{margin-top:-8px;margin-bottom:86px}.stats-row{display:grid;grid-template-columns:repeat(3,150px) 1fr}.stats-row .stat-card span{display:block;color:var(--muted);font-size:12px}.stats-row .stat-card strong{display:inline-block;font-family:var(--digit-font);font-size:27px;font-variant-numeric:lining-nums tabular-nums;color:var(--ink)}.stats-row .stat-card small{margin-left:5px;color:var(--muted)}.stats-row .progress-card div:first-child{display:flex;justify-content:space-between;font-size:13px}.stats-row .progress-card small{color:var(--muted);font-size:11px}.stats-stickers{gap:17px;align-items:center;padding:9px 4px 12px}.stats-stickers .stat-card{min-height:124px;padding:20px 21px;border:1px solid rgba(36,50,68,.08);border-radius:7px 18px 10px 16px;background:color-mix(in srgb,var(--accent) 15%,white);box-shadow:4px 7px color-mix(in srgb,var(--accent) 10%,#eee6d7)}.stats-stickers .stat-card:nth-child(1){transform:rotate(-1.2deg)}.stats-stickers .stat-card:nth-child(2){transform:rotate(.8deg)}.stats-stickers .stat-card:nth-child(3){transform:rotate(-.5deg)}.stats-stickers .stat-card strong{margin-top:16px}.stats-stickers .progress-card{min-height:124px;padding:24px 27px;border:1px dashed #d8cbb7;border-radius:18px 8px;background:#ffffff73}.progress-track{height:8px;background:#eee9df;border-radius:99px;overflow:hidden;margin:12px 0 8px}.progress-track i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--orange),#f5b83b);transition:width .5s ease}.today-section{padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-heading h2{font-family:Ma Shan Zheng,sans-serif;font-weight:400;font-size:38px;margin:0}.section-heading .eyebrow{margin-bottom:7px}.time-pill{color:#7d725f;background:#f5ead3;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700}.lesson-feature{min-height:260px;display:grid;grid-template-columns:125px 1fr 150px;align-items:center;gap:38px;padding:36px 46px;border:1px solid color-mix(in srgb,var(--unit-color) 65%,white);border-radius:12px 30px 15px 25px;color:#fff;background:var(--unit-color);position:relative;overflow:hidden;box-shadow:7px 10px color-mix(in srgb,var(--unit-color) 18%,#eadfce)}.lesson-feature:before{content:"";position:absolute;width:250px;height:250px;border:2px dashed rgba(255,255,255,.2);border-radius:50%;right:-70px;top:-85px}.feature-index{width:108px;height:145px;border-radius:19px;background:#fffffff0;color:var(--unit-color);display:grid;place-items:center;font:800 58px/1 var(--digit-font);font-variant-numeric:lining-nums tabular-nums;transform:rotate(-4deg);box-shadow:0 14px 25px #2a393126}.feature-copy{position:relative}.feature-copy>span{font-size:12px;opacity:.8;font-weight:700}.feature-copy h3{font:42px Ma Shan Zheng,sans-serif;margin:6px 0}.feature-copy p{opacity:.9;margin:0 0 26px}.lesson-flow{display:flex;align-items:center;gap:13px;font-size:12px}.lesson-flow span{display:flex;align-items:center;gap:6px}.lesson-flow b{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#fff3}.lesson-flow i{width:32px;height:1px;background:#fff6}.round-start{position:relative;z-index:1;width:116px;height:116px;border:8px solid rgba(255,255,255,.22);border-radius:50%;color:var(--unit-color);background:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 30px #2d403a26}.method-section{background:#f7f0e2;padding:80px 0 100px}.app-shell{padding-bottom:0}.centered{justify-content:center;text-align:center}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:4px 5px 10px}.method-card{position:relative;isolation:isolate;padding:30px;background:#fff3ef;border:1px solid #f0d7cf;border-radius:8px 20px 11px 17px;box-shadow:5px 7px #eadfd1;transform:rotate(-.6deg)}.method-card:before{display:none}.method-card:nth-child(2){background:#edf8f5;border-color:#d0e8e1;transform:rotate(.55deg)}.method-card:nth-child(3){background:#fff8e7;border-color:#ecdfbd;transform:rotate(-.35deg)}.method-card>span{font:800 28px/1 var(--digit-font);font-variant-numeric:lining-nums tabular-nums;color:var(--orange)}.method-card h3{margin:16px 0 8px}.method-card p{color:var(--muted);line-height:1.7;margin:0;font-size:14px}.inner-page{padding-top:72px;padding-bottom:120px}.page-intro{max-width:780px;margin-bottom:48px}.page-intro h1{font-size:52px;margin:0 0 12px}.page-intro p{color:var(--muted);line-height:1.8}.unit-list{display:grid;gap:38px;padding:4px 7px 12px}.map-scroll-top{position:fixed;right:max(24px,calc((100vw - 1180px)/2 + 12px));bottom:30px;z-index:28;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 16px 11px;border:1px solid #eadfc8;border-radius:999px;background:#fffdf8f0;color:var(--ink);box-shadow:0 10px 24px #2432441f,3px 4px #eadfd1;font:800 14px/1.1 var(--ui-font);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px) scale(.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .2s ease,transform .2s ease,box-shadow .18s ease,border-color .18s ease}.map-scroll-top.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.map-scroll-top.visible:hover{transform:translateY(-2px);border-color:#f5b08d;box-shadow:0 14px 28px #24324424,3px 4px #eadfd1}.map-scroll-top.visible:active{transform:translateY(0)}.unit-card{position:relative;isolation:isolate;background:#ffffffd1;border:1px solid color-mix(in srgb,var(--unit-color) 18%,var(--line));border-radius:10px 24px 14px 21px;overflow:visible;box-shadow:6px 9px color-mix(in srgb,var(--unit-color) 10%,#eee6d7)}.unit-card:before{content:"";position:absolute;z-index:-1;top:8px;right:-7px;bottom:-8px;left:7px;border-radius:20px 9px 21px 12px;background:color-mix(in srgb,var(--unit-color) 9%,#f2eadc);transform:rotate(.35deg)}.unit-card:nth-child(2n){border-radius:22px 9px 20px 13px;box-shadow:-5px 9px color-mix(in srgb,var(--unit-color) 10%,#eee6d7)}.unit-card:nth-child(2n):before{top:8px;right:7px;bottom:-8px;left:-7px;transform:rotate(-.35deg)}.unit-summary{display:grid;grid-template-columns:74px 1fr auto;gap:20px;align-items:center;padding:27px 30px;border-bottom:1px dashed color-mix(in srgb,var(--unit-color) 24%,#d9d0c2);border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;background:color-mix(in srgb,var(--unit-color) 14%,#fffdf8)}.unit-icon{width:62px;height:66px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--unit-color) 60%,white);border-radius:8px 16px 9px 14px;color:#fff;background:var(--unit-color);font:800 28px/1 var(--digit-font);transform:rotate(-2.5deg);box-shadow:3px 4px color-mix(in srgb,var(--unit-color) 22%,#e8ddcc)}.unit-card:nth-child(2n) .unit-icon{transform:rotate(2deg)}.unit-summary small{color:var(--unit-color);font-weight:800}.unit-summary h2{margin:3px 0;font-size:22px}.unit-summary p{margin:0;color:var(--muted);font-size:13px}.unit-summary>b{color:var(--unit-color);font-family:var(--digit-font);font-variant-numeric:lining-nums tabular-nums}.lesson-list{padding:9px 25px 19px;border-radius:0 0 14px 20px;background:linear-gradient(#ffffffb8,#ffffffb8),repeating-linear-gradient(180deg,transparent 0 55px,color-mix(in srgb,var(--unit-color) 9%,transparent) 55px 56px)}.lesson-row{width:100%;display:grid;grid-template-columns:38px 1fr auto 25px;gap:14px;align-items:center;border:0;border-bottom:1px solid #eee9df;padding:16px 5px;background:none;text-align:left;cursor:pointer;color:var(--ink);transition:transform .2s ease,background .2s ease}.lesson-row:last-child{border-bottom:0}.lesson-row:hover{background:color-mix(in srgb,var(--unit-color) 7%,#fffdf8);transform:translate(3px)}.lesson-row.map-focus{position:relative;z-index:1;scroll-margin-block:130px;background:color-mix(in srgb,var(--unit-color) 13%,#fffdf8);box-shadow:inset 4px 0 0 var(--unit-color);animation:map-focus-arrive 1.1s ease both}.lesson-row.map-focus .lesson-state{color:#fff;border-color:var(--unit-color);background:var(--unit-color)}@keyframes map-focus-arrive{0%{transform:translate(-5px);opacity:.55}55%{transform:translate(4px);opacity:1}to{transform:translate(0);opacity:1}}.lesson-state{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);font-family:var(--digit-font);font-size:12px;font-weight:800;font-variant-numeric:lining-nums tabular-nums}.lesson-row.done .lesson-state{color:#fff;border-color:var(--unit-color);background:var(--unit-color)}.lesson-row b,.lesson-row small{display:block}.lesson-row small{color:var(--muted);margin-top:3px}.lesson-row em{font-style:normal;color:var(--unit-color);background:color-mix(in srgb,var(--unit-color) 10%,white);border-radius:99px;padding:5px 10px;font-size:11px;font-weight:700}.lesson-row i{font-style:normal;color:#aaa}.lesson-page{min-height:calc(100vh - 86px);background:linear-gradient(180deg,color-mix(in srgb,var(--lesson-color) 10%,#fffaf1),#fffdf8 65%);padding-bottom:80px}.lesson-top{height:82px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.back-button{border:0;background:#fff;border-radius:99px;padding:10px 14px;cursor:pointer;color:var(--ink);box-shadow:0 5px 15px #24324412}.lesson-stage{display:grid;grid-template-columns:1fr .92fr;gap:40px;align-items:start}.mini-lesson,.quiz-card{position:relative;isolation:isolate;background:color-mix(in srgb,var(--lesson-color) 7%,#fffdf8);border:1px solid color-mix(in srgb,var(--lesson-color) 22%,var(--line));border-radius:10px 25px 13px 20px;padding:38px;box-shadow:6px 9px color-mix(in srgb,var(--lesson-color) 10%,#eadfce)}.mini-lesson:before,.quiz-card:before{display:none}.quiz-card{border-radius:23px 9px 21px 12px;transform:rotate(.25deg)}.mini-lesson h1{font-size:48px;margin:0}.mini-lesson>p{color:var(--muted);font-size:16px}.concept-board{min-height:210px;margin-top:28px;border-radius:7px 17px 9px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#ffffff8c;border:1px dashed color-mix(in srgb,var(--lesson-color) 38%,white)}.concept-board span{color:var(--lesson-color);font-size:12px;font-weight:800}.concept-board strong{margin:18px;color:var(--ink);font-family:var(--digit-font);font-size:38px;font-weight:700;line-height:1.35;letter-spacing:.025em;font-variant-numeric:lining-nums tabular-nums}.concept-board small{color:var(--muted);max-width:360px}.number-cards-visual{width:min(100%,390px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 10px 12px}.number-cards-visual .number-card{position:relative;min-height:126px;margin:0;padding:30px 10px 12px;display:grid;align-content:center;justify-items:center;gap:9px;border:2px solid #27384a;border-radius:12px 8px 14px 9px;background:#fffdf8;box-shadow:4px 5px color-mix(in srgb,var(--lesson-color) 18%,#e8ddd0)}.number-cards-visual .number-card:nth-child(2){transform:rotate(-1deg)}.number-cards-visual .number-card:nth-child(3){transform:rotate(1deg)}.number-cards-visual .number-card figcaption{position:absolute;top:8px;left:10px;color:#27384a;font:700 20px/1 var(--digit-font)}.number-card-stars{min-height:38px;display:flex;align-items:center;justify-content:center;gap:3px;color:#e9a720;font-size:clamp(22px,3.3vw,31px);line-height:1}.number-cards-visual .number-card>small{color:var(--muted);font-size:11px;font-weight:700}.shape-choice-visual{width:min(100%,330px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:10px 4px 5px}.shape-choice-card{min-width:0;margin:0;display:grid;justify-items:center;align-content:center;gap:9px;min-height:96px;border-radius:18px 12px 16px 11px;background:#fffdf89e;border:1px solid color-mix(in srgb,var(--lesson-color) 32%,white)}.shape-choice-card figcaption{color:var(--ink);font:800 22px/1 var(--digit-font)}.shape-choice-card strong{margin:0;color:var(--ink);font:800 35px/1 Noto Sans SC,sans-serif;letter-spacing:0}.clock-single{width:100%;display:grid;justify-items:center;gap:5px;padding:8px 0 2px}.clock-single>p{margin:0;color:var(--muted);font-size:12px}.clock-figure{width:min(245px,82%);margin:0;display:grid;justify-items:center}.clock-figure.compact{width:155px}.clock-svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 7px 9px rgba(62,51,40,.1))}.clock-rim{fill:#fffdf8;stroke:#27384a;stroke-width:5}.clock-inner{fill:#fffaf0;stroke:#e6d9c9;stroke-width:1.5}.clock-hour-tick{stroke:#27384a;stroke-width:3.2;stroke-linecap:round}.clock-minute-tick{stroke:#b9b0a4;stroke-width:1.15;stroke-linecap:round}.clock-number{fill:#27384a;font-family:var(--digit-font);font-size:13px;font-weight:700;text-anchor:middle;dominant-baseline:central}.clock-hand{stroke-linecap:round}.hour-hand{stroke:#27384a;stroke-width:7}.minute-hand{stroke:var(--lesson-color);stroke-width:4.5}.clock-pin-outer{fill:#fffdf8;stroke:#27384a;stroke-width:3}.clock-pin{fill:var(--lesson-color)}.clock-guide{fill:none;stroke-width:1.5;stroke-dasharray:3 3}.hour-guide{stroke:#27384a}.minute-guide{stroke:var(--lesson-color)}.clock-guide-label{font-family:Noto Sans SC,sans-serif;font-size:8px;font-weight:700;paint-order:stroke;stroke:#fffdf8;stroke-width:3px;stroke-linejoin:round}.hour-guide-label{fill:#27384a;text-anchor:end;transform:translate(-3px,-3px)}.minute-guide-label{fill:var(--lesson-color);text-anchor:start;transform:translate(3px,-3px)}.clock-figure figcaption{margin-top:5px;color:var(--ink);font-size:12px;font-weight:700}.clock-choices{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;padding:14px 6px 6px}.clock-range{width:100%;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:14px 6px 6px}.clock-range-arrow{display:grid;justify-items:center;gap:1px;color:var(--muted)}.clock-range-arrow span{font-size:9px;white-space:nowrap}.clock-range-arrow b{color:var(--lesson-color);font-size:27px;line-height:1}.clock-mechanism{width:min(100%,420px);display:grid;justify-items:center;gap:8px;padding:5px 0 2px}.clock-mechanism-svg{display:block;width:min(100%,365px);height:auto;overflow:visible;filter:drop-shadow(0 7px 9px rgba(62,51,40,.1))}.clock-mechanism-hour-hand,.clock-mechanism-minute-hand,.clock-mechanism-second-hand{transform-box:view-box;transform-origin:120px 100px}.clock-mechanism-hour-hand{animation:clock-mechanism-hour 14s ease-in-out infinite}.clock-mechanism-minute-hand{animation:clock-mechanism-minute 14s ease-in-out infinite}.clock-mechanism-second-hand{animation:clock-mechanism-second 14s ease-in-out infinite}.clock-second-hand{stroke:#ef765f;stroke-width:2.5;stroke-linecap:round}.clock-second-tip{fill:#ef765f;stroke:#fffdf8;stroke-width:2}.clock-minute-step-arc,.clock-hour-step-arc{fill:none;stroke-linecap:round;stroke-dasharray:4 4;opacity:0}.clock-minute-step-arc{stroke:var(--lesson-color);stroke-width:4;animation:clock-minute-step-arc 14s ease-in-out infinite}.clock-hour-step-arc{stroke:#27384a;stroke-width:4.5;animation:clock-hour-step-arc 14s ease-in-out infinite}.clock-callout{opacity:0;animation:clock-callout 14s ease-in-out infinite}.clock-callout path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:4 4}.clock-callout rect{fill:#fffdf8e0;stroke:currentColor;stroke-width:1.2}.clock-callout text{font-family:Noto Sans SC,sans-serif;font-size:10px;font-weight:800;dominant-baseline:middle;text-anchor:middle}.callout-second{color:#ef765f;animation-delay:2.4s}.callout-minute{color:var(--lesson-color);animation-delay:4.4s}.callout-hour{color:#27384a;animation-delay:8.6s}.clock-mechanism-notes{position:relative;width:100%;min-height:35px;color:var(--muted);font-size:12px;font-weight:700;text-align:center}.clock-mechanism-notes span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;animation:clock-note 14s ease-in-out infinite}.clock-mechanism-notes span:nth-child(2){animation-delay:3.1s}.clock-mechanism-notes span:nth-child(3){animation-delay:7.2s}.clock-mechanism-notes span:nth-child(4){animation-delay:10.9s}.clock-mechanism-rules{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.clock-mechanism-rules b{padding:6px 10px;border-radius:999px;background:#fff9e7;border:1px solid #eadfc8;color:#8a641c;font-size:12px}.solid-visual{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:end;padding:12px 6px 4px}.solid-visual.single{grid-template-columns:minmax(210px,260px);justify-content:center}.solid-figure{min-width:0;margin:0;display:grid;justify-items:center}.solid-svg{display:block;width:100%;max-width:180px;height:auto;overflow:visible}.solid-visual.single .solid-svg{max-width:245px}.solid-figure figcaption{margin-top:1px;color:var(--ink);font-size:12px;font-weight:700;line-height:1.4}.solid-shadow{fill:#27384a1f}.sphere-body{fill:#ffca58;stroke:#27384a;stroke-width:3}.sphere-highlight{fill:#ffffffb3}.ball-line{fill:none;stroke:#ef765f;stroke-width:3;stroke-linecap:round}.cube-front{fill:#f7ca5b;stroke:#27384a;stroke-width:3}.cube-top{fill:#fff0a8;stroke:#27384a;stroke-width:3;stroke-linejoin:round}.cube-side{fill:#e99a55;stroke:#27384a;stroke-width:3;stroke-linejoin:round}.solid-detail{fill:none;stroke:#27384a;stroke-width:1.4;opacity:.72}.rubik-tile{stroke:#27384a;stroke-width:1}.rubik-tile.coral{fill:#ef765f}.rubik-tile.yellow{fill:#ffd763}.rubik-tile.teal{fill:#59b7a3}.dice-dot{fill:#27384a}.cuboid-front{fill:#ec8d6d;stroke:#27384a;stroke-width:3}.cuboid-top{fill:#ffc0a4;stroke:#27384a;stroke-width:3;stroke-linejoin:round}.cuboid-side{fill:#c96958;stroke:#27384a;stroke-width:3;stroke-linejoin:round}.brick-line{fill:none;stroke:#9c4f45;stroke-width:1.4;opacity:.7}.cylinder-body{fill:#72c8b1;stroke:#27384a;stroke-width:3}.cylinder-top{fill:#b8ecdc;stroke:#27384a;stroke-width:3}.cylinder-bottom{fill:none;stroke:#27384a;stroke-width:3}.can-ring{fill:none;stroke:#4e9f8e;stroke-width:2}.can-label{fill:#fff1d0;stroke:#27384a;stroke-width:1.5}.can-label-text{fill:#27384a;font-family:Noto Sans SC,sans-serif;font-size:11px;font-weight:800;text-anchor:middle}.solid-guide{fill:none;stroke:var(--lesson-color);stroke-width:1.5;stroke-dasharray:3 3}.solid-guide-label{fill:var(--lesson-color);font-family:Noto Sans SC,sans-serif;font-size:9px;font-weight:800;text-anchor:middle;paint-order:stroke;stroke:#fffdf8;stroke-width:3px}.motion-arrow{fill:none;stroke:var(--lesson-color);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:5 4}.motion-arrow-head{fill:none;stroke:var(--lesson-color);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.make-ten-visual{width:100%;display:grid;justify-items:center;gap:10px;padding:10px 8px 4px;color:var(--ink)}.make-ten-problem{display:flex;align-items:center;gap:8px;font:700 25px var(--digit-font)}.make-ten-problem span{color:var(--ink);font:700 18px var(--digit-font)}.make-ten-problem b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff5ca;border:2px solid #e9ae2f}.make-ten-problem b:last-child{background:#ffe9e3;border-color:var(--lesson-color)}.number-split{position:relative;display:grid;justify-items:center;width:124px;margin-top:-4px}.number-split>span{color:var(--muted);font-size:10px;font-weight:700}.split-branch{width:62px;height:20px;border-left:2px solid var(--lesson-color);border-right:2px solid var(--lesson-color);border-top:2px solid var(--lesson-color);border-radius:13px 13px 0 0;transform:rotate(180deg)}.split-parts{width:91px;display:flex;justify-content:space-between;margin-top:-3px}.split-parts b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fff5ca;border:1.5px solid #e2b342;font:700 15px var(--digit-font)}.split-parts .transfer-number{color:#fff;background:var(--lesson-color);border-color:var(--lesson-color)}.make-ten-action{width:min(100%,390px);display:grid;grid-template-columns:1fr auto 72px;align-items:center;gap:8px;padding:8px 12px;border-radius:10px 16px 9px 13px;background:#fffaf0;border:1px solid #eadfc8}.make-ten-label{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:700}.ten-frame{width:170px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px;border:2px solid #27384a;border-radius:7px;background:#fff}.ten-frame i{aspect-ratio:1;border-radius:50%;background:#f4eee4;border:1px solid #ddd2c2}.ten-frame i.filled{background:#f5bf3f;border-color:#d49a17}.ten-frame i.transferred{background:var(--lesson-color);border-color:color-mix(in srgb,var(--lesson-color) 75%,#8c3f31);box-shadow:0 0 0 2px #fff inset}.transfer-arrow{display:grid;justify-items:center;color:var(--lesson-color)}.transfer-arrow span{font-size:9px;font-weight:800;white-space:nowrap}.transfer-arrow b{font:700 25px/1 var(--digit-font)}.rest-dots{min-height:54px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:5px}.rest-dots i{width:18px;height:18px;border-radius:50%;background:#ffc6b8;border:1.5px solid var(--lesson-color)}.make-ten-equations{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;font:700 15px var(--digit-font)}.make-ten-equations span{padding:5px 7px;border-radius:7px;color:var(--ink);background:#fff;border:1px solid #e8dfd2;font-size:15px;font-weight:700}.make-ten-equations em{color:var(--lesson-color);font-style:normal}.make-ten-equations .ten-result{background:#fff5ca;border-color:#e9c45f}.make-ten-equations strong{display:grid;place-items:center;min-width:34px;height:34px;margin:0;padding-inline:6px;border-radius:50%;color:#fff;background:var(--lesson-color);font:700 17px/1 var(--digit-font);letter-spacing:0}.make-ten-motion{width:min(100%,390px);display:grid;justify-items:center;gap:8px;padding:9px 7px 3px;color:var(--ink)}.make-ten-motion-heading{display:flex;align-items:center;gap:7px;font:700 22px var(--digit-font)}.make-ten-motion-heading>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff5ca;border:2px solid #e9ae2f}.make-ten-motion-heading>b:nth-of-type(2){background:#ffe9e3;border-color:var(--lesson-color)}.make-ten-motion-heading>span{font-size:17px}.make-ten-motion-heading>small{margin-left:5px;color:var(--muted);font:700 11px Noto Sans SC,sans-serif}.make-ten-motion-heading em{color:var(--lesson-color);font-style:normal}.make-ten-motion-stage{position:relative;width:100%;min-height:112px;display:grid;grid-template-columns:minmax(0,1fr) 52px 82px;align-items:start;gap:5px;padding:10px 12px 30px;overflow:hidden;border:1px solid #eadfc8;border-radius:11px 16px 9px 13px;background:#fffaf0}.motion-number-group{display:grid;justify-items:center;gap:5px}.motion-number-group>span{color:var(--muted);font-size:10px;font-weight:800}.motion-ten-frame{width:170px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px;border:2px solid #27384a;border-radius:7px;background:#fff}.motion-ten-frame i{aspect-ratio:1;border-radius:50%;background:#f4eee4;border:1px solid #ddd2c2}.motion-ten-frame i.filled{background:#f5bf3f;border-color:#d49a17}.motion-ten-frame i.motion-target{background:#f4eee4;border-color:#ddd2c2}.motion-transfer-path{display:grid;justify-items:center;align-content:center;gap:2px;padding-top:23px;color:var(--lesson-color)}.motion-transfer-path span{font-size:9px;font-weight:800;white-space:nowrap;animation:make-ten-motion-path 5.6s ease-in-out infinite}.motion-transfer-path b{font:700 25px/1 var(--digit-font);animation:make-ten-motion-path 5.6s ease-in-out infinite}.motion-donor-dots{--donor-gap: 5px;--donor-step: 23px;position:relative;width:64px;height:46px;margin-top:7px}.motion-donor-dots i{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:#ffc6b8;border:1.5px solid var(--lesson-color)}.motion-donor-dots .motion-donor-source{opacity:.62;transform:translate(calc(var(--source-col) * var(--donor-step)),calc(var(--source-row) * var(--donor-step)));animation:make-ten-source-disappear 5.6s ease-in-out infinite;animation-delay:calc(var(--moving-index) * 80ms)}.motion-donor-dots .motion-donor-rest{--rest-final-x: calc(11px + var(--rest-col) * var(--donor-step));--rest-final-y: calc(var(--rest-row) * var(--donor-step));transform:translate(calc(var(--rest-start-col) * var(--donor-step)),calc(var(--rest-start-row) * var(--donor-step)));animation:make-ten-rest-compact 5.6s ease-in-out infinite}.motion-transfer-dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.motion-transfer-dots .motion-moving-dot{--dot-size: 18px;--cell-size: 28px;--cell-gap: 4px;--frame-left: 28px;--frame-top: 39px;--donor-left: 297px;--donor-top: 41px;--target-x: calc(var(--frame-left) + 14px + var(--target-col) * (var(--cell-size) + var(--cell-gap)));--target-y: calc(var(--frame-top) + 3px + var(--target-row) * (var(--cell-size) + var(--cell-gap)));--start-x: calc(var(--donor-left) + var(--start-col) * 22px);--start-y: calc(var(--donor-top) + var(--start-row) * 22px);position:absolute;left:0;top:0;width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--lesson-color);border:1.5px solid var(--lesson-color);box-shadow:0 0 0 3px #fff;opacity:0;transform:translate(var(--start-x),var(--start-y));animation:make-ten-motion-transfer 5.6s ease-in-out infinite;animation-delay:calc(var(--moving-index) * 80ms)}.motion-step-text{position:absolute;right:12px;bottom:7px;left:12px;height:16px;text-align:center;color:var(--lesson-color);font-size:10px;font-weight:800}.motion-step-text span{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:make-ten-motion-caption 5.6s ease-in-out infinite}.motion-step-text span:nth-child(2){animation-delay:1.85s}.motion-step-text span:nth-child(3){animation-delay:3.7s}.make-ten-motion-equation{display:flex;align-items:center;justify-content:center;gap:5px;font:700 15px var(--digit-font)}.make-ten-motion-equation span{padding:5px 8px;border-radius:7px;background:#fff;border:1px solid #e8dfd2}.make-ten-motion-equation span:nth-of-type(2){background:#fff5ca;border-color:#e9c45f;animation:make-ten-motion-result 5.6s ease-in-out infinite}.make-ten-motion-equation b{color:var(--muted)}.make-ten-motion-equation strong{display:grid;place-items:center;min-width:34px;height:34px;margin:0;padding-inline:6px;border-radius:50%;color:#fff;background:var(--lesson-color);font:700 17px/1 var(--digit-font);letter-spacing:0;animation:make-ten-motion-total 5.6s ease-in-out infinite}.break-ten-motion{width:min(100%,405px);display:grid;justify-items:center;gap:8px;padding:9px 7px 3px;color:var(--ink)}.break-ten-heading{display:flex;align-items:center;gap:7px;font:700 22px var(--digit-font)}.break-ten-heading>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff5ca;border:2px solid #e9ae2f}.break-ten-heading>b:nth-of-type(2){background:#e8f7f1;border-color:var(--lesson-color)}.break-ten-heading>span{font-size:17px}.break-ten-heading>small{margin-left:5px;color:var(--muted);font:700 11px Noto Sans SC,sans-serif}.break-ten-heading em{color:var(--lesson-color);font-style:normal}.break-ten-stage{position:relative;width:100%;min-height:122px;display:grid;grid-template-columns:minmax(0,1fr) 54px 74px;align-items:start;gap:7px;padding:10px 12px 31px;overflow:hidden;border:1px solid #d8eadf;border-radius:11px 16px 9px 13px;background:#f5fff9}.break-ten-split{position:absolute;z-index:4;top:10px;right:12px;bottom:31px;left:12px;display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;gap:4px;border-radius:9px 14px 8px 12px;background:#f5fff9f5;animation:break-ten-split-panel 6.4s ease-in-out infinite}.break-ten-split .split-label{color:var(--lesson-color);font-size:11px;font-weight:800;animation:break-ten-split-label 6.4s ease-in-out infinite}.split-dot-board{position:relative;width:262px;height:66px}.split-dot-board i{--dot-size: 15px;--whole-x: calc(43px + var(--whole-col) * 21px);--whole-y: calc(11px + var(--whole-row) * 21px);--ten-x: calc(19px + var(--ten-col) * 21px);--ten-y: calc(7px + var(--ten-row) * 21px);--one-x: calc(192px + var(--one-col) * 21px);--one-y: calc(11px + var(--one-row) * 21px);position:absolute;left:0;top:0;width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:#73cdb5;border:1.5px solid #4ca992;transform:translate(var(--whole-x),var(--whole-y));animation:break-ten-dot-split 6.4s ease-in-out infinite;animation-delay:calc(var(--dot-index) * 18ms)}.split-dot-board .split-one-dot{background:#ffd166;border-color:#e2a82d}.split-dot-labels{width:262px;display:flex;justify-content:space-between;padding:0 35px 0 45px;color:var(--muted);font-size:10px;font-weight:800;opacity:0;animation:break-ten-split-labels 6.4s ease-in-out infinite}.break-ten-group{display:grid;justify-items:center;gap:5px}.break-ten-group>span{color:var(--muted);font-size:10px;font-weight:800}.break-ten-frame{width:170px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:5px;border:2px solid #27384a;border-radius:7px;background:#fff}.break-ten-frame i{position:relative;aspect-ratio:1;border-radius:50%;background:#73cdb5;border:1px solid #4ca992}.break-ten-frame i.removed{animation:break-ten-remove 6.4s ease-in-out infinite}.break-ten-frame i.removed:after{content:"";position:absolute;inset:12px 3px auto;height:2px;border-radius:99px;background:#ef765f;transform:rotate(-32deg) scaleX(0);animation:break-ten-cross 6.4s ease-in-out infinite}.break-ten-frame i.remain{animation:break-ten-remain 6.4s ease-in-out infinite}.break-ten-action{display:grid;justify-items:center;align-content:center;gap:2px;padding-top:23px;color:var(--lesson-color)}.break-ten-action span{font-size:9px;font-weight:800;white-space:nowrap;animation:break-ten-action-pulse 6.4s ease-in-out infinite}.break-ten-action b{font:700 25px/1 var(--digit-font);animation:break-ten-action-pulse 6.4s ease-in-out infinite}.break-ten-ones{min-height:55px;display:grid;grid-template-columns:repeat(2,18px);grid-auto-rows:18px;align-content:center;justify-content:center;gap:5px;padding-top:7px}.break-ten-ones i{width:18px;height:18px;border-radius:50%;background:#ffd166;border:1.5px solid #e2a82d;animation:break-ten-ones-pop 6.4s ease-in-out infinite}.break-ten-step-text{position:absolute;right:12px;bottom:7px;left:12px;height:16px;text-align:center;color:var(--lesson-color);font-size:10px;font-weight:800}.break-ten-step-text span{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:break-ten-caption 6.4s ease-in-out infinite}.break-ten-step-text span:nth-child(2){animation-delay:2.1s}.break-ten-step-text span:nth-child(3){animation-delay:4.25s}.break-ten-equation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;font:700 14px var(--digit-font)}.break-ten-equation span{padding:5px 7px;border-radius:7px;background:#fff;border:1px solid #e8dfd2}.break-ten-equation span:nth-of-type(2),.break-ten-equation span:nth-of-type(3){background:#e8f7f1;border-color:#bddfd2;animation:break-ten-equation-focus 6.4s ease-in-out infinite}.break-ten-equation b{color:var(--muted)}.break-ten-equation strong{display:grid;place-items:center;min-width:34px;height:34px;margin:0;padding-inline:6px;border-radius:50%;color:#fff;background:var(--lesson-color);font:700 17px/1 var(--digit-font);letter-spacing:0;animation:break-ten-total 6.4s ease-in-out infinite}.break-ten-redo{width:min(100%,420px)}.break-ten-redo .break-ten-heading>small{min-width:112px}.break-ten-svg-stage{position:relative;width:100%;min-height:172px;overflow:hidden;border:1px solid #d8eadf;border-radius:11px 16px 9px 13px;background:#f5fff9}.break-ten-svg{display:block;width:100%;height:auto;overflow:visible}.break-ten-ten-frame-svg{opacity:0;animation:break-redo-frame 13.2s ease-in-out infinite}.break-ten-ten-frame-svg rect{fill:#ffffffc7;stroke:#27384a;stroke-width:2.4}.break-ten-ten-frame-svg line{stroke:#d8eadf;stroke-width:1}.break-ten-label{fill:var(--muted);font-family:Noto Sans SC,sans-serif;font-size:10px;font-weight:800;text-anchor:middle;opacity:0}.break-ten-label.ten-label,.break-ten-label.ones-label{animation:break-redo-split-label 13.2s ease-in-out infinite}.break-ten-label.result-label{fill:var(--lesson-color);animation:break-redo-result-label 13.2s ease-in-out infinite}.break-ten-dot{transform:translate(var(--whole-x),var(--whole-y));transform-box:fill-box;transform-origin:center}.break-ten-dot circle{fill:#73cdb5;stroke:#4ca992;stroke-width:1.5}.break-ten-dot.one-dot circle{fill:#ffd166;stroke:#e2a82d}.break-ten-dot.kept{animation:break-redo-kept-dot 13.2s ease-in-out infinite}.break-ten-dot.removed{animation:break-redo-removed-dot 13.2s ease-in-out infinite}.break-ten-cross{opacity:0;stroke:#ef765f;stroke-width:2.2;stroke-linecap:round;animation:break-redo-cross 13.2s ease-in-out infinite}.break-ten-remove-arrow{fill:none;stroke:var(--lesson-color);stroke-width:2;stroke-dasharray:5 4;opacity:0;animation:break-redo-remove-cue 13.2s ease-in-out infinite}.break-ten-remove-label{fill:var(--lesson-color);font-family:Noto Sans SC,sans-serif;font-size:10px;font-weight:800;text-anchor:middle;opacity:0;animation:break-redo-remove-cue 13.2s ease-in-out infinite}.break-ten-redo .break-ten-step-text{right:12px;bottom:9px;left:12px}.break-ten-redo .break-ten-step-text span{animation:break-redo-caption 13.2s ease-in-out infinite}.break-ten-redo .break-ten-step-text span:nth-child(2){animation-delay:2.325s}.break-ten-redo .break-ten-step-text span:nth-child(3){animation-delay:4.65s}.break-ten-redo .break-ten-step-text span:nth-child(4){animation-delay:7.425s}.break-ten-redo .break-ten-step-text span:nth-child(5){animation-delay:10.125s}.break-ten-redo .break-ten-equation{margin-top:2px}.break-ten-redo .break-ten-equation span:nth-of-type(2),.break-ten-redo .break-ten-equation span:nth-of-type(3),.break-ten-redo .break-ten-equation strong{animation-duration:13.2s}.operation-motion{width:min(100%,380px);display:grid;justify-items:center;gap:10px;padding:12px 8px 4px;color:var(--ink)}.operation-scene{position:relative;width:100%;min-height:138px;overflow:hidden;border:1px solid #eadfc8;border-radius:11px 17px 9px 14px;background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.95),transparent 26%),linear-gradient(180deg,#fffaf0,#fff5e7)}.operation-tray{position:absolute;left:22px;right:22px;bottom:43px;min-height:54px;display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:12px 16px 9px;border:2px solid #27384a;border-radius:12px 12px 24px 24px;background:#ffffffbd;box-shadow:0 8px #27384a14}.operation-tray:after{content:"";position:absolute;inset:auto 18px -13px;height:10px;border-radius:999px;background:#27384a1f}.operation-tray i{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;background:#f6bf45;border:2px solid #27384a;box-shadow:inset -4px -5px #27384a1a,inset 5px 5px #ffffff73}.operation-motion.apple .operation-tray i{background:#ef765f}.operation-motion.apple .operation-tray i:before{content:"";position:absolute;left:11px;top:-7px;width:4px;height:8px;border-radius:3px;background:#6f5238;transform:rotate(18deg)}.operation-motion.apple .operation-tray i:after{content:"";position:absolute;left:15px;top:-5px;width:9px;height:6px;border-radius:9px 2px;background:#58bfa8;transform:rotate(-18deg)}.operation-motion.add .operation-tray i.changing{animation:operation-add-dot 4.8s ease-in-out infinite;animation-delay:calc(var(--dot-index) * 80ms)}.operation-motion.subtract .operation-tray i.changing{animation:operation-subtract-dot 4.8s ease-in-out infinite;animation-delay:calc((var(--dot-index) - 2) * 80ms)}.operation-action{position:absolute;right:18px;top:17px;display:grid;justify-items:center;gap:2px;color:var(--lesson-color);font-weight:800;animation:operation-action-pulse 4.8s ease-in-out infinite}.operation-action span{font-size:11px}.operation-action b{font:700 27px/1 var(--digit-font)}.operation-caption{position:absolute;right:12px;bottom:12px;left:12px;height:18px;text-align:center;color:var(--lesson-color);font-size:12px;font-weight:800}.operation-caption span{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:operation-caption 4.8s ease-in-out infinite;animation-delay:calc(var(--caption-index) * 1.35s)}.operation-equation{display:flex;align-items:center;justify-content:center;gap:6px;font:700 18px var(--digit-font)}.operation-equation span{min-width:34px;padding:6px 9px;border:1px solid #e8dfd2;border-radius:8px;background:#fff}.operation-equation b{color:var(--muted)}.operation-equation strong{display:grid;place-items:center;min-width:38px;height:38px;margin:0;padding-inline:8px;border-radius:50%;color:#fff;background:var(--lesson-color);font:700 18px/1 var(--digit-font);letter-spacing:0;animation:operation-result-pop 4.8s ease-in-out infinite}@keyframes make-ten-motion-transfer{0%,27%{transform:translate(var(--start-x),var(--start-y)) scale(1);opacity:0}32%{transform:translate(var(--start-x),var(--start-y)) scale(1);opacity:1}42%,54%{transform:translate(var(--target-x),var(--target-y)) scale(1.08);opacity:1}62%,to{transform:translate(var(--target-x),var(--target-y)) scale(1);opacity:1}}@keyframes make-ten-source-disappear{0%,28%{opacity:.62;transform:translate(calc(var(--source-col) * var(--donor-step)),calc(var(--source-row) * var(--donor-step))) scale(1)}32%,to{opacity:0;transform:translate(calc(var(--source-col) * var(--donor-step)),calc(var(--source-row) * var(--donor-step))) scale(.72)}}@keyframes make-ten-rest-compact{0%,32%{transform:translate(calc(var(--rest-start-col) * var(--donor-step)),calc(var(--rest-start-row) * var(--donor-step)))}48%,to{transform:translate(var(--rest-final-x),var(--rest-final-y))}}@keyframes operation-add-dot{0%,22%{transform:translate(78px,-38px) scale(.88);opacity:0}34%,58%{transform:translate(0) scale(1.1);opacity:1}68%,to{transform:translate(0) scale(1);opacity:1}}@keyframes operation-subtract-dot{0%,24%{transform:translate(0) scale(1);opacity:1}42%,57%{transform:translate(82px,-38px) scale(.78);opacity:.35}64%,to{transform:translate(92px,-42px) scale(.45);opacity:0}}@keyframes operation-action-pulse{0%,20%,70%,to{opacity:.35;transform:translateY(0)}34%,58%{opacity:1;transform:translateY(-2px)}}@keyframes operation-caption{0%,8%{opacity:0;transform:translateY(3px)}14%,28%{opacity:1;transform:translateY(0)}36%,to{opacity:0;transform:translateY(-3px)}}@keyframes operation-result-pop{0%,58%{transform:scale(.78);opacity:.28}70%,84%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes clock-mechanism-second{0%,18%{transform:rotate(0)}43%,to{transform:rotate(360deg)}}@keyframes clock-mechanism-minute{0%,18%{transform:rotate(0)}43%,52%{transform:rotate(6deg)}80%,to{transform:rotate(360deg)}}@keyframes clock-mechanism-hour{0%,52%{transform:rotate(0)}80%,to{transform:rotate(30deg)}}@keyframes clock-minute-step-arc{0%,28%,58%,to{opacity:0}35%,49%{opacity:1}}@keyframes clock-hour-step-arc{0%,62%,88%,to{opacity:0}70%,82%{opacity:1}}@keyframes clock-callout{0%,10%{opacity:0;transform:translateY(3px)}18%,38%{opacity:1;transform:translateY(0)}48%,to{opacity:0;transform:translateY(-3px)}}@keyframes clock-note{0%,7%{opacity:0;transform:translateY(3px)}12%,26%{opacity:1;transform:translateY(0)}34%,to{opacity:0;transform:translateY(-3px)}}@keyframes make-ten-motion-path{0%,18%,60%,to{opacity:.25;transform:translate(5px)}28%,50%{opacity:1;transform:translate(-3px)}}@keyframes make-ten-motion-caption{0%,8%{opacity:0;transform:translateY(3px)}14%,27%{opacity:1;transform:translateY(0)}33%,to{opacity:0;transform:translateY(-3px)}}@keyframes make-ten-motion-result{0%,58%{opacity:.35}68%,to{opacity:1}}@keyframes make-ten-motion-total{0%,72%{transform:scale(.78);opacity:.25}82%,90%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes break-ten-split-panel{0%,22%{opacity:1;transform:translateY(0);background:#f5fff9f5}30%,36%{opacity:1;transform:translateY(0);background:#f5fff900}44%,to{opacity:0;transform:translateY(-5px);background:#f5fff900;pointer-events:none}}@keyframes break-ten-split-label{0%,12%{opacity:0;transform:translateY(3px)}18%,34%{opacity:1;transform:translateY(0)}44%,to{opacity:0;transform:translateY(-3px)}}@keyframes break-ten-dot-split{0%,14%{transform:translate(var(--whole-x),var(--whole-y))}25%,34%{transform:translate(var(--ten-x),var(--ten-y))}44%,to{transform:translate(var(--ten-x),var(--ten-y))}}.split-dot-board .split-one-dot{animation-name:break-ten-one-dot-split}@keyframes break-ten-one-dot-split{0%,14%{transform:translate(var(--whole-x),var(--whole-y))}25%,34%{transform:translate(var(--one-x),var(--one-y))}44%,to{transform:translate(var(--one-x),var(--one-y))}}@keyframes break-ten-split-labels{0%,18%{opacity:0;transform:translateY(3px)}25%,34%{opacity:1;transform:translateY(0)}44%,to{opacity:0;transform:translateY(-3px)}}@keyframes break-ten-remove{0%,24%{opacity:0;transform:scale(.82)}32%,55%{opacity:1;transform:scale(1);background:#73cdb5}68%,to{opacity:.18;transform:scale(.82);background:#f2e9df;border-color:#ddd2c2}}@keyframes break-ten-cross{0%,55%{transform:rotate(-32deg) scaleX(0);opacity:0}68%,to{transform:rotate(-32deg) scaleX(1);opacity:1}}@keyframes break-ten-remain{0%,24%{opacity:0;transform:scale(.82)}32%,62%{opacity:1;transform:scale(1);box-shadow:none}72%,to{opacity:1;transform:scale(1.08);box-shadow:0 0 0 2px #fff inset}}@keyframes break-ten-action-pulse{0%,36%,76%,to{opacity:.25;transform:translateY(0)}48%,65%{opacity:1;transform:translateY(2px)}}@keyframes break-ten-ones-pop{0%,24%{transform:scale(.82);opacity:0}32%,68%{transform:scale(.92);opacity:.55}78%,to{transform:scale(1);opacity:1}}@keyframes break-ten-caption{0%,8%{opacity:0;transform:translateY(3px)}14%,28%{opacity:1;transform:translateY(0)}36%,to{opacity:0;transform:translateY(-3px)}}@keyframes break-ten-equation-focus{0%,35%{opacity:.42}50%,to{opacity:1}}@keyframes break-ten-total{0%,72%{transform:scale(.78);opacity:.25}82%,90%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes break-redo-kept-dot{0%,16%{transform:translate(var(--whole-x),var(--whole-y));opacity:1}26%,45%{transform:translate(var(--split-x),var(--split-y));opacity:1}58%{transform:translate(var(--split-x),var(--split-y));opacity:1}72%,to{transform:translate(var(--merge-x),var(--merge-y));opacity:1}}@keyframes break-redo-removed-dot{0%,16%{transform:translate(var(--whole-x),var(--whole-y)) scale(1);opacity:1}26%,42%{transform:translate(var(--split-x),var(--split-y)) scale(1);opacity:1}54%{transform:translate(var(--split-x),var(--split-y)) scale(.72);opacity:.08}60%,to{transform:translate(var(--split-x),var(--split-y)) scale(.72);opacity:0}}@keyframes break-redo-cross{0%,38%{opacity:0;transform:scale(.7)}48%,60%{opacity:1;transform:scale(1)}68%,to{opacity:0;transform:scale(.8)}}@keyframes break-redo-frame{0%,18%{opacity:0}26%,58%{opacity:1}62%,to{opacity:0}}@keyframes break-redo-split-label{0%,18%{opacity:0;transform:translateY(3px)}26%,56%{opacity:1;transform:translateY(0)}62%,to{opacity:0;transform:translateY(-3px)}}@keyframes break-redo-result-label{0%,65%{opacity:0;transform:translateY(3px)}76%,to{opacity:1;transform:translateY(0)}}@keyframes break-redo-remove-cue{0%,35%,64%,to{opacity:0}44%,58%{opacity:1}}@keyframes break-redo-caption{0%,8%{opacity:0;transform:translateY(3px)}12%,22%{opacity:1;transform:translateY(0)}29%,to{opacity:0;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.motion-moving-dot{display:none}.motion-ten-frame i.motion-target{background:var(--lesson-color);border-color:var(--lesson-color);box-shadow:0 0 0 2px #fff inset}.motion-step-text span{display:none}.motion-step-text span:last-child{display:block;opacity:1;transform:none}.clock-mechanism *{animation:none!important}.clock-mechanism-second-hand,.clock-mechanism-minute-hand{transform:rotate(360deg)}.clock-mechanism-hour-hand{transform:rotate(30deg)}.clock-mechanism-notes span{display:none}.clock-mechanism-notes span:last-child{display:grid;opacity:1;transform:none}.clock-hour-step-arc{opacity:1}.make-ten-motion *,.break-ten-motion *{animation:none!important}.break-ten-redo .break-ten-dot.kept{opacity:1;transform:translate(var(--merge-x),var(--merge-y))}.break-ten-redo .break-ten-dot.removed{opacity:0;transform:translate(var(--split-x),var(--split-y)) scale(.72)}.break-ten-redo .break-ten-cross,.break-ten-redo .break-ten-ten-frame-svg{opacity:0}.break-ten-redo .break-ten-label.result-label{opacity:1}.break-ten-split{display:none}.break-ten-frame i.remain{opacity:1;transform:scale(1.08);box-shadow:0 0 0 2px #fff inset}.break-ten-frame i.removed{opacity:.18;background:#f2e9df;border-color:#ddd2c2}.break-ten-frame i.removed:after{transform:rotate(-32deg) scaleX(1);opacity:1}.break-ten-step-text span{display:none}.break-ten-step-text span:last-child{display:block;opacity:1;transform:none}.operation-motion *{animation:none!important}.operation-motion.add .operation-tray i.changing{opacity:1;transform:none}.operation-motion.subtract .operation-tray i.changing{opacity:.25;transform:translate(16px,-12px) scale(.7)}.operation-caption span{display:none}.operation-caption span:last-child{display:block;opacity:1;transform:none}}.position-visual{width:100%;padding:9px 5px 3px}.position-svg{display:block;width:100%;max-height:260px;overflow:visible}.scene-wall{fill:#f8f3ff;stroke:#d9cdef;stroke-width:2}.scene-floor{fill:#eee6d8}.table-shadow{fill:#27384a1f}.table-top{fill:#e7a867;stroke:#27384a;stroke-width:4}.table-leg{fill:none;stroke:#27384a;stroke-width:12;stroke-linecap:round}.cat-head,.cat-body{fill:#ffd36b;stroke:#27384a;stroke-width:3.5;stroke-linejoin:round}.cat-ear{fill:#ef8fae;stroke:#27384a;stroke-width:3;stroke-linejoin:round}.cat-tail{fill:none;stroke:#27384a;stroke-width:8;stroke-linecap:round}.cat-eye{fill:#27384a}.cat-face,.cat-whisker{fill:none;stroke:#27384a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.above-guide{fill:none;stroke:var(--lesson-color);stroke-width:3;stroke-dasharray:6 5}.above-arrow{fill:none;stroke:var(--lesson-color);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.above-label{fill:var(--lesson-color);font-family:Noto Sans SC,sans-serif;font-size:15px;font-weight:800;text-anchor:middle}.reference-label{fill:#786d63;font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:700;text-anchor:middle}.position-ground{fill:none;stroke:#ddd4c8;stroke-width:3;stroke-linecap:round}.direction-line,.direction-head{fill:none;stroke:var(--lesson-color);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.direction-label{fill:var(--lesson-color);font-family:Noto Sans SC,sans-serif;font-size:13px;font-weight:800}.left-label{text-anchor:end}.right-label{text-anchor:start}.character-ear{stroke-width:2.5}.character-head{stroke-width:3}.character-eye,.character-nose{fill:#27384a}.character-smile{fill:none;stroke:#27384a;stroke-width:2;stroke-linecap:round}.character-body{stroke:#27384a;stroke-width:3;stroke-linejoin:round}.child-hair{fill:#27384a}.position-focus-ring{fill:color-mix(in srgb,var(--lesson-color) 9%,transparent);stroke:var(--lesson-color);stroke-width:2;stroke-dasharray:4 4}.position-name{fill:#27384a;font-family:Noto Sans SC,sans-serif;font-size:12px;font-weight:700;text-anchor:middle}.position-name.focus{fill:var(--lesson-color);font-weight:800}.neighbor-guide{fill:none;stroke:var(--lesson-color);stroke-width:2;stroke-dasharray:4 4}.neighbor-label{fill:var(--lesson-color);font-family:Noto Sans SC,sans-serif;font-size:10px;font-weight:800;text-anchor:middle;paint-order:stroke;stroke:#fffdf8;stroke-width:3px}.visual-images{display:flex;gap:24px;justify-content:center;align-items:flex-end;flex-wrap:wrap;padding:16px 0}.visual-image-item{display:flex;flex-direction:column;align-items:center;gap:6px}.visual-image-item img{width:100px;height:auto;border-radius:6px;box-shadow:1px 2px 6px #0000001f}.visual-image-item span{font-size:13px!important;color:var(--ink)!important;font-weight:600!important}.option-with-image{display:flex;align-items:center;gap:12px}.option-image{width:48px;height:auto;border-radius:4px;box-shadow:1px 1px 4px #0000001a}.option-label{font-size:15px;font-weight:700}@media(max-width:480px){.number-cards-visual{gap:7px;padding-inline:2px}.number-cards-visual .number-card{min-height:110px;padding-inline:5px}.position-visual.lineup{margin-inline:-8px;width:calc(100% + 16px)}.position-name{font-size:10px}.make-ten-action{grid-template-columns:1fr;justify-items:center}.transfer-arrow{transform:rotate(90deg);margin-block:-4px}.transfer-arrow span{display:none}.ten-frame{width:155px}.make-ten-motion-stage{grid-template-columns:minmax(0,1fr) 42px 70px;padding-inline:7px}.motion-ten-frame{width:150px}.motion-transfer-dots .motion-moving-dot{--cell-size: 24px;--cell-gap: 4px;--frame-left: 21px;--frame-top: 39px;--donor-left: 263px;--donor-top: 41px;--start-x: calc(var(--donor-left) + var(--start-col) * 20px);--start-y: calc(var(--donor-top) + var(--start-row) * 20px)}.make-ten-motion-heading>small{display:none}.break-ten-stage{grid-template-columns:minmax(0,1fr) 42px 65px;padding-inline:7px}.break-ten-frame{width:150px}.break-ten-heading>small{display:none}.break-ten-equation{font-size:13px}.solid-visual{gap:3px;padding-inline:0}.solid-figure figcaption{font-size:10px}.visual-image-item img{width:72px}.option-image{width:36px}}.teacher-tip{margin-top:20px;border-left:4px solid #f5b83b;background:#fff9e7;border-radius:0 12px 12px 0;overflow:hidden}.teacher-tip-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;padding:13px 18px;color:#8a641c;background:transparent;cursor:pointer;text-align:left}.teacher-tip-toggle span{font-size:13px;font-weight:800}.teacher-tip-toggle b{color:#a16b10;font-size:12px}.teacher-tip-toggle b:after{content:"＋";display:inline-block;margin-left:6px;font-size:14px;line-height:1}.teacher-tip.open .teacher-tip-toggle b:after{content:"−"}.teacher-tip-toggle:hover{background:#f5b83b17}.teacher-tip-toggle:focus-visible{outline:3px solid rgba(245,184,59,.35);outline-offset:-3px}.teacher-tip p{margin:0;padding:0 18px 14px;color:#756846;font-size:13px;line-height:1.7}.progress-hint{margin-top:12px;font-size:13px;color:#888;text-align:center}.quiz-label{display:inline-block;color:#fff;background:var(--lesson-color);border-radius:99px;padding:7px 12px;font-size:12px;font-weight:800}.quiz-card h2{font-size:26px;line-height:1.5;margin:24px 0}.answer-grid{display:grid;gap:12px;margin-bottom:22px}.answer-option{border:1px solid var(--line);border-radius:7px 14px 8px 12px;background:#ffffffb8;padding:16px;text-align:left;color:var(--ink);font-weight:700;cursor:pointer;transition:all .18s;box-shadow:2px 3px #4237270e}.answer-option:hover,.answer-option.selected{border-color:var(--lesson-color);background:color-mix(in srgb,var(--lesson-color) 7%,white)}.answer-option.correct{border-color:#4fb69e;background:#e9faf4;color:#287865}.answer-option.wrong{border-color:#ec735b;background:#fff0ec;color:#b34330}.full-button{width:100%}.feedback{border:1px dashed currentColor;border-radius:7px 15px 9px 12px;padding:18px}.feedback p{color:var(--muted);font-size:13px;line-height:1.6}.correct-feedback{background:#e9faf4}.wrong-feedback{background:#fff3e9}.review-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:4px 5px 10px}.review-card{position:relative;isolation:isolate;background:#fff1ed;border:1px solid #f0d5cc;border-radius:8px 20px 10px 16px;padding:25px;box-shadow:5px 7px #eadfd1;transform:rotate(-.55deg)}.review-card:before{display:none}.review-card:nth-child(3n+2){background:#edf8f5;border-color:#d0e8e1;transform:rotate(.55deg)}.review-card:nth-child(3n){background:#fff8e7;border-color:#ecdfbd;transform:rotate(-.25deg)}.review-card>span{color:var(--orange);font-size:12px;font-weight:800}.review-card h2{margin:8px 0}.review-card p{color:var(--muted)}.empty-state{position:relative;isolation:isolate;min-height:330px;display:grid;place-content:center;justify-items:center;text-align:center;background:#edf8f5;border:1px dashed #bcdcd2;border-radius:10px 25px 13px 20px;box-shadow:7px 9px #e3ded1}.empty-state:before{display:none}.empty-state>span{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:28px}.empty-state h2{margin-bottom:0}.empty-state p{color:var(--muted)}.parent-overview{display:grid;grid-template-columns:280px 1fr;gap:26px;margin-bottom:36px;padding:4px 5px 10px}.big-progress,.parent-metrics,.unit-progress-panel,.parent-note{position:relative;isolation:isolate;background:#fff8e7;border:1px solid #ecdfbd;border-radius:9px 22px 12px 18px;padding:28px;box-shadow:5px 7px #e7ddce}.big-progress:before,.parent-metrics:before,.unit-progress-panel:before,.parent-note:before{display:none}.big-progress{display:grid;place-items:center}.progress-ring{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--orange) var(--percent),#eee9df 0);position:relative}.progress-ring:after{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;border-radius:50%;background:#fff}.progress-ring span{position:relative;z-index:1;text-align:center}.progress-ring b,.progress-ring small{display:block}.progress-ring b{font-family:var(--digit-font);font-size:36px;font-variant-numeric:lining-nums tabular-nums}.progress-ring small{color:var(--muted)}.parent-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:center;background:#edf8f5;border-color:#d0e8e1;transform:rotate(.25deg)}.parent-metrics .stat-card{min-height:128px;padding:20px;border:1px solid color-mix(in srgb,var(--accent) 24%,white);border-radius:7px 16px 9px 13px;background:color-mix(in srgb,var(--accent) 13%,white);box-shadow:3px 4px color-mix(in srgb,var(--accent) 9%,#ddd6ca)}.parent-metrics .stat-card span{display:block;color:var(--muted);font-size:12px}.parent-metrics .stat-card strong{display:inline-block;margin-top:16px;color:var(--ink);font-family:var(--digit-font);font-size:28px;font-variant-numeric:lining-nums tabular-nums}.parent-metrics .stat-card small{margin-left:5px;color:var(--muted)}.unit-progress-panel{background:#fffdf8;border-color:#e3d8c9}.unit-progress-panel h2{margin-top:0;font-family:Ma Shan Zheng,sans-serif;font-size:30px;font-weight:400}.unit-progress-row{display:grid;grid-template-columns:150px 1fr 45px;align-items:center;gap:18px;margin:17px 0;font-size:13px}.unit-progress-row .progress-track{margin:0}.parent-note{margin-top:36px;border-color:#d0e8e1;background:#edf8f5;transform:rotate(-.2deg)}.parent-note b{color:var(--green)}.parent-note p{color:var(--muted);line-height:1.8;margin-bottom:0}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--cream);color:var(--muted)}.spinner{width:22px;height:22px;border:3px solid #f4d8ca;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav{display:none}@media(max-width:900px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{height:330px}.stats-row{grid-template-columns:repeat(3,1fr)}.stats-row .progress-card{grid-column:1 / -1}.lesson-feature{grid-template-columns:90px 1fr}.feature-index{width:85px;height:120px}.round-start{grid-column:1 / -1;width:100%;height:52px;border-radius:14px;border-width:4px}.method-grid{grid-template-columns:1fr}.method-card{transform:none}.lesson-stage,.parent-overview{grid-template-columns:1fr}.review-list{grid-template-columns:1fr 1fr}.mobile-nav{display:flex;position:fixed;z-index:30;bottom:12px;left:50%;transform:translate(-50%);gap:2px;padding:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);border-radius:99px;background:#fffff8f5;box-shadow:0 10px 35px #24324429;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-nav .nav-button{min-width:56px;padding:10px 14px;font-size:13px;-webkit-tap-highlight-color:transparent}.mobile-nav .nav-button:active{transform:scale(.94);background:#fff0e8}.app-shell{padding-bottom:100px}.map-scroll-top{right:16px;bottom:calc(88px + env(safe-area-inset-bottom,0px))}}@media(max-width:620px){.page-width{width:min(100% - 28px,1180px)}.topbar{height:72px;padding:0 14px}.brand-mark{width:42px;height:42px}.brand small,.profile-chip span:last-child{display:none}.profile-chip{min-width:auto}.hero{min-height:auto;gap:28px;padding-top:44px}.hero h1{font-size:43px}.hero p{font-size:14px;margin:22px 0}.hero-actions{align-items:stretch;flex-direction:column;gap:10px}.hero-art{height:280px}.hero-art .number-card{width:70px;height:88px;font-size:39px}.card-four{width:105px;height:66px}.stats-options{margin-top:20px;margin-bottom:65px}.stats-row{grid-template-columns:1fr}.stats-stickers{grid-template-columns:1fr 1fr;gap:12px}.stats-stickers .stat-card:nth-child(3){grid-column:1 / -1}.stats-stickers .progress-card{grid-column:1 / -1}.section-heading{align-items:start;gap:15px}.section-heading h2{font-size:30px}.lesson-feature{display:flex;flex-direction:column;align-items:stretch;padding:28px;gap:22px}.feature-index{align-self:center}.feature-copy h3{font-size:36px}.lesson-flow{gap:7px}.lesson-flow i{width:12px}.inner-page{padding-top:48px}.page-intro h1{font-size:40px}.unit-summary{grid-template-columns:55px 1fr auto;padding:20px 16px;gap:12px}.unit-icon{width:50px;height:52px;border-radius:7px 13px 8px 11px}.unit-summary p{display:none}.lesson-list{padding-inline:12px}.lesson-row{grid-template-columns:34px 1fr 20px}.lesson-row em{display:none}.lesson-stage{width:min(100% - 28px,1180px);gap:28px}.mini-lesson,.quiz-card{border-radius:8px 19px 10px 15px;padding:28px 20px;box-shadow:4px 6px color-mix(in srgb,var(--lesson-color) 10%,#eadfce)}.quiz-card{transform:none}.lesson-top{padding-inline:14px}.mini-lesson h1{font-size:40px}.clock-figure{width:min(220px,88%)}.clock-choices{grid-template-columns:1fr;gap:18px}.clock-figure.compact{width:145px}.clock-range{grid-template-columns:1fr}.clock-range-arrow{transform:rotate(90deg);margin-block:-2px}.clock-range-arrow span{display:none}.review-list{grid-template-columns:1fr}.review-card{transform:none}.parent-metrics{grid-template-columns:1fr}.parent-metrics{transform:none}.parent-metrics .stat-card{min-height:auto}.unit-progress-row{grid-template-columns:105px 1fr 35px;gap:10px}.parent-note{transform:none}.primary-button{min-height:52px;padding:16px 24px;font-size:17px;width:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.primary-button:active:not(:disabled){transform:scale(.97);box-shadow:0 4px 12px #ff765833}.text-button{padding:14px 4px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.text-button:active{opacity:.6}.answer-option{padding:18px 16px;min-height:52px;font-size:16px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.answer-option:active:not(.correct):not(.wrong){transform:scale(.98);background:color-mix(in srgb,var(--lesson-color) 12%,white)}.back-button{padding:12px 18px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.back-button:active{transform:scale(.96);box-shadow:0 2px 8px #2432440f}.lesson-row{min-height:56px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.lesson-row:active{transform:translate(3px) scale(.99);background:color-mix(in srgb,var(--unit-color) 7%,#fffdf8)}.brand{min-height:48px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.brand:active .brand-mark{transform:rotate(-3deg) scale(.92)}.round-start{min-height:56px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.round-start:active{transform:scale(.96)}.unit-summary>b,.lesson-feature,.review-card .primary-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}