:root{--paper: #fbf6f1;--paper-alt: #f4ece2;--surface: #ffffff;--rose: #ff8aa8;--rose-dk: #e85f87;--rose-pale: #ffd7e1;--rose-text: #b83f64;--rose-cta: var(--rose-text);--yellow: #ffd956;--orange: #ff7a3a;--green: #a8d678;--green-dk: #6fa84a;--green-text: #3f6b27;--ink: #2a1f24;--ink-soft: #6b535b;--on-rose: #ffffff;--tint-drop-rose: #ffd7e1;--tint-drop-sand: #f4ece2;--tint-drop-lilac: #e8d8e6;--tint-drop-peach: #fae3d6;--tint-drop-honey: #ffe9b8;--available: var(--green-text);--unavailable: var(--ink-soft);--line: color-mix(in srgb, var(--ink) 12%, transparent);--line-soft: color-mix(in srgb, var(--ink) 7%, transparent);--veil: color-mix(in srgb, var(--ink) 65%, transparent);--glass: color-mix(in srgb, var(--surface) 85%, transparent);--font-display: "Nunito", system-ui, sans-serif;--font-hand: "Caveat", cursive;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-hero: clamp(2.75rem, 1.42rem + 5.65vw, 5.25rem);--text-h2: clamp(2rem, 1.47rem + 2.26vw, 3rem);--text-h3: clamp(1.375rem, 1.04rem + 1.41vw, 2rem);--text-lead: clamp(1rem, .96rem + .19vw, 1.125rem);--text-body: .9375rem;--text-small: .8125rem;--text-label: .6875rem;--text-micro: .625rem;--leading-tight: .94;--leading-snug: 1.2;--leading-body: 1.6;--tracking-label: .12em;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .875rem;--space-md: 1.5rem;--space-lg: clamp(1.75rem, 1.35rem + 1.69vw, 2.5rem);--space-xl: clamp(2.25rem, 1.58rem + 2.82vw, 3.5rem);--space-2xl: clamp(3rem, 1.94rem + 4.52vw, 5rem);--gutter: clamp(1.25rem, .06rem + 5.08vw, 3.5rem);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-card: 0 1px 3px rgb(42 31 36 / 6%), 0 8px 24px -8px rgb(42 31 36 / 12%);--shadow-card-hv: 0 18px 40px -16px rgb(255 138 168 / 40%);--shadow-cta: 0 12px 24px -10px rgb(255 138 168 / 50%);--shadow-modal: 0 30px 80px rgb(0 0 0 / 40%);--content-max: 82.5rem;--nav-height: 3.75rem;--tap-target: 2.75rem;--ease-soft: cubic-bezier(.2, .7, .3, 1);--dur-fast: .2s;--dur-base: .35s;--dur-slow: .55s;--z-sticky: 30;--z-nav: 50;--z-menu: 60}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-padding-block-start:calc(var(--nav-height) + var(--space-md))}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{min-block-size:100dvh;margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);overflow-x:clip}:where(app-home,app-catalog,app-product-detail,app-commissions,app-not-found,app-hero,app-featured-drop,app-catalog-section,app-about-section,app-commissions-section,app-diary-section,app-contact-section){display:block}h1,h2,h3{font-family:var(--font-display);font-weight:900;line-height:var(--leading-snug);letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}img,svg,picture{display:block;max-inline-size:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2.5px solid var(--rose-text);outline-offset:3px}::selection{background:var(--rose-pale);color:var(--ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{inline-size:100%;max-inline-size:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--space-2xl)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs);z-index:var(--z-menu);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--ink);color:var(--paper);font-size:var(--text-small);font-weight:600;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-label);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-soft)}.hand{font-family:var(--font-hand);font-weight:700;letter-spacing:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-block-size:var(--tap-target);padding:.75rem 1.25rem;border:2px solid transparent;border-radius:var(--radius-pill);background:transparent;font-family:var(--font-display);font-size:var(--text-body);font-weight:800;line-height:1;text-align:center;transition:transform var(--dur-fast) var(--ease-soft),box-shadow var(--dur-fast) var(--ease-soft),background-color var(--dur-fast) var(--ease-soft)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--rose-cta);color:var(--on-rose)}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-cta)}.btn--dark{background:var(--ink);color:var(--paper)}.btn--dark:hover{box-shadow:var(--shadow-card)}.btn--ghost{border-color:var(--line);background:var(--surface);color:var(--ink)}.btn--ghost:hover{border-color:var(--rose);color:var(--rose-text)}.btn--block{inline-size:100%}.card{border:1px solid var(--line-soft);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;transition:transform var(--dur-base) var(--ease-soft),box-shadow var(--dur-base) var(--ease-soft)}.pill{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:.3rem .65rem;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}@media(min-width:48rem){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}}.channel{display:flex;flex-direction:column;gap:2px;min-block-size:var(--tap-target);padding:var(--space-sm) var(--space-md);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--dur-fast) var(--ease-soft),transform var(--dur-fast) var(--ease-soft)}.channel:hover{border-color:var(--rose);transform:translateY(-2px)}.channel__label{font-family:var(--font-display);font-weight:800}.channel__note{font-size:var(--text-small);color:var(--ink-soft)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:none}}@keyframes floaty{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@media(prefers-reduced-motion:no-preference){.animate-in{animation:fade-in-up .4s var(--ease-soft) both}}.mascot{display:block;flex:none}.mascot>svg{inline-size:100%;block-size:auto}@media(prefers-reduced-motion:no-preference){.mascot--float{animation:floaty 6s ease-in-out infinite}}.mascot--delayed{animation-delay:-2s}