@property --gx{syntax:"<number>";inherits:true;initial-value:0}@property --gy{syntax:"<number>";inherits:true;initial-value:0}@property --ol-scroll{syntax:"<number>";inherits:false;initial-value:0}:root{--ol-nav:69px;--ol-line-x:12px;--ol-foot:calc(84px + env(safe-area-inset-bottom));--ol-spring:cubic-bezier(0.3,1.6,0.5,1);--ol-ease:cubic-bezier(0.22,1,0.36,1)}@media (min-width:768px){:root{--ol-nav:77px;--ol-foot:0px}}@media (min-width:1024px){:root{--ol-line-x:50%}}.ol-page{position:relative;color:var(--ol-ink);background-color:var(--ol-paper);background-image:radial-gradient(var(--ol-dot) 1.2px,transparent 1.6px);background-size:24px 24px}.ol-defs{position:absolute;width:0;height:0;overflow:hidden}.ol-hand{font-family:var(--font-hand),cursive;font-weight:700}.ol-anchor{fill:none;stroke:none}:root{--ol-gap:64px}@media (min-width:1024px){:root{--ol-gap:clamp(56px,9vh,104px)}}.ol-station{--p:1;position:relative;overflow-x:clip}.ol-station-scene{display:flex;flex-direction:column;justify-content:center;padding-block:calc(var(--ol-gap) / 2)}@media (min-width:1024px){.ol-station-scene{min-height:calc(100svh - var(--ol-nav))}}.ol-frame{position:relative;z-index:2;display:flex;flex-direction:column;gap:20px;width:100%;max-width:1240px;margin:0 auto;padding:0 20px}@media (min-width:1024px){.ol-frame{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:64px;padding:0 48px}.ol-frame-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.ol-frame-flip .ol-copy{order:2}}.ol-scene-col{display:flex;flex-direction:column;gap:12px;min-width:0}.ol-scene-art{--art-h:min(58svh,480px);position:relative;width:min(100%,calc(var(--art-h) * var(--ar)));aspect-ratio:var(--ar);margin-inline:auto}@media (min-width:1024px){.ol-scene-art{--art-h:calc(100svh - var(--ol-nav) - var(--ol-gap) - 24px)}[data-station=tutor] .ol-scene-art{--art-h:calc(100svh - var(--ol-nav) - var(--ol-gap) - 150px)}}@media (max-width:1023.98px){[data-station=tutor] .ol-scene-art{--art-h:min(40svh,440px)}}.ol-art{display:block;width:100%;height:100%;overflow:hidden}.ol-replay{position:absolute;top:0;right:0;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 10px;border:2px solid var(--ol-edge);border-radius:14px 18px 12px 16px/16px 12px 18px 14px;background:var(--ol-card);box-shadow:3px 4px 0 var(--ol-shadow);font-family:var(--font-headline);font-weight:700;font-size:14px;color:var(--ol-ink);cursor:pointer;--dx:25%;--dy:-40%;translate:var(--dx) var(--dy);rotate:-2deg;animation:ol-replay-in .4s var(--ol-spring) both;transition:translate .12s ease-out,box-shadow .12s ease-out}.ol-replay:hover{translate:var(--dx) calc(var(--dy) - 2px);box-shadow:4px 6px 0 var(--ol-shadow)}.ol-replay:active{translate:calc(var(--dx) + 2px) calc(var(--dy) + 3px);box-shadow:1px 1px 0 var(--ol-shadow)}.ol-finale-mark .ol-replay{top:auto;bottom:0;--dx:0%;--dy:0%}[data-station=lessons] .ol-replay{top:8px;right:auto;left:8px;--dx:0%;--dy:0%}.ol-quiet-link:focus-visible,.ol-replay:focus-visible,.ol-try button:focus-visible{outline:3px dashed var(--ol-blue);outline-offset:3px}@media (min-width:1024px){.ol-frame-flip .ol-replay{right:auto;left:0;--dx:-25%}}@media (max-width:1023.98px){.ol-replay{--dx:0%;--dy:-50%}.ol-finale-mark .ol-replay{--dy:0%}}@keyframes ol-replay-in{0%{scale:.6;rotate:-14deg}to{scale:1;rotate:-2deg}}.ol-rewound,.ol-rewound *{transition:none!important;animation:none!important}.ol-armed:not([data-inview]) *{animation-play-state:paused}.ol-copy{position:relative;border-radius:14px;background:var(--ol-paper);box-shadow:0 0 0 10px var(--ol-paper)}.ol-kicker{margin:0 0 4px;font-family:var(--font-hand),cursive;font-weight:700;font-size:clamp(20px,2vw,26px);line-height:1.1;color:var(--ol-red)}.ol-title{margin:0;font-family:var(--font-headline);font-weight:800;font-size:clamp(26px,4vw,52px);line-height:1.04;letter-spacing:-.035em;color:var(--ol-ink);text-wrap:balance}.ol-body{margin:10px 0 0;max-width:34rem;font-size:clamp(14px,1.25vw,17px);line-height:1.6;color:var(--ol-ink-soft)}@media (min-width:1024px){.ol-body{margin-top:18px}}.ol-seg{--t:clamp(0,(var(--p) - var(--a,0)) * var(--k,1),1)}.ol-draw{stroke-dasharray:1 1.02;stroke-dashoffset:calc(1 - var(--t));opacity:clamp(0,calc(var(--t) * 40),1)}.ol-write{clip-path:inset(-30% calc((1 - var(--t)) * 100%) -30% -4%)}.ol-pop{opacity:var(--t);scale:calc(.55 + .45 * var(--t));transform-box:fill-box;transform-origin:center}.ol-rise{translate:0 calc((1 - var(--t)) * 360px);opacity:clamp(0,calc(var(--t) * 4),1)}.ol-travel{offset-distance:calc(var(--t) * 100%);offset-rotate:0deg;offset-anchor:0 0;transform-box:view-box}.ol-fill-x{transform-box:fill-box;transform-origin:left center;scale:var(--t) 1}.ol-fill-y{transform-box:view-box;scale:1 var(--t)}.ol-line{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.ol-line-path{fill:none;stroke:var(--ol-ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ol-pen{opacity:0;transition:opacity .25s}.ol-pen-lead{fill:var(--ol-ink)}.ol-pen-body{fill:var(--ol-wash-butter)}.ol-pen-body,.ol-pen-cap{stroke:var(--ol-ink);stroke-width:2}.ol-pen-cap{fill:var(--ol-red)}.ol-plane-wing{fill:var(--ol-card);stroke:var(--ol-ink);stroke-width:2.5;stroke-linejoin:round}.ol-plane-fold{fill:none;stroke:var(--ol-ink);stroke-width:2;stroke-linecap:round}.ol-doodle{display:block;overflow:visible}.ol-doodle-ink{fill:none;stroke:var(--ol-lit,var(--ol-ink));stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.ol-boil,.ol-rough{filter:url(#ol-hand)}[data-inview] .ol-boil{filter:url(#ol-boil)}.ol-doodle-type{font-family:var(--font-body);font-weight:700;font-size:30px;text-anchor:middle;stroke:none}.ol-doodle-type-lg{font-size:54px}.ol-wash-mist{fill:var(--ol-wash-mist);background-color:var(--ol-wash-mist)}.ol-wash-sage{fill:var(--ol-wash-sage);background-color:var(--ol-wash-sage)}.ol-wash-clay{fill:var(--ol-wash-clay);background-color:var(--ol-wash-clay)}.ol-wash-butter{fill:var(--ol-wash-butter);background-color:var(--ol-wash-butter)}.ol-art-hand{font-family:var(--font-hand),cursive;font-weight:700;font-size:28px;fill:var(--ol-lit,var(--ol-ink));stroke:none}.ol-art-sm{font-size:20px}.ol-art-md{font-size:28px}.ol-art-lg{font-size:36px}.ol-art-xl{font-size:54px}.ol-art-xxl{font-size:84px}.ol-mid{text-anchor:middle}.ol-end{text-anchor:end}.ol-strong{font-weight:800}.ol-fill-ink{fill:var(--ol-lit,var(--ol-ink))}.ol-fill-red{fill:var(--ol-red)}.ol-fill-blue{fill:var(--ol-blue)}.ol-fill-green{fill:var(--ol-green)}.ol-fill-card{fill:var(--ol-card)}.ol-stroke-red{stroke:var(--ol-red)}.ol-stroke-blue{stroke:var(--ol-blue)}.ol-stroke-green{stroke:var(--ol-green)}.ol-red-pen{fill:none;stroke:var(--ol-red);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.ol-hand-bubble{fill:var(--ol-card);stroke:var(--ol-edge);stroke-width:3.5;stroke-linejoin:round}.ol-card,.ol-paper-sheet,.ol-tile{stroke:var(--ol-edge);stroke-width:3;filter:drop-shadow(4px 5px 0 var(--ol-shadow))}.ol-card,.ol-paper-sheet{fill:var(--ol-card)}.ol-tile{stroke-width:2.5;filter:none}.ol-rule{stroke:color-mix(in srgb,var(--ol-blue) 30%,transparent);stroke-width:1.5}.ol-rule-strong{stroke:var(--ol-ink);stroke-width:2.5}.ol-margin{stroke:color-mix(in srgb,var(--ol-red) 55%,transparent);stroke-width:2}.ol-stamp{transform-box:fill-box;transform-origin:center;transition:scale .2s var(--ol-spring),opacity .1s}.ol-stamp-box{fill:none;stroke:var(--ol-red);stroke-width:5}.ol-stamp-fill,.ol-stamp-type{fill:var(--ol-red)}.ol-stamp-type{font-family:var(--font-headline);font-weight:800;font-size:36px;letter-spacing:.04em;text-anchor:middle}.ol-stamp-type-on{fill:var(--ol-card)}.ol-owl{display:block;overflow:visible;cursor:pointer;-webkit-tap-highlight-color:transparent}.ol-owl-face{transform-box:fill-box;transform-origin:50% 100%}.ol-owl-strokes{fill:none;stroke:var(--brand-mark-owl);stroke-width:16;stroke-linecap:round;stroke-linejoin:round}.ol-owl-beak>path:not(.ol-owl-beak-fill){fill:none;stroke:var(--brand-mark-beak);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.ol-owl-beak-fill{fill:var(--brand-mark-beak)}.ol-owl-beak-fill.ol-seg{opacity:var(--t)}.ol-owl-pupils{fill:var(--brand-mark-pupil);translate:calc(var(--gx) * 8px) calc(var(--gy) * 6px);transition:translate .14s ease-out}.ol-owl-pupils-drop{transform:translateY(calc((1 - var(--t)) * -110px));opacity:clamp(0,calc(var(--t) * 3),1)}.ol-owl-lid{fill:var(--brand-mark-owl);transform-box:fill-box;transform-origin:50% 0;scale:1 var(--lid,0);transition:scale .25s ease-out;animation:ol-blink var(--blink-every,5s) infinite}.ol-owl-squint{--lid:0.42}.ol-gaze-idle{animation:ol-glance 8s ease-in-out infinite}.ol-owl-hoot .ol-owl-face{animation:ol-hoot .5s var(--ol-spring)}.ol-owl-hoot .ol-owl-lid{animation:ol-blink-once .32s}@keyframes ol-blink{0%,94%,to{scale:1 var(--lid,0)}97%{scale:1 1}}@keyframes ol-blink-once{0%,to{scale:1 var(--lid,0)}45%{scale:1 1}}@keyframes ol-hoot{0%{scale:1 1}30%{scale:1.12 .86}60%{scale:.95 1.08}to{scale:1 1}}@keyframes ol-glance{0%,18%{--gx:0;--gy:0}24%,40%{--gx:0.8;--gy:-0.2}46%,62%{--gx:-0.7;--gy:0.3}68%,to{--gx:0;--gy:0}}.ol-flat{--p:0;overflow:clip;min-height:calc(100svh - var(--ol-nav));display:flex;flex-direction:column}.ol-field{position:absolute;inset:0;z-index:0;pointer-events:none;--travel:120px}.ol-field-item{--drift:rotate(calc(var(--rot) * -1)) translate(calc(var(--mx, 0) * var(--depth) * -22px),calc(var(--my, 0) * var(--depth) * -16px)) rotate(var(--rot));position:absolute;left:var(--x);top:var(--y);width:max(44px,calc(var(--w, 6) * 1.5vw));rotate:var(--rot);--ol-scroll:inherit;translate:0 calc(var(--ol-scroll) * var(--depth) * var(--travel));transform:var(--drift);transition:transform .6s var(--ol-ease)}.ol-field-item.ol-doodle{pointer-events:auto}.ol-field-item.ol-doodle:hover{animation:ol-wiggle .5s}.ol-flat .ol-field{--travel:-260px}.ol-field-note{width:auto;font-family:var(--font-hand),cursive;font-weight:700;font-size:clamp(20px,2.2vw,32px);white-space:nowrap}.ol-tone-red{color:var(--ol-red)}.ol-tone-blue{color:var(--ol-blue)}.ol-tone-ink{color:var(--ol-ink)}@media (max-width:767.98px){.ol-wide-only{display:none}}@media (max-width:1023.98px){.ol-field-item{left:var(--x-sm,var(--x));top:var(--y-sm,var(--y))}}@media (max-width:1439.98px){.ol-xl-only{display:none}}@media (min-width:768px){.ol-field-item{width:max(44px,calc(var(--w, 6) * 1vw))}.ol-field-note{width:auto}}.ol-field{--col:min(1144px,100% - 96px)}[data-station=more] .ol-field{--col:min(1120px,100% - 112px)}[data-station=fine-print] .ol-field,[data-station=start] .ol-field{--col:min(1120px,100% - 96px)}[data-station=faq] .ol-field{--col:min(768px,100% - 128px)}[data-station=finale] .ol-field{--col:min(640px,100% - 96px)}.ol-field-m{--gut:calc((100% - var(--col)) / 2);display:none;top:var(--y);transform:var(--drift) translate(-50%,-50%)}.ol-field-m.ol-doodle{width:min(calc(var(--s) * 1px),max(44px,var(--gut) * .5))}.ol-field-m.ol-field-in{width:calc(var(--s) * 1px)}.ol-field-m.ol-field-note{width:auto;font-size:28px}[data-inview] .ol-field:not([data-live]) .ol-field-m .ol-boil{filter:url(#ol-hand)}.ol-field-l{left:calc(var(--gut) * var(--g) + var(--col) * var(--c))}.ol-field-r{left:calc(100% - var(--gut) * var(--g) - var(--col) * var(--c))}@media (min-width:1024px){.ol-from-md{display:block}}@media (min-width:1280px){.ol-from-lg{display:block}}@media (min-width:1440px){.ol-from-xl{display:block}}@media (min-width:1680px){.ol-from-xxl{display:block}.ol-field-m.ol-field-note{font-size:32px}}@media (prefers-reduced-motion:no-preference){.ol-field[data-pop] .ol-field-item{transition:transform .6s var(--ol-ease),opacity .3s ease-out calc(var(--i) * 70ms),scale .45s var(--ol-spring) calc(var(--i) * 70ms)}.ol-field[data-pop]:not([data-seen]) .ol-field-item{opacity:0;scale:.4}}.ol-flat-inner{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;gap:20px;width:100%;max-width:1240px;margin:0 auto;padding:36px 20px 0}@media (min-width:1024px){.ol-flat-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;padding:4vh 48px 0}}.ol-flat-copy{gap:18px}.ol-flat-copy,.ol-flat-title{display:flex;flex-direction:column}.ol-flat-title{margin:0;align-items:flex-start;line-height:1}.ol-flat-post,.ol-flat-pre{font-size:clamp(30px,4vw,54px);line-height:1.1}.ol-flat-pre{color:var(--ol-ink);rotate:-3deg}.ol-flat-post{color:var(--ol-blue);rotate:-1.5deg;margin-top:6px}.ol-flat-flat{font-family:var(--font-headline);font-weight:800;font-size:clamp(76px,12vw,172px);line-height:.88;letter-spacing:-.055em;text-transform:uppercase;color:var(--ol-ink);text-shadow:.035em .045em 0 var(--ol-wash-mist)}.ol-flat-lede{margin:0;max-width:36rem;font-size:clamp(15px,1.3vw,18px);line-height:1.6;color:var(--ol-ink-soft)}.ol-cta-row{display:flex;flex-direction:column;gap:12px}@media (min-width:640px){.ol-cta-row{flex-direction:row;flex-wrap:wrap;align-items:center}}.ol-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px}.ol-reassure{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--ol-ink-soft)}.ol-reassure li{display:flex;align-items:center;gap:4px}.ol-reassure li>:first-child{color:var(--ol-green)}.ol-flat-art{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:8vw;padding:8px 0}.ol-atom{position:relative;width:clamp(132px,26vw,380px);aspect-ratio:192/180}.ol-atom svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ol-atom-ink{transform-origin:50% 55%;transform:perspective(900px) translate(calc(var(--p) * -30px),calc(var(--p) * -70px)) rotateX(calc(var(--p) * 58deg)) rotate(calc(var(--p) * -40deg))}.ol-book{position:relative;width:clamp(150px,21vw,300px)}.ol-book-cover{position:relative;z-index:1;display:block;width:100%;overflow:visible}.ol-book-label{font-family:var(--font-body);font-weight:800;font-size:11px;letter-spacing:.14em;text-anchor:middle;fill:var(--ol-ink-soft)}.ol-book-owl{position:absolute;left:8%;bottom:78%;z-index:0;width:84%;translate:0 calc(var(--p) * 120%)}.ol-follow{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;margin:28px auto 0;padding-bottom:28px;font-size:22px;color:var(--ol-ink-soft)}.ol-follow svg{width:22px;height:30px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;animation:ol-bob 1.8s ease-in-out infinite}@media (prefers-reduced-motion:no-preference){.ol-flat-pre{animation:ol-settle .5s .1s var(--ol-spring) both}.ol-flat-flat{animation:ol-stamp-down .5s .25s both}.ol-flat-post{animation:ol-settle .55s .45s var(--ol-spring) both}.ol-flat .ol-field{animation:ol-shudder .42s .5s both}.ol-flat .ol-field-note{animation:ol-write-in .7s .8s var(--ol-ease) both}.ol-atom{animation:ol-lift-in .8s .3s var(--ol-ease) both}.ol-book{animation:ol-lift-in .7s .45s var(--ol-ease) both}.ol-book-owl .ol-owl-face{animation:ol-peek .7s 1.2s var(--ol-spring) both}}@keyframes ol-write-in{0%{clip-path:inset(-20% 100% -20% -10%)}to{clip-path:inset(-20% -10% -20% -10%)}}@keyframes ol-stamp-down{0%{scale:1.12;rotate:-3deg}45%{scale:.95;rotate:.5deg}72%{scale:1.02;rotate:0deg}to{scale:1;rotate:0deg}}@keyframes ol-settle{0%{translate:0 -10px}to{translate:0 0}}@keyframes ol-lift-in{0%{translate:0 22px}to{translate:0 0}}@keyframes ol-shudder{0%,to{translate:0 0}20%{translate:-5px 3px}40%{translate:4px -3px}60%{translate:-3px 2px}80%{translate:2px -1px}}@keyframes ol-peek{0%{translate:0 70%}to{translate:0 0}}@keyframes ol-bob{0%,to{translate:0 0}50%{translate:0 6px}}@keyframes ol-wiggle{0%,to{rotate:var(--rot)}25%{rotate:calc(var(--rot) - 9deg)}60%{rotate:calc(var(--rot) + 7deg)}}[data-station=lessons]{--night:clamp(0,calc(var(--p) * 16),1);--day:clamp(0,calc((var(--p) - 0.8) * 7),1);--dark:calc(var(--night) * (1 - var(--day)))}[data-station=lessons] .ol-scene-art{--ol-lit:color-mix(in srgb,var(--ol-night-ink) calc(var(--dark) * 100%),var(--ol-ink));--ol-ground:color-mix(in srgb,var(--ol-night) calc(var(--dark) * 100%),var(--ol-paper))}.ol-sheet{inset:-10px;overflow:hidden;border:2.5px solid var(--ol-edge);border-radius:22px 30px 18px 26px/26px 18px 30px 22px;background-color:var(--ol-paper);background-image:radial-gradient(var(--ol-dot) 1.2px,transparent 1.6px);box-shadow:6px 7px 0 var(--ol-shadow);rotate:-.6deg}.ol-sheet,.ol-sheet-night{position:absolute;background-size:24px 24px}.ol-sheet-night{inset:0;background-color:var(--ol-night);background-image:radial-gradient(var(--ol-night-dot) 1.2px,transparent 1.6px);opacity:var(--night);-webkit-mask-image:radial-gradient(circle at 64% 0,transparent calc(var(--day) * 120%),var(--ol-ink) calc(var(--day) * 120% + 1px));mask-image:radial-gradient(circle at 64% 0,transparent calc(var(--day) * 120%),var(--ol-ink) calc(var(--day) * 120% + 1px))}[data-station=lessons] .ol-art{position:relative}.ol-fuse{fill:none;stroke:var(--ol-lit);stroke-width:3;stroke-dasharray:2 9;stroke-linecap:round;opacity:.75}.ol-fuse-burnt{fill:none;stroke:var(--ol-ground);stroke-width:7;stroke-linecap:round}.ol-spark{opacity:calc(min(1, var(--t) * 40) * min(1, (1 - var(--t)) * 40))}.ol-spark circle{fill:var(--ol-wash-butter)}.ol-spark circle,.ol-spark path{stroke:var(--ol-ray-3);stroke-width:3}.ol-spark path{fill:none;stroke-linecap:round}.ol-lamp-pool{fill:color-mix(in srgb,var(--ol-lamp) calc(var(--dark) * 100%),var(--ol-wash-butter));opacity:.9;transform-box:fill-box;transform-origin:center;transition:opacity .4s,scale .6s var(--ol-spring)}.ol-bulb{transform-box:fill-box;transform-origin:50% 100%}.ol-bulb-glow{fill:var(--ol-wash-butter);transition:opacity .25s}.ol-armed:not([data-at~=bulb]) .ol-bulb-glow{opacity:0}.ol-armed:not([data-at~=bulb]) .ol-lamp-pool{opacity:0;scale:.2}.ol-armed[data-at~=bulb] .ol-bulb{animation:ol-squash .55s var(--ol-spring)}.ol-beam{fill:none;stroke:var(--ol-lit);stroke-width:5;stroke-linecap:round}.ol-prism{fill:color-mix(in srgb,var(--ol-wash-clay) 60%,transparent);stroke:var(--ol-lit);stroke-width:5;stroke-linejoin:round}.ol-ray{fill:none;stroke-width:6;stroke-linecap:round}.ol-ray-1{stroke:var(--ol-ray-1)}.ol-ray-2{stroke:var(--ol-ray-2)}.ol-ray-3{stroke:var(--ol-ray-3)}.ol-ray-4{stroke:var(--ol-ray-4)}.ol-ray-5{stroke:var(--ol-ray-5)}.ol-ray-6{stroke:var(--ol-ray-6)}.ol-stop-1{stop-color:var(--ol-ray-1)}.ol-stop-2{stop-color:var(--ol-ray-2)}.ol-stop-3{stop-color:var(--ol-ray-3)}.ol-stop-4{stop-color:var(--ol-ray-4)}.ol-stop-5{stop-color:var(--ol-ray-5)}.ol-stop-6{stop-color:var(--ol-ray-6)}.ol-rainbow{fill:url(#ol-rainbow)}.ol-trail{fill:none;stroke:var(--ol-lit);stroke-width:3;stroke-linecap:round}.ol-rocket{offset-rotate:auto 90deg;opacity:clamp(0,calc((1 - var(--t)) * 30),1)}.ol-rocket .ol-doodle-ink{fill:var(--ol-ground)}.ol-rocket-shake{transform-box:fill-box}.ol-armed[data-at~=shake]:not([data-at~=boom]) .ol-rocket-shake{animation:ol-shake .08s linear infinite}.ol-armed:not([data-at~=boom]) .ol-rocket-flame{opacity:0}.ol-boom{fill:var(--ol-red);transform-box:fill-box;transform-origin:center;transition:scale .25s var(--ol-spring),opacity .15s}.ol-armed:not([data-at~=boom]) .ol-boom{opacity:0;scale:.3}@keyframes ol-squash{0%{scale:1 1}30%{scale:1.18 .84}60%{scale:.92 1.1}to{scale:1 1}}@keyframes ol-shake{0%{translate:-2px 0}50%{translate:2px 1px}to{translate:-1px -1px}}.ol-bot,.ol-says-1,.ol-student-guess,.ol-tutor-aside,.ol-tutor-blanks,.ol-tutor-stuck{opacity:0;transition:opacity .25s}.ol-armed:not([data-at~=yours]) .ol-tutor-stuck{opacity:1}.ol-armed:not([data-at~=yours]) .ol-tutor-yours{opacity:0}.ol-tutor-yours{transition:opacity .25s}.ol-armed:not([data-at~=bas]) .ol-says-1,.ol-armed[data-at~=bot]:not([data-at~=lift]) .ol-tutor-aside{opacity:1}.ol-armed:not([data-at~=bas]) .ol-says-2{opacity:0;scale:.6}.ol-says-2{transform-box:fill-box;transform-origin:center;transition:opacity .2s,scale .35s var(--ol-spring)}.ol-armed:not([data-at~=work]) [data-solver=self] .ol-student-guess{opacity:1;animation:ol-write-in .7s var(--ol-ease) both}.ol-tutor-blanks{fill:var(--ol-ink-soft)}.ol-armed[data-at~=ask]:not([data-at~=work]) .ol-tutor-blanks{opacity:1}.ol-armed [data-solver=self] .ol-tutor-blanks{opacity:0}.ol-says-1[data-new] text{animation:ol-write-in .5s var(--ol-ease) both}.ol-says-1[data-new] text+text{animation-delay:.3s}.ol-bot{scale:.6;transform-box:fill-box;transform-origin:0 100%;transition:opacity .08s linear,scale .08s linear;filter:drop-shadow(0 12px 18px var(--ol-bot-shadow))}.ol-armed[data-at~=bot]:not([data-at~=lift]) .ol-bot{opacity:1;scale:1}.ol-bot-card{fill:var(--ol-bot);stroke:color-mix(in srgb,var(--ol-ink) 10%,transparent);stroke-width:1}.ol-bot-spark{fill:var(--ol-bot-spark)}.ol-bot-type{font-family:var(--font-body);fill:var(--ol-bot-ink)}.ol-bot-strong{font-weight:800;font-size:22px}.ol-bot-answer{font-weight:600;font-size:26px}.ol-bot-muted{font-size:16px;fill:var(--ol-ink-soft)}.ol-bot-rule{stroke:color-mix(in srgb,var(--ol-ink) 12%,transparent);stroke-width:1}.ol-door{translate:0 -720px;transition:translate .55s cubic-bezier(.5,0,.3,1)}.ol-armed[data-at~=slam]:not([data-at~=lift]) .ol-door{translate:0 0;transition:translate .3s cubic-bezier(.55,0,.75,1.35)}.ol-door-leaf{fill:var(--ol-wash-mist)}.ol-door-leaf,.ol-door-split{stroke:var(--ol-edge);stroke-width:4}.ol-door-sign{fill:var(--ol-card);stroke:var(--ol-edge);stroke-width:3}.ol-door-title{font-family:var(--font-headline);font-weight:800;font-size:32px;text-anchor:middle;fill:var(--ol-ink)}.ol-door-hush{text-anchor:middle;fill:var(--ol-blue)}[data-station=tutor].ol-armed:not([data-at~=stamp]) .ol-stamp{opacity:0;scale:2.4}.ol-armed[data-at~=slam] .ol-art{animation:ol-thud .3s .25s}.ol-armed:not([data-at~=aha]) .ol-tutor-owl{--lid:0.32}.ol-armed:not([data-at~=aha]) [data-reply^=nudge] .ol-tutor-owl{--lid:0.62}.ol-armed:not([data-at~=aha]) [data-reply^=nudge] .ol-tutor-owl .ol-owl-face{animation:ol-tilt .5s var(--ol-spring)}.ol-armed[data-at~=aha] .ol-tutor-owl .ol-owl-face{animation:ol-hoot .5s var(--ol-spring)}@keyframes ol-tilt{0%,to{rotate:0deg}40%{rotate:-6deg}}.ol-try{display:flex;flex-direction:column;justify-content:center;gap:10px;width:min(100%,560px);min-height:var(--try-h);margin-inline:auto;--try-h:calc(44px + 10px + 52px)}.ol-try-static{margin:0;font-family:var(--font-headline);font-weight:700;font-size:15px;text-align:center;color:var(--ol-ink-soft)}.ol-try-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.ol-try-prompt{margin:0;font-family:var(--font-headline);font-weight:700;font-size:14px;color:var(--ol-ink)}@media (min-width:640px){.ol-try-prompt{font-size:15px}}.ol-lang{display:inline-flex;padding:2px;border:2px solid var(--ol-edge);border-radius:12px 15px 11px 14px;background:var(--ol-card)}.ol-lang button{min-width:44px;min-height:40px;padding:0 10px;border:0;border-radius:9px 11px 8px 10px;background:none;font-family:var(--font-body);font-weight:700;font-size:13px;color:var(--ol-ink-soft);cursor:pointer;transition:background-color .12s,color .12s}.ol-lang button[aria-pressed=true]{background:var(--ol-ink);color:var(--ol-paper)}.ol-try-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ol-try-option{min-height:48px;padding:0 8px;border:2px solid var(--ol-edge);border-radius:14px 18px 13px 17px/17px 13px 18px 14px;background:var(--ol-card);box-shadow:3px 4px 0 var(--ol-shadow);font-family:var(--font-headline);font-weight:800;font-size:16px;color:var(--ol-ink);cursor:pointer;transition:translate .12s ease-out,box-shadow .12s ease-out,opacity .2s}.ol-try-option:nth-child(2){border-radius:18px 13px 17px 14px/13px 17px 14px 18px}.ol-try-option:hover:not(:disabled){translate:0 -2px;box-shadow:4px 6px 0 var(--ol-shadow)}.ol-try-option:active:not(:disabled){translate:2px 3px;box-shadow:1px 1px 0 var(--ol-shadow)}.ol-try-option:disabled{cursor:default;opacity:.5;box-shadow:none}.ol-try-option[data-wrong]{-webkit-text-decoration:line-through 2px var(--ol-red);text-decoration:line-through 2px var(--ol-red);animation:ol-no .42s}.ol-try-option[data-right]{opacity:1;border-color:var(--ol-green);background:var(--ol-wash-sage);box-shadow:3px 4px 0 var(--ol-shadow)}@keyframes ol-no{0%,to{translate:0 0}20%{translate:-7px 0}40%{translate:6px 0}60%{translate:-4px 0}80%{translate:2px 0}}@keyframes ol-thud{0%,to{translate:0 0}35%{translate:0 5px}70%{translate:0 -2px}}.ol-deal{translate:calc((1 - var(--t)) * 560px) calc((1 - var(--t)) * -80px);rotate:calc(var(--rot) + (1 - var(--t)) * 28deg);opacity:clamp(0,calc(var(--t) * 5),1);transform-box:fill-box;transform-origin:center}.ol-pile{transform-box:view-box;transform-origin:590px 10px;scale:calc(1 - var(--t) * .62)}.ol-card-q{font-family:var(--font-body);font-weight:700;font-size:15px;fill:var(--ol-ink)}.ol-card-opt{fill:none;stroke:color-mix(in srgb,var(--ol-ink) 45%,transparent);stroke-width:2}.ol-card-pick{fill:var(--ol-wash-mist);stroke:var(--ol-ink);stroke-width:2.5}.ol-card-o{font-family:var(--font-body);font-weight:700;font-size:15px;text-anchor:middle;fill:var(--ol-ink)}.ol-mark{transform-box:fill-box;transform-origin:center;transition:opacity .12s,scale .25s var(--ol-spring)}.ol-armed:not([data-at~=hit0]) .ol-mark-0,.ol-armed:not([data-at~=hit1]) .ol-mark-1,.ol-armed:not([data-at~=hit2]) .ol-mark-2,.ol-armed:not([data-at~=hit3]) .ol-mark-3{opacity:0;scale:1.9}.ol-tile-name{font-family:var(--font-body);font-weight:700;font-size:12.5px;text-anchor:middle;fill:var(--ol-ink)}[data-station=mock] .ol-art{overflow:visible;clip-path:inset(0 -80px)}.ol-board-paper{translate:calc(var(--t) * -40px) calc(var(--t) * 10px);rotate:calc(-2deg - var(--t) * 5deg);opacity:calc(1 - var(--t) * .45)}.ol-board-paper,.ol-thud{transform-box:fill-box;transform-origin:center}.ol-thud{transition:scale .32s cubic-bezier(.6,0,.9,.4),opacity .15s,translate .32s cubic-bezier(.6,0,.9,.4)}.ol-armed:not([data-at~=thud]) .ol-thud{opacity:0;scale:1.35;translate:0 -50px}[data-station=mock].ol-armed:not([data-at~=new]) .ol-stamp{opacity:0;scale:2.4}.ol-armed[data-at~=thud] .ol-art{animation:ol-thud .3s .3s}.ol-notebook{transform-box:fill-box;transform-origin:center;translate:calc((1 - var(--t)) * 70px) calc((1 - var(--t)) * 140px);rotate:calc((1 - var(--t)) * 7deg);opacity:clamp(0,calc(var(--t) * 3),1)}.ol-paper-title{font-family:var(--font-headline);font-weight:800;font-size:20px;text-anchor:middle;fill:var(--ol-ink)}.ol-paper-sub{text-anchor:middle;fill:var(--ol-ink-soft)}.ol-paper-meta,.ol-paper-sub{font-family:var(--font-body);font-size:13px}.ol-paper-meta{font-weight:700;fill:var(--ol-ink)}.ol-paper-q{font-family:var(--font-body);font-size:13px;fill:var(--ol-ink)}.ol-snap-phone{translate:0 calc((1 - var(--t)) * (1 - var(--t)) * 440px)}.ol-snap-drop{translate:0 calc(var(--t) * var(--t) * 480px)}.ol-viewfinder{fill:none;stroke:var(--ol-ink);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.ol-snap-word{opacity:0;transform-box:fill-box;transform-origin:center}.ol-armed[data-at~=snap] .ol-snap-word{animation:ol-flare 1.2s both}.ol-phone{fill:var(--ol-night);stroke:var(--ol-edge);stroke-width:3}.ol-phone-screen{fill:var(--ol-card)}.ol-snap-phone .ol-phone-screen{fill:color-mix(in srgb,var(--ol-blue) 22%,var(--ol-card))}.ol-phone-button{fill:none;stroke:var(--ol-card);stroke-width:3}.ol-flash{fill:var(--ol-card);opacity:0}.ol-armed[data-at~=snap] .ol-flash{animation:ol-flash .6s}@keyframes ol-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.ol-drift{translate:calc(-80px - var(--t) * 140px) 0;opacity:calc(min(1, var(--t) * 10) * min(1, (1 - var(--t)) * 10))}.ol-station:not(.ol-armed) .ol-drift{opacity:1}.ol-phone-aside{transform-box:view-box;transform-origin:300px 320px;translate:calc(var(--t) * -118px) calc(var(--t) * 10px);scale:calc(1 - var(--t) * .28)}.ol-ting{transform-box:fill-box;transform-origin:50% 100%}.ol-armed[data-at~=ting] .ol-ting{animation:ol-ting .5s}.ol-ting-word{opacity:0;transform-box:fill-box;transform-origin:center}.ol-armed[data-at~=ting]:not([data-at~=achha]) .ol-ting-word{animation:ol-flare 1.4s both}.ol-mail-title{font-family:var(--font-headline);font-weight:800;font-size:17px;fill:var(--ol-ink)}.ol-mail-meta{font-family:var(--font-body);font-size:10.5px;fill:var(--ol-ink-soft)}.ol-mail-big{font-family:var(--font-headline);font-weight:800;font-size:22px;fill:var(--ol-ink)}.ol-mail-row{font-family:var(--font-body);font-weight:700;font-size:13px;fill:var(--ol-ink)}.ol-mail-row.ol-fill-red{fill:var(--ol-red)}.ol-mail-row.ol-fill-green{fill:var(--ol-green)}.ol-bar-track{fill:color-mix(in srgb,var(--ol-ink) 10%,transparent)}.ol-bar-fill{fill:var(--ol-blue)}.ol-mummy{opacity:calc(1 - var(--t));transition:opacity .3s,translate .4s var(--ol-spring)}.ol-armed:not([data-at~=achha]) .ol-mummy{opacity:0;translate:0 24px}.ol-eye{fill:var(--ol-card);stroke:var(--ol-ink);stroke-width:4}.ol-brow{fill:none;stroke:var(--ol-ink);stroke-width:5;stroke-linecap:round}.ol-brow-up{transform-box:fill-box;transform-origin:0 100%;transition:rotate .35s var(--ol-spring) .25s,translate .35s var(--ol-spring) .25s}.ol-armed[data-at~=achha] .ol-brow-up,.ol-station:not(.ol-armed) .ol-brow-up{rotate:-16deg;translate:0 -9px}.ol-dash{opacity:var(--t)}.ol-bar-shadow{fill:var(--ol-shadow)}.ol-bar{stroke:var(--ol-edge);stroke-width:3}.ol-ring-track{fill:none;stroke:color-mix(in srgb,var(--ol-ink) 12%,transparent);stroke-width:12}.ol-ring-fill{fill:none;stroke:var(--ol-green);stroke-width:12;stroke-linecap:round;stroke-dasharray:calc(var(--t) * var(--ring)) 1}@keyframes ol-ting{0%,to{rotate:0deg}20%{rotate:-6deg}45%{rotate:5deg}70%{rotate:-2deg}}@keyframes ol-flare{0%{opacity:0;scale:.4}15%{opacity:1;scale:1.15}25%{scale:1}75%{opacity:1}to{opacity:0}}.ol-more{padding:calc(var(--ol-gap) / 2) 20px}.ol-more-inner{position:relative;z-index:2;max-width:1120px;margin:0 auto}.ol-notes{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin:32px 0 0;padding:0;list-style:none}@media (min-width:640px){.ol-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ol-more{padding-inline:56px}.ol-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}}.ol-note{position:relative;padding:26px 22px 22px;border:2px solid var(--ol-edge);border-radius:18px 24px 16px 22px/22px 16px 24px 18px;box-shadow:4px 5px 0 var(--ol-shadow);rotate:var(--tilt);transition:opacity .5s var(--reveal-ease) var(--reveal-delay,0ms),scale .45s var(--ol-spring) var(--reveal-delay,0ms),rotate .45s var(--ol-spring) var(--reveal-delay,0ms),translate .2s ease-out,box-shadow .2s ease-out}.reveal-armed .ol-note[data-reveal=stick]:not([data-revealed]){opacity:0;scale:1.16;rotate:calc(var(--tilt) * -3)}.ol-note:nth-child(3n+2){border-radius:22px 16px 24px 18px/18px 24px 16px 22px}.ol-note:nth-child(3n){border-radius:16px 22px 18px 20px/20px 18px 22px 16px}@media (hover:hover) and (pointer:fine){.ol-note:not([data-reveal]):hover,.ol-note[data-revealed]:hover{translate:0 -4px;rotate:0deg;box-shadow:6px 9px 0 var(--ol-shadow)}}.ol-note-tape{position:absolute;top:-12px;left:50%;width:86px;height:24px;translate:-50% 0;rotate:-4deg;background:color-mix(in srgb,var(--ol-card) 70%,transparent);border:1px solid color-mix(in srgb,var(--ol-edge) 22%,transparent)}.ol-note-icon,.ol-note-title{color:var(--ol-ink)}.ol-note-title{margin:8px 0 6px;font-family:var(--font-headline);font-weight:800;font-size:18px;line-height:1.25}.ol-note-body{margin:0;font-size:14px;line-height:1.55;color:var(--ol-ink-soft)}.ol-anchor-dot{display:block;width:1px;height:1px;margin:28px auto 0}.ol-faq{position:relative}.ol-finale{z-index:2;justify-content:center;gap:clamp(28px,5vh,48px);padding:0 20px;text-align:center}.ol-finale,.ol-finale-mark{position:relative;display:flex;flex-direction:column;align-items:center}.ol-finale-mark{width:min(82vw,520px)}.ol-finale-owl{width:100%;height:auto}@media (max-width:767.98px){.ol-finale-mark{padding-bottom:56px}}.ol-finale-word{height:clamp(30px,6.4vw,60px);margin-top:clamp(12px,3vh,28px)}.ol-finale-tag{margin:10px 0 0;font-size:clamp(24px,3vw,34px);line-height:1.1;color:var(--ol-red)}.ol-finale-wave{width:min(64vw,280px);height:18px;overflow:visible}.ol-finale-wave path{fill:none;stroke:var(--ol-blue);stroke-width:3;stroke-linecap:round}.ol-finale-cta{display:flex;flex-direction:column;align-items:center;gap:16px}.ol-finale-title{font-size:clamp(26px,3.4vw,44px)}.ol-finale-cta .ol-reassure{justify-content:center}.ol-quiet-link{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 6px;font-family:var(--font-headline);font-weight:700;font-size:15px;color:var(--ol-ink-soft);transition:color .12s}.ol-quiet-link>span{-webkit-text-decoration:underline 1.5px;text-decoration:underline 1.5px;text-decoration-color:color-mix(in srgb,var(--ol-ink-soft) 45%,transparent);text-underline-offset:4px}.ol-quiet-link:hover{color:var(--ol-ink)}.ol-quiet-link:hover>span{text-decoration-color:var(--ol-red)}.ol-cameo{position:absolute;top:-12%;right:-4%;pointer-events:none}.ol-cameo-bubble{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:16px;background:var(--ol-bot);box-shadow:0 12px 24px var(--ol-bot-shadow);font-family:var(--font-body);font-weight:600;font-size:15px;color:var(--ol-bot-ink);opacity:0;transform-origin:0 100%}.ol-cameo-spark{width:16px;height:16px;fill:var(--ol-bot-spark)}.ol-cameo-scribble{position:absolute;inset:-10% -6%;width:112%;height:120%;overflow:visible}.ol-cameo-scribble path{fill:none;stroke:var(--ol-red);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.02;stroke-dashoffset:1;opacity:0}.ol-armed[data-at~=cameo] .ol-cameo-bubble{animation:ol-cameo 2.8s both}.ol-armed[data-at~=cameo] .ol-cameo-scribble path{animation:ol-scribble 2.8s both}.ol-armed[data-at~=cameo] .ol-finale-owl .ol-owl-pupils{animation:ol-side-eye 2.8s}.ol-armed[data-at~=plop] .ol-finale-owl .ol-owl-face{animation:ol-hoot .45s var(--ol-spring)}@keyframes ol-cameo{0%{opacity:0;scale:.6}6%{opacity:1;scale:1}62%{opacity:1}80%,to{opacity:0}}@keyframes ol-scribble{0%,38%{stroke-dashoffset:1;opacity:0}40%{opacity:1}56%{stroke-dashoffset:0}70%{opacity:1;stroke-dashoffset:0}82%,to{opacity:0;stroke-dashoffset:0}}@keyframes ol-side-eye{16%,66%{translate:10px -6px}}.ol-eyebrow{align-self:flex-start;margin:0;padding:4px 12px;border:1.5px solid var(--ol-edge);border-radius:10px 13px 9px 12px;background:var(--ol-card);box-shadow:2px 3px 0 var(--ol-shadow);font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--ol-ink);rotate:-1deg}.ol-rail{display:none}@media (min-width:1024px){.ol-rail{position:fixed;right:18px;top:50%;z-index:40;display:block;translate:0 -50%}}.ol-rail ol{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.ol-rail-dot{position:relative;display:flex;align-items:center;justify-content:flex-end;width:28px;height:28px;padding:0;border:0;background:none;cursor:pointer}.ol-rail-dot:after{content:"";width:12px;height:12px;margin-right:8px;border:2px solid var(--ol-edge);border-radius:50%;background:conic-gradient(var(--ol-red) calc(var(--fill) * 1turn),var(--ol-card) 0);transition:scale .2s var(--ol-spring)}.ol-rail-dot[data-done]:after{background:var(--ol-ink)}.ol-rail-dot[aria-current=step]:after{scale:1.45}.ol-rail-label{position:absolute;right:34px;padding:2px 10px;border:1.5px solid var(--ol-edge);border-radius:9px 12px 8px 11px;background:var(--ol-card);box-shadow:2px 3px 0 var(--ol-shadow);font-family:var(--font-hand),cursive;font-weight:700;font-size:18px;line-height:1.3;color:var(--ol-ink);white-space:nowrap;opacity:0;translate:6px 0;pointer-events:none;transition:opacity .18s,translate .18s}.ol-rail-dot:focus-visible .ol-rail-label,.ol-rail-dot:hover .ol-rail-label{opacity:1;translate:0 0}@media (min-width:1360px){.ol-rail-dot[aria-current=step] .ol-rail-label{opacity:1;translate:0 0}}.ol-rail-dot:focus-visible{outline:2px dashed var(--ol-blue);outline-offset:2px;border-radius:50%}.ol-progress{position:fixed;top:var(--ol-nav);left:0;z-index:40;width:100%;height:3px;background:var(--ol-red);transform-origin:0 50%;scale:var(--prog) 1;pointer-events:none}@media (min-width:1024px){.ol-progress{display:none}}@media (prefers-reduced-motion:reduce){.ol-page *,.ol-page :after,.ol-page :before{animation:none!important;transition:none!important}}.ol-fine,.ol-start{padding:56px 20px 48px}.ol-sec-inner{position:relative;z-index:2;max-width:1120px;margin:0 auto}.ol-fine-inner,.ol-start-inner{display:flex;flex-direction:column;gap:32px}@media (min-width:1024px){.ol-fine,.ol-start{padding:88px 48px 72px}.ol-fine-inner,.ol-start-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);-moz-column-gap:120px;column-gap:120px;align-items:start}.ol-fine-copy,.ol-start-copy{position:sticky;top:calc(var(--ol-nav) + 32px)}.ol-fine-copy{order:2}}.ol-sec-via{position:absolute;top:50%;left:calc(var(--ol-line-x) - 20px);width:1px;height:1px}@media (min-width:1024px){.ol-sec-via-left{left:calc(50% - 28px)}.ol-sec-via-right{left:calc(50% + 28px)}}.ol-start-steps{display:flex;flex-direction:column;gap:52px;margin:0;padding:0;list-style:none}.ol-start-step{position:relative;display:flex;gap:16px;padding:22px 20px 20px 16px;border:2px solid var(--ol-edge);border-radius:6px 10px 8px 12px/12px 8px 10px 6px;background-color:var(--ol-card);background-image:linear-gradient(var(--ol-card) 0 12px,transparent 12px),linear-gradient(transparent 12px,color-mix(in srgb,var(--ol-red) 55%,transparent) 12px 14px,transparent 14px),repeating-linear-gradient(transparent 0 27px,color-mix(in srgb,var(--ol-blue) 14%,transparent) 27px 28px);box-shadow:4px 5px 0 var(--ol-shadow)}.ol-start-step:nth-child(2){border-radius:10px 6px 12px 8px/8px 12px 6px 10px}.ol-start-num{display:grid;place-items:center;flex:none;width:52px;height:52px;border:2px solid var(--ol-edge);border-radius:48% 52% 50% 46%/52% 46% 54% 48%;font-family:var(--font-hand),cursive;font-weight:700;font-size:34px;line-height:1;color:var(--ol-ink);rotate:-6deg}.ol-start-step:nth-child(2) .ol-start-num{rotate:5deg}.ol-start-text{min-width:0;padding-top:4px}.ol-start-step-title{margin:0;font-family:var(--font-headline);font-weight:800;font-size:19px;line-height:1.25;color:var(--ol-ink)}.ol-start-step-body{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--ol-ink-soft)}.ol-fine-link,.ol-start-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-family:var(--font-headline);font-weight:700;color:var(--ol-blue)}.ol-link-words{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:color-mix(in srgb,var(--ol-blue) 35%,transparent);transition:text-decoration-color .15s}.ol-start-link{margin-top:8px;font-size:15px}.ol-fine-link:hover .ol-link-words,.ol-start-link:hover .ol-link-words{text-decoration-color:currentColor}.ol-fine-link>:last-child,.ol-start-link>:last-child{transition:translate .15s var(--ol-ease)}.ol-fine-link:hover>:last-child,.ol-start-link:hover>:last-child{translate:3px 0}.ol-start-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}@media (min-width:420px){.ol-start-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}.ol-start-chip{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;border:2px solid var(--ol-edge);border-radius:999px 900px 999px 940px/900px 999px 940px 999px;box-shadow:2px 3px 0 var(--ol-shadow);font-family:var(--font-headline);font-weight:700;font-size:14px;white-space:nowrap;color:var(--ol-ink);transition:translate .15s var(--ol-ease),box-shadow .15s var(--ol-ease)}.ol-start-chips li:nth-child(2n) .ol-start-chip{rotate:1.5deg}.ol-start-chips li:nth-child(odd) .ol-start-chip{rotate:-1deg}@media (hover:hover) and (pointer:fine){.ol-start-chip:hover{translate:0 -2px;box-shadow:3px 5px 0 var(--ol-shadow)}}.ol-start-chip:active{translate:1px 2px;box-shadow:0 0 0 var(--ol-shadow)}.ol-start-arrow{position:absolute;top:calc(100% + 4px);left:30px;width:30px;height:44px;overflow:visible;pointer-events:none}.ol-start-arrow path{fill:none;stroke:var(--ol-ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ol-start-arrow-shaft{stroke-dasharray:5 6}.ol-fine-sheet{position:relative;margin:0;padding:8px 18px 8px 34px;list-style:none;border:2px solid var(--ol-edge);border-radius:10px 6px 12px 8px/8px 12px 6px 10px;background-color:var(--ol-card);background-image:linear-gradient(90deg,transparent 21px,color-mix(in srgb,var(--ol-red) 55%,transparent) 21px 23px,transparent 23px);box-shadow:4px 5px 0 var(--ol-shadow);rotate:-.4deg}.ol-fine-item{display:flex;gap:14px;padding:16px 0 10px}.ol-fine-item+.ol-fine-item{border-top:1.5px dashed color-mix(in srgb,var(--ol-edge) 30%,transparent)}.ol-fine-icon{flex:none;margin-top:2px;color:var(--ol-red)}.ol-fine-text{margin:0;font-size:15px;line-height:1.55;color:var(--ol-ink)}.ol-fine-link{font-size:14px}.ol-faq-head{position:relative;z-index:2;width:-moz-fit-content;width:fit-content;margin-inline:auto;border-radius:14px;background:var(--ol-paper);box-shadow:0 0 0 10px var(--ol-paper)}.ol-faq-link:focus-visible,.ol-fine-link:focus-visible,.ol-start-link:focus-visible{outline:2px dashed var(--ol-blue);outline-offset:3px;border-radius:4px}.ol-start-chip:focus-visible{outline:2px dashed var(--ol-blue);outline-offset:4px}.ol-faq-q:focus-visible{outline:2px dashed var(--ol-blue);outline-offset:-6px;border-radius:14px}@media (prefers-reduced-motion:reduce){.ol-fine-link>:last-child,.ol-start-chip,.ol-start-link>:last-child{transition:none}}.sk-icon{display:block;flex-shrink:0;overflow:visible}.sk-icon-ink{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.sk-icon-accent{stroke:var(--accent)}.sk-icon-wash{stroke:none}.sk-wash-mist{fill:var(--ol-wash-mist)}.sk-wash-sage{fill:var(--ol-wash-sage)}.sk-wash-clay{fill:var(--ol-wash-clay)}.sk-wash-butter{fill:var(--ol-wash-butter)}.sk-icon-tile{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;color:var(--text);background:var(--ol-wash-mist);border-radius:.75rem}.sk-icon-tile[data-wash=sage]{background:var(--ol-wash-sage)}.sk-icon-tile[data-wash=clay]{background:var(--ol-wash-clay)}.sk-icon-tile[data-wash=butter]{background:var(--ol-wash-butter)}.sk-icon-tile[data-size=sm]{width:36px;height:36px;border-radius:.6rem}.sk-icon-tile[data-size=lg]{width:56px;height:56px;border-radius:1rem}.sk-mark{color:transparent;background-image:linear-gradient(to right,var(--auth-headline-from),var(--auth-headline-via),var(--auth-headline-to));-webkit-background-clip:text;background-clip:text}.sk-page-head{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem 1.5rem}.sk-page-head-text{min-width:0;flex:1 1 18rem}.sk-eyebrow{margin-bottom:.5rem;font-size:.8125rem;font-weight:600;color:var(--text-muted)}.sk-page-title{font-family:var(--font-headline);font-size:1.625rem;font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--text)}.sk-page-lead{margin-top:.5rem;max-width:40rem;font-size:.9375rem;line-height:1.55;color:var(--text-muted)}.sk-page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.sk-page-doodle{display:none;color:var(--text);rotate:-7deg}@media (min-width:768px){.sk-page-title{font-size:2.5rem}.sk-page-doodle{display:block;order:3;align-self:center}}.sk-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.sk-section-title{display:flex;align-items:center;gap:.5rem;min-width:0;font-family:var(--font-headline);font-size:1.0625rem;font-weight:700;color:var(--text)}.sk-section-icon{color:var(--text)}.sk-section-label{position:relative;display:inline-block;padding-bottom:4px}.sk-underline{display:none;position:absolute;left:-2px;right:-4px;bottom:-3px;width:calc(100% + 6px);height:8px;overflow:visible}.sk-underline path{fill:none;stroke:var(--skin-wavy,var(--brand));stroke-width:2.4;stroke-linecap:round;vector-effect:non-scaling-stroke}.sk-link{display:inline-flex;min-height:44px;align-items:center;gap:.25rem;padding:0 .5rem;border-radius:9999px;font-size:.8125rem;font-weight:600;color:var(--brand);transition:color .2s}.sk-link:hover{color:var(--text)}.sk-link:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sk-section-link{margin-right:-.5rem;flex-shrink:0}.sk-card{position:relative;background:var(--card-glass);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--rim),var(--shadow-1);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.sk-card[data-dashed]{background:transparent;border-style:dashed;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.sk-card[data-wash=mist]{background:var(--ol-wash-mist)}.sk-card[data-wash=sage]{background:var(--ol-wash-sage)}.sk-card[data-wash=clay]{background:var(--ol-wash-clay)}.sk-card[data-wash=butter]{background:var(--ol-wash-butter)}.sk-slip{position:relative;display:flex;width:100%;align-items:center;gap:.75rem;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:1rem;transition:transform .2s,border-color .2s,box-shadow .2s,background-color .2s}.sk-slip:hover{border-color:color-mix(in srgb,var(--brand) 45%,transparent)}.sk-slip:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sk-slip:disabled{opacity:.6;cursor:default}.sk-slip[data-current=true]{background:color-mix(in srgb,var(--brand) 9%,var(--surface));border-color:color-mix(in srgb,var(--brand) 45%,transparent)}.sk-progress{position:relative;height:6px;overflow:hidden;background:var(--lg-track);border-radius:9999px}.sk-progress[data-size=md]{height:8px}.sk-progress-fill{display:block;height:100%;background:var(--brand);border-radius:inherit;transition:width .6s cubic-bezier(.16,1,.3,1)}.sk-empty{position:relative;display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1.5rem 1.25rem 1.25rem;text-align:center;border:1px dashed var(--border);border-radius:1rem}.sk-empty-owl{margin-top:2rem;padding-top:1.75rem}.sk-empty-owl-art{position:absolute;top:-30px;left:50%;width:92px;translate:-50% 0}.sk-empty-icon{color:var(--text);margin-bottom:.25rem}.sk-empty-title{font-family:var(--font-headline);font-size:1rem;font-weight:700;color:var(--text)}.sk-empty-body{max-width:26rem;font-size:.875rem;line-height:1.5;color:var(--text-muted)}.sk-empty-action{margin-top:.5rem}.sk-retry{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem .25rem .25rem 1rem;font-size:.8125rem;color:var(--text-muted);border:1px solid var(--border);border-radius:1rem}.sk-retry-button{flex-shrink:0}.sk-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .625rem;font-size:.75rem;font-weight:600;color:var(--text);background:color-mix(in srgb,var(--brand) 12%,transparent);border-radius:9999px}.sk-chip[data-wash=sage]{background:color-mix(in srgb,var(--ok) 14%,transparent)}.sk-chip[data-wash=clay]{background:color-mix(in srgb,var(--accent) 14%,transparent)}.sk-chip[data-wash=butter]{background:color-mix(in srgb,var(--warn) 16%,transparent)}@media (prefers-reduced-motion:reduce){.sk-progress-fill,.sk-slip{transition:none}}html[data-skin=classroom] .sk-mark{color:var(--accent);background:none;-webkit-text-fill-color:currentColor}html[data-skin=classroom] .sk-card{background:var(--surface);border-radius:var(--skin-radius-card);box-shadow:var(--shadow-1);backdrop-filter:none;-webkit-backdrop-filter:none}html[data-skin=classroom] :is(.sk-slip,.sk-retry,.sk-empty){border-radius:var(--skin-radius-btn)}html[data-skin=sketchbook] .sk-mark{color:var(--text);-webkit-text-fill-color:currentColor;background-image:linear-gradient(transparent 58%,var(--skin-highlight) 58%,var(--skin-highlight) 92%,transparent 92%);-webkit-background-clip:border-box;background-clip:border-box;padding:0 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}html[data-skin=sketchbook] .sk-eyebrow{color:var(--skin-eyebrow);letter-spacing:.02em}html[data-skin=sketchbook] .sk-underline{display:block}html[data-skin=sketchbook] .sk-underline path{stroke-dasharray:1;stroke-dashoffset:1;animation:sk-underline-draw .7s cubic-bezier(.22,.61,.36,1) .15s forwards}@keyframes sk-underline-draw{to{stroke-dashoffset:0}}html[data-skin=sketchbook] .sk-link:hover{-webkit-text-decoration:underline wavy var(--skin-wavy);text-decoration:underline wavy var(--skin-wavy);text-underline-offset:5px}html[data-skin=sketchbook] .sk-link:focus-visible{outline-style:dashed}html[data-skin=sketchbook] .sk-card{background:var(--surface);border:var(--skin-line) solid var(--skin-ink);border-radius:var(--skin-wobble-a);box-shadow:var(--shadow-1);backdrop-filter:none;-webkit-backdrop-filter:none}html[data-skin=sketchbook] .sk-card[data-wobble=b]{border-radius:var(--skin-wobble-b)}html[data-skin=sketchbook] .sk-card[data-wobble=c]{border-radius:var(--skin-wobble-c)}html[data-skin=sketchbook] .sk-card[data-wash=mist]{background:var(--skin-wash-mist)}html[data-skin=sketchbook] .sk-card[data-wash=sage]{background:var(--skin-wash-sage)}html[data-skin=sketchbook] .sk-card[data-wash=clay]{background:var(--skin-wash-clay)}html[data-skin=sketchbook] .sk-card[data-wash=butter]{background:var(--skin-wash-butter)}html[data-skin=sketchbook] .sk-card[data-dashed]{background:transparent;border-style:dashed;border-color:var(--skin-future);box-shadow:none}html.dark[data-skin=sketchbook] .sk-card{border-color:var(--skin-ink-strong)}html[data-skin=sketchbook] .sk-card[data-tape]:before{content:"";position:absolute;z-index:2;top:-11px;left:28px;width:84px;height:22px;rotate:-4deg;background:color-mix(in srgb,var(--skin-wash-butter) 85%,transparent);border-left:1px dashed color-mix(in srgb,var(--skin-ink) 35%,transparent);border-right:1px dashed color-mix(in srgb,var(--skin-ink) 35%,transparent);pointer-events:none}html.dark[data-skin=sketchbook] .sk-card[data-tape]:before{background:color-mix(in srgb,var(--warn) 30%,transparent);border-color:color-mix(in srgb,var(--text) 25%,transparent)}html[data-skin=sketchbook] .sk-icon-tile{border-radius:var(--skin-wobble-sm)}html[data-skin=sketchbook] .sk-icon-tile[data-wash]{background:var(--skin-wash-mist)}html[data-skin=sketchbook] .sk-icon-tile[data-wash=sage]{background:var(--skin-wash-sage)}html[data-skin=sketchbook] .sk-icon-tile[data-wash=clay]{background:var(--skin-wash-clay)}html[data-skin=sketchbook] .sk-icon-tile[data-wash=butter]{background:var(--skin-wash-butter)}html[data-skin=sketchbook] .sk-slip{background:var(--surface-solid);border:var(--skin-line) solid var(--skin-ink);border-radius:var(--skin-wobble-b);box-shadow:2px 3px 0 var(--skin-shadow-ink);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}html[data-skin=sketchbook] .sk-slip:nth-child(2n),html[data-skin=sketchbook] li:nth-child(2n)>.sk-slip{border-radius:var(--skin-wobble-c)}html.dark[data-skin=sketchbook] .sk-slip{border-color:var(--skin-ink-strong)}html[data-skin=sketchbook] .sk-slip:hover:not(:disabled){border-color:var(--skin-ink);transform:translate(-1px,-1px);box-shadow:3px 4px 0 var(--skin-shadow-ink)}html.dark[data-skin=sketchbook] .sk-slip:hover:not(:disabled){border-color:var(--text-muted)}html[data-skin=sketchbook] .sk-slip:active:not(:disabled){transform:translate(1px,1px);box-shadow:0 0 0 var(--skin-shadow-ink)}html[data-skin=sketchbook] .sk-slip[data-current=true]{background:var(--skin-wash-mist)}html[data-skin=sketchbook] .sk-slip:focus-visible{outline-style:dashed}html[data-skin=sketchbook] .sk-progress{height:10px;background:var(--surface-solid);border:var(--skin-line) solid var(--skin-ink);border-radius:var(--skin-wobble-sm)}html[data-skin=sketchbook] .sk-progress[data-size=md]{height:14px}html.dark[data-skin=sketchbook] .sk-progress{border-color:var(--skin-ink-strong)}html[data-skin=sketchbook] .sk-progress-fill{background:var(--skin-hatch);border-right:var(--skin-line) solid var(--skin-ink);border-radius:0}html[data-skin=sketchbook] .sk-progress-fill[style*="width: 0%"]{border-right:0}html[data-skin=sketchbook] .sk-empty{background:color-mix(in srgb,var(--surface) 70%,transparent);border:var(--skin-line) dashed var(--skin-future);border-radius:var(--skin-wobble-c)}html[data-skin=sketchbook] .sk-retry{border:var(--skin-line) dashed var(--skin-future);border-radius:var(--skin-wobble-sm)}html[data-skin=sketchbook] .sk-chip{background:var(--skin-wash-mist);border:1px solid color-mix(in srgb,var(--skin-ink) 45%,transparent);border-radius:var(--skin-wobble-sm)}html[data-skin=sketchbook] .sk-chip[data-wash=sage]{background:var(--skin-wash-sage)}html[data-skin=sketchbook] .sk-chip[data-wash=clay]{background:var(--skin-wash-clay)}html[data-skin=sketchbook] .sk-chip[data-wash=butter]{background:var(--skin-wash-butter)}html.dark[data-skin=sketchbook] .sk-chip{border-color:var(--skin-ink-strong)}html[data-skin=sketchbook] .sk-bare-input:focus-visible{outline:none}html[data-skin=sketchbook] :is(.spotlight-dock-bar,.spotlight-dock-glow){display:none}html[data-skin=sketchbook] .spotlight-dock{background:var(--surface-solid);border-top:var(--skin-line) solid var(--skin-ink)}html.dark[data-skin=sketchbook] .spotlight-dock{border-top-color:var(--skin-ink-strong)}html[data-skin=sketchbook] .spotlight-dock-icon{padding:3px 14px}html[data-skin=sketchbook] .spotlight-dock-icon:before{content:"";position:absolute;inset:0;border-radius:var(--skin-wobble-sm);background:var(--skin-wash-mist);border:var(--skin-line) solid var(--skin-ink);opacity:0;scale:.6;transition:opacity .16s ease,scale .22s cubic-bezier(.34,1.4,.64,1)}html.dark[data-skin=sketchbook] .spotlight-dock-icon:before{border-color:var(--skin-ink-strong)}html[data-skin=sketchbook] .spotlight-dock-icon>*{position:relative}html[data-skin=sketchbook] .spotlight-dock-item[data-active=true] .spotlight-dock-icon:before{opacity:1;scale:1}html[data-skin=sketchbook] .spotlight-dock-item[data-active=true] .spotlight-dock-label{font-weight:700}html[data-skin=sketchbook] .sb-link[data-active=true]{background:var(--skin-wash-mist);border:var(--skin-line) solid var(--skin-ink);border-radius:var(--skin-wobble-sm);box-shadow:2px 2px 0 var(--skin-shadow-ink)}html.dark[data-skin=sketchbook] .sb-link[data-active=true]{border-color:var(--skin-ink-strong)}html[data-skin=sketchbook] .sb-link[data-active=false]:hover{background:var(--skin-wash-butter);border-radius:var(--skin-wobble-sm)}@media (prefers-reduced-motion:reduce){html[data-skin=sketchbook] .sk-underline path{animation:none;stroke-dashoffset:0}html[data-skin=sketchbook] .sk-slip,html[data-skin=sketchbook] .spotlight-dock-icon:before{transition:none}html[data-skin=sketchbook] .sk-slip:is(:hover,:active){transform:none}}.hm-perch{position:relative}.hm-perch>.sk-card{z-index:1}.hm-perch-owl{display:none}@media (min-width:1024px){.hm-perch-owl{position:absolute;z-index:0;top:-29px;right:72px;display:block;width:96px}}.hm-upnext-label{color:var(--text-muted)}.hm-stat{display:flex;min-width:0;min-height:76px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:10px 12px;text-align:left;color:var(--text);background:var(--card-glass);border:1px solid var(--border);border-radius:1rem}.hm-stat .sk-icon{margin-bottom:2px}.hm-stat-value{font-family:var(--font-headline);font-size:1rem;font-weight:700;line-height:1.2}.hm-stat-label{max-width:100%;font-size:.75rem;color:var(--text-muted)}.hm-stat-button{transition:transform .2s,border-color .2s}.hm-stat-button:hover{border-color:color-mix(in srgb,var(--brand) 45%,transparent)}.hm-stat-button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.hm-stat-first{color:var(--text-muted);background:var(--card-glass);border:1px solid var(--border);border-radius:1rem}.hm-tool{min-height:108px;flex-direction:column;justify-content:center;gap:4px;padding:12px 6px;text-align:center}.hm-tool-label{margin-top:2px;font-size:.8125rem;font-weight:600}.hm-tool-hint{font-size:.75rem;color:var(--text-muted)}.hm-tool[data-active] .hm-tool-hint{color:var(--brand);font-weight:700;font-variant-numeric:tabular-nums}.hm-tool-badge{position:absolute;top:6px;right:6px;display:grid;min-width:20px;height:20px;place-items:center;padding:0 4px;font-size:.75rem;font-weight:700;color:var(--pal-on-primary);background:var(--accent-dark);border-radius:9999px}.hm-today-empty{border:1px dashed var(--border);border-radius:1rem}.hm-now{font-weight:700;color:var(--accent-dark)}.hm-done{text-decoration:line-through;text-decoration-thickness:1.5px;color:var(--text-muted)}.hm-line{position:absolute;top:19px;left:.5rem;right:.5rem;width:calc(100% - 1rem);height:12px;overflow:visible;pointer-events:none}.hm-line path{fill:none;stroke:color-mix(in srgb,var(--brand) 45%,transparent);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.hm-stop{position:relative;display:block;width:18px;height:18px;background:var(--surface-solid);border:2px solid color-mix(in srgb,var(--text) 30%,transparent);border-radius:9999px}.hm-stop[data-state=done]{background:var(--brand);border-color:var(--brand)}.hm-stop[data-state=now]{background:var(--accent);border-color:var(--accent-dark);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}.hm-cover-art{position:relative;display:block;height:128px;overflow:hidden;background:var(--ol-wash-mist);border:1px solid var(--border);border-radius:1rem}.hm-cover-art[data-wash=sage]{background:var(--ol-wash-sage)}.hm-cover-art[data-wash=clay]{background:var(--ol-wash-clay)}.hm-cover-art[data-wash=butter]{background:var(--ol-wash-butter)}.hm-cover-doodle{position:absolute;right:-10px;bottom:-14px;color:color-mix(in srgb,var(--text) 30%,transparent);rotate:-10deg}.hm-cover-play{position:absolute;left:50%;top:54%;display:grid;width:46px;height:46px;place-items:center;translate:-50% -50%;color:var(--text);background:var(--surface-solid);border:1px solid var(--border);border-radius:9999px;transition:scale .2s}.hm-cover:hover .hm-cover-play{scale:1.08}.hm-cover:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:1rem}.hm-rail-arrow{position:absolute;top:64px;z-index:10;display:grid;width:44px;height:44px;place-items:center;translate:0 -50%;color:var(--text);background:var(--surface-solid);border:1px solid var(--border);border-radius:9999px}.hm-rail-arrow:hover{background:var(--surface)}.hm-rule{border-top:1px solid var(--border)}.hm-bloom-track{display:block;height:5px;flex:1;overflow:hidden;background:var(--lg-track);border-radius:9999px}.hm-bloom-fill{display:block;height:100%;border-radius:inherit}@media (prefers-reduced-motion:reduce){.hm-cover-play,.hm-stat-button{transition:none}.hm-cover:hover .hm-cover-play{scale:none}}html[data-skin=classroom] :is(.hm-stat,.hm-stat-first){background:var(--surface);border-radius:var(--skin-radius-btn)}html[data-skin=classroom] .hm-cover-art{border-radius:var(--skin-radius-card)}html[data-skin=sketchbook] .hm-stat{background:var(--skin-wash-butter);border:var(--skin-line) solid var(--skin-ink);border-radius:var(--skin-wobble-sm);box-shadow:2px 3px 0 var(--skin-shadow-ink)}html[data-skin=sketchbook] .hm-stat:first-child{background:var(--skin-wash-clay);rotate:-1.2deg}html[data-skin=sketchbook] .hm-stat:nth-child(2){background:var(--skin-wash-butter);rotate:.8deg}html[data-skin=sketchbook] .hm-stat:nth-child(3){background:var(--skin-wash-mist);rotate:-.6deg}html.dark[data-skin=sketchbook] .hm-stat{border-color:var(--skin-ink-strong)}html[data-skin=sketchbook] .hm-stat .sk-icon-wash{fill:var(--surface-solid)}html[data-skin=sketchbook] .hm-stat-button{transition:transform .12s ease,box-shadow .12s ease}html[data-skin=sketchbook] .hm-stat-button:hover{border-color:var(--skin-ink);transform:translate(-1px,-1px);box-shadow:3px 4px 0 var(--skin-shadow-ink)}html[data-skin=sketchbook] .hm-stat-button:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--skin-shadow-ink)}html[data-skin=sketchbook] .hm-stat-button:focus-visible{outline-style:dashed}html[data-skin=sketchbook] .hm-stat-first{color:var(--text);background:var(--skin-wash-clay);border:var(--skin-line) dashed var(--skin-ink);border-radius:var(--skin-wobble-sm)}html[data-skin=sketchbook] .hm-stat-first .sk-icon-wash{fill:var(--surface-solid)}html[data-skin=sketchbook] .hm-tool-badge{color:var(--surface-solid);background:var(--accent);border:var(--skin-line) solid var(--skin-ink)}html[data-skin=sketchbook] .hm-today-empty{border:var(--skin-line) dashed var(--skin-future);border-radius:var(--skin-wobble-sm)}html[data-skin=sketchbook] .hm-now{color:var(--accent)}html[data-skin=sketchbook] .hm-done{text-decoration-color:var(--skin-ink)}html[data-skin=sketchbook] .hm-line path{stroke:var(--skin-ink);stroke-width:2.2;stroke-dasharray:1;stroke-dashoffset:1;animation:hm-line-draw 1.1s cubic-bezier(.22,.61,.36,1) .2s forwards}html.dark[data-skin=sketchbook] .hm-line path{stroke:var(--skin-ink-strong)}@keyframes hm-line-draw{to{stroke-dashoffset:0}}html[data-skin=sketchbook] .hm-stop{border:2px solid var(--skin-ink)}html.dark[data-skin=sketchbook] .hm-stop{border-color:var(--text-muted)}html[data-skin=sketchbook] .hm-stop[data-state=done]{background:var(--skin-hatch-dense);border-color:var(--skin-ink)}html[data-skin=sketchbook] .hm-stop[data-state=now]{background:var(--accent);border-color:var(--skin-ink);box-shadow:2px 2px 0 var(--skin-shadow-ink)}html[data-skin=sketchbook] .hm-cover-art{background:var(--skin-wash-mist);border:var(--skin-line) solid var(--skin-ink);border-radius:var(--skin-wobble-a);box-shadow:3px 4px 0 var(--skin-shadow-ink);transition:transform .12s ease,box-shadow .12s ease}html[data-skin=sketchbook] li:nth-child(2n) .hm-cover-art{border-radius:var(--skin-wobble-b)}html[data-skin=sketchbook] .hm-cover-art[data-wash=sage]{background:var(--skin-wash-sage)}html[data-skin=sketchbook] .hm-cover-art[data-wash=clay]{background:var(--skin-wash-clay)}html[data-skin=sketchbook] .hm-cover-art[data-wash=butter]{background:var(--skin-wash-butter)}html.dark[data-skin=sketchbook] .hm-cover-art{border-color:var(--skin-ink-strong)}html[data-skin=sketchbook] .hm-cover-doodle{color:var(--skin-ink);opacity:.55}html.dark[data-skin=sketchbook] .hm-cover-doodle{color:var(--text-muted)}html[data-skin=sketchbook] .hm-cover:hover .hm-cover-art{transform:translate(-1px,-1px);box-shadow:4px 5px 0 var(--skin-shadow-ink)}html[data-skin=sketchbook] .hm-cover-play{border:var(--skin-line) solid var(--skin-ink);box-shadow:2px 2px 0 var(--skin-shadow-ink)}html[data-skin=sketchbook] .hm-cover:focus-visible{outline-style:dashed}html[data-skin=sketchbook] .hm-rail-arrow{border:var(--skin-line) solid var(--skin-ink);box-shadow:2px 2px 0 var(--skin-shadow-ink)}html[data-skin=sketchbook] .hm-rule{border-top:var(--skin-line) dashed var(--skin-divider)}html[data-skin=sketchbook] .hm-bloom-track{height:9px;background:var(--surface-solid);border:var(--skin-line) solid var(--skin-ink);border-radius:var(--skin-wobble-sm)}html.dark[data-skin=sketchbook] .hm-bloom-track{border-color:var(--skin-ink-strong)}html[data-skin=sketchbook] .hm-bloom-fill{border-radius:0}@media (prefers-reduced-motion:reduce){html[data-skin=sketchbook] .hm-line path{animation:none;stroke-dashoffset:0}html[data-skin=sketchbook] :is(.hm-stat-button,.hm-cover-art){transition:none}html[data-skin=sketchbook] .hm-cover:hover .hm-cover-art,html[data-skin=sketchbook] .hm-stat-button:is(:hover,:active){transform:none}}