:root{--ink:#17334a;--muted:#61717d;--paper:#fffdf7;--cream:#f7f1df;--blue:#087c92;--blue2:#d9f2f4;--orange:#ef7d24;--green:#27855d;--red:#b54848;--line:#cad8dc;--shadow:0 10px 30px #17334a18}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:ui-rounded,Avenir Next,system-ui,sans-serif}button,input{font:inherit}button{touch-action:manipulation;user-select:none;-webkit-user-select:none}#app{min-height:100vh;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.shell{max-width:1050px;margin:auto}.top{display:flex;gap:16px;align-items:center;margin-bottom:18px}.brand{font-weight:900;font-size:clamp(22px,3vw,34px);letter-spacing:-.03em}.brand i{color:var(--orange);font-style:normal}.progress{height:12px;border-radius:99px;background:#d9ded8;overflow:hidden;flex:1}.progress span{display:block;height:100%;background:var(--green);transition:width .35s}.test-navigation{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:4px 6px;border-radius:11px;background:#fff3d3;color:#764514;font-size:13px;font-weight:850}.test-navigation button{width:32px;height:32px;padding:0;border:0;border-radius:8px;background:var(--orange);color:#fff;font-size:19px;font-weight:900}.test-navigation button:disabled{opacity:.35}.test-navigation strong{min-width:38px;text-align:center}.card{background:var(--paper);border:1px solid #e6dfcc;border-radius:24px;padding:clamp(20px,4vw,42px);box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;color:var(--blue);font-weight:850;letter-spacing:.08em;font-size:14px}h1{font-size:clamp(30px,5vw,52px);line-height:1.05;margin:10px 0 14px;letter-spacing:-.035em}h2{font-size:clamp(24px,3vw,34px);margin:8px 0 12px}p{font-size:clamp(18px,2.2vw,23px);line-height:1.45;margin:8px 0 18px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.cylinder{width:100%;max-height:340px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{border:0;border-radius:15px;padding:15px 22px;min-height:54px;font-weight:800;font-size:18px;background:#e8edef;color:var(--ink)}.btn.primary{background:var(--blue);color:#fff}.btn.orange{background:var(--orange);color:#fff}.btn:disabled{opacity:.45}.btn:focus-visible,.choice:focus-visible{outline:4px solid #f5bd4f;outline-offset:3px}.lesson-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.stepdots{color:var(--muted);font-weight:750}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.choice{border:2px solid var(--line);border-radius:18px;background:#fff;padding:18px;text-align:left;min-height:68px;font-size:19px;font-weight:730;color:var(--ink)}.choice.selected{border-color:var(--blue);background:var(--blue2)}.choice.good{border-color:var(--green);background:#e3f5eb}.choice.bad{border-color:var(--red);background:#fae8e8}.feedback{border-radius:16px;padding:16px 18px;margin-top:18px;font-size:18px;font-weight:700}.feedback.good{background:#e3f5eb;color:#155c3d}.feedback.try{background:#fff0d7;color:#7a4918}.visual{background:#f5faf9;border:2px solid #dbe8e7;border-radius:20px;padding:16px;min-height:260px;display:grid;place-items:center;margin:18px 0}.visual svg{max-width:100%;max-height:340px}.labels{display:flex;gap:10px;flex-wrap:wrap}.pill{border:2px solid var(--blue);background:#fff;color:var(--blue);border-radius:99px;padding:11px 17px;font-weight:800}.pill.active{background:var(--blue);color:#fff}.formula{font-family:Georgia,serif;background:#fff5d9;border:2px solid #f0c66c;border-radius:16px;padding:16px 22px;font-size:26px;display:inline-block;margin:8px 0}.formula-intro{display:block;margin-bottom:5px;font-family:ui-rounded,Avenir Next,system-ui,sans-serif;font-size:.62em;font-weight:800}.formula-equations{display:block}.formula-equations small{display:inline-block;margin:0 1.6em;font-family:ui-rounded,Avenir Next,system-ui,sans-serif;font-size:.58em;font-weight:750}.mini{font-size:16px;color:var(--muted)}.circumference-task{display:flex;align-items:center;gap:11px}.task-label{display:inline-block;flex-shrink:0;padding:6px 10px;border-radius:9px;background:var(--orange);color:#fff;font-size:.78em;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.calculation-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#17334a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-in .22s ease-out}.calculation-dialog{position:relative;width:min(520px,calc(100vw - 36px));padding:25px 28px;border:3px solid #f0c66c;border-radius:22px;background:#fffdf7;box-shadow:0 22px 70px #17334a55}.calculation-dialog h3{margin:4px 0 15px;font-size:30px}.calculation-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:#e8edef;color:var(--ink);font-size:27px;line-height:1}.calculation-steps{display:grid;gap:8px}.calculation-steps>div{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#fff5d9;opacity:0;transform:translateY(8px);animation:calculation-step .35s ease-out forwards;animation-delay:calc(.18s + var(--step)*.42s)}.calculation-steps span{font-size:15px;font-weight:800;color:var(--muted)}.calculation-steps strong{font-family:Georgia,serif;font-size:23px}.calculation-dialog .calculation-done{display:block;margin:17px 0 0 auto;min-height:44px;padding:9px 18px}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes calculation-step{to{opacity:1;transform:translateY(0)}}.concept-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:22px;align-items:stretch;margin-top:18px}.concept-picture{border:2px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.concept-picture svg{display:block;width:100%;height:100%;max-height:500px}.concept-height{font-size:19px;font-weight:850;fill:var(--orange)}.callout path{stroke:var(--blue);stroke-width:3}.callout text{font-size:17px;font-weight:850;fill:var(--blue)}.concept-part{transition:opacity .2s,stroke .2s,stroke-width .2s,filter .2s}.concept-part.dimmed{opacity:.16}.concept-part.highlighted{stroke:#ef7d24!important;stroke-width:10!important;filter:drop-shadow(0 0 7px #ef7d2488);opacity:1}.deck-shape.highlighted{fill:#ffd68c!important}.concept-text{display:flex;flex-direction:column;gap:12px}.concept-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.concept-button{border:2px solid var(--blue);border-radius:13px;padding:12px 9px;background:#fff;color:var(--blue);font-weight:850;font-size:16px;min-height:50px}.concept-button.active{background:var(--orange);border-color:var(--orange);color:#fff}.term-card{flex:1;border:2px solid var(--line);border-radius:17px;padding:16px;background:#fff}.term-card.accent{border-color:var(--orange);background:#fff5df}.term-card strong{display:block;font-size:21px;margin-bottom:6px}.term-card span{font-size:17px;line-height:1.4}.quick-check{margin-top:18px;padding:16px 18px;border-radius:14px;background:#e5f3f4;font-size:18px;line-height:1.45}.tutorial-player{border:2px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;margin-top:18px}.tutorial-player svg{display:block;width:100%;max-height:500px}.video-caption{min-height:62px;padding:16px 20px;background:#eef7f7;font-size:19px;font-weight:800}.video-progress{height:7px;background:#d9e3e4}.video-progress span{display:block;width:0;height:100%;background:var(--orange)}.video-controls{display:flex;gap:10px;margin:12px 0 18px}.rule-box{background:#fff3d3;border-left:7px solid var(--orange);border-radius:12px;padding:16px 18px;font-size:18px;line-height:1.45}.construction .axis,.construction .measure,.construction .points,.construction .ellipse-line,.construction .front-line,.construction .side,.construction .top-line,.construction .hidden-line{opacity:0}.construction .axis{stroke:#90a8ae;stroke-width:3;stroke-dasharray:8 7}.construction .measure{stroke:var(--orange);fill:none;stroke-width:3;stroke-dasharray:7 6}.construction .measure text{fill:var(--orange);stroke:none;font-size:24px;font-weight:800}.construction .points{fill:var(--orange)}.construction .ellipse-line{fill:none;stroke:#90a8ae;stroke-width:3;stroke-dasharray:8 7}.construction .top-line,.construction .side,.construction .front-line{fill:none;stroke:var(--ink);stroke-width:5}.construction .hidden-line{fill:none;stroke:var(--ink);stroke-width:5;stroke-dasharray:12 10}.tutorial-player.playing .axis-x{animation:show .4s .2s forwards}.tutorial-player.playing .measure-r{animation:show .4s 3.5s forwards}.tutorial-player.playing .axis-y{animation:show .4s 7s forwards}.tutorial-player.playing .measure-half{animation:show .4s 7.3s forwards}.tutorial-player.playing .points{animation:show .4s 11s forwards}.tutorial-player.playing .ellipse-line{animation:show .4s 14.5s forwards}.tutorial-player.playing .front-line{stroke-dasharray:450;stroke-dashoffset:450;animation:drawLine 1.5s 16.5s forwards}.tutorial-player.playing .side{animation:show .4s 18.5s forwards}.tutorial-player.playing .top-line{stroke-dasharray:750;stroke-dashoffset:750;animation:drawLine 2.5s 19s forwards}.tutorial-player.playing .hidden-line{animation:show .4s 22.5s forwards}@keyframes show{to{opacity:1}}@keyframes drawLine{0%{opacity:1}to{opacity:1;stroke-dashoffset:0}}.numberline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.answer{width:130px;border:2px solid var(--line);border-radius:14px;padding:13px 15px;font-size:22px;background:#fff}.answer:focus{border-color:var(--blue);outline:none}.ground-area.highlighted{fill:#ffd68ccc!important;stroke:none!important;filter:none!important}.concept-button.btn.primary{width:100%;background:var(--blue);color:#fff;box-shadow:none}.concept-button.btn:before{content:none}.concept-button.btn.primary.active{background:var(--blue);color:#fff;box-shadow:inset 0 0 0 4px #f5bd4f}.tutorial-stage{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.8fr);gap:14px;align-items:stretch;margin-top:12px}.tutorial-stage .tutorial-player{margin-top:0;display:flex;flex-direction:column}.tutorial-stage .tutorial-player svg{flex:1;min-height:0;max-height:none}.tutorial-side{display:flex;flex-direction:column;gap:12px}.tutorial-side .video-caption{flex:1;border:2px solid var(--line);border-radius:16px;display:flex;align-items:center}.tutorial-side .video-controls{display:grid;grid-template-columns:1fr 1fr;margin:0}.tutorial-side .rule-box{margin-top:auto}.video-caption{white-space:pre-line}.construction .axis,.construction .ellipse-line{stroke-dasharray:8 11}.construction .measure{stroke-dasharray:7 10}.tutorial-side .rule-box{margin-top:0}.tutorial-draw-button{width:100%;margin-top:auto}.tutorial-card{min-height:calc(100dvh - 86px);display:flex;flex-direction:column}.tutorial-card .tutorial-stage{flex:1;min-height:0}.tutorial-card .tutorial-player,.tutorial-card .tutorial-side{min-height:0}.slant-draw-card{min-height:calc(100dvh - 86px);display:flex;flex-direction:column}.draw-stage{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(245px,.75fr);gap:14px;flex:1;min-height:0;margin-top:8px}.draw-stage .draw-wrap{width:100%;height:100%;max-width:none;aspect-ratio:auto}.draw-side{display:flex;flex-direction:column;gap:12px;min-height:0}.draw-side p{margin-top:0}.draw-side .draw-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.draw-side .tool{min-height:48px}.draw-side .actions{display:grid;grid-template-columns:1fr 1fr;margin-top:auto}.draw-side .feedback{font-size:15px}.complete-draw-card .draw-side{gap:6px;overflow:hidden}.complete-draw-card .draw-side p{font-size:14px;line-height:1.2;margin:0}.complete-draw-card .draw-side .draw-tools{gap:5px}.complete-draw-card .draw-side .tool{min-height:36px;padding:5px 7px;font-size:13px}.complete-draw-card .draw-side .feedback{padding:7px 9px;margin-top:0;font-size:13px;line-height:1.2}.complete-draw-card .draw-side .actions{flex-shrink:0;margin-top:auto;padding-top:3px;background:#fffdf7}.complete-draw-card .draw-side .btn{min-height:40px;padding:7px 9px}.interpret-card{min-height:calc(100dvh - 86px);display:flex;flex-direction:column}.interpret-stage{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:16px;flex:1;min-height:0;margin-top:8px}.interpret-picture{min-height:0;border:2px solid var(--line);border-radius:18px;overflow:hidden}.interpret-picture svg{display:block;width:100%;height:100%}.interpret-side{display:flex;flex-direction:column;gap:10px;min-height:0}.interpret-side>label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:850}.interpret-side>label span{display:flex;align-items:center;gap:6px}.interpret-side .answer{width:82px;padding:8px 10px;font-size:18px}.interpret-side p{font-size:15px;line-height:1.25;margin:3px 0}.interpret-choices{display:grid;gap:7px}.interpret-choices .choice{min-height:44px;padding:8px 10px;font-size:14px}.interpret-choices .choice.selected{border-color:var(--blue);background:var(--blue2)}.interpret-side .feedback{padding:8px 10px;margin:0;font-size:14px}.interpret-side .actions{display:grid;grid-template-columns:1fr 1fr;margin-top:auto}.scribble-hint{padding:7px 9px;border-radius:10px;background:var(--blue2);color:var(--blue);font-size:13px;font-weight:800;line-height:1.2}.scribble-hint:before{content:"✎";margin-right:6px;font-size:18px}.interpret-side .pencil-answer{box-sizing:border-box;width:100px;height:48px;padding:5px 9px;border:3px solid #efb64f;border-radius:10px;background:#fff;font-size:23px;font-weight:850;text-align:center;touch-action:manipulation;-webkit-user-select:text;user-select:text}.interpret-side .pencil-answer:focus{border-color:var(--blue);box-shadow:0 0 0 4px #d8f0f3;outline:none}.rolling-disc,.rolling-diameter,.rolling-diameter-label{transform-origin:130px 125px;animation:roll-circle 5.5s linear forwards}.circumference-ring{stroke-dasharray:1 0;stroke-dashoffset:-.25;transform-origin:130px 125px;animation:roll-circle 5.5s linear forwards,peel-ring 5.5s linear forwards}.cut-mark{fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round;opacity:0;transform:translateY(160px);transform-origin:130px 45px;animation:cut-circle 5.5s ease-in-out forwards}.circumference-floor{stroke:#c4ced0;stroke-width:3;stroke-linecap:round}.unrolled-circumference{stroke-dasharray:1;stroke-dashoffset:1;animation:draw-unrolled 5.5s linear forwards}.unrolled-label{opacity:0;animation:show-unrolled-label 5.5s ease-in-out forwards}.circumference-visual.replay .rolling-disc,.circumference-visual.replay .rolling-diameter,.circumference-visual.replay .rolling-diameter-label{animation-name:roll-circle-replay}.circumference-visual.replay .circumference-ring{animation-name:roll-circle-replay,peel-ring-replay}.circumference-visual.replay .cut-mark{animation-name:cut-circle-replay}.circumference-visual.replay .unrolled-circumference{animation-name:draw-unrolled-replay}.circumference-visual.replay .unrolled-label{animation-name:show-unrolled-label-replay}@keyframes roll-circle{0%,28%{transform:translate(0) rotate(0)}88%,to{transform:translate(503px) rotate(360deg)}}@keyframes roll-circle-replay{0%,28%{transform:translate(0) rotate(0)}88%,to{transform:translate(503px) rotate(360deg)}}@keyframes peel-ring{0%,28%{stroke-dasharray:1 0}88%,to{stroke-dasharray:0 1}}@keyframes peel-ring-replay{0%,28%{stroke-dasharray:1 0}88%,to{stroke-dasharray:0 1}}@keyframes cut-circle{0%,8%,30%,to{opacity:0;transform:translateY(160px) scale(1)}12%,25%{opacity:1;transform:translateY(160px) scale(1.15)}18%,22%{transform:translateY(160px) scale(.9)}}@keyframes cut-circle-replay{0%,8%,30%,to{opacity:0;transform:translateY(160px) scale(1)}12%,25%{opacity:1;transform:translateY(160px) scale(1.15)}18%,22%{transform:translateY(160px) scale(.9)}}@keyframes draw-unrolled{0%,28%{stroke-dashoffset:1}88%,to{stroke-dashoffset:0}}@keyframes draw-unrolled-replay{0%,28%{stroke-dashoffset:1}88%,to{stroke-dashoffset:0}}@keyframes show-unrolled-label{0%,86%{opacity:0}96%,to{opacity:1}}@keyframes show-unrolled-label-replay{0%,86%{opacity:0}96%,to{opacity:1}}.net-unfold-card{min-height:calc(100dvh - 86px);display:flex;flex-direction:column}.net-unfold-animation{flex:1;min-height:260px;margin:7px 0;border:2px solid var(--line);border-radius:18px;overflow:hidden;background:#fdfdf9}.net-unfold-animation svg{display:block;width:100%;height:100%}.source-cylinder line,.source-cylinder ellipse,.source-cylinder path{stroke:var(--ink);stroke-width:5}.mantle-sleeve{fill:#dff4f4}.open-rim{fill:#fdfdf9}.source-mantle-label{font-size:21px;font-weight:850;text-anchor:middle;fill:var(--ink)}.source-hidden{fill:none;stroke-dasharray:10 9}.cut-seam{fill:none;stroke:var(--orange);stroke-width:5;stroke-dasharray:1;stroke-dashoffset:1}.net-scissors{fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round;opacity:0}.unfolded-mantle{fill:#fff0c9;stroke:var(--ink);stroke-width:4;transform:scaleY(0);transform-origin:150px 110px}.moving-top,.moving-bottom{opacity:0}.moving-top circle,.moving-bottom circle{fill:#ccecef;stroke:var(--blue);stroke-width:4}.moving-top text,.moving-bottom text,.mantle-label{font-size:18px;font-weight:850;text-anchor:middle;fill:var(--ink);opacity:0}.mantle-label{font-size:22px}.mantle-measures{opacity:0;fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round}.mantle-measures text{fill:var(--orange);stroke:none;font-size:16px;font-weight:850;text-anchor:middle}.mantle-measures text:last-child{transform:rotate(-90deg);transform-origin:548px 200px}.net-finished{opacity:0;fill:none;stroke:var(--green);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.net-finished text{fill:var(--green);stroke:none;font-size:18px;font-weight:900;text-anchor:middle}.net-unfold-animation .source-cylinder{animation:source-cylinder-away 6.5s ease-in-out forwards}.net-unfold-animation .cut-seam{animation:cut-seam-draw 6.5s ease-in-out forwards}.net-unfold-animation .net-scissors{animation:scissors-cut 6.5s ease-in-out forwards}.net-unfold-animation .unfolded-mantle{animation:open-mantle 6.5s ease-in-out forwards}.net-unfold-animation .moving-top{transform-origin:175px 100px;animation:move-top-circle 6.5s ease-in-out forwards}.net-unfold-animation .moving-bottom{transform-origin:175px 250px;animation:move-bottom-circle 6.5s ease-in-out forwards}.net-unfold-animation .moving-top text,.net-unfold-animation .moving-bottom text,.net-unfold-animation .mantle-label,.net-unfold-animation .mantle-measures{animation:show-net-labels 6.5s ease-in-out forwards}.net-unfold-animation .net-finished{animation:show-net-finished 6.5s ease-in-out forwards}.net-unfold-animation.replay .source-cylinder{animation-name:source-cylinder-away-replay}.net-unfold-animation.replay .cut-seam{animation-name:cut-seam-draw-replay}.net-unfold-animation.replay .net-scissors{animation-name:scissors-cut-replay}.net-unfold-animation.replay .unfolded-mantle{animation-name:open-mantle-replay}.net-unfold-animation.replay .moving-top{animation-name:move-top-circle-replay}.net-unfold-animation.replay .moving-bottom{animation-name:move-bottom-circle-replay}.net-unfold-animation.replay .moving-top text,.net-unfold-animation.replay .moving-bottom text,.net-unfold-animation.replay .mantle-label,.net-unfold-animation.replay .mantle-measures{animation-name:show-net-labels-replay}.net-unfold-animation.replay .net-finished{animation-name:show-net-finished-replay}@keyframes source-cylinder-away{0%,38%{opacity:1}68%,to{opacity:0}}@keyframes source-cylinder-away-replay{0%,38%{opacity:1}68%,to{opacity:0}}@keyframes cut-seam-draw{0%,8%{stroke-dashoffset:1;opacity:1}30%{stroke-dashoffset:0;opacity:1}45%,to{stroke-dashoffset:0;opacity:0}}@keyframes cut-seam-draw-replay{0%,8%{stroke-dashoffset:1;opacity:1}30%{stroke-dashoffset:0;opacity:1}45%,to{stroke-dashoffset:0;opacity:0}}@keyframes scissors-cut{0%,7%,34%,to{opacity:0;transform:translate(0)}10%{opacity:1;transform:translate(0)}30%{opacity:1;transform:translate(350px)}}@keyframes scissors-cut-replay{0%,7%,34%,to{opacity:0;transform:translate(0)}10%{opacity:1;transform:translate(0)}30%{opacity:1;transform:translate(350px)}}@keyframes open-mantle{0%,35%{transform:scaleY(0)}72%,to{transform:scaleY(1)}}@keyframes open-mantle-replay{0%,35%{transform:scaleY(0)}72%,to{transform:scaleY(1)}}@keyframes move-top-circle{0%,38%{opacity:0;transform:translate(0) scale(1.36,.51)}43%{opacity:1;transform:translate(0) scale(1.36,.51)}78%,to{opacity:1;transform:translate(135px,-55px) scale(1)}}@keyframes move-top-circle-replay{0%,38%{opacity:0;transform:translate(0) scale(1.36,.51)}43%{opacity:1;transform:translate(0) scale(1.36,.51)}78%,to{opacity:1;transform:translate(135px,-55px) scale(1)}}@keyframes move-bottom-circle{0%,38%{opacity:0;transform:translate(0) scale(1.36,.51)}43%{opacity:1;transform:translate(0) scale(1.36,.51)}78%,to{opacity:1;transform:translate(135px,55px) scale(1)}}@keyframes move-bottom-circle-replay{0%,38%{opacity:0;transform:translate(0) scale(1.36,.51)}43%{opacity:1;transform:translate(0) scale(1.36,.51)}78%,to{opacity:1;transform:translate(135px,55px) scale(1)}}@keyframes show-net-labels{0%,78%{opacity:0}90%,to{opacity:1}}@keyframes show-net-labels-replay{0%,78%{opacity:0}90%,to{opacity:1}}@keyframes show-net-finished{0%,88%{opacity:0}96%,to{opacity:1}}@keyframes show-net-finished-replay{0%,88%{opacity:0}96%,to{opacity:1}}.opening-mantle{pointer-events:none}.opening-flap{fill:#dff4f4;stroke:var(--ink);stroke-width:4;opacity:0;transform-origin:325px 175px}.opening-seam{fill:none;stroke:var(--orange);stroke-width:4;stroke-dasharray:9 8;opacity:0}.net-unfold-animation .opening-flap-top{animation:open-flap-top 6.5s ease-in-out forwards}.net-unfold-animation .opening-flap-bottom{animation:open-flap-bottom 6.5s ease-in-out forwards}.net-unfold-animation .opening-seam{animation:show-opening-seam 6.5s ease-in-out forwards}.net-unfold-animation.replay .opening-flap-top{animation-name:open-flap-top-replay}.net-unfold-animation.replay .opening-flap-bottom{animation-name:open-flap-bottom-replay}.net-unfold-animation.replay .opening-seam{animation-name:show-opening-seam-replay}.net-unfold-animation .unfolded-mantle{transform:none;opacity:0;animation:flatten-mantle 6.5s ease-in-out forwards}.net-unfold-animation.replay .unfolded-mantle{animation-name:flatten-mantle-replay}.unfold-captions text{font-size:18px;font-weight:900;text-anchor:middle;fill:var(--blue);opacity:0}.net-unfold-animation .caption-cut{animation:caption-cut 6.5s ease-in-out forwards}.net-unfold-animation .caption-open{animation:caption-open 6.5s ease-in-out forwards}.net-unfold-animation .caption-flat{animation:caption-flat 6.5s ease-in-out forwards}.net-unfold-animation.replay .caption-cut{animation-name:caption-cut-replay}.net-unfold-animation.replay .caption-open{animation-name:caption-open-replay}.net-unfold-animation.replay .caption-flat{animation-name:caption-flat-replay}@keyframes source-cylinder-away{0%,40%{opacity:1}58%,to{opacity:0}}@keyframes source-cylinder-away-replay{0%,40%{opacity:1}58%,to{opacity:0}}@keyframes open-flap-top{0%,36%{opacity:0;transform:scaleY(.06)}44%{opacity:1;transform:scaleY(.06)}66%{opacity:1;transform:scaleY(1)}76%,to{opacity:0;transform:scaleY(1)}}@keyframes open-flap-top-replay{0%,36%{opacity:0;transform:scaleY(.06)}44%{opacity:1;transform:scaleY(.06)}66%{opacity:1;transform:scaleY(1)}76%,to{opacity:0;transform:scaleY(1)}}@keyframes open-flap-bottom{0%,36%{opacity:0;transform:scaleY(.06)}44%{opacity:1;transform:scaleY(.06)}66%{opacity:1;transform:scaleY(1)}76%,to{opacity:0;transform:scaleY(1)}}@keyframes open-flap-bottom-replay{0%,36%{opacity:0;transform:scaleY(.06)}44%{opacity:1;transform:scaleY(.06)}66%{opacity:1;transform:scaleY(1)}76%,to{opacity:0;transform:scaleY(1)}}@keyframes show-opening-seam{0%,40%{opacity:0}48%,68%{opacity:1}76%,to{opacity:0}}@keyframes show-opening-seam-replay{0%,40%{opacity:0}48%,68%{opacity:1}76%,to{opacity:0}}@keyframes flatten-mantle{0%,68%{opacity:0;transform:scaleY(.82)}78%,to{opacity:1;transform:scaleY(1)}}@keyframes flatten-mantle-replay{0%,68%{opacity:0;transform:scaleY(.82)}78%,to{opacity:1;transform:scaleY(1)}}@keyframes caption-cut{0%,5%,36%,to{opacity:0}10%,31%{opacity:1}}@keyframes caption-cut-replay{0%,5%,36%,to{opacity:0}10%,31%{opacity:1}}@keyframes caption-open{0%,38%,76%,to{opacity:0}45%,70%{opacity:1}}@keyframes caption-open-replay{0%,38%,76%,to{opacity:0}45%,70%{opacity:1}}@keyframes caption-flat{0%,74%{opacity:0}82%,to{opacity:1}}@keyframes caption-flat-replay{0%,74%{opacity:0}82%,to{opacity:1}}.paper-sheet rect{fill:#f4a261;stroke:var(--ink);stroke-width:4;transform-origin:130px 175px}.paper-sheet text{font-size:22px;font-weight:850;text-anchor:middle;fill:var(--ink)}.sheet-top-edge{stroke:#d92d3f;stroke-width:7;stroke-linecap:round;transform-origin:130px 85px}.paper-roll{opacity:0;transform:translate(440px);transform-origin:130px 175px}.paper-roll path,.paper-roll ellipse{stroke:var(--ink);stroke-width:4}.roll-body,.roll-bottom,.roll-top{fill:#eef3f3}.wrapped-top-edge{fill:none;stroke:#d92d3f!important;stroke-width:7!important;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:130px 100px}.roll-diameter{stroke:var(--blue);stroke-width:5;stroke-linecap:round;transform-origin:130px 100px;transform:scaleY(.38)}.roll-hidden{fill:none;stroke-dasharray:9 8}.rolling-arrow{opacity:0;transform:translate(440px);fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round}.rolling-arrow text{fill:var(--orange);stroke:none;font-size:18px;font-weight:900;text-anchor:middle}.finished-roll-label{opacity:0;fill:var(--blue);font-size:21px;font-weight:900;text-anchor:middle}.net-unfold-animation .paper-sheet rect,.net-unfold-animation .sheet-top-edge{animation:consume-paper 6.2s ease-in-out forwards}.net-unfold-animation .paper-sheet text{animation:hide-paper-label 6.2s ease-in-out forwards}.net-unfold-animation .paper-roll{animation:move-paper-roll 6.2s ease-in-out forwards}.net-unfold-animation .roll-body,.net-unfold-animation .roll-bottom,.net-unfold-animation .roll-top{animation:wrap-paper-color 6.2s ease-in-out forwards}.net-unfold-animation .wrapped-top-edge{animation:wrap-top-edge 6.2s ease-in-out forwards}.net-unfold-animation .roll-diameter{animation:turn-roll-diameter 6.2s ease-in-out forwards}.net-unfold-animation .rolling-arrow{animation:move-roll-arrow 6.2s ease-in-out forwards}.net-unfold-animation .finished-roll-label{animation:show-roll-result 6.2s ease-in-out forwards}.net-unfold-animation.replay .paper-sheet rect,.net-unfold-animation.replay .sheet-top-edge{animation-name:consume-paper-replay}.net-unfold-animation.replay .paper-sheet text{animation-name:hide-paper-label-replay}.net-unfold-animation.replay .paper-roll{animation-name:move-paper-roll-replay}.net-unfold-animation.replay .roll-body,.net-unfold-animation.replay .roll-bottom,.net-unfold-animation.replay .roll-top{animation-name:wrap-paper-color-replay}.net-unfold-animation.replay .wrapped-top-edge{animation-name:wrap-top-edge-replay}.net-unfold-animation.replay .roll-diameter{animation-name:turn-roll-diameter-replay}.net-unfold-animation.replay .rolling-arrow{animation-name:move-roll-arrow-replay}.net-unfold-animation.replay .finished-roll-label{animation-name:show-roll-result-replay}@keyframes consume-paper{0%,18%{transform:scaleX(1)}84%,to{transform:scaleX(0)}}@keyframes consume-paper-replay{0%,18%{transform:scaleX(1)}84%,to{transform:scaleX(0)}}@keyframes hide-paper-label{0%,18%{opacity:1}35%,to{opacity:0}}@keyframes hide-paper-label-replay{0%,18%{opacity:1}35%,to{opacity:0}}@keyframes move-paper-roll{0%,12%{opacity:0;transform:translate(440px)}18%{opacity:1;transform:translate(440px)}84%,to{opacity:1;transform:translate(0)}}@keyframes move-paper-roll-replay{0%,12%{opacity:0;transform:translate(440px)}18%{opacity:1;transform:translate(440px)}84%,to{opacity:1;transform:translate(0)}}@keyframes move-roll-arrow{0%,14%{opacity:0;transform:translate(440px)}20%{opacity:1;transform:translate(440px)}78%{opacity:1;transform:translate(0)}86%,to{opacity:0;transform:translate(0)}}@keyframes move-roll-arrow-replay{0%,14%{opacity:0;transform:translate(440px)}20%{opacity:1;transform:translate(440px)}78%{opacity:1;transform:translate(0)}86%,to{opacity:0;transform:translate(0)}}@keyframes show-roll-result{0%,83%{opacity:0}92%,to{opacity:1}}@keyframes show-roll-result-replay{0%,83%{opacity:0}92%,to{opacity:1}}@keyframes turn-roll-diameter{0%,18%{transform:scaleY(.38) rotate(0)}84%,to{transform:scaleY(.38) rotate(360deg)}}@keyframes turn-roll-diameter-replay{0%,18%{transform:scaleY(.38) rotate(0)}84%,to{transform:scaleY(.38) rotate(360deg)}}@keyframes wrap-paper-color{0%,18%{fill:#eef3f3}84%,to{fill:#f4a261}}@keyframes wrap-paper-color-replay{0%,18%{fill:#eef3f3}84%,to{fill:#f4a261}}@keyframes wrap-top-edge{0%,18%{stroke-dashoffset:1}84%,to{stroke-dashoffset:0}}@keyframes wrap-top-edge-replay{0%,18%{stroke-dashoffset:1}84%,to{stroke-dashoffset:0}}.wrapped-top-edge{transform:none}.net-unfold-animation .roll-hidden{animation:turn-hidden-dashes 6.2s linear forwards}.net-unfold-animation.replay .roll-hidden{animation-name:turn-hidden-dashes-replay}@keyframes turn-hidden-dashes{0%,18%{stroke-dashoffset:0}84%,to{stroke-dashoffset:-68}}@keyframes turn-hidden-dashes-replay{0%,18%{stroke-dashoffset:0}84%,to{stroke-dashoffset:-68}}.net-unfold-animation .paper-sheet rect,.net-unfold-animation .sheet-top-edge,.net-unfold-animation .paper-sheet text,.net-unfold-animation .paper-roll,.net-unfold-animation .roll-body,.net-unfold-animation .roll-bottom,.net-unfold-animation .roll-top,.net-unfold-animation .wrapped-top-edge,.net-unfold-animation .roll-diameter,.net-unfold-animation .rolling-arrow,.net-unfold-animation .finished-roll-label,.net-unfold-animation .roll-hidden{animation-duration:11s}@keyframes consume-paper{0%,10%{transform:scaleX(1)}43%,57%{transform:scaleX(0)}90%,to{transform:scaleX(1)}}@keyframes consume-paper-replay{0%,10%{transform:scaleX(1)}43%,57%{transform:scaleX(0)}90%,to{transform:scaleX(1)}}@keyframes hide-paper-label{0%,10%{opacity:1}20%,to{opacity:0}}@keyframes hide-paper-label-replay{0%,10%{opacity:1}20%,to{opacity:0}}@keyframes move-paper-roll{0%,7%{opacity:0;transform:translate(440px)}10%{opacity:1;transform:translate(440px)}43%,57%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(440px)}96%,to{opacity:0;transform:translate(440px)}}@keyframes move-paper-roll-replay{0%,7%{opacity:0;transform:translate(440px)}10%{opacity:1;transform:translate(440px)}43%,57%{opacity:1;transform:translate(0)}90%{opacity:1;transform:translate(440px)}96%,to{opacity:0;transform:translate(440px)}}@keyframes move-roll-arrow{0%,8%{opacity:0;transform:translate(440px)}12%{opacity:1;transform:translate(440px)}40%{opacity:1;transform:translate(0)}44%,56%{opacity:0;transform:translate(0)}60%{opacity:1;transform:translate(0)}88%{opacity:1;transform:translate(440px)}92%,to{opacity:0;transform:translate(440px)}}@keyframes move-roll-arrow-replay{0%,8%{opacity:0;transform:translate(440px)}12%{opacity:1;transform:translate(440px)}40%{opacity:1;transform:translate(0)}44%,56%{opacity:0;transform:translate(0)}60%{opacity:1;transform:translate(0)}88%{opacity:1;transform:translate(440px)}92%,to{opacity:0;transform:translate(440px)}}@keyframes turn-roll-diameter{0%,10%{transform:scaleY(.38) rotate(0)}43%,57%{transform:scaleY(.38) rotate(360deg)}90%,to{transform:scaleY(.38) rotate(0)}}@keyframes turn-roll-diameter-replay{0%,10%{transform:scaleY(.38) rotate(0)}43%,57%{transform:scaleY(.38) rotate(360deg)}90%,to{transform:scaleY(.38) rotate(0)}}@keyframes wrap-paper-color{0%,10%{fill:#eef3f3}43%,57%{fill:#f4a261}90%,to{fill:#eef3f3}}@keyframes wrap-paper-color-replay{0%,10%{fill:#eef3f3}43%,57%{fill:#f4a261}90%,to{fill:#eef3f3}}@keyframes wrap-top-edge{0%,10%{stroke-dashoffset:1}43%,57%{stroke-dashoffset:0}90%,to{stroke-dashoffset:1}}@keyframes wrap-top-edge-replay{0%,10%{stroke-dashoffset:1}43%,57%{stroke-dashoffset:0}90%,to{stroke-dashoffset:1}}@keyframes turn-hidden-dashes{0%,10%{stroke-dashoffset:0}43%,57%{stroke-dashoffset:-68}90%,to{stroke-dashoffset:0}}@keyframes turn-hidden-dashes-replay{0%,10%{stroke-dashoffset:0}43%,57%{stroke-dashoffset:-68}90%,to{stroke-dashoffset:0}}@keyframes show-roll-result{0%,42%{opacity:0}47%,54%{opacity:1}59%,92%{opacity:0}97%,to{opacity:1}}@keyframes show-roll-result-replay{0%,42%{opacity:0}47%,54%{opacity:1}59%,92%{opacity:0}97%,to{opacity:1}}.rolling-arrow .roll-arrow-forward{opacity:1}.rolling-arrow .roll-arrow-backward{opacity:0}.net-unfold-animation .roll-arrow-forward{animation:show-forward-roll-arrow 11s linear forwards}.net-unfold-animation .roll-arrow-backward{animation:show-backward-roll-arrow 11s linear forwards}.net-unfold-animation.replay .roll-arrow-forward{animation-name:show-forward-roll-arrow-replay}.net-unfold-animation.replay .roll-arrow-backward{animation-name:show-backward-roll-arrow-replay}@keyframes show-forward-roll-arrow{0%,54%{opacity:1}55%,to{opacity:0}}@keyframes show-forward-roll-arrow-replay{0%,54%{opacity:1}55%,to{opacity:0}}@keyframes show-backward-roll-arrow{0%,54%{opacity:0}55%,to{opacity:1}}@keyframes show-backward-roll-arrow-replay{0%,54%{opacity:0}55%,to{opacity:1}}.net-unfold-note{padding:10px 14px;border-radius:13px;background:#fff5d9;font-size:16px;line-height:1.3}.net-unfold-card>.actions{margin-top:9px}.net-cut-card{min-height:calc(100dvh - 86px);display:flex;flex-direction:column}.net-cut-card>p{margin:2px 0 7px}.cut-sequence{position:relative;flex:1;min-height:300px;margin:3px 0 8px;overflow:hidden;border:2px solid var(--line);border-radius:18px;background:#f5f7f6}.cut-frame{--delay:0s;position:absolute;top:8px;bottom:54px;left:50%;aspect-ratio:1;overflow:hidden;border-radius:13px;opacity:0;transform:translate(-50%);animation:cut-step 2.35s ease-in-out var(--delay) both}.cut-frame-1{--delay:0s}.cut-frame-2{--delay:1.9s}.cut-frame-3{--delay:3.8s}.cut-frame-4{--delay:5.7s}.cut-frame-5{--delay:7.6s}.cut-frame-6{--delay:9.5s;animation-name:cut-step-final}.cut-image{position:absolute;width:300%;height:200%;max-width:none}.cut-image-1{left:0;top:0}.cut-image-2{left:-100%;top:0}.cut-image-3{left:-200%;top:0}.cut-image-4{left:0;top:-100%}.cut-image-5{left:-100%;top:-100%}.cut-image-6{left:-200%;top:-100%}.cut-caption{--delay:0s;position:absolute;right:12px;bottom:24px;left:12px;z-index:2;text-align:center;font-weight:850;color:var(--ink);opacity:0;animation:cut-caption-step 2.35s ease-in-out var(--delay) both}.cut-caption-1{--delay:0s}.cut-caption-2{--delay:1.9s}.cut-caption-3{--delay:3.8s}.cut-caption-4{--delay:5.7s}.cut-caption-5{--delay:7.6s}.cut-caption-6{--delay:9.5s;animation-name:cut-caption-final}.cut-progress{position:absolute;right:0;bottom:8px;left:0;z-index:3;display:flex;justify-content:center;gap:7px}.cut-progress i{width:8px;height:8px;border-radius:50%;background:#c8d6d8;animation:cut-dot .01s linear calc(var(--dot)*1.9s) forwards}.cut-sequence.replay .cut-frame:not(.cut-frame-6){animation-name:cut-step-replay}.cut-sequence.replay .cut-frame-6{animation-name:cut-step-final-replay}.cut-sequence.replay .cut-caption:not(.cut-caption-6){animation-name:cut-caption-step-replay}.cut-sequence.replay .cut-caption-6{animation-name:cut-caption-final-replay}.cut-sequence.replay .cut-progress i{animation-name:cut-dot-replay}@keyframes cut-step{0%{opacity:0}10%,78%{opacity:1}to{opacity:0}}@keyframes cut-step-replay{0%{opacity:0}10%,78%{opacity:1}to{opacity:0}}@keyframes cut-step-final{0%{opacity:0}10%,to{opacity:1}}@keyframes cut-step-final-replay{0%{opacity:0}10%,to{opacity:1}}@keyframes cut-caption-step{0%{opacity:0;transform:translateY(4px)}10%,78%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes cut-caption-step-replay{0%{opacity:0;transform:translateY(4px)}10%,78%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes cut-caption-final{0%{opacity:0;transform:translateY(4px)}10%,to{opacity:1;transform:none}}@keyframes cut-caption-final-replay{0%{opacity:0;transform:translateY(4px)}10%,to{opacity:1;transform:none}}@keyframes cut-dot{to{background:var(--orange)}}@keyframes cut-dot-replay{to{background:var(--orange)}}.net-cut-card>.actions{margin-top:8px}@media(max-height:760px){.cut-sequence{min-height:240px}.cut-frame{top:5px;bottom:49px}.net-cut-card .net-unfold-note{padding:7px 12px}.net-cut-card>p{font-size:15px}}.cut-sprite-window{position:absolute;top:8px;bottom:54px;left:50%;aspect-ratio:1.143;overflow:hidden;border-radius:13px;transform:translate(-50%);background:#fff}.cut-sprite-window .cut-layer{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:contain;opacity:0;transition:opacity 75ms linear}.cut-sprite-window .cut-layer.active{opacity:1}.cut-sequence #cutCaption{animation:none;opacity:1;transform:none}.cut-sequence .cut-progress{right:12%;bottom:9px;left:12%;height:7px;display:block;overflow:hidden;border-radius:99px;background:#d7e1e2}.cut-progress span{display:block;width:1%;height:100%;border-radius:inherit;background:var(--orange);transition:width .1s linear}@media(max-height:760px){.cut-sprite-window{top:5px;bottom:49px}}.cut-drawn svg{position:absolute;inset:0 0 48px;width:100%;height:calc(100% - 48px)}.drawn-tube-body{fill:url(#cardboardShade);stroke:#17334a;stroke-width:4}.drawn-tube-top{fill:#efd0aa;stroke:#17334a;stroke-width:4}.drawn-tube-bottom{fill:none;stroke:#17334a;stroke-width:4}.drawn-tube-hidden{fill:none;stroke:#17334a;stroke-width:3;stroke-dasharray:9 8}.drawn-red-rim{fill:none;stroke:#d92d3f;stroke-width:8;stroke-linecap:round}.drawn-cut-line{fill:none;stroke:#17334a;stroke-width:5;stroke-dasharray:1;stroke-dashoffset:1}.drawn-scissors{opacity:0;transform:translate(145px,260px);fill:none;stroke:#ef7d24;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.drawn-curved-sheet{opacity:0;transform:scaleX(.08);transform-origin:150px 164px}.drawn-curved-sheet>path:first-child{fill:#efd0aa;stroke:#17334a;stroke-width:4}.drawn-curved-red{fill:none;stroke:#d92d3f;stroke-width:8;stroke-linecap:round}.drawn-flat-sheet{opacity:0}.drawn-flat-sheet rect{fill:#efd0aa;stroke:#17334a;stroke-width:4}.drawn-flat-red,.drawn-flat-red-bottom{fill:none;stroke:#d92d3f;stroke-width:8;stroke-linecap:round}.drawn-flat-red-bottom{opacity:.35}.drawn-flat-sheet text{font-size:25px;font-weight:900;text-anchor:middle;fill:#17334a}.drawn-finish{opacity:0;fill:none;stroke:#2b9b67;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.drawn-cut-captions span{position:absolute;right:10px;bottom:24px;left:10px;text-align:center;font-weight:900;opacity:0}.cut-drawn .cut-progress span{width:0;transition:none}.cut-drawn.replay .drawn-tube{animation:drawn-tube-away 9s ease-in-out forwards}.cut-drawn.replay .drawn-cut-line{animation:drawn-cut-seam 9s ease-in-out forwards}.cut-drawn.replay .drawn-scissors{animation:drawn-scissors-cut 9s ease-in-out forwards}.cut-drawn.replay .drawn-curved-sheet{animation:drawn-sheet-open 9s ease-in-out forwards}.cut-drawn.replay .drawn-flat-sheet{animation:drawn-sheet-flat 9s ease-in-out forwards}.cut-drawn.replay .drawn-finish{animation:drawn-finish-show 9s ease-in-out forwards}.cut-drawn.replay .cut-progress span{animation:drawn-progress 9s linear forwards}.cut-drawn.replay .drawn-caption-1{animation:drawn-caption-1 9s forwards}.cut-drawn.replay .drawn-caption-2{animation:drawn-caption-2 9s forwards}.cut-drawn.replay .drawn-caption-3{animation:drawn-caption-3 9s forwards}.cut-drawn.replay .drawn-caption-4{animation:drawn-caption-4 9s forwards}.cut-drawn.replay .drawn-caption-5{animation:drawn-caption-5 9s forwards}@keyframes drawn-tube-away{0%,34%{opacity:1;transform:none}46%,to{opacity:0;transform:translate(-35px)}}@keyframes drawn-cut-seam{0%,10%{stroke-dashoffset:1}31%,to{stroke-dashoffset:0}}@keyframes drawn-scissors-cut{0%,9%{opacity:0;transform:translate(145px,260px)}13%{opacity:1;transform:translate(145px,260px)}31%{opacity:1;transform:translate(145px,72px)}36%,to{opacity:0;transform:translate(145px,72px)}}@keyframes drawn-sheet-open{0%,31%{opacity:0;transform:scaleX(.08)}38%{opacity:1;transform:scaleX(.08)}69%{opacity:1;transform:scaleX(1)}78%,to{opacity:0;transform:scaleX(1)}}@keyframes drawn-sheet-flat{0%,70%{opacity:0}81%,to{opacity:1}}@keyframes drawn-finish-show{0%,87%{opacity:0}94%,to{opacity:1}}@keyframes drawn-progress{to{width:100%}}@keyframes drawn-caption-1{0%,2%{opacity:0}5%,15%{opacity:1}19%,to{opacity:0}}@keyframes drawn-caption-2{0%,16%{opacity:0}20%,33%{opacity:1}37%,to{opacity:0}}@keyframes drawn-caption-3{0%,34%{opacity:0}39%,51%{opacity:1}55%,to{opacity:0}}@keyframes drawn-caption-4{0%,52%{opacity:0}57%,76%{opacity:1}80%,to{opacity:0}}@keyframes drawn-caption-5{0%,77%{opacity:0}83%,to{opacity:1}}.mantle-sides-card{min-height:calc(100dvh - 86px);display:flex;flex-direction:column}.mantle-sides-card>p{margin:2px 0 7px}.mantle-side-layout{flex:1;min-height:290px;display:grid;grid-template-columns:minmax(330px,1.05fr) minmax(310px,.95fr);gap:18px;align-items:center}.mantle-side-picture{display:block;width:100%;max-height:330px}.mantle-side-picture text{font-size:21px;font-weight:900;text-anchor:middle}.red-side-label{fill:#d92d3f}.short-side-label{fill:#087c92}.mantle-side-questions{display:grid;gap:14px}.mantle-side-questions section{padding:12px;border:2px solid var(--line);border-radius:14px;background:#fff}.mantle-side-questions section>strong{display:block;margin-bottom:8px}.compact-choices{display:grid;grid-template-columns:1fr;gap:7px}.compact-choices .choice{min-height:42px;padding:8px 11px;text-align:left}.mantle-side-rule{padding:10px 14px;border-radius:13px;background:#fff5d9;line-height:1.3}.mantle-side-rule[hidden]{display:none}.mantle-sides-card #feedback{min-height:0;margin-top:7px}.mantle-sides-card>.actions{margin-top:8px}@media(max-width:720px){.mantle-side-layout{grid-template-columns:1fr;gap:5px}.mantle-side-picture{max-height:210px}.mantle-side-questions{grid-template-columns:1fr 1fr;gap:8px}.mantle-side-questions section{padding:8px}.compact-choices .choice{font-size:14px}}@media(max-height:760px){.mantle-side-layout{min-height:245px}.mantle-side-picture{max-height:270px}.mantle-side-questions{gap:8px}.mantle-side-questions section{padding:8px}.compact-choices{gap:5px}.compact-choices .choice{min-height:36px;padding:6px 9px}.mantle-side-rule{padding:7px 11px}}.mantle-memory{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:stretch;margin-bottom:7px}.memory-animation{position:relative;padding:5px 8px 2px;border:2px solid var(--line);border-radius:13px;background:#fbfdfc}.memory-animation>strong{position:absolute;top:5px;left:9px;z-index:2;font-size:14px}.memory-animation svg{display:block;width:100%;height:112px}.memory-animation svg text{font-size:14px;font-weight:900;text-anchor:middle;fill:#d92d3f}.memory-floor{stroke:#9fb7bc;stroke-width:2}.memory-wheel circle{fill:#dff4f4;stroke:#d92d3f;stroke-width:5}.memory-wheel line{stroke:#087c92;stroke-width:4}.memory-unrolled{fill:none;stroke:#d92d3f;stroke-width:5;stroke-dasharray:1;stroke-dashoffset:1}.memory-sheet rect{fill:#f4a261;stroke:#17334a;stroke-width:3;transform-origin:28px 72px}.memory-sheet line{stroke:#d92d3f;stroke-width:6;transform-origin:28px 34px}.memory-roll{opacity:0;transform:translate(176px)}.memory-roll rect,.memory-roll ellipse{fill:#f4a261;stroke:#17334a;stroke-width:3}.memory-roll path{fill:none;stroke:#17334a;stroke-width:3}.memory-replay{align-self:center;max-width:130px;padding:9px 11px}.mantle-memory.replay .memory-wheel{transform-origin:62px 77px;animation:memory-wheel-roll 5s ease-in-out forwards}.mantle-memory.replay .memory-unrolled{animation:memory-line-unroll 5s ease-in-out forwards}.mantle-memory.replay .memory-sheet rect,.mantle-memory.replay .memory-sheet line{animation:memory-sheet-wrap 5s ease-in-out forwards}.mantle-memory.replay .memory-roll{animation:memory-roll-move 5s ease-in-out forwards}@keyframes memory-wheel-roll{0%,12%{transform:translate(0) rotate(0)}78%,to{transform:translate(180px) rotate(360deg)}}.mantle-sides-card .mantle-side-layout{min-height:220px}.mantle-sides-card .mantle-side-picture{max-height:245px}@media(max-height:760px){.mantle-memory{gap:6px}.memory-animation svg{height:92px}.memory-replay{font-size:13px}.mantle-sides-card .mantle-side-layout{min-height:190px}.mantle-sides-card .mantle-side-picture{max-height:210px}}.draw-instructions{margin:0;padding-left:22px;font-size:16px;line-height:1.35}.draw-instructions li{margin-bottom:7px}.tool:disabled{opacity:.4}.given rect{fill:#fff3d3;stroke:#efc96f;stroke-width:2}.given text{font-size:20px;font-weight:800;fill:var(--ink)}.center-point,.horizontal-help,.vertical-help,.ellipse-guide,.base-front,.base-hidden,.height-help,.top-help,.top-edge,.checklist,.pencil{opacity:0;transition:opacity .35s ease}.center-label{opacity:0;font-size:21px;font-weight:850;fill:var(--orange)}.horizontal-help line,.vertical-help line,.top-help line,.ellipse-guide{fill:none;stroke:#79949b;stroke-width:3;stroke-dasharray:8 11}.horizontal-help circle,.vertical-help circle,.top-help circle,.center-point{fill:var(--orange)}.horizontal-help text,.vertical-help text,.height-help text{font-size:19px;font-weight:850;fill:var(--orange)}.base-front,.top-edge,.height-help line{fill:none;stroke:var(--ink);stroke-width:5}.base-hidden{fill:none;stroke:var(--ink);stroke-width:5;stroke-dasharray:12 10}.top-edge{fill:#dff4f455}.checklist rect{fill:#fffdf7;stroke:var(--green);stroke-width:4}.checklist text{font-size:20px;font-weight:750;fill:var(--ink)}.checklist .check-title{font-size:27px;font-weight:900;fill:var(--green)}.pencil{fill:var(--orange);stroke:#9b4e16;stroke-width:2;transform-origin:0 0;opacity:0}.step-1 .center-point,.step-1 .center-label,.step-2 .center-point,.step-2 .center-label,.step-3 .center-point,.step-3 .center-label,.step-2 .horizontal-help,.step-3 .horizontal-help,.step-4 .horizontal-help,.step-3 .vertical-help,.step-4 .vertical-help,.step-4 .ellipse-guide,.step-4 .base-front,.step-4 .base-hidden,.step-5 .base-front,.step-5 .base-hidden,.step-5 .height-help,.step-6 .base-front,.step-6 .base-hidden,.step-6 .height-help,.step-6 .top-help,.step-6 .top-edge,.step-7 .base-front,.step-7 .base-hidden,.step-7 .height-help,.step-7 .top-edge,.step-7 .checklist{opacity:1}.step-7 .height-help text{opacity:0}.step-1 .pencil{opacity:1;transform:translate(350px,350px)}.step-2 .pencil{opacity:1;transform:translate(500px,350px)}.step-3 .pencil{opacity:1;transform:translate(350px,425px)}.step-4 .pencil{opacity:1;transform:translate(200px,350px)}.step-5 .pencil{opacity:1;transform:translate(500px,150px)}.step-6 .pencil{opacity:1;transform:translate(350px,75px)}.top-diameter-help,.top-short-help{opacity:0;transition:opacity .35s ease}.top-diameter-help line,.top-short-help line{fill:none;stroke:#79949b;stroke-width:3;stroke-dasharray:8 11}.top-diameter-help circle,.top-short-help circle{fill:var(--orange)}.top-diameter-help text,.top-short-help text{font-size:19px;font-weight:850;fill:var(--orange)}.step-6 .base-front,.step-6 .base-hidden,.step-6 .height-help,.step-6 .top-diameter-help,.step-7 .base-front,.step-7 .base-hidden,.step-7 .height-help,.step-7 .top-diameter-help,.step-7 .top-short-help,.step-8 .base-front,.step-8 .base-hidden,.step-8 .height-help,.step-8 .top-diameter-help,.step-8 .top-short-help,.step-8 .top-edge,.step-9 .base-front,.step-9 .base-hidden,.step-9 .height-help,.step-9 .top-edge,.step-9 .checklist{opacity:1}.step-9 .height-help text{opacity:0}.step-6 .pencil{opacity:1;transform:translate(350px,150px)}.step-7 .pencil{opacity:1;transform:translate(350px,75px)}.step-8 .pencil{opacity:1;transform:translate(200px,150px)}.step-6 .top-edge,.step-7 .top-edge,.step-7 .checklist,.step-8 .checklist{opacity:0}.draw-wrap{position:relative;width:100%;max-width:760px;aspect-ratio:4/3;border:2px solid var(--line);border-radius:18px;overflow:hidden;background-color:#fff;background-image:linear-gradient(#dce6e8 1px,transparent 1px),linear-gradient(90deg,#dce6e8 1px,transparent 1px);background-size:25px 25px;touch-action:none}.draw-wrap canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.draw-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.tool{border:2px solid var(--line);background:#fff;border-radius:13px;padding:11px 15px;font-weight:800}.tool.active{border-color:var(--blue);color:var(--blue);background:var(--blue2)}.meter{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.meter div{background:#eef2ef;border-radius:14px;padding:14px;text-align:center;font-weight:800}.meter b{display:block;color:var(--green);font-size:24px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.summary article{border:2px solid var(--line);border-radius:18px;padding:18px}.summary h3{margin:0 0 8px}.check{color:var(--green);font-weight:900}@media(max-width:700px){.hero,.concept-layout,.choices,.summary{grid-template-columns:1fr}.top{align-items:flex-start}.progress{margin-top:9px}.card{border-radius:18px}.visual{padding:8px}.meter{grid-template-columns:1fr}.btn{flex:1}}@media(min-width:701px)and (max-height:900px){#app{padding:8px 16px}.shell{max-width:1180px}.top{height:38px;margin-bottom:8px}.brand{font-size:23px}.progress{height:9px}.card{padding:16px 24px;border-radius:18px}h1{font-size:34px;margin:5px 0 8px}h2{font-size:25px;margin:3px 0 6px}p{font-size:16px;line-height:1.3;margin:5px 0 9px}.eyebrow{font-size:12px}.stepdots{font-size:14px}.hero{min-height:calc(100dvh - 62px);grid-template-columns:1.2fr .8fr}.hero .cylinder{max-height:270px}.labels{gap:7px}.pill{padding:8px 13px}.actions{margin-top:10px}.btn{min-height:42px;padding:9px 16px;font-size:16px}.visual{min-height:0;height:205px;margin:8px 0;padding:7px}.visual svg{max-height:195px}.choices{gap:8px;margin:10px 0}.choice{min-height:48px;padding:10px 14px;font-size:16px;border-radius:13px}.feedback{padding:10px 14px;margin-top:8px;font-size:16px}.concept-layout{margin-top:8px;gap:14px}.concept-picture svg{height:390px;max-height:calc(100dvh - 190px)}.concept-text,.concept-buttons{gap:7px}.concept-button.btn.primary{min-height:42px;padding:8px;font-size:15px}.term-card{padding:9px 12px;border-radius:12px}.term-card strong{font-size:17px;margin-bottom:2px}.term-card span{font-size:14px;line-height:1.25}.tutorial-card,.slant-draw-card,.interpret-card{height:calc(100dvh - 62px);min-height:0;overflow:hidden}.tutorial-stage{height:auto;margin-top:7px;grid-template-columns:minmax(0,2.25fr) minmax(245px,.75fr)}.tutorial-player{margin-top:0}.tutorial-stage .tutorial-player svg{height:100%;max-height:none}.video-caption{min-height:43px;padding:12px 14px;font-size:16px}.video-controls{margin:0;gap:7px}.video-controls .btn{padding:9px 11px}.rule-box{padding:10px 13px;font-size:15px;line-height:1.25}.draw-wrap{height:310px;aspect-ratio:auto;max-width:none}.draw-tools{margin-top:7px}.tool{padding:7px 11px}.formula{padding:9px 15px;font-size:22px}.numberline{font-size:17px}.answer{padding:8px 12px;font-size:18px}.meter{margin:10px 0;gap:8px}.meter div{padding:8px}.meter b{font-size:20px}.summary{gap:9px}.summary article{padding:11px}.summary h3{font-size:17px;margin-bottom:3px}}@media(min-width:701px)and (max-height:720px){.tutorial-stage{height:auto}.tutorial-stage .tutorial-player svg{height:100%;max-height:none}.concept-picture svg{height:330px}.draw-wrap{height:255px}.visual{height:170px}.visual svg{max-height:160px}.term-card span{font-size:13px}}@media(min-width:701px)and (max-height:900px){.card{height:calc(100dvh - 68px);min-height:0;overflow:hidden;display:flex;flex-direction:column}.hero{min-height:0}.hero>div:first-child{display:flex;flex-direction:column;justify-content:center}.hero>div:last-child{display:grid;place-items:center;min-height:0}.lesson-head,.card>.actions,.card>.draw-tools,.card>.numberline,.card>.formula,.card>.mini,.card>#feedback{flex-shrink:0}.card>.visual{flex:1;height:auto;min-height:130px}.card>.visual svg{width:100%;height:100%;max-height:none}.card>.choices{flex:1;align-content:center;min-height:0}.concept-layout{flex:1;min-height:0}.concept-picture{min-height:0}.concept-picture svg{height:100%;max-height:none}.concept-text{min-height:0}.card>.draw-wrap{flex:1;height:auto;min-height:180px;max-width:none;aspect-ratio:auto}.tutorial-card,.slant-draw-card,.interpret-card{height:calc(100dvh - 68px)}.summary{flex:1;align-items:stretch}.summary article{display:flex;flex-direction:column;justify-content:center}}@media(min-width:701px)and (min-height:901px){.card,.hero,.tutorial-card,.slant-draw-card,.interpret-card{min-height:calc(100dvh - 112px)}}.card>.circumference-visual{flex:none;height:175px;min-height:175px;padding:3px 8px}.card>.circumference-visual+.formula{padding:14px 21px;font-size:27px}.card>.circumference-visual+.formula .formula-intro{font-size:.66em;margin-bottom:7px}.circumference-card{display:flex;flex-direction:column}.circumference-card>.circumference-task{margin-top:17px;font-size:clamp(18px,2vw,21px)}.circumference-card>.actions{margin-top:auto;padding-top:12px;flex-shrink:0}.trace-scene{opacity:0}.trace-tube,.trace-half,.trace-panel,.trace-sheet{fill:url(#cardboardShade);stroke:#17334a;stroke-width:4}.trace-top{fill:#efd0aa;stroke:#17334a;stroke-width:4}.trace-bottom{fill:none;stroke:#17334a;stroke-width:4}.trace-hidden{fill:none;stroke:#17334a;stroke-width:3;stroke-dasharray:9 8}.trace-red{fill:none;stroke:#d92d3f;stroke-width:8;stroke-linecap:round}.trace-seam{fill:none;stroke:#17334a;stroke-width:5;stroke-dasharray:9 8}.trace-scissors{fill:none;stroke:#ef7d24;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.trace-scene text{font-size:26px;font-weight:900;text-anchor:middle;fill:#17334a}.trace-finish{fill:none;stroke:#2b9b67;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.cut-drawn.replay .trace-scene-1{animation:trace-step 1.8s 0s both}.cut-drawn.replay .trace-scene-2{animation:trace-step 1.8s 1.4s both}.cut-drawn.replay .trace-scene-3{animation:trace-step 1.8s 2.8s both}.cut-drawn.replay .trace-scene-4{animation:trace-step 1.8s 4.2s both}.cut-drawn.replay .trace-scene-5{animation:trace-step 1.8s 5.6s both}.cut-drawn.replay .trace-scene-6{animation:trace-step 1.8s 7s both}.cut-drawn.replay .trace-scene-7{animation:trace-step-final 1.8s 8.4s both}.cut-drawn.replay .trace-scissors{animation:trace-scissors-up 1.8s 1.4s both}.cut-drawn.replay .cut-progress span{animation:drawn-progress 10.2s linear forwards}.cut-drawn.replay .drawn-caption-1{animation:trace-caption-1 10.2s forwards}.cut-drawn.replay .drawn-caption-2{animation:trace-caption-2 10.2s forwards}.cut-drawn.replay .drawn-caption-3{animation:trace-caption-3 10.2s forwards}.cut-drawn.replay .drawn-caption-4{animation:trace-caption-4 10.2s forwards}.cut-drawn.replay .drawn-caption-5{animation:trace-caption-5 10.2s forwards}.cut-drawn.replay .drawn-caption-6{animation:trace-caption-6 10.2s forwards}@keyframes trace-step{0%{opacity:0}12%,76%{opacity:1}to{opacity:0}}@keyframes trace-step-final{0%{opacity:0}12%,to{opacity:1}}@keyframes trace-scissors-up{0%,10%{transform:translateY(55px)}80%,to{transform:translateY(-105px)}}@keyframes trace-caption-1{0%,2%{opacity:0}5%,13%{opacity:1}17%,to{opacity:0}}@keyframes trace-caption-2{0%,14%{opacity:0}18%,27%{opacity:1}31%,to{opacity:0}}@keyframes trace-caption-3{0%,28%{opacity:0}32%,41%{opacity:1}45%,to{opacity:0}}@keyframes trace-caption-4{0%,42%{opacity:0}46%,56%{opacity:1}60%,to{opacity:0}}@keyframes trace-caption-5{0%,57%{opacity:0}61%,81%{opacity:1}85%,to{opacity:0}}@keyframes trace-caption-6{0%,82%{opacity:0}87%,to{opacity:1}}.black-side-label{fill:#17334a}.mantle-memory{grid-template-columns:1fr 1fr}.memory-wheel .memory-disc{fill:#dff4f4;stroke:#17334a;stroke-width:3}.memory-wheel .memory-ring{fill:none;stroke:#d92d3f;stroke-width:5;stroke-dasharray:1;stroke-dashoffset:0}.memory-roll .memory-roll-red{fill:none!important;stroke:#d92d3f!important;stroke-width:5!important;stroke-dasharray:1;stroke-dashoffset:1}.mantle-memory.replay .memory-wheel{animation:memory-wheel-roll 4.8s ease-in-out infinite alternate}.mantle-memory.replay .memory-ring{animation:memory-ring-unroll 4.8s ease-in-out infinite alternate}.mantle-memory.replay .memory-unrolled{animation:memory-line-unroll 4.8s ease-in-out infinite alternate}.mantle-memory.replay .memory-sheet rect,.mantle-memory.replay .memory-sheet line{animation:memory-sheet-wrap 4.8s ease-in-out infinite alternate}.mantle-memory.replay .memory-roll{animation:memory-roll-move 4.8s ease-in-out infinite alternate}.mantle-memory.replay .memory-roll-red{animation:memory-roll-red-wrap 4.8s ease-in-out infinite alternate}@keyframes memory-wheel-roll{0%,12%{transform:translate(0) rotate(0)}78%,to{transform:translate(220px) rotate(360deg)}}@keyframes memory-line-unroll{0%,12%{stroke-dashoffset:1}78%,to{stroke-dashoffset:0}}@keyframes memory-ring-unroll{0%,12%{stroke-dashoffset:0}78%,to{stroke-dashoffset:-1}}@keyframes memory-sheet-wrap{0%,12%{transform:scaleX(1)}78%,to{transform:scaleX(0)}}@keyframes memory-roll-move{0%,10%{opacity:0;transform:translate(176px)}15%{opacity:1;transform:translate(176px)}78%,to{opacity:1;transform:translate(0)}}@keyframes memory-roll-red-wrap{0%,12%{stroke-dashoffset:1}78%,to{stroke-dashoffset:0}}.memory-wheel .memory-ring{stroke-dasharray:1 0;stroke-dashoffset:0}@keyframes memory-ring-unroll{0%,12%{stroke-dasharray:1 0;stroke-dashoffset:0}78%,to{stroke-dasharray:0 1;stroke-dashoffset:0}}@keyframes memory-roll-move{0%,10%{opacity:0;transform:translate(210px)}12%{opacity:1;transform:translate(210px)}78%,to{opacity:1;transform:translate(0)}}.rolling-net-visual{padding:4px 12px}.rolling-net{display:block;width:100%;height:100%;overflow:visible}.net-rolling-circle>circle{fill:#ccecef;stroke:#087c92;stroke-width:4}.net-circle-radius line{stroke:#ef7d24;stroke-width:4;stroke-linecap:round}.net-circle-radius circle{fill:#ef7d24}.net-rolling-circle{animation:net-circle-travel 4.8s ease-in-out infinite alternate}.net-circle-bottom{animation-direction:alternate-reverse}.net-circle-top .net-circle-radius{transform-origin:140px 70px;animation:net-circle-turn 4.8s ease-in-out infinite alternate}.net-circle-bottom .net-circle-radius{transform-origin:140px 300px;animation:net-circle-turn 4.8s ease-in-out infinite alternate-reverse}@keyframes net-circle-travel{0%{transform:translate(0)}to{transform:translate(310px)}}@keyframes net-circle-turn{0%{transform:rotate(0)}to{transform:rotate(395deg)}}.rolling-net-visual{position:relative;overflow:hidden}.rolling-net-visual .rolling-net{overflow:hidden}.net-circle-top .net-circle-radius{transform-origin:180px 70px}.net-circle-bottom .net-circle-radius{transform-origin:180px 300px}@keyframes net-circle-travel{0%{transform:translate(0)}to{transform:translate(283px)}}@keyframes net-circle-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.net-gallery{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);gap:8px;align-items:center}.animated-net{width:100%;height:100%;min-width:0;transform:translate(-3%)}.net-stills{align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto 1fr;gap:4px;padding:5px 7px;border-left:2px solid #dbe8e7;background:#eef7f7}.net-stills>strong{grid-column:1/-1;text-align:center;font-size:14px;color:#087c92}.net-still{position:relative;display:grid;place-items:center;min-width:0}.net-still>span{position:absolute;top:1px;left:3px;z-index:2;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#087c92;color:#fff;font-size:12px;font-weight:900}.net-still svg{display:block;width:100%;height:auto;max-height:135px}@media(max-width:720px){.net-gallery{grid-template-columns:1fr;grid-template-rows:1fr auto}.animated-net{transform:none}.net-stills{border-left:0;border-top:2px solid #dbe8e7}.net-still svg{max-height:75px}}.net-gallery{box-sizing:border-box;overflow:hidden!important}.animated-net{display:grid;place-items:center;min-height:0;overflow:hidden}.animated-net .rolling-net{width:88%;height:88%;max-width:88%;max-height:88%;overflow:visible}.net-stills{box-sizing:border-box;height:100%;min-height:0;overflow:hidden;grid-template-rows:auto minmax(0,1fr);align-items:center}.net-still{height:100%;min-height:0;overflow:hidden}.net-still svg{width:88%;height:88%;max-width:88%;max-height:88%}@media(min-width:721px)and (max-height:900px){.net-gallery{grid-template-columns:minmax(0,1.35fr) minmax(205px,.65fr)}.animated-net .rolling-net{width:82%;height:82%;max-width:82%;max-height:82%}.net-stills{padding:3px 5px}.net-still svg{width:82%;height:82%;max-width:82%;max-height:82%}}.rolling-net-visual.net-gallery{flex:0 0 265px!important;height:265px!important;min-height:265px!important}@media(min-width:701px)and (max-height:800px){.rolling-net-visual.net-gallery{flex-basis:235px!important;height:235px!important;min-height:235px!important}}.animated-net .rolling-net{transform:translateY(-14%) scale(.82);transform-origin:center center}.net-builder-card{min-height:calc(100dvh - 86px);display:flex;flex-direction:column}.net-builder-card>p{margin:2px 0 5px}.net-builder-card>.mini{margin-bottom:5px}.net-builder-stage{position:relative;flex:1;min-height:280px;margin:5px 0 7px;overflow:hidden;border:2px solid var(--line);border-radius:17px;background:#fff;touch-action:none}.net-builder-stage canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.net-builder-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0}.net-builder-tools .tool{min-height:42px;padding:7px 8px}.net-builder-card>#feedback:empty{visibility:hidden}.net-builder-card>#feedback{flex:0 0 52px;min-height:52px;margin-top:7px;padding:9px 12px;font-size:15px;overflow:auto}.net-builder-card>.actions{flex-shrink:0;margin-top:7px}.net-builder-card>.actions .btn{min-height:43px;padding:8px 14px}@media(min-width:701px)and (max-height:800px){.net-builder-card>p{font-size:15px;line-height:1.25}.net-builder-card>.mini{font-size:13px}.net-builder-stage{min-height:235px}.net-builder-tools .tool{min-height:36px;padding:5px 7px;font-size:14px}.net-builder-card>.actions .btn{min-height:39px;padding:6px 12px}}@media(max-width:700px){.net-builder-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.net-builder-stage{min-height:280px}}.mantle-calc-card{min-height:calc(100dvh - 86px);display:flex;flex-direction:column}.mantle-calc-card>p{margin:2px 0 9px}.mantle-calc-layout{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);gap:20px;align-items:stretch;flex:1;min-height:0}.calculation-entry{display:grid;grid-template-rows:repeat(4,1fr) auto;gap:9px;padding:14px;border:2px solid var(--line);border-radius:17px;background:#f5faf9}.calculation-entry label{display:grid;grid-template-columns:105px 1fr;gap:9px;align-items:center;font-weight:850}.calc-input,.side-entry{min-width:0;border:2px solid var(--line);border-radius:11px;padding:9px 11px;background:#fff;color:var(--ink);font-size:18px;font-weight:750}.calc-input:focus,.side-entry:focus{border-color:var(--blue);outline:3px solid #d9f2f4}.calc-input.input-right,.side-entry.input-right{border-color:var(--green);background:#e3f5eb}.calc-input.input-wrong,.side-entry.input-wrong{border-color:var(--red);background:#fae8e8}.math-keys{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:850;color:var(--muted)}.math-keys button{width:40px;height:36px;border:2px solid var(--blue);border-radius:9px;background:#fff;color:var(--blue);font-size:20px;font-weight:900}.mantle-label-task{display:flex;flex-direction:column;min-height:0;padding:13px;border:2px solid var(--line);border-radius:17px;background:#fff}.mantle-label-task>strong{text-align:center}.scale-rectangle{position:relative;display:grid;place-items:center;flex:1;min-height:225px}.scale-rectangle svg{display:block;width:100%;height:100%;max-height:360px}.scale-rectangle rect{fill:#f4a26166;stroke:#17334a;stroke-width:5}.scale-rectangle path{fill:none;stroke:#d92d3f;stroke-width:9;stroke-linecap:round}.scale-rectangle circle{fill:#ccecef;stroke:#087c92;stroke-width:5}.side-entry{position:absolute;width:132px;text-align:center}.red-entry{top:23%;left:55%;transform:translate(-50%);border-color:#d92d3f}.black-entry{top:50%;right:0;transform:translateY(-50%);border-color:#17334a}.mantle-calc-feedback:empty{visibility:hidden}.mantle-calc-feedback{flex:0 0 52px;min-height:52px;margin-top:7px;padding:9px 12px;font-size:15px;overflow:auto}.mantle-calc-card>.actions{flex-shrink:0;margin-top:7px}.mantle-calc-card>.actions .btn{min-height:43px;padding:8px 14px}@media(min-width:701px)and (max-height:800px){.mantle-calc-card>p{font-size:15px;line-height:1.25;margin-bottom:6px}.mantle-calc-layout{gap:12px}.calculation-entry{gap:5px;padding:9px}.calculation-entry label{grid-template-columns:92px 1fr;gap:6px;font-size:14px}.calc-input,.side-entry{padding:6px 8px;font-size:16px}.math-keys button{height:31px}.scale-rectangle{min-height:190px}.mantle-label-task{padding:9px}.mantle-calc-card>.actions .btn{min-height:39px;padding:6px 12px}}@media(max-width:700px){.mantle-calc-layout{grid-template-columns:1fr}.mantle-label-task{min-height:260px}.scale-rectangle{min-height:220px}}.mantle-calc-card>.actions{display:grid;grid-template-columns:1.35fr .65fr .65fr 1.35fr;gap:8px}.mantle-calc-card>.actions .btn{padding-right:10px;padding-left:10px}.circumference-review-dialog{width:min(760px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:auto}.circumference-review-dialog h3{margin-bottom:5px}.circumference-review-animation{height:230px;margin:4px 0 10px;overflow:hidden;border:2px solid var(--line);border-radius:16px;background:#f5faf9}.circumference-review-animation svg{display:block;width:100%;height:100%}.circumference-review-dialog>.formula{display:block;margin:5px 0;text-align:center}.circumference-review-dialog>p{margin:8px 0;font-size:18px}.circumference-review-back{display:block;margin:10px 0 0 auto}.calc-input[readonly],.side-entry[readonly]{cursor:pointer}.calc-input.keypad-active,.side-entry.keypad-active{border-color:var(--orange);box-shadow:0 0 0 3px #ef7d2433;background:#fffaf0}.math-keyboard{min-height:94px;padding-top:5px;border-top:2px solid #dbe8e7}.keyboard-label{display:block;margin-bottom:5px;font-size:13px;color:var(--muted)}.keyboard-keys{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}.keyboard-keys button{min-width:0;min-height:40px;padding:4px;border:2px solid var(--blue);border-radius:9px;background:#fff;color:var(--blue);font-size:18px;font-weight:900;touch-action:manipulation}.keyboard-keys button:active{background:var(--blue2)}@media(max-width:700px){.mantle-calc-card>.actions{grid-template-columns:1fr 1fr}.circumference-review-animation{height:180px}}.mantle-calc-feedback{flex-basis:46px;min-height:46px;padding-top:6px;padding-bottom:6px}.scale-rectangle svg{max-height:100%}@media(min-width:701px)and (max-height:800px){.scale-rectangle{min-height:205px}}.photo-cut-sequence{display:flex;align-items:center;justify-content:center;background:#fff}.photo-frame-window{position:absolute;inset:8px 12px 58px;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:#fff}.photo-frame-image{display:block;width:auto;height:100%;max-width:100%;object-fit:contain}.photo-frame-counter{position:absolute;top:14px;right:18px;z-index:2;padding:5px 9px;border-radius:9px;background:#17334acc;color:#fff;font-size:13px;font-weight:900}.photo-frame-caption{position:absolute;right:12px;bottom:28px;left:12px;text-align:center;font-weight:900}.photo-cut-sequence .cut-progress{right:12%;bottom:9px;left:12%;height:7px;display:block;overflow:hidden;border-radius:99px;background:#d7e1e2}.photo-cut-sequence .cut-progress span{display:block;width:1%;height:100%;border-radius:inherit;background:var(--orange);transition:width .12s linear}@media(max-height:760px){.photo-frame-window{inset:5px 10px 52px}.photo-frame-caption{bottom:25px}}.property-card{min-height:calc(100dvh - 86px);display:flex;flex-direction:column}.property-card>p{margin:3px 0 8px}.property-layout,.property-quiz-layout{display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(300px,.8fr);gap:18px;align-items:stretch;flex:1;min-height:0}.property-picture{position:relative;display:grid;place-items:center;min-height:260px;border:2px solid var(--line);border-radius:18px;background:#f5faf9;overflow:hidden}.property-picture svg{display:block;width:100%;height:100%;max-height:400px}.property-part{transition:opacity .2s,filter .2s,fill .2s,stroke-width .2s}.property-part.dimmed{opacity:.16}.property-part:not(.dimmed){filter:drop-shadow(0 0 6px #ef7d2488)}.property-side,.property-counts{display:flex;flex-direction:column;gap:12px}.property-buttons{display:grid;gap:10px}.property-button,.property-fact{width:100%;text-align:left}.property-button.active,.property-fact.active{background:var(--orange);box-shadow:inset 0 0 0 3px #f8c66c}.property-explanation{padding:17px;border:2px solid var(--line);border-radius:15px;background:#fff5d9;font-size:18px;font-weight:750;line-height:1.4}.property-side .property-explanation{flex:1;display:flex;align-items:center}.property-card>#feedback:empty{visibility:hidden}.property-card>#feedback{min-height:48px;margin-top:8px;padding:9px 13px}.property-card>.actions{margin-top:8px}.parallel-mark{position:absolute;left:51%;top:29%;display:flex;flex-direction:column;align-items:center;color:var(--orange);font-size:58px;font-weight:900;opacity:0;transition:opacity .2s}.parallel-mark span{font-size:17px;white-space:nowrap}.compare-picture[data-fact=height] .parallel-mark{opacity:1}.compare-picture[data-fact=congruent] .property-ground,.compare-picture[data-fact=congruent] .property-deck{fill:#ffd68c;filter:drop-shadow(0 0 7px #ef7d24)}.compare-picture[data-fact=parallel] .property-ground,.compare-picture[data-fact=parallel] .property-deck{stroke:#ef7d24;stroke-width:9}.property-counts section{padding:14px;border:2px solid var(--line);border-radius:15px;background:#fff}.property-counts section strong{display:block;margin-bottom:10px;font-size:19px}.count-options{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.count-options button{min-height:52px;border:2px solid var(--blue);border-radius:12px;background:#fff;color:var(--blue);font-size:21px;font-weight:900}.count-options button.good{background:#e3f5eb;border-color:var(--green);color:#155c3d}.count-options button.bad{background:#fae8e8;border-color:var(--red);color:#7c2424}.edge-callout{position:absolute;padding:5px 9px;border-radius:9px;background:#ef7d24;color:#fff;font-size:15px;font-weight:850;opacity:0}.edge-top{top:8%;right:6%}.edge-bottom{bottom:8%;left:4%}.show-edges .edge-callout{opacity:1}.show-edges .property-deck,.show-edges .property-ground{stroke:#ef7d24;stroke-width:9}.truth-progress{display:flex;align-items:center;gap:14px;margin:12px 0}.truth-progress>span{font-weight:850;white-space:nowrap}.truth-progress>div{height:10px;flex:1;overflow:hidden;border-radius:99px;background:#dce6e7}.truth-progress i{display:block;width:0;height:100%;background:var(--orange);transition:width .25s}.truth-statement{display:grid;place-items:center;flex:1;min-height:170px;padding:25px;border:3px solid var(--blue);border-radius:20px;background:#eef8f8;text-align:center;font-size:clamp(22px,3vw,32px);font-weight:850;line-height:1.3}.truth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.truth-buttons .choice{text-align:center}.truth-card>#feedback{min-height:52px}.truth-card>.actions{margin-top:8px}.truth-card [hidden]{display:none!important}@media(min-width:701px)and (max-height:900px){.property-card{height:calc(100dvh - 68px);min-height:0;overflow:hidden}.property-layout,.property-quiz-layout{gap:12px}.property-picture{min-height:0}.property-picture svg{max-height:none}.property-buttons{gap:7px}.property-button,.property-fact{min-height:42px;padding:8px 12px;font-size:15px}.property-explanation{padding:11px;font-size:15px}.property-counts{gap:7px}.property-counts section{padding:9px}.property-counts section strong{margin-bottom:6px;font-size:16px}.count-options button{min-height:42px}.truth-statement{min-height:120px;padding:15px}.truth-buttons{margin-top:8px}.truth-card>#feedback{min-height:44px}}@media(max-width:700px){.property-layout,.property-quiz-layout{grid-template-columns:1fr}.property-picture{min-height:220px}.property-buttons{grid-template-columns:repeat(3,1fr)}.property-button,.property-fact{text-align:center;padding:9px;font-size:14px}.property-side .property-explanation{min-height:70px}.truth-statement{min-height:140px}}.property-part.highlighted{filter:drop-shadow(0 0 7px #ef7d24);stroke:#ef7d24;stroke-width:9}.property-mantle.highlighted,.property-deck.highlighted,.property-ground.highlighted:not(.ground-hidden-line){fill:#ffd68c}.ground-hidden-line.highlighted{fill:none}.height-indicator{opacity:0;pointer-events:none;transition:opacity .2s}.height-indicator line,.height-indicator path{fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.height-indicator circle{fill:var(--orange)}.height-indicator text{fill:var(--orange);font-size:27px;font-weight:900}.compare-picture[data-fact=height] .height-indicator{opacity:1}.lying-card{min-height:calc(100dvh - 86px);display:flex;flex-direction:column}.lying-card>p{margin:3px 0 8px}.lying-layout{display:grid;grid-template-columns:minmax(390px,1.2fr) minmax(310px,.8fr);gap:16px;flex:1;min-height:0}.lying-picture{position:relative;display:grid;place-items:center;min-height:0;border:2px solid var(--line);border-radius:18px;background:#f5faf9;overflow:hidden}.lying-picture svg{display:block;width:100%;height:100%;max-height:430px}.lying-side{display:flex;flex-direction:column;gap:10px;min-height:0}.lying-term-buttons,.lying-rule-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lying-term-buttons button,.lying-rule-buttons button{min-height:46px;padding:9px 11px;text-align:left;font-size:15px}.lying-term-buttons button.active,.lying-rule-buttons button.active{background:var(--orange);box-shadow:inset 0 0 0 3px #f8c66c}.lying-side .property-explanation{flex:1;display:flex;align-items:center;min-height:70px}.lying-card>#feedback:empty{visibility:hidden}.lying-card>#feedback{min-height:48px;margin-top:7px;padding:9px 13px}.lying-card>.actions{margin-top:7px}.lying-part{transition:opacity .2s,filter .2s,stroke .2s,fill .2s}.lying-part.dimmed{opacity:.13}.lying-part.highlighted{filter:drop-shadow(0 0 7px #ef7d24);stroke:#ef7d24!important;stroke-width:10}.lying-mantle.highlighted,.lying-ground.highlighted,.lying-deck.highlighted{fill:#ffd68c}.lying-center{fill:#17334a}.lying-rule{opacity:0;transition:opacity .2s}.lying-rule path{fill:none;stroke:var(--orange);stroke-width:5;stroke-linecap:round}.lying-rule text{fill:var(--orange);font-size:22px;font-weight:900}.lying-rule-picture[data-rule=angle] .rule-angle,.lying-rule-picture[data-rule=half] .rule-half{opacity:1}.lying-rule-picture[data-rule=hidden] .lying-hidden{stroke:#ef7d24!important;stroke-width:10;filter:drop-shadow(0 0 6px #ef7d24)}.lying-rule-picture[data-rule=half] .lying-height{stroke:#ef7d24;stroke-width:10;filter:drop-shadow(0 0 6px #ef7d24)}.lying-measure-layout{display:grid;grid-template-columns:minmax(430px,1.35fr) minmax(300px,.65fr);gap:16px;flex:1;min-height:0}.lying-grid-picture{min-height:0;border:2px solid var(--line);border-radius:18px;overflow:hidden}.lying-grid-picture svg{display:block;width:100%;height:100%}.lying-measure-side{display:flex;flex-direction:column;gap:9px;padding:12px;border:2px solid var(--line);border-radius:17px;background:#f5faf9}.lying-measure-side label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:850}.lying-measure-side label span{display:flex;align-items:center;gap:5px;white-space:nowrap}.lying-number-input{box-sizing:border-box;width:92px;height:45px;border:2px solid var(--line);border-radius:10px;background:#fff;padding:6px;text-align:center;font-size:20px;font-weight:850}.lying-number-input.active{border-color:var(--blue);box-shadow:0 0 0 4px #d8f0f3}.lying-number-input.input-right{border-color:var(--green);background:#e3f5eb}.lying-number-input.input-wrong{border-color:var(--red);background:#fae8e8}.lying-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.lying-key{min-height:54px;border:2px solid var(--blue);border-radius:12px;background:#fff;color:var(--blue);font-size:24px;font-weight:900}.lying-key:active{background:var(--blue2)}.lying-height-layout{display:grid;grid-template-columns:minmax(420px,1.25fr) minmax(300px,.75fr);gap:16px;flex:1;min-height:0}.lying-height-choices{grid-template-columns:1fr;align-content:center;margin:0}.choice-line{stroke-width:9;stroke-linecap:round}.green-line{stroke:#2b9b67}.purple-line{stroke:#8d5ac7}@media(min-width:701px)and (max-height:900px){.lying-card{height:calc(100dvh - 68px);min-height:0;overflow:hidden}.lying-layout,.lying-measure-layout,.lying-height-layout{gap:11px}.lying-term-buttons,.lying-rule-buttons{gap:6px}.lying-term-buttons button,.lying-rule-buttons button{min-height:39px;padding:6px 9px;font-size:13px}.lying-side{gap:6px}.lying-side .property-explanation{padding:9px;font-size:14px;min-height:55px}.lying-side .rule-box{padding:8px 10px;font-size:14px}.lying-measure-side{gap:6px;padding:8px}.lying-measure-side label{font-size:14px}.lying-number-input{height:38px;font-size:17px}.lying-keypad{gap:6px}.lying-key{min-height:42px}.lying-card>#feedback{min-height:42px;padding:7px 10px;font-size:14px}}@media(max-width:700px){.lying-layout,.lying-measure-layout,.lying-height-layout{grid-template-columns:1fr}.lying-picture{min-height:230px}.lying-term-buttons{grid-template-columns:repeat(3,1fr)}.lying-measure-side{min-height:260px}}.lying-grid-picture{position:relative}.lying-ruler-overlay{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none;touch-action:none}.lying-ruler-overlay.active{pointer-events:auto;cursor:crosshair}.lying-ruler-overlay line{opacity:0;stroke:#d92d3f;stroke-width:7;stroke-linecap:round}.lying-ruler-overlay circle{opacity:0;fill:#fff;stroke:#d92d3f;stroke-width:5}.lying-ruler-overlay text{opacity:0;paint-order:stroke;stroke:#fff;stroke-width:8;stroke-linejoin:round;fill:#d92d3f;font-size:24px;font-weight:900;text-anchor:middle}.lying-ruler-overlay.has-measurement line,.lying-ruler-overlay.has-measurement circle,.lying-ruler-overlay.has-measurement text{opacity:1}.lying-ruler-controls{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:7px;border-radius:12px;background:#fff5d9}.lying-ruler-controls .btn{min-height:39px;padding:7px 10px;font-size:14px}.lying-ruler-controls .btn.active{background:#d92d3f;color:#fff}.lying-ruler-controls strong{font-size:13px;line-height:1.2;color:#7a4918}@media(min-width:701px)and (max-height:900px){.lying-ruler-controls{padding:5px;gap:6px}.lying-ruler-controls .btn{min-height:34px;padding:5px 8px;font-size:12px}.lying-ruler-controls strong{font-size:11px}.lying-measure-side{gap:4px}.lying-key{min-height:37px}}.lying-ruler-overlay{-webkit-user-select:none;user-select:none}.lying-ruler-overlay>*{pointer-events:none}.discover-ruler .btn{animation:discover-ruler 1.25s ease-in-out infinite}@keyframes discover-ruler{0%,to{background:#fff;color:var(--blue);box-shadow:0 0 #ef7d2455}50%{background:#ef7d24;color:#fff;box-shadow:0 0 0 7px #ef7d2422}}@media(prefers-reduced-motion:reduce){.discover-ruler .btn{animation:none;background:#ef7d24;color:#fff}}.circumference-keypad{display:grid;grid-template-columns:repeat(13,minmax(42px,1fr));gap:6px;margin:5px 0}.circumference-keypad button{min-height:46px;border:2px solid var(--blue);border-radius:10px;background:#fff;color:var(--blue);font-size:21px;font-weight:900}.circumference-keypad button:active{background:var(--blue2)}@media(max-width:700px){.circumference-keypad{grid-template-columns:repeat(7,1fr)}.circumference-keypad button{min-height:42px}}@media(min-width:701px)and (max-height:800px){.circumference-keypad button{min-height:38px;font-size:18px}.circumference-keypad{gap:4px;margin:3px 0}}.lying-grid-picture>svg:first-child>line[stroke="#ef7d24"]{stroke-dasharray:16 5}.chapter-card{--chapter:#087c92;--chapter-soft:#e8f6f7;border-top:8px solid var(--chapter);background:linear-gradient(145deg,var(--chapter-soft) 0,#fffdf7 48%)}.chapter-card .lesson-head .eyebrow{display:inline-block;padding:5px 10px;border-radius:9px;background:var(--chapter);color:#fff}.chapter-card .stepdots{color:var(--chapter)}.chapter-1{--chapter:#2b8a62;--chapter-soft:#e8f5ee}.chapter-2{--chapter:#087c92;--chapter-soft:#e5f3f5}.chapter-3{--chapter:#7656a7;--chapter-soft:#f0ebf8}.chapter-4{--chapter:#d86f18;--chapter-soft:#fff0df}.home-copy h1{position:relative}.home-copy h1:after{content:"";display:block;width:100%;height:7px;margin-top:8px;border-radius:99px;background:linear-gradient(90deg,#2b8a62 0 25%,#087c92 25% 50%,#7656a7 50% 75%,#d86f18 75%)}.learning-overview li{padding:7px 10px;border-left:6px solid;border-radius:10px;background:#fff}.learning-overview li:nth-child(1){border-color:#2b8a62;background:#e8f5ee}.learning-overview li:nth-child(2){border-color:#087c92;background:#e5f3f5}.learning-overview li:nth-child(3){border-color:#7656a7;background:#f0ebf8}.learning-overview li:nth-child(4){border-color:#d86f18;background:#fff0df}.learning-overview li:nth-child(1) span{color:#2b8a62}.learning-overview li:nth-child(2) span{color:#087c92}.learning-overview li:nth-child(3) span{color:#7656a7}.learning-overview li:nth-child(4) span{color:#d86f18}.home-standing{border-top:6px solid #087c92!important;background:#f2fafb!important}.home-lying{border-top:6px solid #7656a7!important;background:#f7f3fb!important}.home-net{border-top:6px solid #d86f18!important;background:#fff8ef!important}@media(min-width:701px)and (max-height:800px){.chapter-card{border-top-width:6px}.learning-overview li{padding:4px 8px}.home-copy h1:after{height:5px;margin-top:4px}}.dimension-read-card{min-height:calc(100dvh - 86px);display:flex;flex-direction:column}.dimension-read-card>p{margin:3px 0 8px}.dimension-read-layout{display:grid;grid-template-columns:minmax(390px,1.1fr) minmax(360px,.9fr);gap:16px;flex:1;min-height:0}.dimension-visual{height:auto;margin:0;min-height:0}.dimension-visual svg{width:100%;height:100%;max-height:none}.dimension-height,.dimension-diameter,.dimension-radius{stroke-width:8;stroke-linecap:round}.dimension-height{stroke:#ef7d24}.dimension-diameter{stroke:#2b9b67}.dimension-radius{stroke:#7656a7}.dimension-questions{display:grid;gap:9px;align-content:center}.dimension-questions section{padding:10px;border:2px solid var(--line);border-radius:14px;background:#fff}.dimension-questions strong{display:flex;align-items:center;gap:8px;margin-bottom:7px}.dimension-swatch{display:inline-block;width:34px;height:7px;border-radius:99px}.dimension-swatch.orange{background:#ef7d24}.dimension-swatch.green{background:#2b9b67}.dimension-swatch.purple{background:#7656a7}.dimension-questions section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dimension-questions button{min-height:43px;padding:7px;border:2px solid var(--blue);border-radius:10px;background:#fff;color:var(--ink);font-size:14px;font-weight:800}.dimension-questions button.good{border-color:var(--green);background:#e3f5eb;color:#155c3d}.dimension-questions button.bad{border-color:var(--red);background:#fae8e8;color:#7c2424}.dimension-questions button:disabled{opacity:1}.dimension-read-card>#feedback:empty{visibility:hidden}.dimension-read-card>#feedback{min-height:48px;margin-top:7px;padding:9px 13px}.dimension-read-card>.actions{margin-top:7px}@media(min-width:701px)and (max-height:900px){.dimension-read-card{height:calc(100dvh - 68px);min-height:0;overflow:hidden}.dimension-read-layout{gap:10px}.dimension-questions{gap:6px}.dimension-questions section{padding:7px}.dimension-questions strong{margin-bottom:4px;font-size:14px}.dimension-questions button{min-height:37px;padding:5px;font-size:12px}}@media(max-width:700px){.dimension-read-layout{grid-template-columns:1fr}.dimension-visual{min-height:210px}.dimension-questions{grid-template-columns:1fr}}.tutorial-example{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:5px 0 10px;padding:10px 14px;border:2px solid #efb64f;border-left:7px solid var(--orange);border-radius:14px;background:#fff4d9}.tutorial-example>strong{max-width:190px;color:#8a4b12;font-size:16px;line-height:1.2}.tutorial-example>span{font-size:15px;line-height:1.3}@media(min-width:701px)and (max-height:900px){.tutorial-example{gap:8px;margin:3px 0 6px;padding:6px 10px}.tutorial-example>strong{max-width:170px;font-size:13px}.tutorial-example>span{font-size:12px;line-height:1.2}}.mantle-video-stage{display:grid;place-items:center;padding:8px;background:#15212a}.mantle-video{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;background:#000}.home-card{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(500px,1.18fr);align-items:stretch}.home-copy{display:flex;flex-direction:column;align-items:flex-start;min-height:0}.home-copy>p{max-width:590px}.learning-overview{margin:8px 0 4px}.learning-overview>strong{display:block;margin-bottom:7px;color:var(--blue);font-size:17px}.learning-overview ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.learning-overview li{display:flex;align-items:baseline;gap:9px;font-size:17px;font-weight:750}.learning-overview li span{width:20px;color:var(--orange);font-size:19px;font-weight:950}.home-copy>.actions{margin-top:auto}.home-geometry-board{display:grid;grid-template-columns:minmax(155px,.72fr) minmax(270px,1.28fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:10px;min-width:0;height:100%;min-height:0;overflow:hidden}.home-geometry-board figure{min-width:0;min-height:0;margin:0;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:2px solid #dbe8e7;border-radius:16px;background:#f8fbfa}.home-geometry-board figcaption{flex:0 0 auto;text-align:center;color:var(--muted);font-size:13px;font-weight:800}.home-standing{grid-row:1/3}.home-standing>div{display:grid;place-items:center;min-height:0}.home-standing .cylinder{width:100%;max-height:330px}.home-net svg,.home-lying svg{display:block;width:100%;height:calc(100% - 22px);min-height:0;overflow:hidden}.home-net{grid-column:2;grid-row:1}.home-lying{grid-column:2;grid-row:2}@media(min-width:701px)and (max-height:800px){.home-card{grid-template-columns:minmax(300px,.78fr) minmax(470px,1.22fr)}.learning-overview{margin-top:3px}.learning-overview ol{gap:3px}.learning-overview li{font-size:15px}.home-geometry-board{gap:7px}.home-standing .cylinder{max-height:270px}.home-geometry-board figcaption{font-size:12px}}@media(max-width:700px){.home-card{grid-template-columns:1fr}.home-geometry-board{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.home-standing{grid-row:auto;grid-column:1/3}.home-standing .cylinder{max-height:180px}.home-net,.home-lying{grid-column:auto;grid-row:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.standing-grid-picture{position:relative}.standing-measure-help{opacity:0;transition:opacity .2s}.show-measure-help .standing-measure-help{opacity:1}.standing-measure-help circle{stroke:#fff;stroke-width:5}.standing-measure-help .radius-help-point{fill:#2b9b67}.standing-measure-help .height-help-point{fill:#ef7d24}.review-return{flex:0 0 auto;min-height:38px;padding:7px 12px;background:#fff4d9;border-color:#d86f18;color:#7a4918;font-size:13px}.finish-card{height:calc(100dvh - 86px);min-height:0;display:flex;flex-direction:column;overflow:hidden}.finish-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.finish-heading h1{margin:4px 0 8px}.finish-heading p{max-width:440px;margin:0 0 10px;font-size:15px}.finish-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:1;min-height:0}.finish-group{--finish-color:#087c92;display:flex;flex-direction:column;gap:7px;min-width:0;padding:10px;border:2px solid color-mix(in srgb,var(--finish-color) 35%,white);border-top:7px solid var(--finish-color);border-radius:15px;background:#fff}.finish-group h3{min-height:40px;margin:0;color:var(--finish-color);font-size:16px;line-height:1.15}.finish-green{--finish-color:#2b8a62}.finish-blue{--finish-color:#087c92}.finish-purple{--finish-color:#7656a7}.finish-orange{--finish-color:#d86f18}.finish-skill{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:5px;padding-top:7px;border-top:1px solid #dce7e6}.finish-skill span{font-size:13px;font-weight:750;line-height:1.18}.finish-review{min-height:32px;padding:5px 7px;border-color:var(--finish-color);color:var(--finish-color);font-size:12px}.finish-card>.actions{justify-content:flex-end;margin-top:8px}@media(min-width:701px)and (max-height:800px){.finish-card{height:calc(100dvh - 68px)}.finish-heading h1{font-size:28px;margin:2px 0 5px}.finish-heading p{font-size:12px;margin-bottom:5px}.finish-overview{gap:7px}.finish-group{gap:4px;padding:7px;border-top-width:5px}.finish-group h3{min-height:30px;font-size:14px}.finish-skill{gap:3px;padding-top:4px}.finish-skill span{font-size:11px}.finish-review{min-height:27px;padding:3px 5px;font-size:10px}.finish-card>.actions{margin-top:5px}}@media(max-width:700px){.finish-card{height:auto;overflow:visible}.finish-heading{display:block}.finish-overview{grid-template-columns:1fr}.finish-group h3{min-height:0}}