@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--black-warm:#181410;--cream:#f2ede6;--text-dim:#8a847c;--neutral:#9c968d;--violet:#a877d4;--corail:#e6472e;--or:#f0c94b;--teal:#39d6b0;--violet-dim:oklch(from var(--violet) l c h / .16);--corail-dim:oklch(from var(--corail) l c h / .16);--or-dim:oklch(from var(--or) l c h / .16);--teal-dim:oklch(from var(--teal) l c h / .16);--neutral-dim:oklch(from var(--neutral) l c h / .16);--bg-surface:var(--black-warm);--bg-surface-light:var(--cream);--text-primary:var(--cream);--text-primary-onlight:var(--black-warm);--text-muted:var(--text-dim);--border-subtle:oklch(from var(--cream) l c h / .14);--border-subtle-onlight:oklch(from var(--black-warm) l c h / .14);--accent-brand:var(--or);--mark-ink-ondark:oklch(from var(--cream) l c h / .4);--mark-ink-onlight:oklch(from var(--black-warm) l c h / .36);--mark-ink:var(--mark-ink-ondark);--chip-off:var(--mark-ink-ondark);--cat-live:var(--corail);--cat-heal:var(--or);--cat-create:var(--violet);--cat-break:var(--neutral);--cat-build:var(--teal);--cat-live-ink:var(--cat-live);--cat-heal-ink:var(--cat-heal);--cat-create-ink:var(--cat-create);--cat-break-ink:var(--cat-break);--cat-build-ink:var(--cat-build);--cat-live-dim:var(--corail-dim);--cat-heal-dim:var(--or-dim);--cat-create-dim:var(--violet-dim);--cat-break-dim:var(--neutral-dim);--cat-build-dim:var(--teal-dim);--font-sans:"Space Grotesk", system-ui, sans-serif;--font-mono:"Space Grotesk", monospace;--text-display:clamp(2.5rem, 5vw, 4.5rem);--text-h1:2.25rem;--text-h2:1.5rem;--text-h3:1.125rem;--text-body:1rem;--text-small:.8125rem;--text-micro:.6875rem;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.6;--tracking-wide:.08em;--tracking-wider:.14em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-lg:16px;--radius-pill:999px;--container-max:960px}[data-theme=light]{--bg-surface:var(--cream);--text-primary:var(--black-warm);--text-muted:var(--neutral);--border-subtle:var(--border-subtle-onlight);--mark-ink:var(--mark-ink-onlight);--chip-off:var(--mark-ink-onlight);--cat-live-ink:oklch(from var(--corail) .42 c h);--cat-heal-ink:oklch(from var(--or) .42 c h);--cat-create-ink:oklch(from var(--violet) .42 c h);--cat-break-ink:oklch(from var(--neutral) .42 c h);--cat-build-ink:oklch(from var(--teal) .42 c h)}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--weight-regular);margin:0;transition:background .2s,color .2s}:root{--accent-clip:polygon(0% 0%, 100% 28.6%, 64.3% 100%, 10.7% 71.4%);--paillette-clip:var(--accent-clip)}.accent-paillette{width:1em;height:1em;clip-path:var(--paillette-clip);background:currentColor;display:inline-block}@keyframes paillette-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.accent-paillette-spin{animation:2.4s linear infinite paillette-spin}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes hs-spin{to{--angle:360deg}}@keyframes hs-celebrate-bounce{0%{transform:scale(1)}30%{transform:scale(1.07)}55%{transform:scale(.96)}75%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes g-bottle{0%{opacity:0;transform:translate(-50%,-16px)}14%{opacity:1;transform:translate(-50%)}62%{opacity:1}to{opacity:0;transform:translate(-50%,-10px)}}@keyframes g-fall{0%{opacity:0;transform:translate(-50%,-46px)scale(.6)}18%{opacity:1}70%{transform:translate(-50%,44px)scale(1)}to{opacity:0;transform:translate(-50%,60px)scale(.25,.55)}}@keyframes g-lid-shut{0%{transform:translateY(0)}to{transform:translateY(142px)}}@keyframes g-lash-shut{0%{transform:none}to{transform:translateY(50px)scaleY(-.7)}}@keyframes g-crease-in{0%{opacity:0}to{opacity:1}}@keyframes bi-jiggle{0%{transform:rotate(-.5deg)}50%{transform:rotate(.6deg)}to{transform:rotate(-.5deg)}}