/* AUTO-GENERATED by packages/tokens/src/build-css.ts — do not edit. */
@theme {
  --color-*: initial;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-transparent: transparent;
  --color-current: currentColor;
  --color-coral-50: #FFF4F1;
  --color-coral-100: #FFE4DD;
  --color-coral-200: #FFC9BB;
  --color-coral-300: #FFA48E;
  --color-coral-400: #FB7459;
  --color-coral-500: #F0563B;
  --color-coral-600: #D63F27;
  --color-coral-700: #B2301C;
  --color-coral-800: #8A2617;
  --color-coral-900: #5C1A10;
  --color-forest-50: #EEF7F2;
  --color-forest-100: #D5EDE1;
  --color-forest-200: #ABDBC4;
  --color-forest-300: #77C2A1;
  --color-forest-400: #47A27D;
  --color-forest-500: #2F8F6E;
  --color-forest-600: #237559;
  --color-forest-700: #1B5C46;
  --color-forest-800: #154536;
  --color-forest-900: #0E2E24;
  --color-sand-50: #FFF8EB;
  --color-sand-100: #FDEBC8;
  --color-sand-200: #FAD58E;
  --color-sand-300: #F6BB52;
  --color-sand-400: #F0A02A;
  --color-sand-500: #D9850F;
  --color-sand-600: #B2690A;
  --color-sand-700: #8A500C;
  --color-sand-800: #663B0E;
  --color-sand-900: #43270B;
  --color-sky-50: #EFF6FF;
  --color-sky-100: #DBEAFE;
  --color-sky-200: #B9D6FB;
  --color-sky-300: #86B8F5;
  --color-sky-400: #4F93EC;
  --color-sky-500: #2A78E0;
  --color-sky-600: #1D6FD8;
  --color-sky-700: #1A55A8;
  --color-sky-800: #1A4583;
  --color-sky-900: #172F55;
  --color-neutral-0: #FFFFFF;
  --color-neutral-25: #FCFCFB;
  --color-neutral-50: #F7F7F6;
  --color-neutral-100: #EFEFED;
  --color-neutral-200: #E2E2DF;
  --color-neutral-300: #C9C9C5;
  --color-neutral-400: #ABABA6;
  --color-neutral-500: #8C8C87;
  --color-neutral-600: #6A6A66;
  --color-neutral-700: #4A4A47;
  --color-neutral-800: #2E2E2C;
  --color-neutral-900: #222221;
  --color-neutral-950: #161615;
  --color-red-50: #FEF2F0;
  --color-red-100: #FDE0DA;
  --color-red-500: #D9381E;
  --color-red-600: #C13515;
  --color-red-700: #9C2A10;
  --color-green-50: #EDFAEE;
  --color-green-100: #D2F2D5;
  --color-green-500: #0E9F3E;
  --color-green-600: #008A05;
  --color-green-700: #006B04;
  --color-amber-50: #FFF7E6;
  --color-amber-100: #FFEBC2;
  --color-amber-500: #E08A00;
  --color-amber-600: #B25E00;
  --color-amber-700: #8A4900;
  --font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --text-display: 3.5rem;
  --text-display--line-height: 3.75rem;
  --text-display--letter-spacing: -0.03em;
  --text-display--font-weight: 800;
  --text-h1: 2.5rem;
  --text-h1--line-height: 2.875rem;
  --text-h1--letter-spacing: -0.025em;
  --text-h1--font-weight: 800;
  --text-h2: 2rem;
  --text-h2--line-height: 2.375rem;
  --text-h2--letter-spacing: -0.02em;
  --text-h2--font-weight: 700;
  --text-h3: 1.625rem;
  --text-h3--line-height: 2rem;
  --text-h3--letter-spacing: -0.015em;
  --text-h3--font-weight: 700;
  --text-h4: 1.375rem;
  --text-h4--line-height: 1.75rem;
  --text-h4--letter-spacing: -0.01em;
  --text-h4--font-weight: 700;
  --text-h5: 1.125rem;
  --text-h5--line-height: 1.5rem;
  --text-h5--letter-spacing: -0.005em;
  --text-h5--font-weight: 600;
  --text-body-lg: 1.125rem;
  --text-body-lg--line-height: 1.75rem;
  --text-body-lg--letter-spacing: 0em;
  --text-body-lg--font-weight: 400;
  --text-body: 1rem;
  --text-body--line-height: 1.5rem;
  --text-body--letter-spacing: 0em;
  --text-body--font-weight: 400;
  --text-body-sm: 0.875rem;
  --text-body-sm--line-height: 1.25rem;
  --text-body-sm--letter-spacing: 0em;
  --text-body-sm--font-weight: 400;
  --text-caption: 0.75rem;
  --text-caption--line-height: 1rem;
  --text-caption--letter-spacing: 0.005em;
  --text-caption--font-weight: 500;
  --text-overline: 0.6875rem;
  --text-overline--line-height: 0.875rem;
  --text-overline--letter-spacing: 0.08em;
  --text-overline--font-weight: 700;
  --radius-*: initial;
  --radius-none: 0rem;
  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-2xl: 2rem;
  --radius-full: 9999px;
  --shadow-*: initial;
  --shadow-xs: 0 1px 2px rgba(22,22,21,0.06);
  --shadow-sm: 0 1px 2px rgba(22,22,21,0.08), 0 2px 6px rgba(22,22,21,0.04);
  --shadow-md: 0 2px 4px rgba(22,22,21,0.06), 0 6px 16px rgba(22,22,21,0.10);
  --shadow-lg: 0 4px 8px rgba(22,22,21,0.06), 0 12px 28px rgba(22,22,21,0.14);
  --shadow-xl: 0 8px 16px rgba(22,22,21,0.08), 0 24px 48px rgba(22,22,21,0.18);
  --shadow-search: 0 1px 2px rgba(22,22,21,0.08), 0 4px 12px rgba(22,22,21,0.06);
  --breakpoint-*: initial;
  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --breakpoint-2xl: 90rem;
  --breakpoint-3xl: 110rem;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-emphasized: cubic-bezier(0.3, 0, 0, 1.15);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --duration-instant: 80ms;
  --duration-fast: 150ms;
  --duration-base: 220ms;
  --duration-slow: 320ms;
  --duration-slower: 480ms;
  --animate-shimmer: shimmer 1.4s linear infinite;
  --animate-fade-in: fade-in var(--duration-base) var(--ease-standard) both;
  --animate-scale-in: scale-in var(--duration-base) var(--ease-emphasized) both;
  --animate-slide-up: slide-up var(--duration-slow) var(--ease-emphasized) both;
  --animate-heart-pop: heart-pop 420ms var(--ease-emphasized) both;
}

@theme inline {
  --color-bg: var(--pn-bg);
  --color-bg-subtle: var(--pn-bg-subtle);
  --color-bg-muted: var(--pn-bg-muted);
  --color-bg-inverse: var(--pn-bg-inverse);
  --color-surface: var(--pn-surface);
  --color-surface-raised: var(--pn-surface-raised);
  --color-surface-sunken: var(--pn-surface-sunken);
  --color-overlay: var(--pn-overlay);
  --color-scrim: var(--pn-scrim);
  --color-fg: var(--pn-fg);
  --color-fg-muted: var(--pn-fg-muted);
  --color-fg-subtle: var(--pn-fg-subtle);
  --color-fg-disabled: var(--pn-fg-disabled);
  --color-fg-inverse: var(--pn-fg-inverse);
  --color-fg-on-primary: var(--pn-fg-on-primary);
  --color-border: var(--pn-border);
  --color-border-strong: var(--pn-border-strong);
  --color-border-subtle: var(--pn-border-subtle);
  --color-border-focus: var(--pn-border-focus);
  --color-primary: var(--pn-primary);
  --color-primary-hover: var(--pn-primary-hover);
  --color-primary-pressed: var(--pn-primary-pressed);
  --color-primary-subtle: var(--pn-primary-subtle);
  --color-primary-muted: var(--pn-primary-muted);
  --color-primary-fg: var(--pn-primary-fg);
  --color-brand: var(--pn-brand);
  --color-secondary: var(--pn-secondary);
  --color-secondary-hover: var(--pn-secondary-hover);
  --color-secondary-subtle: var(--pn-secondary-subtle);
  --color-secondary-fg: var(--pn-secondary-fg);
  --color-accent: var(--pn-accent);
  --color-accent-subtle: var(--pn-accent-subtle);
  --color-accent-fg: var(--pn-accent-fg);
  --color-info: var(--pn-info);
  --color-info-subtle: var(--pn-info-subtle);
  --color-info-fg: var(--pn-info-fg);
  --color-success: var(--pn-success);
  --color-success-subtle: var(--pn-success-subtle);
  --color-success-fg: var(--pn-success-fg);
  --color-warning: var(--pn-warning);
  --color-warning-subtle: var(--pn-warning-subtle);
  --color-warning-fg: var(--pn-warning-fg);
  --color-danger: var(--pn-danger);
  --color-danger-subtle: var(--pn-danger-subtle);
  --color-danger-fg: var(--pn-danger-fg);
  --color-focus: var(--pn-focus);
  --color-rating: var(--pn-rating);
  --color-favorite: var(--pn-favorite);
  --color-skeleton: var(--pn-skeleton);
  --color-skeleton-shine: var(--pn-skeleton-shine);
  --shadow-focus: 0 0 0 2px var(--pn-bg), 0 0 0 4px var(--pn-focus);
}

:root, [data-theme="light"] {
  color-scheme: light;
  --pn-bg: #FFFFFF;
  --pn-bg-subtle: #F7F7F6;
  --pn-bg-muted: #EFEFED;
  --pn-bg-inverse: #222221;
  --pn-surface: #FFFFFF;
  --pn-surface-raised: #FFFFFF;
  --pn-surface-sunken: #F7F7F6;
  --pn-overlay: rgba(22,22,21,0.5);
  --pn-scrim: rgba(22,22,21,0.04);
  --pn-fg: #222221;
  --pn-fg-muted: #6A6A66;
  --pn-fg-subtle: #8C8C87;
  --pn-fg-disabled: #ABABA6;
  --pn-fg-inverse: #FFFFFF;
  --pn-fg-on-primary: #FFFFFF;
  --pn-border: #E2E2DF;
  --pn-border-strong: #C9C9C5;
  --pn-border-subtle: #EFEFED;
  --pn-border-focus: #222221;
  --pn-primary: #D63F27;
  --pn-primary-hover: #B2301C;
  --pn-primary-pressed: #8A2617;
  --pn-primary-subtle: #FFF4F1;
  --pn-primary-muted: #FFE4DD;
  --pn-primary-fg: #B2301C;
  --pn-brand: #F0563B;
  --pn-secondary: #237559;
  --pn-secondary-hover: #1B5C46;
  --pn-secondary-subtle: #EEF7F2;
  --pn-secondary-fg: #1B5C46;
  --pn-accent: #F0A02A;
  --pn-accent-subtle: #FFF8EB;
  --pn-accent-fg: #8A500C;
  --pn-info: #1D6FD8;
  --pn-info-subtle: #EFF6FF;
  --pn-info-fg: #1A55A8;
  --pn-success: #008A05;
  --pn-success-subtle: #EDFAEE;
  --pn-success-fg: #006B04;
  --pn-warning: #B25E00;
  --pn-warning-subtle: #FFF7E6;
  --pn-warning-fg: #8A4900;
  --pn-danger: #C13515;
  --pn-danger-subtle: #FEF2F0;
  --pn-danger-fg: #9C2A10;
  --pn-focus: #222221;
  --pn-rating: #222221;
  --pn-favorite: #F0563B;
  --pn-skeleton: #EFEFED;
  --pn-skeleton-shine: #F7F7F6;
}
.dark, [data-theme="dark"] {
  color-scheme: dark;
  --pn-bg: #161615;
  --pn-bg-subtle: #1C1C1B;
  --pn-bg-muted: #2E2E2C;
  --pn-bg-inverse: #F7F7F6;
  --pn-surface: #1C1C1B;
  --pn-surface-raised: #252524;
  --pn-surface-sunken: #111110;
  --pn-overlay: rgba(0,0,0,0.65);
  --pn-scrim: rgba(255,255,255,0.04);
  --pn-fg: #F7F7F6;
  --pn-fg-muted: #ABABA6;
  --pn-fg-subtle: #8C8C87;
  --pn-fg-disabled: #6A6A66;
  --pn-fg-inverse: #222221;
  --pn-fg-on-primary: #161615;
  --pn-border: #343432;
  --pn-border-strong: #4A4A47;
  --pn-border-subtle: #262625;
  --pn-border-focus: #F7F7F6;
  --pn-primary: #FB7459;
  --pn-primary-hover: #FFA48E;
  --pn-primary-pressed: #FFC9BB;
  --pn-primary-subtle: #3A1E18;
  --pn-primary-muted: #4D241B;
  --pn-primary-fg: #FFA48E;
  --pn-brand: #FB7459;
  --pn-secondary: #47A27D;
  --pn-secondary-hover: #77C2A1;
  --pn-secondary-subtle: #14281F;
  --pn-secondary-fg: #77C2A1;
  --pn-accent: #F6BB52;
  --pn-accent-subtle: #2E2410;
  --pn-accent-fg: #FAD58E;
  --pn-info: #4F93EC;
  --pn-info-subtle: #152238;
  --pn-info-fg: #86B8F5;
  --pn-success: #3FBF62;
  --pn-success-subtle: #12261A;
  --pn-success-fg: #7FDB97;
  --pn-warning: #E08A00;
  --pn-warning-subtle: #2D2210;
  --pn-warning-fg: #F5C26B;
  --pn-danger: #F0705A;
  --pn-danger-subtle: #331713;
  --pn-danger-fg: #F8A595;
  --pn-focus: #F7F7F6;
  --pn-rating: #F7F7F6;
  --pn-favorite: #FB7459;
  --pn-skeleton: #262625;
  --pn-skeleton-shine: #2E2E2C;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not(.light) {
    color-scheme: dark;
    --pn-bg: #161615;
    --pn-bg-subtle: #1C1C1B;
    --pn-bg-muted: #2E2E2C;
    --pn-bg-inverse: #F7F7F6;
    --pn-surface: #1C1C1B;
    --pn-surface-raised: #252524;
    --pn-surface-sunken: #111110;
    --pn-overlay: rgba(0,0,0,0.65);
    --pn-scrim: rgba(255,255,255,0.04);
    --pn-fg: #F7F7F6;
    --pn-fg-muted: #ABABA6;
    --pn-fg-subtle: #8C8C87;
    --pn-fg-disabled: #6A6A66;
    --pn-fg-inverse: #222221;
    --pn-fg-on-primary: #161615;
    --pn-border: #343432;
    --pn-border-strong: #4A4A47;
    --pn-border-subtle: #262625;
    --pn-border-focus: #F7F7F6;
    --pn-primary: #FB7459;
    --pn-primary-hover: #FFA48E;
    --pn-primary-pressed: #FFC9BB;
    --pn-primary-subtle: #3A1E18;
    --pn-primary-muted: #4D241B;
    --pn-primary-fg: #FFA48E;
    --pn-brand: #FB7459;
    --pn-secondary: #47A27D;
    --pn-secondary-hover: #77C2A1;
    --pn-secondary-subtle: #14281F;
    --pn-secondary-fg: #77C2A1;
    --pn-accent: #F6BB52;
    --pn-accent-subtle: #2E2410;
    --pn-accent-fg: #FAD58E;
    --pn-info: #4F93EC;
    --pn-info-subtle: #152238;
    --pn-info-fg: #86B8F5;
    --pn-success: #3FBF62;
    --pn-success-subtle: #12261A;
    --pn-success-fg: #7FDB97;
    --pn-warning: #E08A00;
    --pn-warning-subtle: #2D2210;
    --pn-warning-fg: #F5C26B;
    --pn-danger: #F0705A;
    --pn-danger-subtle: #331713;
    --pn-danger-fg: #F8A595;
    --pn-focus: #F7F7F6;
    --pn-rating: #F7F7F6;
    --pn-favorite: #FB7459;
    --pn-skeleton: #262625;
    --pn-skeleton-shine: #2E2E2C;
  }
}

:root {
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-header: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-popover: 500;
  --z-toast: 600;
  --header-height: 80px;
  --header-height-compact: 64px;
  --tabbar-height: 64px;
  --max-content: 1760px;
}

@keyframes shimmer { from { background-position: -200% 0; } to { background-position: 200% 0; } }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes scale-in { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }
@keyframes slide-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes slide-in-right { from { transform: translateX(100%); } to { transform: translateX(0); } }
@keyframes slide-in-left { from { transform: translateX(-100%); } to { transform: translateX(0); } }
@keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height); } }
@keyframes accordion-up { from { height: var(--radix-accordion-content-height); } to { height: 0; } }
@keyframes heart-pop { 0% { transform: scale(1); } 35% { transform: scale(1.28); } 60% { transform: scale(0.92); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
}