@keyframes drawLn{0%{stroke-dashoffset:1;opacity:1}60%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes pieceIn{0%{opacity:0;transform:translate(0)}}@keyframes topIn{0%{opacity:0;transform:scaleY(.4)}}@keyframes plateIn{0%{opacity:0;transform:scale(.3)}}@keyframes prog{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}.cc-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr);grid-template-areas:"cake" "ans" "in";align-items:start;margin-top:24px}.cc-side{display:contents}.cc-cake{grid-area:cake;border-radius:20px}.cc-ans{grid-area:ans}.cc-in{grid-area:in}@media (min-width:900px){.cc-grid{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"in side"}.cc-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:92px;grid-area:side;min-width:0}.cc-cake{position:static;border-radius:24px}}.cc-h1{margin:10px 0 6px;font:600 34px/1.05 var(--serif);letter-spacing:-.02em;text-wrap:balance;max-width:900px}@media (min-width:900px){.cc-h1{font-size:56px}}.cc-ans-text{margin:0;font:600 22px/1.2 var(--serif);letter-spacing:-.01em;text-wrap:pretty}@media (min-width:900px){.cc-ans-text{font-size:28px}}.cc-sec{margin-top:56px;display:flex;flex-direction:column;gap:16px;min-width:0}@media (min-width:900px){.cc-sec{margin-top:72px}}.cc-sec h2{margin:0;font:600 26px/1.1 var(--serif);letter-spacing:-.015em}@media (min-width:900px){.cc-sec h2{font-size:32px}}.cc-how{display:grid;gap:32px;align-items:start;grid-template-columns:1fr}@media (min-width:900px){.cc-how{grid-template-columns:1.1fr 1fr}}.cc-course{display:grid;gap:24px;align-items:center;grid-template-columns:1fr}@media (min-width:900px){.cc-course{grid-template-columns:260px 1fr 220px}}.cc-bar{position:fixed;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom, 0px));z-index:30}@media (min-width:900px){.cc-bar{display:none!important}}.cc-press:active{transform:scale(.92)}.cc-hover:hover{transform:translateY(-2px)}.cc-vslider{display:none}@media (min-width:900px){.cc-vslider{display:flex}}.cc-range{width:100%;height:28px;accent-color:var(--cherry)}.cc-fill-row{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scroll-snap-type:x mandatory}.calc-flag{display:grid;gap:10px;padding:28px;border-radius:24px;background:var(--choc);color:var(--cream);text-decoration:none;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #D9B45C}.calc-flag:after{content:"";position:absolute;right:-40px;top:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(217,180,92,.35),transparent 70%)}.calc-flag__tag{justify-self:start;background:#D9B45C;color:var(--choc);border-radius:999px;padding:4px 12px;font:700 13px var(--sans);letter-spacing:.04em}.calc-flag__h{font:600 30px/1.1 var(--serif)}.calc-flag__d{font:400 16px/1.5 var(--sans);color:#E9D9C6;max-width:62ch}.calc-flag__btn{justify-self:start;margin-top:6px;background:var(--cherry);color:#fff;border-radius:999px;padding:12px 22px;font:600 15px var(--sans)}.calc-flag:hover .calc-flag__btn{background:var(--cherry-hover)}@media (min-width:900px){.calc-flag{padding:36px 40px}.calc-flag__h{font-size:38px}}