/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-body);--default-mono-font-family:var(--font-code);--font-display:var(--font-display)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-wrap{text-wrap:wrap}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[data-card\]\:visible:is(data-card){visibility:visible}}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/nunito-latin-700-normal.Dort48En.woff2)format("woff2"),url(/_astro/nunito-latin-700-normal.OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/nunito-latin-800-normal.Dz8SOQK_.woff2)format("woff2"),url(/_astro/nunito-latin-800-normal.D-J0wlBY.woff)format("woff")}:root{color-scheme:light dark;--bg:light-dark(#fffcf7,#0e1220);--surface:light-dark(#fff,#171c2e);--surface-2:light-dark(#fbf6ee,#1e2438);--ink:light-dark(#221a15,#f6f1ea);--muted:light-dark(#6b625a,#a8a3b5);--corgi:light-dark(#f08a2e,#ffa552);--corgi-ink:light-dark(#9a4a0b,#ffc48a);--on-corgi:#2a1606;--sky-top:light-dark(#bfe0ff,#0b1026);--sky-bottom:light-dark(#fff0dc,#2a1e45);--star:light-dark(#0000,#ffffffd9);--heart:light-dark(#ff6f91,#ff86a3);--leaf:light-dark(#5bae6a,#6fcb80);--hairline:light-dark(#221a1514,#ffffff1a);--hairline-strong:light-dark(#221a1529,#fff3);--on-sky:light-dark(#221a15,#f6f1ea);--on-sky-muted:light-dark(#51483f,#c4bfd2);--drop-1:light-dark(#3c230a0f,#0000);--drop-2:light-dark(#3c230a38,#00000070);--inset-top:light-dark(#0000,#ffffff14);--font-display:ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;--font-code:ui-monospace, "SF Mono", "JetBrains Mono", monospace;--ease-out-soft:cubic-bezier(.16, 1, .3, 1);--spring:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg);scroll-padding-top:88px}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.6;overflow-x:clip}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);text-wrap:balance}h1{letter-spacing:-.03em;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:800;line-height:1.04}h2{letter-spacing:-.025em;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.08}h3{letter-spacing:-.012em;font-size:1.1875rem;font-weight:800;line-height:1.25}a{color:inherit}:focus-visible{outline:2.5px solid var(--corgi-ink);outline-offset:3px;border-radius:6px}::selection{background:var(--corgi)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--corgi) 35%, transparent)}}code,kbd,pre{font-family:var(--font-code)}.skip{z-index:100;background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--hairline-strong);border-radius:999px;padding:10px 18px;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.wrap{width:100%;max-width:calc(1180px + 2 * var(--gutter));padding-inline:var(--gutter);--gutter:24px;margin-inline:auto}.reading{width:100%;max-width:calc(760px + 2 * var(--gutter));padding-inline:var(--gutter);--gutter:24px;margin-inline:auto}@media (width>=768px){.wrap,.reading{--gutter:32px}}.section{padding-block:88px}@media (width>=768px){.section{padding-block:144px}}.section-tight{padding-block:8px 88px}@media (width>=768px){.section-tight{padding-block:16px 144px}}.eyebrow{font-family:var(--font-code);text-transform:uppercase;letter-spacing:.16em;color:var(--corgi-ink);font-size:12px;font-weight:600}.lede{color:var(--muted);text-wrap:pretty;max-width:40rem;font-size:1.125rem;line-height:1.6}.footnote{font-family:var(--font-code);color:var(--ink);font-size:13px;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.footnote{color:color-mix(in srgb, var(--ink) 66%, transparent)}}.pet-line{font-family:var(--font-display);color:var(--corgi-ink);font-weight:600}.section-head{max-width:44rem}.section-head h2+.lede{margin-top:18px}.btn{min-height:48px;font-family:var(--font-display);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:transform .14s var(--ease-out-soft), box-shadow .14s var(--ease-out-soft), background-color .18s, filter .18s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 24px;font-size:1.03125rem;font-weight:800;text-decoration:none;display:inline-flex}.btn svg{flex:none;width:18px;height:18px}.btn-primary{background:var(--corgi);color:var(--on-corgi);box-shadow:0 3px #b85a1f,0 8px 20px -6px #f08a2e8c}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px #b85a1f,0 12px 24px -6px #f08a2e99}.btn-primary:active{transform:translateY(2px);box-shadow:0 1px #b85a1f,0 4px 12px -6px #f08a2e8c}.btn-ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline-strong);background:0 0}.btn-ghost:hover{background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.btn-ghost:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}}.btn-sm{min-height:38px;padding:0 16px;font-size:.9375rem}.btn-sm.btn-primary{box-shadow:0 2px #b85a1f,0 6px 14px -6px #f08a2e8c}.btn-sm.btn-primary:active{transform:translateY(1px);box-shadow:0 1px #b85a1f}.text-link{font-family:var(--font-display);color:var(--corgi-ink);align-items:center;gap:6px;font-weight:800;text-decoration:none;display:inline-flex}.text-link:hover{text-underline-offset:3px;text-decoration:underline}.prose-link{color:var(--corgi-ink);text-underline-offset:2px;text-decoration:underline}.card{background:var(--surface);box-shadow:0 0 0 1px var(--hairline), inset 0 1px var(--inset-top), 0 1px 2px var(--drop-1), 0 18px 40px -16px var(--drop-2);border-radius:24px}.chip{background:var(--surface);min-height:34px;box-shadow:0 0 0 1px var(--hairline-strong);color:var(--ink);border-radius:8px;align-items:center;gap:7px;padding:5px 12px;font-size:.875rem;font-weight:550;display:inline-flex}.chip svg{width:15px;height:15px;color:var(--corgi-ink);flex:none}.icon-tile{width:42px;height:42px;color:var(--corgi-ink);background:var(--corgi);border-radius:12px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.icon-tile{background:color-mix(in srgb, var(--corgi) 15%, transparent)}}.icon-tile svg{width:21px;height:21px}kbd.key{background:var(--surface);box-shadow:0 0 0 1px var(--hairline-strong), 0 1px 0 1px var(--hairline);border-radius:6px;padding:0 7px;font-size:.875em;line-height:1.55;display:inline-block}code.path{background:var(--surface-2);box-shadow:0 0 0 1px var(--hairline);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px;font-size:.875em}.js [data-reveal]{opacity:0;transform:translateY(24px)}.js [data-reveal].in{opacity:1;transition:opacity .8s var(--ease-out-soft), transform .8s var(--ease-out-soft);transition-delay:calc(var(--i,0) * .1s);transform:none}.sky{z-index:-1;background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom));position:absolute;inset:0;overflow:hidden}.sky:before{content:"";opacity:.9;background-image:radial-gradient(1px 1px at 12% 18%, var(--star), transparent 100%), radial-gradient(1.4px 1.4px at 26% 42%, var(--star), transparent 100%), radial-gradient(1px 1px at 38% 12%, var(--star), transparent 100%), radial-gradient(1.6px 1.6px at 52% 30%, var(--star), transparent 100%), radial-gradient(1px 1px at 64% 8%, var(--star), transparent 100%), radial-gradient(1.3px 1.3px at 73% 38%, var(--star), transparent 100%), radial-gradient(1px 1px at 84% 20%, var(--star), transparent 100%), radial-gradient(1.5px 1.5px at 93% 46%, var(--star), transparent 100%), radial-gradient(1px 1px at 6% 56%, var(--star), transparent 100%), radial-gradient(1.2px 1.2px at 46% 60%, var(--star), transparent 100%), radial-gradient(1px 1px at 80% 62%, var(--star), transparent 100%), radial-gradient(1.3px 1.3px at 18% 70%, var(--star), transparent 100%);position:absolute;inset:0}.dock{align-items:flex-end;gap:var(--tile-gap,8px);padding:var(--dock-pad,8px);border-radius:var(--dock-radius,22px);backdrop-filter:blur(20px)saturate(150%);background:#ffffff38;border:1px solid #ffffff59;display:flex;box-shadow:inset 1px 1px 1px #ffffff80,inset -1px -1px 1px #ffffff40,0 14px 34px -14px #281e3c66}.tile{width:var(--tile,52px);height:var(--tile,52px);flex:none;position:relative}.tile svg{width:100%;height:100%;display:block}.tile-dot{left:50%;bottom:calc(var(--dock-pad,8px) / -2 - 2px);opacity:0;background:#221a1599;border-radius:50%;width:4px;height:4px;margin-left:-2px;transition:opacity .24s;position:absolute}[data-mode=dark] .tile-dot{background:#fffc}.tile.running .tile-dot{opacity:1}.dock-sep{background:#ffffff61;flex:none;align-self:stretch;width:1px;margin-inline:2px}.corgi{--pet:1;width:calc(69px * var(--pet));height:calc(46px * var(--pet));margin-left:calc(-34.5px * var(--pet));will-change:transform;background:0 0;border:0;padding:0;display:block;position:absolute;bottom:0;left:0}.corgi-hit{z-index:2;cursor:pointer;touch-action:none;background:0 0;border:0;padding:0;position:absolute;inset:0}.corgi-hit:focus,.corgi-hit:focus-visible{outline:none}.corgi-shadow{height:calc(5px * var(--pet));pointer-events:none;background:radial-gradient(closest-side,#28190a4d,#28190a00);border-radius:50%;position:absolute;bottom:-2px;left:20%;right:20%}.corgi-flip,.corgi-body{transform-origin:50% 100%;position:absolute;inset:0}.corgi[data-facing="-1"] .corgi-flip{transform:scaleX(-1)}.corgi-frame{position:absolute;inset:0;overflow:hidden}.corgi-sheet{background-image:-webkit-image-set(url(/sprites/corgi.avif) 1x type("image/avif"),url(/sprites/corgi.webp) 1x type("image/webp"));background-image:image-set("/sprites/corgi.avif" 1x type("image/avif"),"/sprites/corgi.webp" 1x type("image/webp"));background-size:100% 100%;width:1100%;height:1000%;position:absolute;top:0;left:0}@media (width>=720px){.corgi-sheet{background-image:-webkit-image-set(url(/sprites/corgi-3x.avif) 1x type("image/avif"),url(/sprites/corgi-3x.webp) 1x type("image/webp"));background-image:image-set("/sprites/corgi-3x.avif" 1x type("image/avif"),"/sprites/corgi-3x.webp" 1x type("image/webp"))}}.corgi-gear{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.gear-svg{width:calc(46px * var(--pet));height:calc(46px * var(--pet));margin-left:calc(-23px * var(--pet));margin-top:calc(-23px * var(--pet));left:var(--crown-x,61%);top:var(--crown-y,17%);position:absolute;overflow:visible}.corgi-gear .gear-svg.pop{animation:gear-pop .26s var(--spring)}@keyframes gear-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.bubble{left:50%;bottom:calc(100% + 10px + var(--bubble-gap,0px));z-index:5;color:#221a15;width:max-content;max-width:min(250px,72cqi);font-family:var(--font-display);text-align:center;transform:translateX(calc(-50% + var(--nudge,0px)));pointer-events:none;animation:bubble-in .18s var(--spring) both;background:#fff;border-radius:15px;padding:7px 13px;font-size:.875rem;font-weight:600;line-height:1.25;position:absolute;box-shadow:0 0 0 1px #221a151a,0 8px 20px -8px #28190a66}.bubble:after{content:"";left:calc(50% - var(--nudge,0px));background:#fff;border-radius:2px;width:11px;height:11px;margin-left:-5.5px;position:absolute;bottom:-5px;transform:rotate(45deg);box-shadow:1px 1px #221a151a}.bubble.out{animation:.2s ease-in both bubble-out}@keyframes bubble-in{0%{opacity:0;transform:translateX(calc(-50% + var(--nudge,0px))) scale(.8)}to{opacity:1;transform:translateX(calc(-50% + var(--nudge,0px))) scale(1)}}@keyframes bubble-out{to{opacity:0;transform:translateX(calc(-50% + var(--nudge,0px))) translateY(-3px)}}.particle{pointer-events:none;z-index:4;position:absolute;bottom:0;left:0}.stage-shell{aspect-ratio:var(--ratio,16 / 10);isolation:isolate;box-shadow:0 0 0 1px var(--hairline);background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom));border-radius:20px;position:relative;overflow:hidden}.stage{position:absolute;inset:0;container-type:inline-size}.stage-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage-play{position:absolute;bottom:12px;left:12px}.stage-inner{--tile:clamp(24px, 8.6cqi, 58px);--tile-gap:clamp(3px, 1cqi, 8px);--dock-pad:clamp(4px, 1cqi, 8px);--dock-radius:clamp(12px, 3cqi, 20px);position:absolute;inset:0}.stage-menubar{height:clamp(14px,3.6cqi,24px);color:var(--on-sky);backdrop-filter:blur(10px);background:#ffffff38;align-items:center;gap:clamp(5px,1.6cqi,10px);padding-inline:clamp(7px,2cqi,14px);display:flex;position:absolute;top:0;left:0;right:0}.stage-menubar svg{width:clamp(9px,2.2cqi,14px);height:clamp(9px,2.2cqi,14px)}.stage-menubar i{opacity:.32;background:currentColor;border-radius:3px;width:clamp(9px,3cqi,22px);height:clamp(3px,.7cqi,5px)}.stage-menubar span{flex:1}.stage-window{background:#ffffff57;border-radius:clamp(8px,2cqi,14px);gap:clamp(3px,.8cqi,6px);padding:clamp(5px,1.4cqi,10px);display:flex;position:absolute;inset:13% 12% 44%;box-shadow:0 0 0 1px #ffffff4d,0 16px 36px -22px #281e3c73}.stage-window b{background:#ff5f57;border-radius:50%;width:clamp(4px,1.2cqi,9px);height:clamp(4px,1.2cqi,9px)}.stage-window b:nth-child(2){background:#febc2e}.stage-window b:nth-child(3){background:#28c840}[data-mode=dark] .stage-window{background:#ffffff14;box-shadow:0 0 0 1px #ffffff1f,0 16px 36px -22px #0009}[data-mode=dark] .stage-menubar{background:#ffffff14}.stage-dock-wrap{justify-content:center;display:flex;position:absolute;bottom:clamp(8px,3cqi,18px);left:0;right:0}.stage-floor{left:50%;bottom:calc(clamp(8px, 3cqi, 18px) + var(--tile) + 2 * var(--dock-pad) - 1px);width:calc(7 * var(--tile) + 7 * var(--tile-gap) + 2 * var(--dock-pad) + 5px);height:0;position:absolute;transform:translate(-50%)}.stage-floor .corgi{--pet:.85}@container (width>=420px){.stage-floor .corgi{--pet:1.05}}@container (width>=620px){.stage-floor .corgi{--pet:1.6}}.prop{opacity:0;pointer-events:none;transition:opacity .16s;position:absolute}.prop svg{width:100%;height:100%;display:block}.stage-wall-night{opacity:0;background:linear-gradient(#0b1026,#2a1e45);transition:opacity .5s;position:absolute;inset:0}[data-beat~=dusk] .stage-wall-night{opacity:1}.corgi-held{pointer-events:none;position:absolute;inset:0}[data-beat~=keys] .p-key,[data-beat~=ball] .p-ball,[data-beat~=batt-low] .p-batt,[data-beat~=batt-mid] .p-batt,[data-beat~=batt-full] .p-batt,[data-beat~=puff] .p-puff,[data-beat~=digging] .p-dig-mound,[data-beat~=digging] .p-dirt,[data-beat~=unearth] .p-dug,[data-beat~=crop] .p-crop,[data-beat~=keycap] .p-keycap,[data-beat~=fan] .p-fan,[data-beat~=fan] .p-sweat,[data-beat~=juggle] .p-jug,[data-beat~=juggle] .p-sweat,[data-beat~=cable] .p-cable,[data-beat~=cable] .p-q,[data-beat~=cable-in] .p-cable-in,[data-beat~=drive] .p-drive,[data-beat~=leash] .p-leash,[data-beat~=water] .p-water,[data-beat~=pillow] .p-pillow,[data-beat~=notes] .p-notes,[data-beat~=phones] .p-phones,[data-beat~=mute] .p-hud,[data-beat~=caps] .p-capskey,[data-beat~=throw] .p-thrown,[data-beat~=mouth] .p-mouth,[data-beat~=tug] .p-mouth,[data-beat~=tug-won] .p-dropped,[data-beat~=rest] .p-rest,[data-beat~=tub] .p-tub,[data-beat~=fresh] .p-sparkles,[data-beat~=drag] .p-dragfile,[data-beat~=gulp] .p-gulp,[data-beat~=star] .p-star,[data-beat~=fly] .p-fly,[data-beat~=robin] .p-robin,[data-beat~=cat] .p-cat{opacity:1}[data-beat~=keys] .corgi,[data-beat~=caps] .corgi{--bubble-gap:calc(16px * var(--pet))}[data-beat~=juggle] .corgi{--bubble-gap:calc(30px * var(--pet))}[data-beat~=notes] .corgi{--bubble-gap:calc(36px * var(--pet))}[data-beat~=cable] .corgi{--bubble-gap:calc(30px * var(--pet))}.corgi[data-bolts]{--bubble-gap:calc(12px * var(--pet))}[data-beat~=hand] .corgi .corgi-shadow{opacity:0}[data-beat~=phones] .corgi{--bubble-gap:calc(4px * var(--pet))}.corgi-held .prop{--u:calc(46px * var(--pet) / 46)}.p-key{width:calc(7 * var(--u));height:calc(7 * var(--u));background:#fff;border-radius:2px;top:28%;left:88%;box-shadow:0 0 0 1px #39404f}[data-beat~=keys] .p-key,[data-beat~=caps] .p-key{animation:.9s ease-out infinite key-up}.p-key.k2{left:76%;animation-delay:.3s!important}.p-key.k3{left:96%;animation-delay:.6s!important}@keyframes key-up{0%{opacity:0;transform:translateY(6px)scale(.7)}25%{opacity:1}to{opacity:0;transform:translateY(-22px)scale(1)}}.p-ball{width:calc(16 * var(--u));height:calc(16 * var(--u));bottom:0;left:106%}[data-beat~=ball] .p-ball svg{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.corgi-glow{pointer-events:none;background:radial-gradient(closest-side,#ffe64d38,#ffe64d00);position:absolute;inset:-15% -10%}.corgi-bolts{z-index:4;pointer-events:none;filter:drop-shadow(0 0 1.2px #ffe033b3);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.p-batt{background:#ffffffc7;border:2px solid #39404f;border-radius:7px;width:54px;height:24px;margin-left:-27px;padding:2px;top:12%;left:50%}.p-batt:after{content:"";background:#39404f;border-radius:0 2px 2px 0;width:3px;height:8px;position:absolute;top:6px;right:-6px}.p-batt i{background:#e0483e;border-radius:3px;width:16%;height:100%;transition:width .8s,background-color .4s;display:block}[data-beat~=batt-mid] .p-batt i{background:#5bae6a;width:62%}[data-beat~=batt-full] .p-batt i{background:#5bae6a;width:100%}.p-puff{width:calc(6 * var(--u));height:calc(6 * var(--u));background:#ffffffd9;border-radius:50%;top:58%;left:2%;box-shadow:0 0 0 1px #50463c40}.corgi-flip .p-puff{left:94%}[data-beat~=puff] .p-puff{animation:.8s ease-out infinite puff}.p-puff.q2{animation-delay:.36s!important}@keyframes puff{0%{opacity:.95;transform:translate(0)scale(.5)}to{opacity:0;transform:translate(12px,-14px)scale(1.2)}}[data-beat~=badge] .tile-mail:after,[data-beat~=badge-chat] .tile-chat:after{content:"1";color:#fff;min-width:15px;height:15px;font:700 10px/1 var(--font-body);animation:gear-pop .26s var(--spring);background:#e8352e;border-radius:99px;place-items:center;display:grid;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 1px #ffffff8c}[data-beat~=bounce] .tile-mail svg,[data-beat~=bounce] .tile-mail:after{animation:.62s cubic-bezier(.3,0,.6,1) infinite icon-bounce}@keyframes icon-bounce{0%,to{transform:translateY(0)}45%{transform:translateY(calc(var(--tile,52px) * -.46))}}.corgi-held .p-dig-mound,.corgi-held .p-dirt,.corgi-held .p-crumb{--h:calc(46px * var(--pet))}.p-dig-mound{width:24%;height:5.5%;min-height:3px;bottom:-1px;left:58%}.p-dirt{--w:calc(var(--h) * .034);width:var(--w);height:var(--w);opacity:0;background:#734d29;border-radius:50%;transition:none;bottom:4%;left:56%}.p-dirt.d2,.p-dirt.d4{--w:calc(var(--h) * .025)}.p-dirt.d4,.p-dirt.d5{bottom:5.5%;left:70%}.p-dirt.d1{--rx:-.9;--pk:.1}.p-dirt.d2{--rx:-.65;--pk:.07}.p-dirt.d3{--rx:-1.1;--pk:.12}.p-dirt.d4{--rx:.35;--pk:.4}.p-dirt.d5{--rx:.5;--pk:.3}[data-beat~=digging] .p-dirt{opacity:0;animation:.5s linear infinite dirt-flick}.p-dirt.d2{animation-delay:-100ms!important}.p-dirt.d3{animation-delay:-200ms!important}.p-dirt.d4{animation-delay:-300ms!important}.p-dirt.d5{animation-delay:-400ms!important}@keyframes dirt-flick{0%{opacity:0;transform:translate(0)}10%{opacity:1}50%{transform:translate(calc(var(--h) * var(--rx) * .5), calc(var(--h) * var(--pk) * -1))}75%{opacity:1}to{opacity:0;transform:translate(calc(var(--h) * var(--rx)), calc(var(--h) * .04))}}.p-dug{transform-origin:0 0;width:14.67%;height:28%;transition:none;bottom:56%;left:74%;transform:translateY(100%)rotate(-17.1887deg)}.p-crumb{--w:calc(var(--h) * .045);width:var(--w);height:var(--w);opacity:0;background:#8c6138;border-radius:50%;transition:none;bottom:31.2%;left:83.7%;box-shadow:0 0 0 .6px #4d2e14}.p-crumb.c2{bottom:34.1%;left:90%}[data-beat~=unearth] .p-crumb{animation:.45s ease-in both crumb-fall}[data-beat~=unearth] .p-crumb.c2{animation-delay:.15s}@keyframes crumb-fall{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(calc(var(--h) * .32))}}[data-beat~=unearth] .corgi-body{animation:1.8s linear both unearth-shake}@keyframes unearth-shake{0%{transform:rotate(0)}3.6%{transform:rotate(-3.31deg)}7.1%{transform:rotate(.29deg)}10.7%{transform:rotate(3.04deg)}14.3%{transform:rotate(-.53deg)}17.9%{transform:rotate(-2.75deg)}21.4%{transform:rotate(.72deg)}25%{transform:rotate(2.45deg)}28.6%{transform:rotate(-.86deg)}32.1%{transform:rotate(-2.15deg)}35.7%{transform:rotate(.96deg)}39.3%{transform:rotate(1.84deg)}42.9%{transform:rotate(-1.01deg)}46.4%{transform:rotate(-1.54deg)}50%{transform:rotate(1.01deg)}53.6%{transform:rotate(1.25deg)}57.1%{transform:rotate(-.97deg)}60.7%{transform:rotate(-.98deg)}64.3%{transform:rotate(.89deg)}67.9%{transform:rotate(.73deg)}71.4%{transform:rotate(-.77deg)}75%{transform:rotate(-.51deg)}78.6%{transform:rotate(.61deg)}82.1%{transform:rotate(.31deg)}85.7%{transform:rotate(-.43deg)}89.3%{transform:rotate(-.16deg)}92.9%{transform:rotate(.23deg)}96.4%{transform:rotate(.04deg)}to{transform:rotate(0)}}.p-crop{background:#ffffff17;border:1.5px dashed #fff;border-radius:3px;inset:22% 26% 25%;box-shadow:0 0 0 1px #00000038}.p-keycap{color:#221a15;font:600 12px/1.4 var(--font-code);background:#ffffffd9;border-radius:7px;padding:3px 9px;top:12px;left:12px;box-shadow:0 1px 0 1px #00000024}.p-flash{background:#fff;inset:0}[data-beat~=flash] .p-flash{animation:.42s ease-out both flash}@keyframes flash{0%{opacity:.85}to{opacity:0}}.p-fan{width:calc(21 * var(--u));height:calc(18 * var(--u));transform-origin:50% 100%;top:34%;left:72%}[data-beat~=fan] .p-fan{animation:.24s ease-in-out infinite alternate fan}@keyframes fan{0%{transform:rotate(-20deg)}to{transform:rotate(16deg)}}.p-sweat{width:calc(4 * var(--u));height:calc(6 * var(--u));background:#7cc1ef;border-radius:50%/62% 62% 40% 40%;top:5%;left:50%}[data-beat~=fan] .p-sweat,[data-beat~=juggle] .p-sweat{animation:.9s ease-in infinite sweat}@keyframes sweat{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-9px,18px)}}.p-jug{width:calc(9 * var(--u));height:calc(9 * var(--u));top:-4%;left:76%}[data-beat~=juggle] .p-jug{animation:1.05s linear infinite juggle}.p-jug.j2{animation-delay:-350ms!important}.p-jug.j3{animation-delay:-700ms!important}@keyframes juggle{0%{transform:translate(14px)}25%{transform:translate(6px,-26px)}50%{transform:translate(-6px,-18px)}75%{transform:translate(-2px,-6px)}to{transform:translate(14px)}}.p-cable,.p-cable-in{width:74px;height:22px;margin-left:18px;bottom:0;left:54%}.p-q{font:800 calc(18 * var(--u)) / 1 var(--font-display);color:var(--on-sky);transition:none;top:-32%;left:60%}[data-beat~=cable] .p-q{animation:.9s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(-5px)}}.p-drive{width:42px;height:20px;margin-left:16px;bottom:0;left:58%}[data-beat~=drive-out] .p-drive{opacity:1;animation:.9s ease-in forwards drive-out}@keyframes drive-out{to{opacity:0;transform:translate(44px)}}.p-frame-art{transition:none;inset:0}.water-ring{fill:none;stroke:#ffffffe6;stroke-width:1.1px;transform-box:fill-box;transform-origin:50%;opacity:0;animation:1.4s linear infinite water-ring}.water-ring.r2{animation-delay:-700ms}@keyframes water-ring{0%{opacity:0;transform:scale(.15)}20%{opacity:1}to{opacity:0;transform:scale(1)}}.water-drop{fill:#b3e6ff;stroke:#599ee6;stroke-width:.9px;opacity:0;animation:.8s linear infinite water-drop}.water-drop.d2{animation-delay:-267ms}.water-drop.d3{animation-delay:-533ms}@keyframes water-drop{0%{opacity:0;animation-timing-function:ease-out;transform:translateY(0)}10%{opacity:1}50%{transform:translateY(var(--rise));animation-timing-function:ease-in}85%{opacity:1}to{opacity:0;transform:translateY(0)}}.pillow{transform-box:fill-box;transform-origin:50% 100%;animation:3s ease-in-out infinite pillow-breath}@keyframes pillow-breath{0%,to{transform:scaleY(1)}50%{transform:scaleY(.9)}}.p-phones{transition:none;inset:0}[data-beat~=phones] .corgi-body{animation:.833s ease-in-out infinite nod}@keyframes nod{0%,to{transform:rotate(0)}25%{transform:rotate(-2.86479deg)}75%{transform:rotate(2.86479deg)}}.p-notes{--h:calc(46px * var(--pet));width:0;height:0;transition:none;bottom:86%;left:82%}.corgi[data-facing="-1"] .p-notes{transform:scaleX(-1)}.p-notes i{left:calc(var(--h) * -.13);bottom:calc(var(--h) * -.16);width:calc(var(--h) * .26);text-align:center;font:700 calc(var(--h) * .26) / 1.25 -apple-system, system-ui, sans-serif;color:var(--c);-webkit-text-stroke:.5px #4d2e14;opacity:0;font-style:normal;animation:1.8s linear infinite note-rise;position:absolute}.p-notes .n1{--c:#8c66f2;--d:.12}.p-notes .n2{--c:#f27399;--d:.2;animation-delay:-600ms}.p-notes .n3{--c:#4da6f2;--d:.28;animation-delay:-1200ms}@keyframes note-rise{0%{opacity:0;transform:translate(calc(var(--h) * var(--d) * 0), calc(var(--h) * -.45 * 0)) scale(.6)}15%{opacity:1;transform:translate(calc(var(--h) * var(--d) * .285), calc(var(--h) * -.45 * .141)) scale(.67)}30%{opacity:1;transform:translate(calc(var(--h) * var(--d) * .386), calc(var(--h) * -.45 * .292)) scale(.75)}45%{opacity:1;transform:translate(calc(var(--h) * var(--d) * .392), calc(var(--h) * -.45 * .448)) scale(.82)}60%{opacity:1;transform:translate(calc(var(--h) * var(--d) * .389), calc(var(--h) * -.45 * .605)) scale(.9)}75%{opacity:.62;transform:translate(calc(var(--h) * var(--d) * .464), calc(var(--h) * -.45 * .759)) scale(.97)}90%{opacity:.25;transform:translate(calc(var(--h) * var(--d) * .705), calc(var(--h) * -.45 * .907)) scale(1.05)}to{opacity:0;transform:translate(calc(var(--h) * var(--d) * 1), calc(var(--h) * -.45 * 1)) scale(1.1)}}[data-beat~=sway] .corgi-body{animation:1s linear infinite dance-rock,.5s linear infinite dance-bounce}@keyframes dance-rock{0%{rotate:0deg}6.25%{rotate:-1.53553deg}12.5%{rotate:-2.83614deg}18.75%{rotate:-3.70704deg}25%{rotate:-4.0107deg}31.25%{rotate:-3.70704deg}37.5%{rotate:-2.83614deg}43.75%{rotate:-1.53553deg}50%{rotate:0deg}56.25%{rotate:1.53553deg}62.5%{rotate:2.83614deg}68.75%{rotate:3.70704deg}75%{rotate:4.0107deg}81.25%{rotate:3.70704deg}87.5%{rotate:2.83614deg}93.75%{rotate:1.53553deg}to{rotate:0deg}}@keyframes dance-bounce{0%{translate:0 calc(-3px * var(--pet) * 0)}12.5%{translate:0 calc(-3px * var(--pet) * .438)}25%{translate:0 calc(-3px * var(--pet) * .75)}37.5%{translate:0 calc(-3px * var(--pet) * .938)}50%{translate:0 calc(-3px * var(--pet) * 1)}62.5%{translate:0 calc(-3px * var(--pet) * .938)}75%{translate:0 calc(-3px * var(--pet) * .75)}87.5%{translate:0 calc(-3px * var(--pet) * .438)}to{translate:0 calc(-3px * var(--pet) * 0)}}.p-hud{color:#fff;backdrop-filter:blur(10px);background:#2828329e;border-radius:12px;place-items:center;width:44px;height:44px;margin-left:-22px;display:grid;top:11%;left:50%}.p-hud svg{width:24px;height:24px}.p-capskey{color:#221a15;font:600 14px/1.3 var(--font-code);background:#ffffffdb;border-radius:8px;align-items:center;gap:6px;padding:4px 11px 4px 8px;display:flex;top:12px;left:12px;box-shadow:0 1px 0 1px #00000024}.p-capskey i{background:#3fd46a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #3fd46a}.p-thrown{width:16px;height:16px;bottom:0;left:24%}[data-beat~=throw] .p-thrown{animation:1.15s linear both thrown}@keyframes thrown{0%{transform:translateY(-24px)}30%{transform:translate(18cqi,-58px)}62%{transform:translate(36cqi,-6px)}78%{transform:translate(42cqi,-22px)}to{transform:translate(48cqi)}}.p-mouth{width:calc(7 * var(--u));height:calc(7 * var(--u));top:39%;left:73%}.p-rest{width:calc(7 * var(--u));height:calc(7 * var(--u));bottom:0;left:79%}[data-beat~=tug] .corgi-body{animation:.5s ease-in-out infinite alternate tug-lean}@keyframes tug-lean{0%{transform:rotate(-3deg)}to{transform:rotate(-8deg)translate(-3px)}}.p-dropped{width:14px;height:14px;margin-left:30px;bottom:0;left:62%}.p-tub,.p-sparkles{transition:none;inset:0}.bath-bubble{fill:#e6f7ffbf;stroke:#73b3e0;stroke-width:1.2px;transform-box:fill-box;transform-origin:50%;opacity:0;animation:1.6s linear infinite bath-bubble}@keyframes bath-bubble{0%{opacity:0;transform:translate(0)scale(.6)}15%{opacity:1}20%{transform:translate(calc(var(--dx) * .6), -9px) scale(1)}33.3%{transform:translate(var(--dx), -15px) scale(1)}66.7%{transform:translateY(-30px)scale(1)}85%{opacity:1;transform:translate(calc(var(--dx) * .55), -38px) scale(1)}to{opacity:0;transform:translate(var(--dx), -45px) scale(1.5)}}.bath-spark{fill:#fff5b3;stroke:#f2b833;stroke-width:1.2px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%;animation:.7s ease-in-out infinite bath-twinkle}@keyframes bath-twinkle{0%,to{opacity:.2;transform:scale(.2)}50%{opacity:1;transform:scale(1)}}.treat-bone{z-index:3;pointer-events:none;position:absolute;top:0;left:0}.treat-bone svg{width:100%;height:100%;display:block}.p-dragfile{width:20px;height:24px;bottom:0;left:42%}[data-beat~=drag] .p-dragfile{animation:1s ease-out both drag-file}@keyframes drag-file{0%{transform:translate(84px,-66px)rotate(9deg)}to{transform:translate(22px,-22px)rotate(3deg)}}[data-beat~=gulp] .p-gulp{animation:.7s ease-in both gulp}.p-gulp{width:20px;height:24px;bottom:0;left:42%}@keyframes gulp{0%{opacity:1;transform:translate(22px,-22px)scale(1)}to{opacity:0;transform:translate(30px,-2px)scale(.15)}}.dizzy-star{z-index:5;pointer-events:none;clip-path:polygon(50% 0,62% 35%,100% 38%,70% 60%,80% 100%,50% 77%,20% 100%,30% 60%,0 38%,38% 35%);background:#ffdb40;position:absolute}.p-star{width:calc(15 * var(--u));height:calc(15 * var(--u));top:8%;left:88%}[data-beat~=star] .p-star{animation:gear-pop .3s var(--spring) .5s both}.p-fly{--h:calc(46px * var(--pet));width:calc(var(--h) * .2);height:calc(var(--h) * .2);left:118%;bottom:calc(var(--h) * .91);transition:none}.butterfly{z-index:4;pointer-events:none;position:absolute;bottom:0;left:0}.butterfly svg,.p-fly svg{width:100%;height:100%;display:block}.butterfly .bf-wings{animation:80ms ease-in-out infinite alternate bf-flap}@keyframes bf-flap{0%{transform:scaleX(1)}to{transform:scaleX(.25)}}@keyframes flap{to{transform:scaleX(.55)}}.stage-floor{--pet:.85}@container (width>=420px){.stage-floor{--pet:1.05}}@container (width>=620px){.stage-floor{--pet:1.6}}.hero-floor{--pet:1.3}.p-robin,.p-cat{--h:calc(46px * var(--pet));transition:none;bottom:0}.p-robin{width:calc(var(--h) * .442);height:calc(var(--h) * .34);left:66%;transform:scaleX(-1)}.p-cat{width:calc(var(--h) * 1.125);height:calc(var(--h) * .75);left:62%;transform:scaleX(-1)}.visitor{z-index:1;pointer-events:none;position:absolute;bottom:0;left:0}.visitor svg,.p-robin svg,.p-cat svg{width:100%;height:100%;display:block}.visitor-cat .cat-leg.ahead{animation:.6s ease-in-out infinite cat-leg-a}.visitor-cat .cat-leg.behind{animation:.6s ease-in-out infinite cat-leg-b}.visitor-cat .cat-body{animation:.3s ease-in-out infinite cat-bob}.visitor-cat .cat-tail{animation:1.2s ease-in-out infinite cat-tail}@keyframes cat-leg-a{0%,to{transform:rotate(-20.0535deg)}50%{transform:rotate(20.0535deg)}}@keyframes cat-leg-b{0%,to{transform:rotate(20.0535deg)}50%{transform:rotate(-20.0535deg)}}@keyframes cat-bob{0%,to{transform:none}50%{transform:translateY(2.5px)}}@keyframes cat-tail{0%,to{transform:rotate(-4.58366deg)}50%{transform:rotate(4.58366deg)}}.visitor-robin.pecking .robin-peck{animation:2.6s linear infinite robin-peck}.visitor-robin.pecking .robin-hop{animation:2.6s linear infinite robin-hop}.visitor-robin.flapping .robin-wing{animation:70ms linear infinite alternate robin-flap}@keyframes robin-peck{0%,15%,30%,45%,to{transform:rotate(0)}22%,37%{transform:rotate(31.5127deg)}}@keyframes robin-hop{0%,62%,78%,to{transform:none}70%{transform:translateY(-18px)}}@keyframes robin-flap{0%{transform:scaleY(1)}to{transform:scaleY(-.7)}}@media (prefers-reduced-motion:reduce){.p-notes .n1{opacity:1;animation:none}.p-notes .n2,.p-notes .n3{display:none}.bath-bubble{opacity:1;animation:none}.bath-spark{animation:none}html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.js [data-reveal]{opacity:1;transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.nav{z-index:50;height:64px;margin-bottom:-64px;position:sticky;top:0}.nav:before{content:"";z-index:-1;opacity:0;background:color-mix(in srgb, var(--bg) 74%, transparent);backdrop-filter:blur(18px)saturate(140%);box-shadow:0 1px 0 var(--hairline);transition:opacity .18s linear;position:absolute;inset:0}.nav.scrolled:before{opacity:1}@supports (animation-timeline:scroll()){.nav:before{transition:none;animation:linear both nav-glass}.nav[data-nav]:before{animation-timeline:scroll();animation-range:0 40px}@keyframes nav-glass{0%{opacity:0}to{opacity:1}}}.nav-row{align-items:center;gap:28px;height:64px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:8px;font-size:1.1875rem;font-weight:800;text-decoration:none;display:inline-flex}.wordmark svg{width:21px;height:21px;color:var(--corgi-ink);fill:currentColor;stroke-width:1px}.nav-links{gap:4px;display:none}.nav-links a{color:var(--ink);border-radius:999px;padding:7px 12px;font-size:.9375rem;font-weight:550;text-decoration:none;transition:background-color .16s}.nav-links a:hover,.nav-links a[aria-current]{background:color-mix(in srgb, var(--ink) 8%, transparent)}.nav-right{align-items:center;gap:8px;margin-left:auto;display:flex}.theme-toggle{width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background-color .16s;display:grid;position:relative}.theme-toggle:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}.theme-toggle svg{width:19px;height:19px;transition:transform .3s var(--spring), opacity .16s;position:absolute}.i-moon{opacity:0;transform:rotate(-40deg)scale(.6)}[data-mode=dark] .i-sun{opacity:0;transform:rotate(40deg)scale(.6)}[data-mode=dark] .i-moon{opacity:1;transform:none}.nav-cta{justify-content:center;width:40px;padding-inline:0}.nav-cta svg{flex:none;width:18px;height:18px}.nav-cta-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1180px){.nav-cta{width:auto;padding-inline:14px}.nav-cta-label{clip-path:none;width:auto;height:auto;position:static;overflow:visible}}@media (width<=359px){.wordmark span{display:none}}.nav-menu{position:relative}.nav-menu summary{cursor:pointer;width:38px;height:38px;color:var(--ink);border-radius:50%;place-items:center;list-style:none;display:grid}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary svg{width:21px;height:21px}.nav-sheet{flex-direction:column;min-width:180px;padding:8px;display:flex;position:absolute;top:46px;right:0}.nav-sheet a{border-radius:12px;padding:10px 14px;font-weight:550;text-decoration:none}.nav-sheet a:hover{background:color-mix(in srgb, var(--ink) 7%, transparent)}@media (width>=900px){.nav-links{display:flex}.nav-menu{display:none}}.contact-icons{justify-content:center;gap:4px;display:flex}.contact-icons a{width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;transition:color .16s,background-color .16s;display:grid}.contact-icons a:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.contact-icons svg{width:18px;height:18px}.footer{box-shadow:0 -1px 0 var(--hairline);padding-block:64px 40px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;display:grid}.footer-brand{grid-column:1/-1}.footer-tag{color:var(--muted);margin-top:12px}.footer-made{font-family:var(--font-display);color:var(--corgi-ink);margin-top:14px;font-weight:700}.footer-brand .contact-icons{justify-content:flex-start;margin:8px 0 0 -11px}.footer h2{font-family:var(--font-code);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.footer nav ul{margin-top:12px;display:grid}.footer nav a{color:var(--ink);padding-block:5px;font-size:.9375rem;text-decoration:none;display:inline-block}.footer nav a:hover{color:var(--corgi-ink);text-underline-offset:3px;text-decoration:underline}.footer-social{gap:12px;margin-top:12px;display:flex}.footer-social a{color:var(--muted);align-items:center;gap:5px;font-size:.875rem;text-decoration:none;display:inline-flex}.footer-social svg{width:15px;height:15px}.footer-news{max-width:380px;margin-top:18px}.footer-news label{margin-bottom:8px;font-size:.9375rem;font-weight:600;display:block}.footer-news div{gap:8px;display:flex}.footer-news input{background:var(--surface);min-width:0;min-height:38px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--hairline-strong);border-radius:999px;flex:1;padding:0 14px}.footer-small{box-shadow:0 -1px 0 var(--hairline);color:var(--muted);margin-top:48px;padding-top:22px;font-size:12.5px;line-height:1.55}@media (width>=820px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer-brand{grid-column:auto}}
