@font-face{font-family:ZCOOL KuaiLe;font-style:normal;font-display:swap;font-weight:400;src:url(./zcool-kuaile-chinese-simplified-400-normal-BKaOBC6q.woff2)format("woff2"),url(./zcool-kuaile-chinese-simplified-400-normal-DF5oRnqi.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(./fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(./fredoka-latin-400-normal-DbXSrOeS.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(./fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(./fredoka-latin-600-normal-CcrEjrB4.woff)format("woff")}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:700;src:url(./fredoka-latin-700-normal-BOIZVyIN.woff2)format("woff2"),url(./fredoka-latin-700-normal-C8FeHd3X.woff)format("woff")}:root{--ink:#17383a;--ink-soft:#365b5c;--ink-faint:#17383a1f;--paper:#f7ecd6;--paper-deep:#eeddbe;--paper-soft:#fbf4e5;--white:#fffaf0;--coral:#ef6a4c;--coral-deep:#c94d37;--coral-soft:#f9c8b8;--sun:#f3b83f;--sun-deep:#c98f1a;--sun-soft:#fbe4a8;--sea:#2b9d92;--sea-deep:#1f7c74;--sea-soft:#bfe5df;--sky:#8bc8e6;--sky-deep:#5ea7cc;--sky-soft:#d8eef7;--plum:#81528f;--plum-deep:#623a6f;--plum-soft:#e3d1e8;--leaf:#7fae5a;--leaf-deep:#5e8a3e;--leaf-soft:#dbe8c8;--danger:#b84032;--border:3px solid var(--ink);--border-thin:2px solid var(--ink);--radius-sm:14px;--radius-md:22px;--radius-lg:32px;--radius-xl:44px;--shadow-sm:4px 4px 0 #17383a29;--shadow-md:7px 7px 0 #17383a29;--shadow-lg:10px 10px 0 #17383a24;--font-display:"ZCOOL KuaiLe", "Kaiti SC", "STKaiti", "KaiTi", cursive;--font-body:"Avenir Next", "Nunito", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-number:"Fredoka", "Avenir Next", "PingFang SC", sans-serif;--page-width:1380px;--gutter:clamp(18px, 4vw, 64px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--paper);min-width:320px;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(#17383a13 1px,#0000 1.2px),radial-gradient(#ffffff73 1px,#0000 1.2px);background-position:0 0,11px 13px;background-size:20px 20px,28px 28px;margin:0;font-size:17px;line-height:1.68}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(at 8% 12%,#f3b83f29,#0000 34%),radial-gradient(at 92% 8%,#8bc8e633,#0000 30%),radial-gradient(at 50% 100%,#2b9d921a,#0000 42%);position:fixed;top:0;bottom:0;left:0;right:0}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.01em;font-weight:400;line-height:1.18}h1{font-size:clamp(2.5rem,5vw,4.6rem)}h2{font-size:clamp(1.7rem,2.8vw,2.45rem)}h3{font-size:clamp(1.22rem,1.8vw,1.5rem)}p{margin-bottom:1em}::selection{background:var(--sun-soft);color:var(--ink)}:focus-visible{outline:3px solid var(--coral-deep);outline-offset:3px}.skip-link{z-index:100;background:var(--ink);color:var(--paper);border-radius:999px;padding:10px 18px;transition:top .2s;position:absolute;top:-80px;left:16px}.skip-link:focus{top:12px}.site-header{z-index:20;max-width:var(--page-width);padding:18px var(--gutter) 10px;align-items:center;gap:20px;margin:0 auto;display:flex;position:relative}.brand{flex-shrink:0;align-items:center;gap:11px;display:inline-flex}.brand__mark{background:var(--white);border:var(--border);width:50px;height:50px;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;transition:transform .25s;display:grid;transform:rotate(-6deg)}.brand:hover .brand__mark{transform:rotate(6deg)scale(1.04)}.brand__mark svg{width:44px;height:44px}.brand__text{flex-direction:column;line-height:1.1;display:flex}.brand__text b{font-family:var(--font-display);letter-spacing:.02em;font-size:1.45rem}.brand__text small{color:var(--ink-soft);letter-spacing:.08em;margin-top:4px;font-size:.68rem;font-weight:700}.site-nav{align-items:center;gap:6px;margin-left:auto;display:flex}.site-nav a{color:var(--ink-soft);border:2px solid #0000;border-radius:999px;padding:8px 14px;font-size:.91rem;font-weight:800;transition:background .2s,border-color .2s,color .2s}.site-nav a:hover,.site-nav a.is-active{color:var(--ink);background:var(--white);border-color:var(--ink)}.header-actions{align-items:center;gap:10px;display:flex}.gem-meter{background:var(--white);border:var(--border-thin);font-family:var(--font-number);border-radius:999px;grid-template-columns:auto auto;align-items:center;column-gap:6px;padding:6px 12px 7px;font-size:.82rem;font-weight:700;display:grid;box-shadow:2px 2px #17383a24}.gem-meter b{font-size:.94rem}.gem-meter__bar{background:var(--paper-deep);border-radius:999px;grid-column:1/-1;height:5px;margin-top:4px;display:block;overflow:hidden}.gem-meter__bar i{background:var(--sea);border-radius:inherit;height:100%;transition:width .35s;display:block}.icon-button{background:var(--white);border:var(--border-thin);border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .2s,background .2s;display:grid;box-shadow:2px 2px #17383a24}.icon-button:hover{background:var(--sun-soft);transform:translateY(-2px)}main{z-index:1;position:relative}.eyebrow{color:var(--coral-deep);font-family:var(--font-number);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:700;display:inline-block}.primary-button,.secondary-button{border:var(--border);min-height:48px;box-shadow:var(--shadow-sm);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:11px 22px;font-size:.96rem;font-weight:800;line-height:1.2;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{background:var(--coral);color:var(--ink)}.secondary-button{background:var(--white);color:var(--ink)}.primary-button:hover,.secondary-button:hover{transform:translate(-1px,-2px);box-shadow:6px 7px #17383a2e}.primary-button:active,.secondary-button:active{transform:translate(2px,2px);box-shadow:1px 1px #17383a33}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:var(--shadow-sm);transform:none}.primary-button--hero{background:var(--sun);padding-inline-start:26px;padding-inline-end:26px;font-size:1.05rem}.primary-button--full{width:100%}.secondary-button--danger{border-color:var(--danger);color:var(--danger)}.section-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:26px;display:flex}.section-heading h2{margin:5px 0 0}.section-heading p{max-width:520px;color:var(--ink-soft);margin:0;font-size:.96rem}.section-heading--compact{align-items:center}.section-counter{background:var(--white);border:var(--border-thin);font-family:var(--font-number);border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:.8rem;font-weight:700}.breadcrumb{max-width:var(--page-width);padding:8px var(--gutter) 0;color:var(--ink-soft);align-items:center;gap:9px;margin:0 auto;font-size:.82rem;font-weight:700;display:flex}.breadcrumb a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px}.breadcrumb a:hover{color:var(--coral-deep)}.site-footer{max-width:var(--page-width);padding:26px var(--gutter) 34px;color:var(--ink-soft);border-top:2px dashed #17383a3d;justify-content:space-between;gap:20px;margin:20px auto 0;font-size:.78rem;font-weight:700;display:flex}.site-footer a{text-underline-offset:3px;text-decoration:underline}.not-found{min-height:60vh;padding:60px var(--gutter);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.not-found h1{margin:0}.not-found p{color:var(--ink-soft)}@keyframes bob{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-7px)rotate(1deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sparkle{0%,to{opacity:.35;transform:scale(.8)rotate(0)}50%{opacity:.9;transform:scale(1.12)rotate(14deg)}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.mascot{overflow:visible}.mascot__tail{transform-origin:180px 160px;animation:4s ease-in-out infinite wiggle}.mascot__wave{transform-origin:166px 150px;animation:.9s ease-in-out infinite wiggle}.mascot__think{animation:2.8s ease-in-out infinite float}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:880px){.site-header{flex-wrap:wrap;gap:12px;padding-top:14px}.brand__mark{width:44px;height:44px}.brand__mark svg{width:38px;height:38px}.brand__text b{font-size:1.25rem}.site-nav{order:3;justify-content:flex-start;width:100%;margin-left:0;overflow-x:auto}.site-nav a{white-space:nowrap;padding:6px 11px;font-size:.82rem}.header-actions{margin-left:auto}.gem-meter{padding:5px 10px 6px}.section-heading{flex-direction:column;align-items:flex-start;gap:12px}.section-heading p{max-width:none}}@media (max-width:560px){body{font-size:16px}.site-header{padding-inline-start:16px;padding-inline-end:16px}.brand__text small{display:none}.gem-meter span:not(.gem-meter__bar){font-size:.76rem}.site-footer{flex-direction:column;gap:6px}}.scene{width:100%;min-height:100%;font-family:var(--font-body);flex-direction:column;gap:14px;padding:clamp(12px,1.8vw,22px);display:flex}.scene__topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.scene__tag{background:var(--white);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:.72rem;font-weight:800;line-height:1.4;display:inline-flex}.scene__tag--accent{background:var(--sun-soft)}.total-badge{background:var(--ink);color:var(--paper);border-radius:999px;align-items:center;gap:4px;padding:3px 11px;font-size:.76rem;font-weight:700;display:inline-flex}.total-badge b{font-family:var(--font-number);font-size:1rem}.equation-line{border:2px solid var(--ink);background:var(--white);font-family:var(--font-number);text-align:center;border-radius:999px;align-self:center;padding:6px 18px;font-weight:700}.equation-line--soft{background:var(--paper-soft);border-style:dashed;font-size:clamp(.95rem,1.6vw,1.2rem)}.equation-line--big{background:var(--ink);color:var(--white);border-color:var(--ink);padding:8px 22px;font-size:clamp(1.25rem,2.5vw,1.85rem);box-shadow:3px 3px #17383a2e}.scene__equations{flex-direction:column;align-items:center;gap:7px;margin-top:auto;display:flex}.scene-note{text-align:center;color:var(--ink-soft);font-size:.82rem}.groups-stage{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.groups-grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(7px,1.1vw,13px);max-width:760px;display:flex}.groups-grid--many .group-card{padding:7px 8px 5px}.group-card{background:var(--white);border:2.5px solid var(--ink);border-radius:17px;padding:9px 10px 6px;position:relative;box-shadow:3px 3px #17383a21}.group-card__items{grid-template-columns:repeat(3,auto);place-content:center;gap:1px;min-height:40px;display:grid}.group-card__label{background:var(--sun);border:2px solid var(--ink);width:21px;height:21px;font-family:var(--font-number);border-radius:50%;place-items:center;font-size:.64rem;font-weight:700;display:grid;position:absolute;top:-10px;right:-7px}.group-item{display:inline-flex;position:relative}.group-item.is-minus{opacity:.38}.group-item.is-minus:after{content:"×";color:var(--coral-deep);place-items:center;font-size:1.2rem;font-weight:800;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.loose-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.loose-items__group{background:var(--sun-soft);border:2px dashed var(--ink);border-radius:14px;align-items:center;gap:8px;padding:7px 11px;display:flex}.loose-items__label{font-size:.72rem;font-weight:800}.loose-items__icons{gap:3px;display:flex}.minus-badge{background:var(--coral-soft);border:2px solid var(--ink);min-width:42px;height:42px;font-family:var(--font-number);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-weight:700;display:inline-flex}.array-stage{flex:1;justify-content:center;align-items:center;padding:20px 18px 8px 34px;display:flex;position:relative}.axis-label{background:var(--paper-soft);border:1.5px solid var(--ink);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.66rem;font-weight:800;position:absolute}.axis-label--top{top:3px;left:50%;transform:translate(-50%)}.axis-label--left{top:50%;left:-4px;transform:translateY(-50%)rotate(-90deg)}.array-grid{place-content:center;gap:clamp(2px,.4vw,5px);max-width:620px;padding:8px;display:grid}.array-cell{place-items:center;display:grid}.commute-stage{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:clamp(10px,2vw,22px);display:flex}.commute-array{background:var(--paper-soft);border:2px solid var(--ink);border-radius:14px;padding:8px 10px;box-shadow:2px 2px #17383a1f}.commute-label{text-align:center;margin-bottom:5px;font-size:.66rem;font-weight:800;display:block}.array-grid--compact{gap:1px;max-width:180px;padding:2px}.commute-equals{font-family:var(--font-number);font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:700}.pattern-strip{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.pattern-chip{background:var(--white);border:1.5px solid var(--ink);min-width:58px;font-family:var(--font-number);border-radius:9px;flex-direction:column;align-items:center;padding:4px 7px;line-height:1.15;display:inline-flex}.pattern-chip b{color:var(--ink-soft);font-size:.63rem;font-weight:600}.pattern-chip span{font-size:.95rem;font-weight:700}.share-stage{flex-wrap:wrap;flex:1;justify-content:center;align-items:stretch;gap:clamp(8px,1.3vw,16px);display:flex}.share-basket{background:var(--white);border:2.5px solid var(--ink);border-radius:18px 18px 26px 26px;flex-direction:column;align-items:center;gap:4px;min-width:104px;padding:20px 10px 8px;display:flex;position:relative;box-shadow:3px 3px #17383a21}.share-basket--bag{background:var(--sky-soft);border-radius:13px 13px 20px 20px}.share-basket--bag:before{content:"";border:2.5px solid var(--ink);border-bottom:0;border-radius:16px 16px 0 0;width:34px;height:18px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.share-basket__label{background:var(--sun-soft);border:1.5px solid var(--ink);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.61rem;font-weight:800;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.share-basket__items{flex-wrap:wrap;place-content:center;gap:1px;width:94px;min-height:45px;display:flex}.share-item{display:inline-flex}.share-basket__count{font-family:var(--font-number);font-size:.72rem;font-weight:700}.share-notes{background:var(--paper-soft);border:1.5px dashed var(--ink);text-align:center;border-radius:999px;align-self:center;padding:6px 15px;font-size:.78rem}.share-notes b{font-family:var(--font-number);font-size:1rem}.scatter-stage{background:#fffaf080;border:2px dashed #17383a59;border-radius:24px;flex-wrap:wrap;flex:1;place-content:center;align-items:center;gap:clamp(7px,1.2vw,15px);max-width:670px;min-height:280px;margin-inline-start:auto;margin-inline-end:auto;padding:18px;display:flex}.scatter-item{display:inline-flex}.sort-bins{flex:1;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-content:center;gap:clamp(8px,1.3vw,14px);width:100%;display:grid}.sort-bin{background:var(--white);border:2.5px solid var(--ink);border-radius:18px;flex-direction:column;display:flex;overflow:hidden;box-shadow:3px 3px #17383a1f}.sort-bin__header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:800;display:flex}.sort-bin__header b{font-family:var(--font-number);font-size:.95rem}.sort-bin__header--coral{background:var(--coral-soft)}.sort-bin__header--sea{background:var(--sea-soft)}.sort-bin__header--sun{background:var(--sun-soft)}.sort-bin__header--sky{background:var(--sky-soft)}.sort-bin__header--plum{background:var(--plum-soft)}.sort-bin__header--leaf{background:var(--leaf-soft)}.sort-bin__items{flex-wrap:wrap;justify-content:center;gap:3px;min-height:65px;padding:6px;display:flex}.sort-bin__item{display:inline-flex}.sort-table-wrap{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.mini-table{background:var(--white);border:2.5px solid var(--ink);border-radius:15px;min-width:220px;overflow:hidden;box-shadow:3px 3px #17383a1f}.mini-table__row{border-bottom:1.5px dashed #17383a40;justify-content:space-between;gap:20px;padding:5px 12px;font-size:.8rem;display:flex}.mini-table__row:last-child{border-bottom:0}.mini-table__row--head{background:var(--paper-deep);border-bottom:2px solid var(--ink);font-weight:800}.mini-table__row--total{background:var(--sun-soft);border-top:2px solid var(--ink);font-weight:800}.mini-table b{font-family:var(--font-number);font-size:.95rem}.sort-sum{font-family:var(--font-number);background:var(--ink);color:var(--white);border-radius:999px;padding:8px 16px;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:700;transform:rotate(-1deg)}.layer-tree{flex-direction:column;flex:1;gap:10px;display:flex}.layer-tree__root{text-align:center}.tree-node{background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:4px 12px;font-size:.74rem;font-weight:800;display:inline-block;box-shadow:2px 2px #17383a1f}.tree-node--root{background:var(--ink);color:var(--paper)}.tree-node--coral{background:var(--coral-soft)}.tree-node--sea{background:var(--sea-soft)}.tree-node--sun{background:var(--sun-soft)}.tree-node--plum{background:var(--plum-soft)}.layer-tree__branches{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.tree-branch{background:var(--white);border:2.5px solid var(--ink);border-radius:16px;padding:10px;box-shadow:3px 3px #17383a1f}.tree-subbranches{flex-direction:column;gap:5px;margin-top:8px;display:flex}.tree-sub{background:var(--paper-soft);border-radius:8px;align-items:center;gap:7px;padding:3px 7px;display:flex}.tree-sub__label{white-space:nowrap;font-size:.64rem;font-weight:800}.tree-sub__items{flex-wrap:wrap;gap:1px;display:flex}.tree-sub__item{display:inline-flex}.tree-sub__count{font-family:var(--font-number);margin-left:auto;font-size:.8rem}.fact-stage{flex:1;min-height:300px;position:relative}.fact-lines{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.fact-node{border:3px solid var(--ink);width:clamp(80px,10vw,104px);height:clamp(80px,10vw,104px);font-family:var(--font-number);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:4px 4px #17383a26}.fact-node b{font-size:clamp(1.7rem,3.6vw,2.8rem);font-weight:700}.fact-node small{font-family:var(--font-body);color:var(--ink-soft);margin-top:5px;font-size:.6rem;font-weight:800}.fact-node--product{background:var(--sun);top:18%;left:50%}.fact-node--a{background:var(--coral-soft);top:75%;left:17%}.fact-node--b{background:var(--sea-soft);top:75%;left:83%}.fact-equations{flex-wrap:wrap;justify-content:center;gap:6px;padding-bottom:4px;display:flex}.fact-equation{background:var(--white);border:2px solid var(--ink);font-family:var(--font-number);border-radius:9px;padding:4px 11px;font-size:.88rem;font-weight:700;box-shadow:2px 2px #17383a1a}.fact-equation--coral{border-left:7px solid var(--coral)}.fact-equation--sun{border-left:7px solid var(--sun)}.fact-equation--sea{border-left:7px solid var(--sea)}.fact-equation--plum{border-left:7px solid var(--plum)}.fact-legend{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:18px;font-size:.68rem;font-weight:700;display:flex}.measure-stage{flex-direction:column;flex:1;justify-content:center;gap:10px;width:100%;display:flex}.measure-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.measure-value{background:var(--sun-soft);border:2px solid var(--ink);font-family:var(--font-number);border-radius:999px;padding:3px 11px;font-size:.82rem;font-weight:700}.measure-svg{width:100%;height:auto;max-height:355px}.measure-footnote{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.7rem;font-weight:700;display:flex}.meter-stack{flex-direction:column;gap:7px;width:100%;display:flex}.meter-stick{align-items:center;gap:8px;display:flex}.meter-stick__label{width:38px;font-family:var(--font-number);flex-shrink:0;font-size:.72rem;font-weight:700}.meter-stick__bar{border:2.5px solid var(--ink);background:#f8d98a;border-radius:10px;flex:1;justify-content:space-between;align-items:stretch;height:48px;padding:0 4px;display:flex;box-shadow:2px 2px #17383a1f}.meter-tick{flex-direction:column;flex:1;justify-content:space-between;align-items:center;display:flex}.meter-tick i{background:var(--ink);width:1.5px;height:11px}.meter-tick b{font-family:var(--font-number);font-size:.48rem;font-weight:600}.meter-tick:first-child b,.meter-tick:nth-child(6) b,.meter-tick:last-child b{font-size:.6rem;font-weight:700}.conversion-card{background:var(--ink);color:var(--paper);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;display:flex}.conversion-card__big{font-family:var(--font-number);font-size:clamp(1.15rem,2.4vw,1.6rem);font-weight:700}.conversion-card__small{font-family:var(--font-number);color:var(--sun-soft);font-size:.76rem}.measure-object-line{justify-content:center;align-items:center;gap:9px;font-size:.8rem;font-weight:700;display:flex}.measure-object-icon{font-size:1.6rem}.estimate-object{align-items:center;gap:10px;font-size:.82rem;font-weight:700;display:flex}.estimate-object__drawing{font-size:2.6rem;line-height:1}.estimate-bars{flex-direction:column;gap:9px;display:flex}.estimate-row{grid-template-columns:90px minmax(0,1fr) 105px;align-items:center;gap:9px;font-size:.74rem;display:grid}.estimate-row__label{font-weight:800}.estimate-row b{font-family:var(--font-number);text-align:right;font-size:.77rem}.estimate-bar-track{background:var(--paper-deep);border:2px solid var(--ink);border-radius:999px;height:19px;overflow:hidden}.estimate-bar{border-radius:inherit;height:100%}.estimate-bar--estimate{background:var(--sun)}.estimate-bar--actual{background:var(--sea)}.estimate-difference{background:var(--paper-soft);border-left:5px solid var(--coral);border-radius:0 8px 8px 0;padding:5px 12px;font-size:.78rem}.estimate-difference b{font-family:var(--font-number);font-size:.9rem}.compass-stage{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:clamp(10px,2.5vw,32px);display:flex}.compass-fox{background:var(--white);border:2.5px solid var(--ink);border-radius:20px;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;display:flex;box-shadow:3px 3px #17383a21}.compass-fox__label{font-family:var(--font-display);font-size:.92rem}.compass-stage>svg{max-width:min(340px,70vw);height:auto}.direction-legend{flex-wrap:wrap;justify-content:center;gap:16px;font-size:.72rem;font-weight:800;display:flex}.direction-legend span{background:var(--white);border:1.5px solid var(--ink);border-radius:999px;padding:2px 9px}.campus-map{aspect-ratio:16/9;border:2.5px solid var(--ink);background-color:#e7f2e5;background-image:linear-gradient(#17383a12 1px,#0000 1px),linear-gradient(90deg,#17383a12 1px,#0000 1px);background-size:10% 10%;border-radius:22px;width:100%;min-height:280px;position:relative;overflow:hidden}.campus-map__north{z-index:3;background:var(--sun);border:1.5px solid var(--ink);border-radius:999px;padding:1px 8px;font-size:.65rem;font-weight:800;position:absolute;top:10px;left:12px}.campus-map__legend{z-index:3;background:var(--white);border:1.5px solid var(--ink);border-radius:999px;padding:1px 8px;font-size:.58rem;font-weight:700;position:absolute;top:10px;right:12px}.landmark{z-index:2;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;transform:translate(-50%,-50%)}.landmark__icon{background:var(--white);border:2px solid var(--ink);border-radius:50%;place-items:center;width:clamp(38px,6vw,56px);height:clamp(38px,6vw,56px);transition:transform .2s;display:grid;box-shadow:2px 2px #17383a24}.landmark.is-on-route .landmark__icon{background:var(--sun-soft);border-color:var(--coral-deep);transform:scale(1.08)}.landmark__label{background:var(--paper);border:1.5px solid var(--ink);white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:clamp(.5rem,1.1vw,.64rem);font-weight:800}.campus-route{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.campus-map__compass{z-index:3;opacity:.9;position:absolute;bottom:8px;right:8px}.campus-map__compass svg{width:clamp(54px,8vw,82px);height:auto}.route-legend{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:.67rem;font-weight:700;display:flex}.route-legend span{align-items:center;gap:4px;display:inline-flex}.route-dot{border:1.5px solid var(--ink);border-radius:50%;width:9px;height:9px;display:inline-block}.route-dot--start{background:var(--sun)}.route-dot--end{background:var(--coral)}.body-stage{background:var(--paper-soft);border:2px dashed #17383a4d;border-radius:22px;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.body-svg{width:100%;height:auto;max-height:370px}.body-note{text-align:center;color:var(--ink-soft);font-size:.78rem}.body-estimate-card{background:var(--white);border:2.5px solid var(--ink);border-radius:20px;grid-template-columns:106px minmax(0,1fr);align-items:center;gap:16px;padding:12px 16px;display:grid;box-shadow:3px 3px #17383a21}.body-estimate-icon{font-family:var(--font-display);flex-direction:column;align-items:center;gap:2px;font-size:.8rem;display:flex}.bar-stage{background:var(--paper-soft);border:2px solid var(--ink);border-radius:18px;padding:12px 14px}.bar-row{gap:4px;min-height:78px;display:flex}.bar-segment{background:var(--sky-soft);border:2px solid var(--ink);font-family:var(--font-number);border-radius:8px;flex:1;place-items:center;font-size:clamp(1rem,2vw,1.35rem);font-weight:700;display:grid;position:relative}.bar-segment:nth-child(2n){background:var(--sun-soft)}.bar-segment:nth-child(3n){background:var(--sea-soft)}.bar-segment.is-highlight{background:var(--coral-soft);box-shadow:inset 0 0 0 2px var(--coral-deep)}.bar-segment.is-faded{opacity:.45}.bar-segment__minus{background:var(--coral);border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;padding:0 6px;font-size:.65rem;font-style:normal;position:absolute;top:-11px;right:-7px}.bar-bracket{color:var(--ink-soft);justify-content:space-between;gap:10px;margin-top:7px;font-size:.68rem;font-weight:700;display:flex}.bar-partwhole{background:var(--white);border-left:6px solid var(--sun);border-radius:0 10px 10px 0;flex-direction:column;gap:4px;padding:7px 11px;font-size:.74rem;display:flex}.bar-partwhole b{font-family:var(--font-number);font-size:.86rem}.compare-bars{background:var(--paper-soft);border:2px solid var(--ink);border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex}.compare-row{grid-template-columns:80px 1fr 40px;align-items:center;gap:10px;font-size:.75rem;font-weight:700;display:grid}.compare-track{background:var(--paper-deep);border:2px solid var(--ink);border-radius:999px;height:22px;overflow:hidden}.compare-fill{height:100%}.compare-fill--a{background:var(--sun)}.compare-fill--b{background:var(--sea)}.web-stage{background:var(--paper-soft);border:2px dashed #17383a52;border-radius:22px;flex:1;min-height:380px;position:relative;overflow:hidden}.web-lines{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.web-node{z-index:2;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.web-node__dot{background:var(--node-tone);border:2.5px solid var(--ink);border-radius:50%;width:16px;height:16px;transition:transform .2s;box-shadow:1px 1px #17383a33}.web-node__label{background:var(--white);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:clamp(.68rem,1.4vw,.84rem);font-weight:800;transition:background .2s,transform .2s;box-shadow:2px 2px #17383a1f}.web-edge-label{background:var(--paper-soft);border:1.5px solid var(--ink);font-family:var(--font-number);color:var(--ink-soft);white-space:nowrap;z-index:1;border-radius:999px;padding:1px 7px;font-size:clamp(.56rem,1vw,.68rem);font-weight:700;position:absolute;transform:translate(-50%,-50%)}.web-node:hover .web-node__dot,.web-node.is-active .web-node__dot{transform:scale(1.3)}.web-node.is-active .web-node__label{background:var(--sun-soft);transform:translateY(-2px)}.web-hint{text-align:center;color:var(--ink-soft);font-size:.7rem}.tally-list{flex-direction:column;flex:1;justify-content:center;gap:6px;display:flex}.tally-row{background:var(--white);border:2px solid var(--ink);border-radius:12px;grid-template-columns:66px 1fr 34px;align-items:center;gap:10px;padding:6px 11px;display:grid;box-shadow:2px 2px #17383a1a}.tally-row__label{font-size:.75rem;font-weight:800}.tally-row__marks{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.tally-row__marks i{border:1px solid #17383a33;border-radius:3px;width:9px;height:18px}.tally-row b{font-family:var(--font-number);text-align:right;font-size:.92rem}.chart-table{align-self:center;width:min(100%,430px)}.table-swatch{border:1px solid var(--ink);vertical-align:1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.chart-bars{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.chart-row{grid-template-columns:58px minmax(0,1fr) 34px;align-items:center;gap:9px;font-size:.74rem;font-weight:700;display:grid}.chart-row__label{white-space:nowrap}.chart-track{background:var(--paper-deep);border:2px solid var(--ink);border-radius:999px;height:21px;overflow:hidden}.chart-fill{border-radius:inherit;height:100%}.chart-row b{font-family:var(--font-number);text-align:right;font-size:.88rem}.chart-total{background:var(--ink);color:var(--white);font-family:var(--font-number);border-radius:999px;align-self:flex-end;padding:3px 10px;font-size:.72rem}@media (max-width:720px){.scene{padding:10px}.group-card{padding:5px 6px 4px}.group-card__items{grid-template-columns:repeat(2,auto)}.group-item svg,.array-cell svg{width:28px;height:28px}.groups-grid{gap:4px}.group-card__label{width:18px;height:18px;font-size:.55rem;top:-8px;right:-5px}.share-basket{min-width:86px;padding-inline-start:7px;padding-inline-end:7px}.share-basket__items{width:74px}.fact-stage{min-height:250px}.estimate-row{grid-template-columns:72px minmax(0,1fr) 82px;gap:6px;font-size:.66rem}.estimate-row b{font-size:.7rem}.body-estimate-card{grid-template-columns:1fr;gap:8px}.body-estimate-icon{flex-direction:row;justify-content:center}.meter-tick b{display:none}.meter-tick:first-child b,.meter-tick:nth-child(6) b,.meter-tick:last-child b{font-size:.52rem;display:block}.conversion-card{flex-direction:column;align-items:flex-start;gap:2px}.web-stage{min-height:290px}.fact-legend{gap:8px;font-size:.6rem}.bar-bracket{font-size:.6rem}}.home-page{overflow-x:clip}.home-hero{max-width:var(--page-width);padding:clamp(18px, 3vw, 38px) var(--gutter) clamp(18px, 2vw, 30px);grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:clamp(18px,4vw,56px);min-height:min(660px,76vh);margin:0 auto;display:grid;position:relative}.home-hero h1{margin:12px 0 18px;font-size:clamp(2.85rem,5.6vw,5.2rem);line-height:1.04}.home-hero h1 em{color:var(--coral-deep);white-space:nowrap;font-style:normal;display:inline-block;position:relative}.home-hero h1 em:after{content:"";z-index:-1;background:var(--sun);opacity:.75;border-radius:999px;height:20%;position:absolute;bottom:4%;left:-2%;right:-2%;transform:rotate(-1.2deg)}.home-hero__lead{max-width:610px;color:var(--ink-soft);font-size:clamp(1rem,1.25vw,1.1rem);line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 26px;display:flex}.hero-stats{color:var(--ink-soft);border-top:2px dashed #17383a3d;flex-wrap:wrap;gap:clamp(16px,3vw,34px);padding-top:16px;font-size:.72rem;font-weight:700;display:flex}.hero-stats span{align-items:baseline;gap:5px;display:flex}.hero-stats b{font-family:var(--font-number);color:var(--ink);font-size:1.5rem}.home-hero__mascot{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;min-height:390px;display:flex;position:relative}.home-hero__mascot:before{content:"";z-index:-1;aspect-ratio:1;background:var(--sun-soft);border:3px dashed #17383a47;border-radius:50%;width:min(330px,75vw);position:absolute;bottom:42px;transform:rotate(6deg)}.home-hero__mascot:after{content:"✦";color:var(--coral);font-size:2.1rem;animation:3s ease-in-out infinite sparkle;position:absolute;top:12%;right:12%}.speech-bubble{z-index:3;background:var(--white);border:2.5px solid var(--ink);max-width:265px;box-shadow:var(--shadow-sm);border-radius:18px 18px 18px 4px;padding:12px 16px;font-size:.92rem;font-weight:800;line-height:1.45;position:absolute;top:8px;left:0;transform:rotate(-1.4deg)}.speech-bubble small{color:var(--ink-soft);font-size:.68rem;font-weight:600}.mascot-name{background:var(--white);border:2px solid var(--ink);font-family:var(--font-display);border-radius:999px;margin-top:-8px;padding:3px 13px;font-size:.8rem;transform:rotate(2deg);box-shadow:2px 2px #17383a24}.map-section{max-width:var(--page-width);padding:clamp(28px, 4vw, 54px) var(--gutter) 20px;margin:0 auto}.map-section__head{justify-content:space-between;align-items:flex-end;gap:26px;margin-bottom:20px;display:flex}.map-section__head h2{margin:5px 0 0}.map-section__head p{max-width:460px;color:var(--ink-soft);margin:0;font-size:.9rem}.island-map{border:3.5px solid var(--ink);min-height:clamp(660px,78vh,860px);box-shadow:var(--shadow-lg);isolation:isolate;background:#cfe8ef;border-radius:clamp(28px,4vw,58px);position:relative;overflow:hidden}.map-water{z-index:0;background-color:#cfe8ef;background-image:radial-gradient(circle at 18% 28%,#ffffff6b 0 2px,#0000 3px),radial-gradient(circle at 72% 62%,#ffffff4d 0 2px,#0000 3px),linear-gradient(#ffffff38,#0000 34%,#2b9d921a);background-size:36px 36px,43px 43px,100% 100%;position:absolute;top:0;bottom:0;left:0;right:0}.map-water:after{content:"";opacity:.7;background-image:repeating-linear-gradient(115deg,#0000 0 38px,#ffffff24 39px 41px);position:absolute;top:0;bottom:0;left:0;right:0}.map-contour{z-index:0;pointer-events:none;border:2px dashed #17383a24;border-radius:50%;position:absolute}.map-contour--one{width:68%;height:54%;top:24%;left:-14%;transform:rotate(14deg)}.map-contour--two{width:54%;height:45%;bottom:-8%;right:-10%;transform:rotate(-10deg)}.map-cloud{z-index:1;color:#fffc;pointer-events:none;text-shadow:0 2px #17383a0f;font-size:clamp(3rem,7vw,6.5rem);line-height:1;animation:7s ease-in-out infinite float;position:absolute}.map-cloud--one{top:5%;left:5%}.map-cloud--two{font-size:clamp(2rem,4vw,4rem);animation-delay:-2s;top:9%;right:14%}.map-compass{z-index:2;opacity:.7;position:absolute;bottom:5%;right:3.5%;transform:rotate(8deg)}.map-legend{z-index:3;background:var(--white);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:.66rem;font-weight:800;display:flex;position:absolute;bottom:4.4%;left:3.2%;box-shadow:2px 2px #17383a24}.map-legend__dot{background:var(--coral);border:1.5px solid var(--ink);border-radius:50%;width:9px;height:9px}.map-route{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.map-boat{z-index:2;filter:drop-shadow(2px 3px #17383a1f);font-size:clamp(1.4rem,2.4vw,2rem);animation:5s ease-in-out infinite bob;position:absolute;top:42%;left:46%}.map-start{z-index:3;color:var(--ink-soft);font-family:var(--font-display);align-items:center;gap:6px;font-size:.76rem;display:flex;position:absolute;top:40%;left:4%;transform:rotate(-4deg)}.map-start i{border-top:2px dashed var(--ink-soft);width:44px;display:block}.island{z-index:3;text-align:center;background:var(--island-color);border:3px solid var(--ink);width:192px;min-height:174px;color:var(--ink);isolation:isolate;border-radius:48% 52% 44% 56%/54% 46%;flex-direction:column;align-items:center;padding:18px 15px 13px;transition:transform .24s,box-shadow .24s,filter .24s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:8px 9px #17383a2b}.island--lg{width:222px;min-height:194px}.island--sm{width:166px;min-height:154px}.island:hover{filter:saturate(1.06);transform:translate(-50%,-55%)rotate(-1.5deg);box-shadow:11px 14px #17383a26}.island__ring{z-index:-1;border-radius:inherit;pointer-events:none;border:2px dashed #ffffffad;position:absolute;top:-9px;bottom:-9px;left:-9px;right:-9px}.island__grass{z-index:-1;background:#17383a1f;border-radius:0 0 52% 48%/0 0 65% 60%;height:31%;position:absolute;bottom:0;left:6%;right:6%}.island__badge{background:var(--white);border:2.5px solid var(--ink);width:36px;height:36px;font-family:var(--font-number);border-radius:50%;place-items:center;font-size:.76rem;font-weight:700;display:grid;position:absolute;top:-13px;left:8px;transform:rotate(-7deg);box-shadow:2px 2px #17383a29}.is-reached .island__badge{background:var(--sea);color:var(--white)}.island__icon{background:var(--paper-soft);border:2.5px solid var(--ink);border-radius:50%;place-items:center;width:62px;height:62px;margin-bottom:7px;display:grid;box-shadow:3px 3px #17383a21}.island--lg .island__icon{width:68px;height:68px}.island__title{font-family:var(--font-display);font-size:1.28rem;line-height:1.1}.island--lg .island__title{font-size:1.42rem}.island--sm .island__title{font-size:1.16rem}.island__subtitle{opacity:.72;margin-top:3px;font-size:.58rem;font-weight:700;line-height:1.3}.island__progress{width:100%;font-family:var(--font-number);align-items:center;gap:7px;margin-top:auto;padding-top:9px;font-size:.63rem;font-weight:700;display:flex}.island__progress-bar{background:#fffaf085;border:1.5px solid #17383a80;border-radius:999px;flex:1;height:6px;overflow:hidden}.island__progress-bar i{background:var(--ink);border-radius:inherit;height:100%;display:block}.island__palm{color:#ffffffd9;font-size:.85rem;animation:3.4s ease-in-out infinite sparkle;position:absolute}.island__palm--one{top:16px;right:16px}.island__palm--two{animation-delay:-1.5s;bottom:26px;left:20px}.home-note{max-width:var(--page-width);padding:22px var(--gutter) 48px;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;display:flex}.home-note__card{background:var(--white);border:2.5px solid var(--ink);max-width:780px;box-shadow:var(--shadow-sm);border-radius:18px;padding:20px 26px 18px 54px;position:relative;transform:rotate(-.5deg)}.home-note__mark{color:var(--sun);font-family:var(--font-display);font-size:3.4rem;line-height:1;position:absolute;top:3px;left:14px}.home-note__card p{color:var(--ink-soft);margin:0;font-size:.9rem}.home-note__sign{color:var(--ink);text-align:right;margin-top:7px;font-size:.7rem;font-weight:800;display:block}.home-note__actions{flex-shrink:0}.unit-page main,.lesson-page main,.about-page main{padding-bottom:20px}.unit-hero{max-width:var(--page-width);background:var(--white);border:3px solid var(--ink);box-shadow:var(--shadow-md);border-radius:clamp(28px,3.5vw,46px);grid-template-columns:270px minmax(0,1fr) 190px;align-items:center;gap:clamp(20px,3vw,40px);margin:22px auto 0;padding:clamp(22px,3.4vw,42px) clamp(20px,3.5vw,50px);display:grid;position:relative;overflow:hidden}.unit-hero:before{content:"";z-index:0;aspect-ratio:1;background:var(--unit-color);opacity:.16;border-radius:50%;width:62%;position:absolute;top:-50%;right:-12%}.unit-hero>*{z-index:1;position:relative}.unit-hero__island{background:var(--unit-color);border:3px solid var(--ink);border-radius:48% 52% 44% 56%/54% 46%;place-items:center;width:240px;height:210px;margin:0 auto;display:grid;position:relative;transform:rotate(-3deg);box-shadow:8px 9px #17383a29}.unit-hero__ring{border-radius:inherit;border:2px dashed #ffffffb3;position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}.unit-hero__icon{background:var(--paper-soft);border:3px solid var(--ink);border-radius:50%;place-items:center;width:118px;height:118px;display:grid;box-shadow:4px 4px #17383a24}.unit-hero__spark{color:var(--paper);font-size:1.3rem;animation:3s ease-in-out infinite sparkle;position:absolute}.unit-hero__spark--one{top:20%;right:15%}.unit-hero__spark--two{animation-delay:-1.2s;bottom:18%;left:14%}.unit-hero__copy h1{margin:5px 0 4px;font-size:clamp(2.4rem,4.8vw,4.2rem)}.unit-hero__subtitle{font-family:var(--font-display);color:var(--ink-soft);margin:0 0 9px;font-size:1.14rem}.unit-hero__description{max-width:620px;color:var(--ink-soft);margin:0;font-size:.94rem}.unit-hero__actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:20px;display:flex}.unit-progress{flex-direction:column;gap:5px;min-width:150px;display:flex}.unit-progress__label{font-family:var(--font-number);color:var(--ink-soft);font-size:.7rem;font-weight:700}.unit-progress__bar{background:var(--paper-deep);border:2px solid var(--ink);border-radius:999px;height:8px;display:block;overflow:hidden}.unit-progress__bar i{background:var(--unit-color);height:100%;display:block}.unit-hero__mascot{justify-content:center;align-items:flex-end;display:flex}.unit-thread{max-width:var(--page-width);background:var(--paper-soft);border:2.5px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:28px;margin:24px auto 0;padding:20px clamp(20px,3.5vw,38px)}.thread-track{align-items:flex-start;gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.thread-stop{text-align:center;flex-direction:column;flex:1;align-items:center;gap:5px;min-width:112px;font-size:.68rem;font-weight:700;display:flex;position:relative}.thread-stop__dot{background:var(--white);border:2px solid var(--ink);width:30px;height:30px;font-family:var(--font-number);z-index:1;border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:grid}.thread-stop__dot.is-done{background:var(--unit-color);color:var(--ink)}.thread-stop__line{border-top:2px dashed #17383a47;width:calc(100% - 32px);position:absolute;top:14px;left:calc(50% + 18px)}.lesson-list-section{max-width:var(--page-width);padding:34px var(--gutter) 10px;margin:0 auto}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lesson-card{background:var(--white);border:2.5px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;padding:17px 19px 15px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:relative}.lesson-card:hover{background:#fffdf6;transform:translate(-1px,-3px)rotate(-.25deg);box-shadow:6px 8px #17383a29}.lesson-card.is-done{background:var(--sea-soft)}.lesson-card__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-card__number{font-family:var(--font-number);letter-spacing:.08em;color:var(--ink-soft);font-size:.66rem;font-weight:700}.lesson-card__status{background:var(--paper);border:1.5px solid var(--ink);border-radius:999px;padding:2px 8px;font-size:.6rem;font-weight:800}.lesson-card__status.is-done{background:var(--sea);color:var(--white)}.lesson-card h3{margin:8px 0 3px;font-size:1.3rem}.lesson-card p{color:var(--ink-soft);margin:0;font-size:.78rem}.lesson-card__meta{color:var(--ink-soft);border-top:1.5px dashed #17383a3d;align-items:center;gap:12px;margin-top:13px;padding-top:9px;font-size:.65rem;font-weight:700;display:flex}.lesson-card__arrow{color:var(--ink);margin-left:auto;font-size:1rem}.unit-big-idea{max-width:var(--page-width);background:var(--ink);color:var(--paper);border-radius:20px;align-items:center;gap:18px;margin:22px auto 0;padding:18px 30px;display:flex}.unit-big-idea__label{background:var(--sun);color:var(--ink);border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:.66rem;font-weight:800}.unit-big-idea p{margin:0;font-size:.84rem}.lesson-intro{max-width:var(--page-width);padding:clamp(18px, 2.8vw, 34px) var(--gutter) 22px;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 auto;display:flex}.lesson-intro h1{margin:5px 0 4px;font-size:clamp(2.5rem,4.8vw,4.2rem)}.lesson-intro__subtitle{color:var(--ink-soft);font-family:var(--font-display);margin:0 0 14px;font-size:1.1rem}.big-idea-card{background:var(--sun-soft);border:2.5px solid var(--ink);border-radius:4px 16px 16px 4px;max-width:680px;padding:12px 18px 12px 20px;position:relative;box-shadow:3px 3px #17383a1f}.big-idea-card:before{content:"";background:var(--sun);border-radius:4px 0 0 4px;width:7px;position:absolute;top:0;bottom:0;left:0}.big-idea-card__label{font-family:var(--font-number);letter-spacing:.08em;color:var(--coral-deep);margin-bottom:3px;font-size:.62rem;font-weight:700;display:inline-block}.big-idea-card p{font-family:var(--font-display);margin:0;font-size:1.05rem;line-height:1.5}.lesson-intro__meta{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:6px;display:flex}.lesson-intro__meta span{background:var(--white);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;align-items:baseline;gap:4px;padding:5px 10px;font-size:.62rem;font-weight:700;display:flex;box-shadow:2px 2px #17383a1a}.lesson-intro__meta b{font-family:var(--font-number);font-size:.92rem}.player{max-width:var(--page-width);padding:4px var(--gutter) 0;grid-template-columns:minmax(0,1.55fr) minmax(330px,.72fr);align-items:start;gap:22px;margin:0 auto;display:grid}.stage-card{background:var(--white);border:3px solid var(--ink);min-width:0;box-shadow:var(--shadow-md);border-radius:28px;padding:clamp(12px,1.6vw,18px);position:relative}.stage-card__tape{z-index:3;background:var(--sun-soft);border:2px solid var(--ink);opacity:.95;border-radius:3px;width:108px;height:24px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-2deg)}.stage-card__meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.stage-card__meta-right{align-items:center;gap:8px;display:flex}.stage-card__label{background:var(--ink);color:var(--white);font-family:var(--font-number);border-radius:999px;padding:3px 9px;font-size:.64rem;font-weight:700}.stage-card__hint{color:var(--ink-soft);font-size:.62rem;font-weight:700}.scene-wrap{background:var(--paper-soft);border:2px dashed #17383a40;border-radius:19px;justify-content:center;align-items:center;min-height:clamp(330px,34vw,470px);display:flex;overflow:hidden}.scene-wrap>*{width:100%}.magnifier-button{z-index:4;background:var(--sun);border:2px solid var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:.66rem;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:2px 2px #17383a29}.magnifier-button:hover,.magnifier-button.is-open{transform:translate(-1px,-2px);box-shadow:4px 5px #17383a2e}.relation-overlay{z-index:6;background:var(--paper);border:2.5px solid var(--ink);border-radius:20px;flex-direction:column;justify-content:center;padding:18px 16px 12px;display:flex;position:absolute;top:10px;bottom:10px;left:10px;right:10px;overflow:auto;box-shadow:4px 5px #17383a29}.relation-overlay__close{z-index:2;background:var(--white);border:2px solid var(--ink);border-radius:50%;place-items:center;width:30px;height:30px;font-size:1.1rem;line-height:1;display:grid;position:absolute;top:8px;right:10px}.lesson-note{background:var(--white);border:2.5px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:24px;padding:20px 20px 16px;position:sticky;top:16px}.lesson-note__eyebrow{color:var(--coral-deep);font-family:var(--font-number);letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:.62rem;font-weight:700;display:flex}.lesson-note__step{color:var(--ink-soft)}.lesson-note__title{margin:8px 0 5px;font-size:clamp(1.45rem,2.1vw,1.95rem)}.lesson-note__caption{color:var(--ink-soft);margin:0 0 12px;font-size:.9rem;line-height:1.7}.equation-chip{background:var(--sun);border:2px solid var(--ink);font-family:var(--font-number);border-radius:999px;padding:5px 13px;font-size:clamp(.98rem,1.7vw,1.28rem);font-weight:700;display:inline-block;box-shadow:2px 2px #17383a24}.player-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-top:15px;display:flex}.control-button{background:var(--paper);border:2px solid var(--ink);border-radius:11px;justify-content:center;align-items:center;gap:4px;min-width:42px;height:42px;padding:0 11px;font-size:.72rem;font-weight:800;transition:transform .16s,background .16s;display:inline-flex;box-shadow:2px 2px #17383a21}.control-button:hover:not(:disabled){background:var(--sun-soft);transform:translateY(-2px)}.control-button:disabled{opacity:.35;cursor:not-allowed}.control-button--primary{background:var(--coral)}.control-button--ghost{background:0 0}.step-dots{align-items:center;gap:5px;margin:11px 0 13px;display:flex}.step-dot{border:2px solid var(--ink);background:0 0;border-radius:50%;width:9px;height:9px;padding:0;transition:width .2s,background .2s}.step-dot.is-active{background:var(--ink);border-radius:999px;width:26px}.deep-dive{border-top:1.5px dashed #17383a42;margin-top:12px;padding-top:9px}.deep-dive summary{cursor:pointer;color:var(--ink-soft);font-size:.72rem;font-weight:800}.deep-dive__body{padding-top:8px}.deep-dive__body p{color:var(--ink-soft);margin:0 0 7px;font-size:.74rem;line-height:1.6}.deep-dive__body b{color:var(--ink)}.relation-section,.extension-section,.quiz{max-width:var(--page-width);padding:36px var(--gutter) 0;margin:0 auto}.relation-diagram{max-width:850px;margin:0 auto}.relation-graph{background:var(--paper-soft);border:2px solid var(--ink);border-radius:22px;min-height:300px;position:relative;overflow:hidden}.relation-graph svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.relation-node{border:2px solid var(--ink);white-space:nowrap;color:var(--ink);z-index:2;border-radius:999px;padding:6px 13px;font-size:clamp(.7rem,1.4vw,.88rem);font-weight:800;position:absolute;transform:translate(-50%,-50%);box-shadow:2px 2px #17383a24}.relation-edge-label{background:var(--paper-soft);border:1.5px solid var(--ink);font-family:var(--font-number);color:var(--ink-soft);white-space:nowrap;z-index:1;border-radius:999px;padding:1px 7px;font-size:clamp(.58rem,1vw,.7rem);font-weight:700;position:absolute;transform:translate(-50%,-50%)}.relation-sentence{max-width:760px;color:var(--ink-soft);text-align:center;margin:12px auto 0;font-size:.84rem}.thinking-section{max-width:var(--page-width);padding:36px var(--gutter) 0;margin:0 auto}.thinking-card{background:var(--white);border:2.5px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:24px;padding:22px 26px 20px;position:relative;overflow:hidden}.thinking-card:before{content:"";background:var(--plum);width:9px;position:absolute;top:0;bottom:0;left:0}.thinking-card__head{align-items:flex-start;gap:14px;display:flex}.thinking-card__mark{background:var(--plum-soft);border:2px solid var(--ink);width:43px;height:43px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.5rem;display:grid;transform:rotate(-6deg)}.thinking-card h2{margin:3px 0 0;font-size:clamp(1.35rem,2.3vw,1.8rem)}.thinking-core{background:var(--plum-soft);border-left:5px solid var(--plum);font-family:var(--font-display);border-radius:0 12px 12px 0;margin:15px 0 16px;padding:12px 16px;font-size:1.04rem;line-height:1.55}.thinking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.thinking-grid>div{background:var(--paper-soft);border:1.5px dashed #17383a52;border-radius:13px;padding:12px 15px}.thinking-grid h3{margin:0 0 4px;font-size:1rem}.thinking-grid p{color:var(--ink-soft);margin:0;font-size:.82rem}.thinking-talk{color:var(--ink-soft);margin:13px 0 0;font-size:.82rem}.thinking-talk b{color:var(--ink)}.extension-card{background:var(--white);border:2.5px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;padding:16px;display:grid}.extension-card:has(.extension-card__body:only-child){grid-template-columns:1fr}.extension-card__visual{background:var(--paper-soft);border:2px dashed #17383a47;border-radius:18px;justify-content:center;align-items:center;min-height:260px;display:flex;overflow:hidden}.extension-card__body{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:8px 6px;display:flex}.extension-hint{color:var(--ink-soft);margin:0;font-size:.85rem}.extension-sample{background:var(--paper);border-left:5px solid var(--sea);color:var(--ink-soft);border-radius:0 8px 8px 0;margin:0;padding:9px 13px;font-size:.84rem}.quiz .section-heading{margin-bottom:20px}.quiz-progress{background:var(--white);border:2px solid var(--ink);font-family:var(--font-number);border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:.78rem;font-weight:700}.quiz-list{flex-direction:column;gap:14px;display:flex}.question-card{background:var(--white);border:2.5px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:22px;padding:17px 20px}.question-card__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.question-number{font-family:var(--font-number);letter-spacing:.08em;color:var(--coral-deep);font-size:.66rem;font-weight:700}.answer-badge{border:1.5px solid var(--ink);border-radius:999px;padding:2px 8px;font-size:.6rem;font-weight:800}.answer-badge.is-correct{background:var(--sea-soft)}.answer-badge.is-wrong{background:var(--coral-soft)}.question-prompt{font-family:var(--font-display);margin:7px 0 13px;font-size:1.22rem;line-height:1.45}.question-visual{background:var(--paper-soft);border:2px dashed #17383a40;border-radius:16px;margin-bottom:12px;overflow:hidden}.option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.option-button{background:var(--paper-soft);border:2px solid var(--ink);text-align:left;border-radius:11px;align-items:center;gap:9px;min-height:45px;padding:7px 11px;font-size:.85rem;font-weight:700;transition:background .16s,transform .16s;display:flex}.option-button:hover:not(:disabled){background:var(--sun-soft);transform:translateY(-1px)}.option-button:disabled{cursor:default}.option-letter{background:var(--white);border:1.5px solid var(--ink);width:23px;height:23px;font-family:var(--font-number);border-radius:50%;flex-shrink:0;place-items:center;font-size:.66rem;font-weight:700;display:grid}.option-button.is-correct{background:var(--sea-soft);border-color:var(--sea-deep)}.option-button.is-wrong{background:var(--coral-soft);border-color:var(--coral-deep)}.option-button.is-selected .option-letter{background:var(--ink);color:var(--white)}.question-explain{background:var(--paper);border-left:5px solid var(--sea);color:var(--ink-soft);border-radius:0 8px 8px 0;margin:12px 0 0;padding:8px 12px;font-size:.8rem}.question-explain b{color:var(--ink)}.quiz-footer{background:var(--paper-soft);border:2px dashed #17383a4d;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:14px 18px;display:flex}.quiz-footer p{color:var(--ink-soft);margin:0;font-size:.82rem;font-weight:700}.quiz--result{padding-top:40px}.result-card{background:var(--white);border:3px solid var(--ink);max-width:560px;box-shadow:var(--shadow-md);text-align:center;border-radius:30px;margin:0 auto;padding:28px 26px}.result-gem{justify-content:center;margin-bottom:4px;animation:3s ease-in-out infinite bob;display:flex}.result-kicker{color:var(--coral-deep);font-family:var(--font-number);letter-spacing:.1em;margin:0 0 4px;font-size:.68rem;font-weight:700}.result-card h2{margin:0 0 8px;font-size:clamp(1.6rem,3vw,2.2rem)}.result-score{font-family:var(--font-number);margin:0;font-size:1.1rem;font-weight:700}.star-row{color:#17383a2e;justify-content:center;gap:3px;margin:8px 0 10px;font-size:1.7rem;line-height:1;display:flex}.star-row .is-filled{color:var(--sun-deep)}.result-best{color:var(--ink-soft);font-size:.76rem}.lesson-nav{max-width:var(--page-width);padding:18px var(--gutter) 0;border-top:2px dashed #17383a3d;justify-content:space-between;align-items:stretch;gap:16px;margin:30px auto 0;display:flex}.lesson-nav__link{background:var(--white);border:2px solid var(--ink);border-radius:15px;flex-direction:column;gap:2px;min-width:190px;padding:11px 15px;transition:transform .18s,background .18s;display:flex;box-shadow:2px 2px #17383a1f}.lesson-nav__link:hover{background:var(--sun-soft);transform:translateY(-2px)}.lesson-nav__link span{color:var(--ink-soft);font-size:.62rem;font-weight:700}.lesson-nav__link b{font-family:var(--font-display);font-size:.94rem}.lesson-nav__link--next{text-align:right;align-items:flex-end}.about-hero{max-width:var(--page-width);background:var(--white);border:3px solid var(--ink);box-shadow:var(--shadow-md);border-radius:clamp(28px,4vw,48px);grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:26px;margin:22px auto 0;padding:clamp(24px,4vw,50px) clamp(22px,4vw,54px);display:grid;position:relative;overflow:hidden}.about-hero:before{content:"";background:var(--sky-soft);z-index:0;border-radius:50%;width:280px;height:280px;position:absolute;top:-20%;right:4%}.about-hero>*{z-index:1;position:relative}.about-hero h1{margin:6px 0 14px;font-size:clamp(2.4rem,4.8vw,4.2rem)}.about-hero p{max-width:680px;color:var(--ink-soft);margin:0;font-size:.95rem}.about-hero__mascot{justify-content:center;display:flex}.about-section{max-width:var(--page-width);padding:36px var(--gutter) 0;margin:0 auto}.about-section>h2{margin-bottom:18px}.about-unit-list{flex-direction:column;gap:8px;display:flex}.about-unit{background:var(--white);border:2px solid var(--ink);border-radius:15px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 15px;display:grid;box-shadow:2px 2px #17383a1a}.about-unit__order{font-family:var(--font-number);color:var(--coral-deep);font-size:.72rem;font-weight:700}.about-unit b{font-family:var(--font-display);font-size:1.05rem}.about-unit p{color:var(--ink-soft);margin:1px 0 0;font-size:.68rem;line-height:1.5}.about-unit a{text-underline-offset:3px;white-space:nowrap;font-size:.7rem;font-weight:800;text-decoration:underline}.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.principle-grid article{background:var(--white);border:2.5px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:20px;padding:18px 20px}.principle-grid article>span{color:var(--coral-deep);font-family:var(--font-number);margin-bottom:7px;font-size:.68rem;font-weight:700;display:inline-block}.principle-grid h3{margin:0 0 5px;font-size:1.18rem}.principle-grid p{color:var(--ink-soft);margin:0;font-size:.8rem}.usage-list{counter-reset:usage;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.usage-list li{counter-increment:usage;background:var(--paper-soft);border:2px solid var(--ink);color:var(--ink-soft);border-radius:15px;padding:13px 16px 13px 48px;font-size:.82rem;position:relative}.usage-list li:before{content:counter(usage);background:var(--sun);border:2px solid var(--ink);width:25px;height:25px;font-family:var(--font-number);color:var(--ink);border-radius:50%;place-items:center;font-size:.68rem;font-weight:700;display:grid;position:absolute;top:14px;left:13px}.usage-list b{color:var(--ink)}.about-privacy{background:var(--white);border:2.5px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;padding:24px 26px;display:flex}.about-privacy h2{margin:5px 0 8px;font-size:1.55rem}.about-privacy p{max-width:740px;color:var(--ink-soft);margin:0;font-size:.82rem}.about-privacy .secondary-button{flex-shrink:0}.about-faq details{background:var(--white);border:2px solid var(--ink);border-radius:13px;margin-top:8px;padding:12px 16px}.about-faq summary{cursor:pointer;font-size:.86rem;font-weight:800}.about-faq p{color:var(--ink-soft);margin:8px 0 0;font-size:.8rem}.about-back{max-width:var(--page-width);padding:30px var(--gutter) 0;text-align:center;margin:0 auto}@media (max-width:1120px){.home-hero{grid-template-columns:minmax(0,1fr) 340px}.unit-hero{grid-template-columns:220px minmax(0,1fr)}.unit-hero__mascot{display:none}.player{grid-template-columns:minmax(0,1fr)}.lesson-note{position:static}.lesson-intro{flex-direction:column;align-items:flex-start}.lesson-intro__meta{justify-content:flex-start}}@media (max-width:900px){.home-hero{grid-template-columns:1fr;min-height:0;padding-top:10px}.home-hero__mascot{transform-origin:top;order:-1;min-height:300px;transform:scale(.92)}.home-hero h1{font-size:clamp(2.55rem,9vw,4.6rem)}.map-section__head{flex-direction:column;align-items:flex-start;gap:10px}.island-map{background:var(--sky-soft);border-radius:30px;flex-direction:column;gap:10px;min-height:0;padding:18px;display:flex}.map-water,.map-contour,.map-cloud,.map-compass,.map-legend,.map-route,.map-boat,.map-start{display:none}.island{text-align:left;border-radius:22px;grid-template-rows:auto auto auto;grid-template-columns:56px minmax(0,1fr) 34px;align-items:center;gap:2px 12px;width:100%;min-height:0;padding:14px 16px;display:grid;position:relative;box-shadow:4px 4px #17383a24;top:auto!important;left:auto!important;transform:none!important}.island:hover{transform:translateY(-2px)!important}.island__ring,.island__grass,.island__palm{display:none}.island__icon{grid-area:1/1/3;width:52px;height:52px;margin:0}.island__icon svg{width:34px;height:34px}.island__badge{grid-area:1/3;justify-self:end;width:28px;height:28px;font-size:.65rem;position:static;transform:none}.island__title{text-align:left;grid-area:1/2;font-size:1.2rem}.island__subtitle{text-align:left;grid-area:2/2;font-size:.58rem}.island__progress{grid-area:3/1/auto/-1;margin-top:6px;padding-top:4px}.home-note{flex-direction:column;align-items:flex-start}.unit-hero{text-align:center;grid-template-columns:1fr}.unit-hero__island{width:190px;height:170px}.unit-hero__icon{width:92px;height:92px}.unit-hero__icon svg{width:74px;height:74px}.unit-hero__actions{justify-content:center}.unit-hero__description{margin-inline-start:auto;margin-inline-end:auto}.lesson-grid{grid-template-columns:1fr}.unit-big-idea{flex-direction:column;align-items:flex-start;gap:7px}.about-hero{grid-template-columns:1fr}.about-hero__mascot{display:none}.principle-grid,.usage-list{grid-template-columns:1fr}.about-privacy{flex-direction:column;align-items:flex-start}.extension-card,.thinking-grid{grid-template-columns:1fr}.scene-wrap{min-height:340px}}@media (max-width:700px){.home-hero__mascot{min-height:250px;margin-bottom:-25px;transform:scale(.8)}.speech-bubble{max-width:220px;font-size:.8rem;left:4%}.home-hero__mascot:before{width:250px}.hero-stats{gap:12px}.hero-stats b{font-size:1.2rem}.map-section{padding-top:20px}.stage-card{border-radius:22px}.stage-card__hint{display:none}.scene-wrap{min-height:320px}.relation-overlay{padding:14px 8px 8px;top:6px;bottom:6px;left:6px;right:6px}.relation-graph{min-height:215px}.relation-node{padding:4px 8px;font-size:.62rem}.question-card{padding:14px}.option-grid{grid-template-columns:1fr}.quiz-footer{flex-direction:column;align-items:stretch}.quiz-footer .primary-button{width:100%}.lesson-nav{flex-direction:column}.lesson-nav__link{width:100%}.lesson-nav__link--next{text-align:left;align-items:flex-start}.about-unit{grid-template-columns:36px minmax(0,1fr)}.about-unit a{grid-column:2;justify-self:start}.unit-thread{padding:16px}.thread-stop{min-width:94px;font-size:.62rem}.about-section{padding-top:28px}}@media (max-width:480px){.home-hero h1{font-size:2.35rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .primary-button,.hero-actions .secondary-button{width:100%}.home-hero__lead{font-size:.94rem}.map-section{padding-inline-start:14px;padding-inline-end:14px}.island-map{padding:12px}.island{grid-template-columns:46px minmax(0,1fr) 28px;column-gap:9px;padding:12px}.island__icon{width:44px;height:44px}.island__title{font-size:1.08rem}.lesson-intro h1,.unit-hero__copy h1,.about-hero h1{font-size:2.2rem}.player{padding-inline-start:12px;padding-inline-end:12px}.relation-section,.thinking-section,.extension-section,.quiz{padding-inline-start:14px;padding-inline-end:14px}.scene-wrap{min-height:285px}.lesson-note{padding:16px}.control-button{min-width:38px;height:38px;padding:0 8px;font-size:.66rem}.quiz .section-heading h2,.section-heading h2{font-size:1.58rem}.site-footer{padding-inline-start:16px;padding-inline-end:16px}}