:root{--color-surface-primary: #eef2f7;--color-surface-muted: #dfe5ef;--color-surface-card: #ffffff;--color-surface-inverse: #0f172a;--color-surface-placeholder: #1f2937;--color-surface-placeholder-alt: #111827;--color-surface-gradient-end: #d4dced;--color-surface-critical: rgba(248, 113, 113, .12);--color-surface-success: rgba(6, 125, 98, .12);--color-surface-warning: #fef3c7;--color-surface-overlay: rgba(15, 23, 42, .04);--color-surface-secondary: var(--color-surface-primary);--color-border-subtle: #cbd5e1;--color-border-critical: #f87171;--color-border-success: #10b981;--color-border-warning: #f59e0b;--color-border-strong: #0f172a;--color-border-focus: var(--color-accent-interactive);--color-border-primary: #94a3b8;--color-border-secondary: var(--color-border-subtle);--color-border-muted: var(--color-border-subtle);--color-border-default: #64748b;--color-text-primary: #0f172a;--color-text-secondary: #475467;--color-text-muted: #64748b;--color-text-tertiary: var(--color-text-muted);--color-text-inverse: #f8fafc;--color-overlay-backdrop: rgba(15, 23, 42, .5);--color-text-critical: #b91c1c;--color-text-success: #065f46;--color-text-warning: #78350f;--color-accent-primary: #ff9900;--color-accent-secondary: #febd69;--color-accent-interactive: #f08804;--color-accent-interactive-subtle: rgba(255, 153, 0, .12);--color-accent-success: #067d62;--color-accent-success-subtle: rgba(6, 125, 98, .12);--color-accent-warning: #d97706;--color-accent-warning-subtle: rgba(217, 119, 6, .12);--color-brand-primary: var(--color-accent-primary);--color-bg-surface: var(--color-surface-primary);--color-bg-surface-hover: var(--color-surface-muted);--color-bg-surface-active: var(--color-surface-overlay);--color-bg-base: var(--color-surface-primary);--color-button-text: #0f1111;--color-price: #f08804;--color-prime: #00a8e1;--color-rating-star: #ffa41c;--gradient-accent: linear-gradient( 135deg, var(--color-accent-primary), var(--color-accent-secondary) );--gradient-placeholder: repeating-linear-gradient( 135deg, var(--color-surface-placeholder), var(--color-surface-placeholder) 12px, var(--color-surface-placeholder-alt) 12px, var(--color-surface-placeholder-alt) 24px );--font-family-base: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: clamp(1.5rem, 3vw, 2.25rem);--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-size-logo: clamp(1.3rem, 3vw, 1.75rem);--font-weight-normal: 400;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.6;--line-height-relaxed: 1.7;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .1em;--letter-spacing-wider: .2em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-md: var(--space-4);--space-responsive-sm: clamp(var(--space-2), 3vw, var(--space-4));--space-responsive-md: clamp(var(--space-4), 5vw, var(--space-8));--space-responsive-lg: clamp(var(--space-6), 7vw, var(--space-12));--space-responsive-xl: clamp(var(--space-8), 8vw, var(--space-20));--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--icon-size-xl: 32px;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-pill: 999px;--border-width-hairline: .5px;--border-width-thin: 1px;--border-width-thick: 2px;--border-subtle: var(--border-width-thin) solid var(--color-border-subtle);--border-strong: var(--border-width-thick) solid var(--color-border-strong);--border-critical: var(--border-width-thin) solid var(--color-border-critical);--border-focus: var(--border-width-thick) solid var(--color-accent-interactive);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm-strong: 0 4px 8px rgba(15, 23, 42, .1);--shadow-md: 0 4px 16px rgba(15, 23, 42, .1), 0 2px 4px rgba(15, 23, 42, .06);--shadow-hover: 0 8px 24px rgba(15, 23, 42, .14), 0 4px 8px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12), 0 4px 8px rgba(15, 23, 42, .08);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-index-base: 1;--z-index-dropdown: 50;--z-index-sticky: 100;--z-index-overlay: 1000;--z-index-modal: 1050;--z-index-popover: 1100;--z-index-loading: 2000;--z-index-tooltip: 1200;--overlay-opacity-light: .5;--overlay-opacity-medium: .6;--overlay-opacity-dark: .75;--color-navbar-bg: #0f172a;--color-navbar-text: #f8fafc;--color-navbar-text-secondary: rgba(248, 250, 252, .75);--color-navbar-border: rgba(255, 255, 255, .1);--color-navbar-surface: rgba(255, 255, 255, .08);--color-navbar-surface-hover: rgba(255, 255, 255, .12)}[data-theme=dark]{--color-surface-primary: #0f172a;--color-surface-muted: #1e293b;--color-surface-card: #1e293b;--color-surface-inverse: #ffffff;--color-surface-placeholder: #334155;--color-surface-placeholder-alt: #475569;--color-surface-gradient-end: #1e1b4b;--color-surface-success: rgba(6, 125, 98, .12);--color-surface-warning: #1e1b4b;--color-surface-overlay: rgba(255, 255, 255, .04);--color-surface-secondary: var(--color-surface-muted);--color-border-subtle: #334155;--color-border-critical: #ef4444;--color-border-success: #10b981;--color-border-warning: #f59e0b;--color-border-strong: #e2e8f0;--color-border-focus: var(--color-accent-interactive);--color-border-primary: #64748b;--color-border-secondary: var(--color-border-subtle);--color-border-muted: var(--color-border-subtle);--color-border-default: #94a3b8;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-tertiary: var(--color-text-muted);--color-text-inverse: #0f172a;--color-overlay-backdrop: rgba(0, 0, 0, .6);--color-text-critical: #ef4444;--color-text-success: #10b981;--color-text-warning: #fbbf24;--color-accent-primary: #ff9900;--color-accent-secondary: #febd69;--color-accent-interactive: #f08804;--color-accent-interactive-subtle: rgba(255, 153, 0, .12);--color-accent-success: #067d62;--color-accent-success-subtle: rgba(6, 125, 98, .12);--color-accent-warning: #f59e0b;--color-accent-warning-subtle: rgba(245, 158, 11, .12);--color-brand-primary: var(--color-accent-primary);--color-bg-surface: var(--color-surface-primary);--color-bg-surface-hover: var(--color-surface-muted);--color-bg-surface-active: var(--color-surface-overlay);--color-bg-base: var(--color-surface-primary);--color-surface-critical: rgba(239, 68, 68, .12);--color-button-text: #0f1111;--color-price: #febd69;--color-prime: #00a8e1;--color-rating-star: #ffa41c;--gradient-placeholder: repeating-linear-gradient( 135deg, var(--color-surface-placeholder), var(--color-surface-placeholder) 12px, var(--color-surface-placeholder-alt) 12px, var(--color-surface-placeholder-alt) 24px )}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-surface-primary: #0f172a;--color-surface-muted: #1e293b;--color-surface-card: #1e293b;--color-surface-inverse: #ffffff;--color-surface-placeholder: #334155;--color-surface-placeholder-alt: #475569;--color-surface-gradient-end: #1e1b4b;--color-surface-success: rgba(6, 125, 98, .12);--color-surface-warning: #1e1b4b;--color-surface-overlay: rgba(255, 255, 255, .04);--color-surface-secondary: var(--color-surface-muted);--color-border-subtle: #334155;--color-border-critical: #ef4444;--color-border-success: #10b981;--color-border-warning: #f59e0b;--color-border-strong: #e2e8f0;--color-border-focus: var(--color-accent-interactive);--color-border-primary: #64748b;--color-border-secondary: var(--color-border-subtle);--color-border-muted: var(--color-border-subtle);--color-border-default: #94a3b8;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-tertiary: var(--color-text-muted);--color-text-inverse: #0f172a;--color-overlay-backdrop: rgba(0, 0, 0, .6);--color-text-critical: #ef4444;--color-text-success: #10b981;--color-text-warning: #fbbf24;--color-accent-primary: #ff9900;--color-accent-secondary: #febd69;--color-accent-interactive: #f08804;--color-accent-interactive-subtle: rgba(255, 153, 0, .12);--color-accent-success: #067d62;--color-accent-success-subtle: rgba(6, 125, 98, .12);--color-accent-warning: #f59e0b;--color-accent-warning-subtle: rgba(245, 158, 11, .12);--color-brand-primary: var(--color-accent-primary);--color-bg-surface: var(--color-surface-primary);--color-bg-surface-hover: var(--color-surface-muted);--color-bg-surface-active: var(--color-surface-overlay);--color-bg-base: var(--color-surface-primary);--color-surface-critical: rgba(239, 68, 68, .12);--color-button-text: #0f1111;--color-price: #febd69;--color-prime: #00a8e1;--color-rating-star: #ffa41c;--gradient-placeholder: repeating-linear-gradient( 135deg, var(--color-surface-placeholder), var(--color-surface-placeholder) 12px, var(--color-surface-placeholder-alt) 12px, var(--color-surface-placeholder-alt) 24px )}}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);color:var(--color-text-primary);background-color:var(--color-surface-muted);margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}::selection{background:var(--color-accent-interactive-subtle);color:var(--color-text-primary)}@keyframes spin{to{transform:rotate(360deg)}}.full-bleed{width:100vw;margin-left:50%;transform:translate(-50%);max-width:none;box-sizing:border-box}