@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) 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-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}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--body);--default-mono-font-family:var(--mono)}}@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,ui-sans-serif, system-ui, 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]){-webkit-text-decoration:underline dotted;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;-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{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{.start{inset-inline-start:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.min-h-full{min-height:100%}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,)}.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))}}:root{--moo-yellow:#ffd500;--moo-red:#ff3d47;--moo-blue:#4361ee;--moo-oat:#f0dfc8;--moo-black:#1a1a1a;--moo-white:#fff;--cat-overnight:#ffd500;--cat-chia:#f5a3d0;--cat-smoothie-bowl:#00b8d4;--cat-smoothie:#ff3d47;--cat-dessert:#5ac8c4;--cat-barista:#ffaa8a;--display:"Bebas Neue", Impact, "Arial Black", sans-serif;--body:"Inter", system-ui, -apple-system, sans-serif;--mono:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--fs-mega:clamp(3.5rem, 2.5rem + 5vw, 7rem);--fs-hero:clamp(2.8rem, 2rem + 4vw, 5.5rem);--fs-h2:clamp(1.5rem, 1.2rem + 1.2vw, 2.2rem);--fs-h3:clamp(1.2rem, 1rem + .8vw, 1.6rem);--fs-body:clamp(1rem, .9rem + .4vw, 1.15rem);--fs-small:clamp(.88rem, .82rem + .3vw, 1rem);--fs-label:clamp(.65rem, .6rem + .15vw, .75rem);--space-xs:clamp(.5rem, .4rem + .3vw, .75rem);--space-s:clamp(.75rem, .6rem + .5vw, 1.25rem);--space-m:clamp(1.5rem, 1.2rem + 1vw, 2.5rem);--space-l:clamp(2.5rem, 2rem + 2vw, 5rem);--space-xl:clamp(4rem, 3rem + 3vw, 8rem);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.16, 1, .3, 1);--duration:.12s;--duration-slow:.3s;--max-w:min(1200px, 90vw);--reading-w:680px;--radius:16px;--radius-pill:100px;--page-bg:var(--moo-oat);--surface:var(--moo-white);--ink:var(--moo-black);--muted:#666;--subtle:#999;--border-color:#1a1a1a14;--accent:var(--moo-red);--label-color:var(--moo-red);--grid-color:#1a1a1a0f;--grid-size:48px;--grid-width:1.5px}.surface-oat{--page-bg:var(--moo-oat);--surface:var(--moo-white);--ink:var(--moo-black);--muted:#666;--border-color:#1a1a1a14;--label-color:var(--moo-red);--grid-color:#1a1a1a0f;background:var(--page-bg);color:var(--ink)}.surface-dark{--page-bg:var(--moo-black);--surface:#222;--ink:#f0f0f0;--muted:#a0a0a0;--border-color:#ffffff14;--label-color:var(--moo-yellow);--grid-color:#ffffff0d;background:var(--page-bg);color:var(--ink)}.surface-blue{--page-bg:var(--moo-blue);--surface:#ffffff1a;--ink:var(--moo-white);--muted:#ffffffb3;--border-color:#ffffff26;--label-color:var(--moo-yellow);--grid-color:#ffffff1a;background:var(--page-bg);color:var(--ink)}.with-grid{background-image:linear-gradient(var(--grid-color) var(--grid-width), transparent var(--grid-width)), linear-gradient(90deg, var(--grid-color) var(--grid-width), transparent var(--grid-width));background-size:var(--grid-size) var(--grid-size)}.surface-dark ::selection{background:var(--moo-yellow);color:var(--moo-black)}.surface-blue ::selection{background:var(--moo-white);color:var(--moo-blue)}.surface-oat ::selection,:root ::selection{background:var(--moo-red);color:var(--moo-white)}@keyframes moo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes moo-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes moo-pop-in{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes moo-bounce-in{0%{opacity:0;transform:translateY(30px)}60%{transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes moo-star-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.anim-float{animation:4s ease-in-out infinite moo-float}.anim-wobble{animation:3s ease-in-out infinite moo-wobble}.anim-pop-in{animation:moo-pop-in .5s var(--ease-bounce) both}.anim-bounce-in{animation:moo-bounce-in .6s var(--ease-bounce) both}.anim-star-twinkle{animation:2s ease-in-out infinite moo-star-twinkle}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--body);font-size:var(--fs-body);color:var(--ink);background:var(--page-bg);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}a{color:currentColor;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;font-weight:400;line-height:1.1}.moo-container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 clamp(1.25rem,1rem + 1vw,2.5rem)}.moo-section{padding:var(--space-l) 0}.moo-divider{border:none;border-top:1px solid var(--border-color);max-width:var(--max-w);margin:0 auto}.moo-label{font-family:var(--body);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--label-color);margin-bottom:var(--space-s);font-weight:600;display:block}.moo-section-intro{font-family:var(--body);font-size:var(--fs-h3);color:var(--muted);max-width:55ch;line-height:1.5}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.moo-btn{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--duration) var(--ease-bounce), box-shadow var(--duration) var(--ease-bounce);white-space:nowrap;border:2px solid #0000;justify-content:center;align-items:center;gap:.5em;font-weight:400;line-height:1;text-decoration:none;display:inline-flex}.moo-btn--sm{font-size:var(--fs-small);padding:.4em 1.2em}.moo-btn--md{font-size:var(--fs-h3);padding:.45em 1.6em}.moo-btn--lg{font-size:var(--fs-h2);padding:.5em 2em}.moo-btn--yellow{background:var(--moo-yellow);color:var(--moo-black);border-color:var(--moo-black)}.moo-btn--red{background:var(--moo-red);color:var(--moo-white);border-color:var(--moo-red)}.moo-btn--blue{background:var(--moo-blue);color:var(--moo-white);border-color:var(--moo-blue)}.moo-btn--dark{background:var(--moo-black);color:var(--moo-white);border-color:var(--moo-black)}.moo-btn--outline{color:var(--ink);border-color:var(--ink);background:0 0}@media (hover:hover){.moo-btn:hover{box-shadow:0 4px 0 0 var(--moo-black);transform:translateY(-3px)}.moo-btn--dark:hover{box-shadow:0 4px 0 0 var(--moo-yellow)}}.moo-badge{font-family:var(--body);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:.3em;font-weight:600;line-height:1;display:inline-flex}.moo-badge--sm{font-size:var(--fs-label);padding:.35em .8em}.moo-badge--md{font-size:var(--fs-small);padding:.4em 1em}.moo-badge--yellow{background:var(--moo-yellow);color:var(--moo-black)}.moo-badge--red{background:var(--moo-red);color:var(--moo-white)}.moo-badge--blue{background:var(--moo-blue);color:var(--moo-white)}.moo-badge--dark{background:var(--moo-black);color:var(--moo-white)}.moo-badge--oat{background:var(--moo-oat);color:var(--moo-black)}.moo-badge--outline{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.moo-card{background:var(--surface);border-radius:var(--radius);color:var(--ink);transition:transform var(--duration) var(--ease-bounce), box-shadow var(--duration) var(--ease-bounce);text-decoration:none;display:block;overflow:hidden}.moo-card__body{padding:var(--space-s)}@media (hover:hover){a.moo-card:hover{transform:translateY(-6px);box-shadow:0 8px 0 -2px #1a1a1a14}}.moo-callout{padding:var(--space-s) var(--space-m);border-radius:0 var(--radius) var(--radius) 0;font-family:var(--body);font-size:var(--fs-body);line-height:1.6}.moo-callout--blue{border-left:4px solid var(--moo-blue);background:#4361ee14}.moo-callout--red{border-left:4px solid var(--moo-red);background:#ff3d4714}.moo-callout--yellow{border-left:4px solid var(--moo-yellow);background:#ffd5001a}.moo-angled{padding:var(--space-s) var(--space-m);font-family:var(--display);font-size:var(--fs-h2);letter-spacing:.04em;text-transform:uppercase;transition:transform var(--duration) var(--ease-bounce);cursor:pointer;font-weight:400;line-height:1.2;text-decoration:none;display:inline-block;transform:rotate(-3deg)}.moo-angled--red{background:var(--moo-red);color:var(--moo-white)}.moo-angled--yellow{background:var(--moo-yellow);color:var(--moo-black)}@media (hover:hover){.moo-angled:hover{transform:rotate(-3deg)scale(1.05)}}.moo-surface{padding:var(--space-l) 0}.moo-sh{margin-bottom:var(--space-m)}.moo-sh__label{font-family:var(--body);font-size:var(--fs-label);letter-spacing:.14em;text-transform:uppercase;color:var(--label-color);margin-bottom:var(--space-xs);font-weight:600;display:block}.moo-sh__title{font-family:var(--display);font-size:var(--fs-hero);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);font-weight:400;line-height:1.05}.moo-sh__desc{font-family:var(--body);font-size:var(--fs-body);color:var(--muted);max-width:55ch;margin-top:var(--space-xs);line-height:1.5}.moo-grid{display:grid}.moo-grid--2{grid-template-columns:repeat(2,1fr)}.moo-grid--3{grid-template-columns:repeat(3,1fr)}.moo-grid--4{grid-template-columns:repeat(4,1fr)}.moo-grid--gap-sm{gap:var(--space-s)}.moo-grid--gap-md{gap:var(--space-m)}.moo-grid--gap-lg{gap:var(--space-l)}@media (max-width:768px){.moo-grid--3,.moo-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.moo-grid--2,.moo-grid--3,.moo-grid--4{grid-template-columns:1fr}}@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-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}