:root{--lab-paper:#f4f1ea;--lab-card:#fffdf8;--lab-ink:#111;--lab-soft:#5b5750;--lab-line:#111;--lab-cobalt:#2b4bff;--lab-lime:#c6f432;--lab-pink:#ff8fc7;--lab-sun:#ffd23f}.lab{background:var(--lab-paper);color:var(--lab-ink);font-family:var(--font-lab-sans), ui-sans-serif, system-ui, sans-serif}.lab ::selection{background:var(--lab-lime);color:var(--lab-ink)}.lab :focus-visible{outline-color:var(--lab-cobalt)}.lab-serif{font-family:var(--font-lab-serif), ui-serif, Georgia, serif;letter-spacing:-.01em;font-style:italic;font-weight:400}.lab-mono{font-family:var(--font-mono), ui-monospace, monospace}.lab-dots{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='1.5' cy='1.5' r='1.2' fill='%23111' fill-opacity='.13'/%3E%3C/svg%3E")}.lab-card{background:var(--lab-card);border:2px solid var(--lab-line);box-shadow:5px 5px 0 var(--lab-ink);border-radius:16px}.lab-press{transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s cubic-bezier(.2,.8,.2,1)}.lab-press:hover{box-shadow:7px 7px 0 var(--lab-ink);transform:translate(-2px,-2px)}.lab-press:active{box-shadow:2px 2px 0 var(--lab-ink);transform:translate(3px,3px)}.lab-btn{border:2px solid var(--lab-ink);white-space:nowrap;min-height:3rem;box-shadow:4px 4px 0 var(--lab-ink);border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;font-weight:650;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}.lab-btn:hover{box-shadow:5px 5px 0 var(--lab-ink);transform:translate(-1px,-1px)}.lab-btn:active{box-shadow:1px 1px 0 var(--lab-ink);transform:translate(3px,3px)}.lab-shot{border:2px solid var(--lab-ink);background:var(--lab-card);box-shadow:6px 6px 0 var(--lab-ink);font-family:var(--font-sans);color:var(--color-ink);border-radius:18px;overflow:hidden}.lab-shot>*{box-shadow:none!important;border-radius:0!important}:where(.lab-fill){grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:40rem) and (max-width:63.999rem){:where(.lab-fill){grid-template-columns:repeat(2,minmax(0,1fr))}:where(.lab-fill>:last-child:nth-child(odd)){grid-column:span 2}}@media (min-width:64rem){:where(.lab-fill){grid-template-columns:repeat(6,minmax(0,1fr))}:where(.lab-fill>*){grid-column:span 2}:where(.lab-fill:has(>:last-child:nth-child(3n+1))>:nth-last-child(-n+4)),:where(.lab-fill:has(>:last-child:nth-child(3n+2))>:nth-last-child(-n+2)){grid-column:span 3}:where(.lab-fill>:only-child){grid-column:span 6}}@media (min-width:80rem){:where(.lab-fill.lab-fill-4){grid-template-columns:repeat(12,minmax(0,1fr))}:where(.lab-fill-4>*){grid-column:span 3}:where(.lab-fill-4:has(>:last-child:nth-child(4n+1))>:nth-last-child(-n+5)),:where(.lab-fill-4:has(>:last-child:nth-child(4n+3))>:nth-last-child(-n+3)){grid-column:span 4}:where(.lab-fill-4:has(>:last-child:nth-child(4n+1))>:nth-last-child(-n+2)),:where(.lab-fill-4:has(>:last-child:nth-child(4n+2))>:nth-last-child(-n+2)){grid-column:span 6}:where(.lab-fill-4>:only-child){grid-column:span 12}}.lab-mark{white-space:nowrap;z-index:0;position:relative}.lab-mark:before{content:"";background:var(--lab-lime);transform-origin:0;z-index:-1;border-radius:.12em;animation:.7s cubic-bezier(.7,0,.2,1) .3s forwards lab-swipe;position:absolute;inset:.12em -.12em .04em;transform:rotate(-1.6deg)scaleX(0)}@keyframes lab-swipe{to{transform:rotate(-1.6deg)scaleX(1)}}.lab-sticker{transition:transform .22s cubic-bezier(.3,1.6,.5,1)}.lab-sticker:hover{transform:rotate(0)scale(1.06)!important}@keyframes lab-float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-7px) rotate(var(--r,0deg))}}.lab-float{animation:5s ease-in-out infinite lab-float}@keyframes lab-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lab-timer{transform-origin:0;animation:linear forwards lab-timer}@keyframes lab-caret{50%{opacity:0}}.lab-caret{animation:.9s step-end infinite lab-caret}@keyframes lab-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lab-rise{animation:.42s cubic-bezier(.2,.8,.2,1) both lab-rise}.lab-flip{perspective:900px}.lab-flip-inner{height:100%;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.3,1.3,.5,1);position:relative}.lab-flip:hover .lab-flip-inner,.lab-flip:focus-within .lab-flip-inner{transform:rotateY(180deg)}.lab-flip-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;inset:0}.lab-flip-back{transform:rotateY(180deg)}@keyframes lab-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.lab-ticker{animation:40s linear infinite lab-ticker}@keyframes lab-spin{to{transform:rotate(360deg)}}.lab-spin{animation:18s linear infinite lab-spin}@media (prefers-reduced-motion:reduce){.lab *,.lab :before,.lab :after{transition:none!important;animation:none!important}.lab-mark:before{transform:rotate(-1.6deg)scaleX(1)}.lab-flip:hover .lab-flip-inner{transform:none}}@keyframes lab-draw-in{to{stroke-dashoffset:0}}.lab-draw{stroke-dasharray:var(--len,300);stroke-dashoffset:var(--len,300);animation:1.1s cubic-bezier(.6,0,.3,1) .6s forwards lab-draw-in}@keyframes lab-twinkle{0%,to{opacity:.5;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(45deg)}}.lab-twinkle{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite lab-twinkle}@keyframes lab-cloud{0%,to{transform:translate(0)}50%{transform:translate(60px)}}.lab-cloud{animation:14s ease-in-out infinite lab-cloud}.lab-cloud-slow{animation-duration:20s;animation-direction:reverse}@keyframes lab-drop{0%{opacity:0;transform:translateY(28px) rotate(var(--tilt,0deg)) scale(.96)}to{opacity:1;transform:translateY(0) rotate(var(--tilt,0deg)) scale(1)}}.lab-drop{animation:.7s cubic-bezier(.3,1.4,.5,1) both lab-drop}@supports (animation-timeline:view()){.lab-drop{animation-timeline:view();animation-range:entry cover 28%;animation-duration:auto}}.lab-plane-path{stroke-dasharray:4 8}@keyframes lab-turn{to{transform:rotate(360deg)}}.lab-burst{transform-box:fill-box;transform-origin:50%;animation:24s linear infinite lab-turn}@keyframes lab-wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.lab-wiggle{animation:2.4s ease-in-out infinite lab-wiggle}@media (prefers-reduced-motion:reduce){.lab-draw{stroke-dashoffset:0}.lab-drop{opacity:1;transform:rotate(var(--tilt,0deg))}}
