:root{--_neutral-0: 0 0% 100%;--_neutral-50: 220 14% 98%;--_neutral-100: 220 13% 95%;--_neutral-200: 220 13% 91%;--_neutral-300: 216 12% 84%;--_neutral-400: 217 11% 65%;--_neutral-500: 220 9% 46%;--_neutral-600: 215 14% 34%;--_neutral-700: 217 19% 24%;--_neutral-800: 215 25% 16%;--_neutral-900: 222 47% 11%;--_neutral-950: 229 84% 5%;--_brand-300: 212 90% 68%;--_brand-400: 212 85% 55%;--_brand-500: 213 80% 46%;--_brand-600: 214 77% 38%;--_accent-300: 38 95% 65%;--_accent-400: 38 92% 50%;--_accent-500: 37 88% 42%;--_success-500: 142 71% 45%;--_success-100: 141 79% 96%;--_warning-500: 38 92% 50%;--_warning-100: 48 96% 96%;--_error-500: 4 86% 58%;--_error-100: 4 93% 97%;--_info-500: 212 85% 55%;--_info-100: 214 100% 97%}:root{--_sp-1: .25rem;--_sp-2: .5rem;--_sp-3: .75rem;--_sp-4: 1rem;--_sp-5: 1.25rem;--_sp-6: 1.5rem;--_sp-8: 2rem;--_sp-10: 2.5rem;--_sp-12: 3rem;--_sp-16: 4rem;--_sp-20: 5rem;--_sp-24: 6rem;--_sp-32: 8rem;--_sp-40: 10rem;--_sp-48: 12rem}:root{--_font-sans: "Inter Variable", "Inter", system-ui, sans-serif;--_font-serif: "Cormorant Garamond", "Georgia", serif;--_font-mono: "JetBrains Mono", "Fira Code", monospace;--_text-xs: clamp(.75rem, .72rem + .15vw, .875rem);--_text-sm: clamp(.875rem, .84rem + .18vw, 1rem);--_text-md: clamp(1rem, .96rem + .2vw, 1.125rem);--_text-lg: clamp(1.125rem, 1.05rem + .38vw, 1.375rem);--_text-xl: clamp(1.375rem, 1.2rem + .88vw, 1.875rem);--_text-2xl: clamp(1.875rem, 1.5rem + 1.88vw, 2.75rem);--_text-3xl: clamp(2.5rem, 2rem + 2.5vw, 4rem);--_text-4xl: clamp(3.5rem, 2.8rem + 3.5vw, 6rem)}:root{--_dur-0: 0ms;--_dur-fast: .12s;--_dur-base: .22s;--_dur-slow: .38s;--_dur-lazy: .65s;--_ease-default: cubic-bezier(.4, 0, .2, 1);--_ease-out: cubic-bezier(0, 0, .2, 1);--_ease-in: cubic-bezier(.4, 0, 1, 1);--_ease-spring: cubic-bezier(.34, 1.56, .64, 1);--_ease-linear: linear}:root{--color-surface-base: hsl(var(--_neutral-0));--color-surface-primary: hsl(var(--_neutral-50));--color-surface-secondary: hsl(var(--_neutral-100));--color-surface-elevated: hsl(var(--_neutral-0));--color-surface-overlay: hsl(var(--_neutral-950) / .6);--color-surface-invert: hsl(var(--_neutral-900));--color-text-primary: hsl(var(--_neutral-900));--color-text-secondary: hsl(var(--_neutral-600));--color-text-tertiary: hsl(var(--_neutral-400));--color-text-disabled: hsl(var(--_neutral-300));--color-text-inverse: hsl(var(--_neutral-50));--color-text-on-action: hsl(var(--_neutral-0));--color-text-link: hsl(var(--_brand-500));--color-text-link-hover: hsl(var(--_brand-600));--color-action-default: hsl(var(--_brand-500));--color-action-hover: hsl(var(--_brand-600));--color-action-active: hsl(var(--_brand-600));--color-action-disabled: hsl(var(--_neutral-200));--color-action-subtle: hsl(var(--_brand-300) / .15);--color-brand-primary: hsl(var(--_brand-500));--color-brand-accent: hsl(var(--_accent-400));--color-border-default: hsl(var(--_neutral-200));--color-border-subtle: hsl(var(--_neutral-100));--color-border-strong: hsl(var(--_neutral-400));--color-border-action: hsl(var(--_brand-500));--color-border-focus: hsl(var(--_brand-500));--color-status-success: hsl(var(--_success-500));--color-status-success-bg: hsl(var(--_success-100));--color-status-warning: hsl(var(--_warning-500));--color-status-warning-bg: hsl(var(--_warning-100));--color-status-error: hsl(var(--_error-500));--color-status-error-bg: hsl(var(--_error-100));--color-status-info: hsl(var(--_info-500));--color-status-info-bg: hsl(var(--_info-100))}:root{--font-family-display: var(--_font-sans);--font-family-body: var(--_font-sans);--font-family-ui: var(--_font-sans);--font-family-mono: var(--_font-mono);--font-size-xs: var(--_text-xs);--font-size-sm: var(--_text-sm);--font-size-md: var(--_text-md);--font-size-lg: var(--_text-lg);--font-size-xl: var(--_text-xl);--font-size-2xl: var(--_text-2xl);--font-size-3xl: var(--_text-3xl);--font-size-4xl: var(--_text-4xl);--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.8;--tracking-tightest: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .2em}:root{--space-1: var(--_sp-1);--space-2: var(--_sp-2);--space-3: var(--_sp-3);--space-4: var(--_sp-4);--space-5: var(--_sp-5);--space-6: var(--_sp-6);--space-8: var(--_sp-8);--space-10: var(--_sp-10);--space-12: var(--_sp-12);--space-16: var(--_sp-16);--space-20: var(--_sp-20);--space-24: var(--_sp-24);--space-32: var(--_sp-32);--section-padding-y: var(--space-20);--section-padding-x: var(--space-8);--container-max-width: 80rem;--container-narrow-width: 48rem;--container-wide-width: 96rem;--gutter: var(--space-6)}:root{--elevation-0: none;--elevation-1: 0 1px 3px hsl(var(--_neutral-900) / .08), 0 1px 2px hsl(var(--_neutral-900) / .04);--elevation-2: 0 4px 6px hsl(var(--_neutral-900) / .07), 0 2px 4px hsl(var(--_neutral-900) / .05);--elevation-3: 0 10px 15px hsl(var(--_neutral-900) / .1), 0 4px 6px hsl(var(--_neutral-900) / .05);--elevation-4: 0 25px 50px hsl(var(--_neutral-900) / .18)}:root{--radius-none: 0;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-2xl: 32px;--radius-full: 9999px}:root{--duration-instant: var(--_dur-0);--duration-fast: var(--_dur-fast);--duration-normal: var(--_dur-base);--duration-slow: var(--_dur-slow);--duration-glacial: var(--_dur-lazy);--ease-default: var(--_ease-default);--ease-out: var(--_ease-out);--ease-in: var(--_ease-in);--ease-spring: var(--_ease-spring)}:root{--button-font-weight: var(--font-weight-semibold);--button-border-radius: var(--radius-md);--button-primary-bg: var(--color-action-default);--button-primary-color: var(--color-text-on-action);--button-primary-bg-hover: var(--color-action-hover);--button-secondary-bg: transparent;--button-secondary-color: var(--color-action-default);--button-secondary-border: var(--color-border-action);--button-secondary-bg-hover: var(--color-action-subtle);--button-ghost-color: var(--color-text-primary);--button-ghost-bg-hover: var(--color-surface-secondary);--button-link-color: var(--color-text-link);--button-padding-sm: var(--space-2) var(--space-4);--button-font-size-sm: var(--font-size-sm);--button-padding-md: var(--space-3) var(--space-5);--button-font-size-md: var(--font-size-md);--button-padding-lg: var(--space-4) var(--space-8);--button-font-size-lg: var(--font-size-lg);--icon-button-border-radius: var(--radius-md);--icon-button-bg: var(--color-surface-secondary);--icon-button-color: var(--color-text-primary);--icon-button-bg-hover: var(--color-border-default);--icon-button-ghost-color: var(--color-text-secondary);--icon-button-ghost-bg-hover: var(--color-surface-secondary);--icon-button-size-sm: 2rem;--icon-button-size-md: 2.5rem;--icon-button-size-lg: 3rem}:root{--input-padding: var(--space-2) var(--space-3);--input-font-size: var(--font-size-md);--input-color: var(--color-text-primary);--input-bg: var(--color-surface-base);--input-border: var(--color-border-default);--input-border-radius: var(--radius-md);--input-border-focus: var(--color-border-action);--input-ring: hsl(var(--_brand-500) / .15);--input-bg-disabled: var(--color-surface-secondary);--input-placeholder: var(--color-text-tertiary)}:root{--nav-gap: var(--space-2);--nav-link-color: var(--color-text-primary);--nav-link-font-weight: var(--font-weight-medium);--nav-link-font-size: var(--font-size-sm);--nav-link-padding: var(--space-2) var(--space-3);--nav-link-border-radius: var(--radius-sm);--nav-link-color-hover: var(--color-action-default);--nav-link-bg-hover: var(--color-surface-secondary);--nav-link-color-active: var(--color-action-default);--nav-link-font-weight-active: var(--font-weight-semibold);--nav-link-cta-bg: var(--color-action-default);--nav-link-cta-color: var(--color-text-on-action);--nav-link-cta-border-radius: var(--radius-md);--nav-link-cta-bg-hover: var(--color-action-hover);--breadcrumb-separator-spacing: var(--space-2);--breadcrumb-separator-color: var(--color-text-tertiary);--breadcrumb-link-color: var(--color-text-link);--breadcrumb-font-size: var(--font-size-sm);--breadcrumb-current-color: var(--color-text-primary)}:root{--hero-min-height: 60vh;--hero-padding-y: var(--space-16);--hero-overlay-color: hsl(var(--_neutral-950) / .5);--font-size-display: var(--font-size-3xl);--font-weight-bold: var(--font-weight-bold);--font-size-lead: var(--font-size-xl);--font-size-h2: var(--font-size-2xl);--cta-band-bg: var(--color-surface-primary);--cta-band-padding-y: var(--space-16);--cta-band-bg-accent: var(--color-status-info-bg);--cta-band-bg-dark: var(--color-surface-invert)}:root{--card-bg: var(--color-surface-base);--card-border-radius: var(--radius-lg);--card-shadow: var(--elevation-1);--card-padding: var(--space-6);--card-shadow-elevated: var(--elevation-3);--card-border-color: var(--color-border-default);--card-shadow-hover: var(--elevation-3);--card-grid-gap-sm: var(--space-4);--card-grid-gap-md: var(--space-6);--card-grid-gap-lg: var(--space-8)}:root{--section-bg: transparent;--section-bg-alt: var(--color-surface-primary);--section-bg-dark: var(--color-surface-invert);--section-bg-accent: var(--color-status-info-bg);--section-padding-compact: var(--space-6);--section-padding-normal: var(--space-12);--section-padding-wide: var(--space-24);--container-padding-x: var(--space-4);--container-max-width: 80rem;--container-narrow-width: 48rem;--container-wide-width: 96rem}:root{--dialog-backdrop: hsl(var(--_neutral-950) / .5);--dialog-bg: var(--color-surface-base);--dialog-border-radius: var(--radius-lg);--dialog-shadow: var(--elevation-4);--dialog-header-padding: var(--space-5) var(--space-6);--dialog-border: var(--color-border-subtle);--dialog-title-size: var(--font-size-lg);--dialog-close-color: var(--color-text-secondary);--dialog-close-color-hover: var(--color-text-primary);--dialog-body-padding: var(--space-6);--dialog-footer-padding: var(--space-4) var(--space-6);--drawer-backdrop: hsl(var(--_neutral-950) / .5);--drawer-bg: var(--color-surface-base);--drawer-shadow: var(--elevation-4);--drawer-close-color: var(--color-text-secondary);--drawer-body-padding: var(--space-6);--dropdown-bg: var(--color-surface-base);--dropdown-border: var(--color-border-default);--dropdown-border-radius: var(--radius-md);--dropdown-shadow: var(--elevation-2);--dropdown-padding: var(--space-2)}:root{--color-badge-default-bg: var(--color-border-default);--color-badge-default-text: var(--color-text-secondary);--color-badge-success-bg: var(--color-status-success-bg);--color-badge-success-text: var(--color-status-success);--color-badge-warning-bg: var(--color-status-warning-bg);--color-badge-warning-text: var(--color-status-warning);--color-badge-error-bg: var(--color-status-error-bg);--color-badge-error-text: var(--color-status-error);--color-badge-info-bg: var(--color-status-info-bg);--color-badge-info-text: var(--color-status-info);--color-badge-accent-bg: hsl(var(--_accent-400) / .15);--color-badge-accent-text: var(--color-brand-accent);--color-tag-default-bg: var(--color-border-default);--color-tag-default-text: var(--color-text-secondary);--color-tag-accent-bg: hsl(var(--_accent-400) / .15);--color-tag-accent-text: var(--color-brand-accent);--color-alert-info-bg: var(--color-status-info-bg);--color-alert-info-border: var(--color-status-info);--color-alert-info-text: hsl(var(--_info-500));--color-alert-success-bg: var(--color-status-success-bg);--color-alert-success-border: var(--color-status-success);--color-alert-success-text: hsl(var(--_success-500));--color-alert-warning-bg: var(--color-status-warning-bg);--color-alert-warning-border: var(--color-status-warning);--color-alert-warning-text: hsl(var(--_warning-500));--color-alert-error-bg: var(--color-status-error-bg);--color-alert-error-border: var(--color-status-error);--color-alert-error-text: hsl(var(--_error-500))}:root{--table-font-size: var(--font-size-sm);--table-cell-padding: var(--space-3) var(--space-4);--table-border: var(--color-border-subtle);--table-header-weight: var(--font-weight-semibold);--table-header-color: var(--color-text-secondary);--table-header-bg: var(--color-surface-primary);--table-stripe-bg: var(--color-surface-primary);--table-hover-bg: var(--color-surface-secondary);--list-item-color: var(--color-text-primary);--definition-list-term-color: var(--color-text-secondary);--definition-list-definition-color: var(--color-text-primary)}:root{--form-field-gap: var(--space-1);--form-gap: var(--space-6);--label-font-size: var(--font-size-sm);--label-font-weight: var(--font-weight-medium);--label-color: var(--color-text-primary);--checkbox-border: var(--color-border-default);--checkbox-border-radius: var(--radius-xs);--checkbox-bg: var(--color-surface-base);--checkbox-checked-bg: var(--color-action-default);--checkbox-checked-border: var(--color-action-default);--checkbox-label-size: var(--font-size-sm);--checkbox-label-color: var(--color-text-primary);--radio-gap: var(--space-3);--radio-border: var(--color-border-default);--radio-bg: var(--color-surface-base);--radio-checked-border: var(--color-action-default);--radio-checked-dot: var(--color-action-default);--radio-label-size: var(--font-size-sm);--radio-label-color: var(--color-text-primary);--toggle-bg: var(--color-border-default);--toggle-checked-bg: var(--color-action-default);--toggle-thumb-bg: var(--color-surface-base);--toggle-label-size: var(--font-size-sm);--toggle-label-color: var(--color-text-primary)}:root{--footer-bg: var(--color-surface-invert);--footer-color: var(--color-text-inverse);--footer-padding-y: var(--space-12);--footer-bg-dark: hsl(var(--_neutral-950));--footer-bg-minimal: transparent;--footer-color-minimal: inherit;--footer-padding-y-minimal: var(--space-6);--header-bg: transparent;--header-height: 4rem;--header-border-color: transparent;--header-bg-solid: var(--color-surface-base);--header-border-color-solid: var(--color-border-subtle)}:root{--heading-font-family: var(--font-family-display);--heading-font-weight: var(--font-weight-bold);--heading-line-height: var(--leading-snug);--heading-color: var(--color-text-primary);--heading-display-size: var(--font-size-4xl);--heading-display-weight: var(--font-weight-light);--heading-display-tracking: var(--tracking-tight);--heading-heading-size: var(--font-size-2xl);--heading-subheading-size: var(--font-size-xl);--heading-subheading-weight: var(--font-weight-regular);--heading-eyebrow-size: var(--font-size-xs);--heading-eyebrow-weight: var(--font-weight-semibold);--heading-eyebrow-tracking: var(--tracking-widest);--heading-eyebrow-color: var(--color-text-secondary);--text-font-family: var(--font-family-body);--text-line-height: var(--leading-normal);--text-body-size: var(--font-size-md);--text-lead-size: var(--font-size-lg);--text-lead-line-height: var(--leading-relaxed);--text-small-size: var(--font-size-sm);--text-caption-size: var(--font-size-xs);--code-font-family: var(--font-family-mono);--code-font-size: .9em;--code-inline-bg: var(--color-surface-secondary);--code-border-radius: var(--radius-sm);--code-inline-color: var(--color-status-error);--code-block-bg: var(--color-surface-invert);--code-block-color: var(--color-text-inverse);--code-block-padding: var(--space-4);--blockquote-padding: var(--space-4) var(--space-6);--blockquote-border-color: var(--color-brand-accent);--blockquote-color: var(--color-text-secondary);--blockquote-cite-size: var(--font-size-sm);--blockquote-cite-color: var(--color-text-tertiary)}:root{--tabs-border: var(--color-border-default);--tabs-tab-padding: var(--space-3) var(--space-4);--tabs-font-size: var(--font-size-sm);--tabs-tab-color: var(--color-text-secondary);--tabs-tab-color-hover: var(--color-text-primary);--tabs-tab-color-active: var(--color-action-default);--tabs-tab-border-active: var(--color-border-action);--accordion-border: var(--color-border-default);--accordion-trigger-padding: var(--space-4);--accordion-font-size: var(--font-size-md);--accordion-trigger-color: var(--color-text-primary);--accordion-trigger-color-hover: var(--color-action-default);--accordion-content-padding: var(--space-4)}:root{--skeleton-bg: var(--color-surface-secondary);--skeleton-border-radius: var(--radius-sm);--spinner-track: var(--color-border-default);--spinner-color: var(--color-action-default);--progress-height: .5rem;--progress-track: var(--color-surface-secondary);--progress-border-radius: var(--radius-full);--progress-fill: var(--color-action-default)}:root{--avatar-bg: var(--color-surface-secondary);--avatar-color: var(--color-text-secondary);--avatar-font-weight: var(--font-weight-medium);--avatar-square-radius: var(--radius-md)}:root{--link-color: var(--color-text-link);--link-color-hover: var(--color-text-link-hover);--pagination-gap: var(--space-1);--pagination-btn-size: 2.25rem;--pagination-border: var(--color-border-default);--pagination-border-radius: var(--radius-sm);--pagination-bg: var(--color-surface-base);--pagination-color: var(--color-text-primary);--pagination-font-size: var(--font-size-sm);--pagination-bg-hover: var(--color-surface-secondary);--pagination-border-hover: var(--color-border-strong);--pagination-active-bg: var(--color-action-default);--pagination-active-color: var(--color-text-on-action)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family-body);font-size:var(--font-size-md);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-surface-base);min-height:100svh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video,svg,picture{display:block;max-width:100%}img,video{height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none}a{color:var(--color-text-link);text-decoration-skip-ink:auto}table{border-collapse:collapse}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-theme=boy]{--_brand-300: 214 100% 75%;--_brand-400: 211 65% 57%;--_brand-500: 211 65% 57%;--_brand-600: 213 56% 40%;--_accent-300: 41 100% 81%;--_accent-400: 42 100% 70%;--_accent-500: 39 90% 63%;--_neutral-0: 0 0% 100%;--_neutral-50: 212 100% 97%;--_success-500: 153 45% 61%}[data-theme=girl]{--_brand-300: 339 80% 80%;--_brand-400: 339 74% 74%;--_brand-500: 340 72% 68%;--_brand-600: 338 50% 54%;--_accent-300: 41 100% 81%;--_accent-400: 42 100% 70%;--_accent-500: 39 90% 63%;--_neutral-0: 0 0% 100%;--_neutral-50: 336 100% 98%;--_success-500: 266 71% 73%}html{scroll-behavior:smooth;background:var(--color-surface-base);color:var(--color-text-primary);transition:background-color .5s cubic-bezier(.4,0,.2,1)}body{margin:0;font-family:var(--font-body, "Nunito", system-ui, sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--color-action-default);color:var(--color-text-on-action)}*:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-surface-secondary)}::-webkit-scrollbar-thumb{background:var(--color-action-default);border-radius:999px;border:3px solid var(--color-surface-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--color-action-hover)}@keyframes cozy-cursor-float{0%{opacity:1;transform:translate(0) rotate(0) scale(1)}to{opacity:0;transform:translate(var(--drift-x, 0),-50px) rotate(var(--rot, 0)) scale(.6)}}@media print{html,body{background:#fff!important;color:#000!important}cozy-game-host,cozy-hidden-hearts,.cozy-cursor-trail-layer,.floating-layer,.theme-toggle,button{display:none!important}section,cozy-hero,cozy-family,cozy-culture-blend,cozy-milestones{page-break-inside:avoid;break-inside:avoid}*,*:before,*:after{animation:none!important;transition:none!important}}:root{--font-display: "Baloo 2", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif}