:root{--white: #ffffff;--slate-100: #f8fafc;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--azure-100: #e0f2fe;--azure-200: #bae6fd;--azure-300: #7dd3fc;--azure-400: #38bdf8;--azure-500: #0ea5e9;--azure-600: #0284c7;--azure-700: #0369a1;--azure-800: #075985;--azure-900: #0c4a6e;--emerald-100: #dcfce7;--emerald-200: #bbf7d0;--emerald-300: #86efac;--emerald-400: #4ade80;--emerald-500: #22c55e;--emerald-600: #16a34a;--emerald-700: #15803d;--emerald-800: #166534;--emerald-900: #14532d;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--amber-700: #b45309;--amber-800: #92400e;--amber-900: #78350f;--rose-100: #ffe4e6;--rose-200: #fecdd3;--rose-300: #fda4af;--rose-400: #fb7185;--rose-500: #f43f5e;--rose-600: #e11d48;--rose-700: #be123c;--rose-800: #9f1239;--rose-900: #881337}:root{color-scheme:light dark;--primary: light-dark(var(--emerald-500), var(--emerald-300));--on-primary: light-dark(var(--slate-800), var(--white));--promo: light-dark(var(--amber-500), var(--amber-300));--on-promo: var(--amber-900);--brand: light-dark(var(--azure-500), var(--azure-300));--on-brand: light-dark(var(--white), var(--slate-900));--danger: light-dark(var(--rose-500), var(--rose-300));--on-danger: light-dark(var(--white), var(--slate-900));--on-secondary: light-dark(var(--slate-800), var(--slate-100));--primary-bg-gradient: linear-gradient( 180deg, light-dark(var(--emerald-300), var(--emerald-500)) 0%, light-dark(var(--emerald-400), var(--emerald-600)) 55%, light-dark(var(--emerald-500), var(--emerald-700)) 100% );--promo-bg-gradient: linear-gradient( 180deg, light-dark(var(--amber-300), var(--amber-200)) 0%, light-dark(var(--amber-400), var(--amber-300)) 55%, var(--amber-500) 100% );--border-primary: light-dark(var(--emerald-600), var(--emerald-400));--border-promo: light-dark(var(--amber-600), var(--amber-400));--text-primary: light-dark(var(--slate-800), var(--slate-100));--text-secondary: light-dark(var(--slate-600), var(--slate-300));--text-muted: light-dark(var(--slate-400), var(--slate-500));--text-inverted: light-dark(var(--slate-100), var(--slate-800));--text-link: light-dark(var(--azure-700), var(--azure-400));--text-link-hover: light-dark(var(--azure-900), var(--azure-300));--text-success: light-dark(var(--emerald-700), var(--emerald-400));--text-warning: light-dark(var(--amber-700), var(--amber-400));--text-on-header: light-dark(var(--white), var(--white));--bg-app: light-dark(var(--slate-100), var(--slate-900));--bg-card: light-dark(var(--white), var(--slate-800));--bg-card-hover: light-dark(var(--slate-100), var(--slate-700));--bg-header: light-dark(var(--slate-900), var(--slate-900));--bg-dark: var(--slate-900);--bg-secondary: light-dark(var(--white), var(--slate-800));--bg-card-item: light-dark(var(--white), var(--slate-700));--border-default: light-dark(var(--slate-200), var(--slate-700));--border-muted: light-dark(var(--slate-300), var(--slate-800));--border-strong: light-dark(var(--slate-900), var(--white));--border-focus: light-dark(var(--azure-500), var(--azure-400));--text-danger: light-dark(var(--rose-700), var(--rose-400));--border-error: light-dark(var(--rose-500), var(--rose-400));--badge-danger-bg: light-dark(var(--rose-100), var(--rose-900));--badge-danger-text: light-dark(var(--rose-800), var(--rose-300));--badge-rank-bg: var(--amber-400);--badge-rank-text: var(--amber-900);--badge-bonus-bg: light-dark(var(--emerald-100), var(--emerald-900));--badge-bonus-text: light-dark(var(--emerald-800), var(--emerald-300));--badge-hot-bg: light-dark(var(--amber-100), var(--amber-900));--badge-hot-text: light-dark(var(--amber-800), var(--amber-300));--state-layer-rgb: 0, 0, 0;--state-opacity-hover: .08;--state-opacity-focus: .12;--state-opacity-active: .16}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark;--state-layer-rgb: 255, 255, 255;--state-opacity-hover: .12;--state-opacity-focus: .18;--state-opacity-active: .24}:root{--font-main: "Inter Variable", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--major-third: 1.25;--perfect-forth: 1.333;--scale: var(--major-third);--fs-base: clamp(1rem, .22vw + .95rem, 1.125rem);--fs-h5: var(--fs-base);--fs-h4: calc(var(--fs-base) * var(--scale));--fs-h3: calc(var(--fs-h4) * var(--scale));--fs-h2: calc(var(--fs-h3) * var(--scale));--fs-h1: calc(var(--fs-h2) * var(--scale));--fs-sm: calc(var(--fs-base) / var(--scale));--fs-xs: calc(var(--fs-sm) / var(--scale));--fs-button: var(--fs-sm);--lh-h1: 1.1;--lh-h2: 1.1;--lh-h3: 1.3;--lh-h4: 1.4;--lh-sm: 1.5;--lh-base: 1.6;--ls-h1: -.022em;--ls-h2: -.015em;--ls-h3: -.01em;--ls-base: 0em;--ls-sm: .01em;--ls-xs: .02em;--ls-button: .02em}:root{--sp-1: .25rem;--sp-2: .5rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 9999px}:root{--shadow-base: 0 0% 0%;--shadow-strength: 5%;--shadow-1: 0 1px 2px 0 hsl(var(--shadow-base) / calc(var(--shadow-strength) + 3%));--shadow-2: 0 4px 6px -1px hsl(var(--shadow-base) / calc(var(--shadow-strength) + 1%)), 0 2px 4px -2px hsl(var(--shadow-base) / calc(var(--shadow-strength) + 2%));--shadow-3: 0 10px 15px -3px hsl(var(--shadow-base) / calc(var(--shadow-strength) - 1%)), 0 4px 6px -4px hsl(var(--shadow-base) / calc(var(--shadow-strength) + 1%));--shadow-4: 0 20px 25px -5px hsl(var(--shadow-base) / calc(var(--shadow-strength) - 2%)), 0 8px 10px -6px hsl(var(--shadow-base) / calc(var(--shadow-strength) - 1%))}[data-theme=dark]{--shadow-strength: 30%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul{list-style:none}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}body{font-size:var(--fs-base);line-height:var(--lh-base);letter-spacing:var(--ls-base);font-weight:var(--fw-regular);font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary)}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);letter-spacing:var(--ls-h1);font-weight:var(--fw-bold)}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--ls-h2);font-weight:var(--fw-bold)}h3{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);font-weight:var(--fw-semibold)}h4{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--ls-base);font-weight:var(--fw-semibold)}small{font-size:var(--fs-xs);line-height:var(--lh-sm);letter-spacing:var(--ls-xs);font-weight:var(--fw-regular)}