:root{--dawn-500:#ff6b35;--dawn-700:#c2410c;--gold-500:#f7931e;--gold-700:#b45309;--amber-300:#fcd34d;--sand-400:#e0c592;--sand-700:#8a6a35;--dawn-800:#9a3412;--dusk-100:#e3e7f5;--dusk-500:#4a5899;--navy-700:#1b2845;--navy-800:#161b35;--navy-900:#0a0e27;--sand-50:#fff7ee;--lilac-50:#f4eef6;--white:#fff;--black:#000;--slate-300:#c3c2d0;--slate-400:#94a3b8;--slate-450:#9a9cb3;--slate-500:#64748b;--slate-600:#475569;--green-400:#4ade80;--green-500:#22c55e;--green-700:#15803d;--red-400:#f87171;--red-500:#ef4444;--red-700:#b91c1c;--orange-400:orange;--coral-400:#ff6b6b;--lilac-300:#b4a5f2;--steel-300:#b3c6ea;--steel-700:#3a5a94;--night-900:#121212;--night-800:#1f1a1a;--night-700:#2e2626;--night-text:#f0736c;--night-text-2:#d0645e;--night-red:#ff4d4d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--font-display:"Crimson Pro", serif;--font-body:"DM Sans", sans-serif;--text-2xs:.7rem;--text-xs:.75rem;--text-sm:.85rem;--text-md:.9rem;--text-base:1rem;--text-lg:1.1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.8rem;--text-4xl:2rem;--text-5xl:2.5rem;--text-6xl:3rem;--text-7xl:4rem;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.6;--leading-relaxed:1.7;--tracking-tight:-.02em;--tracking-wide:.05em;--tracking-wider:.15em;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:999px;--duration-fast:.15s;--duration-base:.2s;--duration-slow:.8s;--ease-out:ease-out;--ease-fluid:cubic-bezier(.2, 0, 0, 1);--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:var(--navy-900);--gradient-page:linear-gradient(135deg, var(--navy-900) 0%, var(--navy-700) 50%, var(--dusk-500) 100%);--gradient-glow:radial-gradient(ellipse at 20% 30%, color-mix(in srgb, var(--dawn-500) 15%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, color-mix(in srgb, var(--dusk-500) 15%, transparent) 0%, transparent 50%);--color-text:var(--white);--color-text-soft:color-mix(in srgb, var(--white) 90%, transparent);--color-text-muted:color-mix(in srgb, var(--white) 70%, transparent);--color-text-subtle:color-mix(in srgb, var(--white) 60%, transparent);--color-text-faint:color-mix(in srgb, var(--white) 50%, transparent);--color-text-accent:var(--gold-500);--color-text-strong-accent:var(--dawn-500);--gradient-heading:linear-gradient(135deg, var(--dawn-500), var(--gold-500), var(--dawn-500));--color-surface:color-mix(in srgb, var(--white) 5%, transparent);--color-card:color-mix(in srgb, var(--navy-900) 85%, transparent);--color-surface-hover:color-mix(in srgb, var(--white) 8%, transparent);--color-surface-active:color-mix(in srgb, var(--white) 15%, transparent);--color-surface-faint:color-mix(in srgb, var(--white) 3%, transparent);--color-surface-disabled:color-mix(in srgb, var(--white) 2%, transparent);--color-surface-group:color-mix(in srgb, var(--white) 12%, transparent);--color-inset:color-mix(in srgb, var(--black) 20%, transparent);--color-inset-soft:color-mix(in srgb, var(--black) 15%, transparent);--color-inset-faint:color-mix(in srgb, var(--black) 10%, transparent);--color-inset-strong:color-mix(in srgb, var(--black) 30%, transparent);--color-overlay:var(--navy-700);--color-backdrop:color-mix(in srgb, var(--navy-900) 70%, transparent);--color-option-bg:var(--navy-700);--color-option-hover:var(--dusk-500);--color-border:color-mix(in srgb, var(--white) 10%, transparent);--color-border-subtle:color-mix(in srgb, var(--white) 5%, transparent);--color-accent:var(--gold-500);--color-accent-strong:var(--dawn-500);--color-accent-soft:color-mix(in srgb, var(--gold-500) 10%, transparent);--color-accent-muted:color-mix(in srgb, var(--gold-500) 20%, transparent);--color-accent-border:color-mix(in srgb, var(--gold-500) 30%, transparent);--color-dawn-soft:color-mix(in srgb, var(--dawn-500) 20%, transparent);--color-dawn-faint:color-mix(in srgb, var(--dawn-500) 12%, transparent);--color-dawn-border:color-mix(in srgb, var(--dawn-500) 40%, transparent);--color-dusk:var(--dusk-500);--color-dusk-soft:color-mix(in srgb, var(--dusk-500) 25%, transparent);--color-dusk-border:color-mix(in srgb, var(--dusk-500) 40%, transparent);--color-neutral-soft:color-mix(in srgb, var(--slate-500) 30%, transparent);--color-neutral-faint:color-mix(in srgb, var(--slate-500) 10%, transparent);--color-neutral-border:color-mix(in srgb, var(--slate-500) 50%, transparent);--color-neutral-text:var(--slate-400);--gradient-accent:linear-gradient(135deg, var(--dawn-500), var(--gold-500));--gradient-stripe:linear-gradient(90deg, var(--dawn-500), var(--gold-500), var(--dusk-500));--gradient-insights:linear-gradient(135deg, color-mix(in srgb, var(--gold-500) 10%, transparent), color-mix(in srgb, var(--dusk-500) 10%, transparent));--color-on-accent:var(--navy-900);--color-success:var(--green-400);--color-success-soft:color-mix(in srgb, var(--green-500) 20%, transparent);--color-success-border:color-mix(in srgb, var(--green-500) 40%, transparent);--color-danger:var(--red-400);--color-danger-soft:color-mix(in srgb, var(--red-500) 20%, transparent);--color-danger-muted:color-mix(in srgb, var(--red-500) 30%, transparent);--color-danger-border:color-mix(in srgb, var(--red-500) 40%, transparent);--color-warning:var(--orange-400);--color-critical:var(--coral-400);--glow-sunrise-1:var(--gold-500);--glow-sunrise-2:var(--amber-300);--glow-sunset-1:var(--dawn-500);--glow-sunset-2:var(--coral-400);--glow-astro-1:var(--dusk-500);--glow-astro-2:var(--lilac-300);--color-phase-dark:var(--navy-900);--color-phase-twilight:color-mix(in srgb, var(--navy-900) 45%, var(--dusk-500));--color-phase-blue:var(--dusk-500);--color-phase-golden:var(--gold-500);--color-phase-day:var(--amber-300);--color-rating-epic:var(--dawn-500);--color-rating-excellent:var(--gold-500);--color-rating-good:var(--amber-300);--color-rating-fair:var(--sand-400);--color-rating-poor:var(--steel-300);--shadow-lift:0 10px 20px color-mix(in srgb, var(--black) 20%, transparent);--shadow-lift-lg:0 20px 40px color-mix(in srgb, var(--black) 30%, transparent);--shadow-glow-sm:0 4px 12px color-mix(in srgb, var(--dawn-500) 30%, transparent);--shadow-glow:0 10px 30px color-mix(in srgb, var(--dawn-500) 40%, transparent);--shadow-glow-active:0 4px 12px color-mix(in srgb, var(--dawn-500) 40%, transparent);--shadow-icon:drop-shadow(0 2px 4px color-mix(in srgb, var(--black) 30%, transparent));--shadow-logo:drop-shadow(0 10px 30px color-mix(in srgb, var(--dawn-500) 40%, transparent));--focus-ring:var(--amber-300);--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--sand-50);--gradient-page:linear-gradient(135deg, var(--sand-50) 0%, var(--lilac-50) 50%, var(--dusk-100) 100%);--gradient-glow:radial-gradient(ellipse at 20% 30%, color-mix(in srgb, var(--dawn-500) 12%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, color-mix(in srgb, var(--dusk-500) 12%, transparent) 0%, transparent 50%);--color-text:var(--navy-700);--color-text-soft:color-mix(in srgb, var(--navy-700) 90%, transparent);--color-text-muted:color-mix(in srgb, var(--navy-700) 78%, transparent);--color-text-subtle:color-mix(in srgb, var(--navy-700) 70%, transparent);--color-text-faint:color-mix(in srgb, var(--navy-700) 62%, transparent);--color-text-accent:var(--gold-700);--color-text-strong-accent:var(--dawn-700);--gradient-heading:linear-gradient(135deg, var(--dawn-700), var(--gold-700), var(--dawn-700));--color-surface:color-mix(in srgb, var(--white) 65%, transparent);--color-card:color-mix(in srgb, var(--white) 65%, transparent);--color-surface-hover:color-mix(in srgb, var(--white) 80%, transparent);--color-surface-active:var(--white);--color-surface-faint:color-mix(in srgb, var(--white) 50%, transparent);--color-surface-disabled:color-mix(in srgb, var(--navy-700) 4%, transparent);--color-surface-group:color-mix(in srgb, var(--navy-700) 12%, transparent);--color-inset:color-mix(in srgb, var(--navy-700) 6%, transparent);--color-inset-soft:color-mix(in srgb, var(--navy-700) 5%, transparent);--color-inset-faint:color-mix(in srgb, var(--navy-700) 4%, transparent);--color-inset-strong:color-mix(in srgb, var(--navy-700) 8%, transparent);--color-overlay:var(--white);--color-backdrop:color-mix(in srgb, var(--navy-700) 40%, transparent);--color-option-bg:var(--white);--color-option-hover:var(--dusk-100);--color-border:color-mix(in srgb, var(--navy-700) 14%, transparent);--color-border-subtle:color-mix(in srgb, var(--navy-700) 8%, transparent);--color-accent-soft:color-mix(in srgb, var(--gold-500) 14%, transparent);--color-accent-muted:color-mix(in srgb, var(--gold-500) 24%, transparent);--color-accent-border:color-mix(in srgb, var(--gold-500) 45%, transparent);--color-dawn-soft:color-mix(in srgb, var(--dawn-500) 16%, transparent);--color-dawn-faint:color-mix(in srgb, var(--dawn-500) 10%, transparent);--color-dawn-border:color-mix(in srgb, var(--dawn-500) 45%, transparent);--color-dusk-soft:color-mix(in srgb, var(--dusk-500) 14%, transparent);--color-dusk-border:color-mix(in srgb, var(--dusk-500) 35%, transparent);--color-neutral-soft:color-mix(in srgb, var(--slate-500) 16%, transparent);--color-neutral-faint:color-mix(in srgb, var(--slate-500) 8%, transparent);--color-neutral-border:color-mix(in srgb, var(--slate-500) 40%, transparent);--color-neutral-text:var(--slate-600);--color-success:var(--green-700);--color-success-soft:color-mix(in srgb, var(--green-500) 14%, transparent);--color-success-border:color-mix(in srgb, var(--green-500) 40%, transparent);--color-danger:var(--red-700);--color-danger-soft:color-mix(in srgb, var(--red-500) 12%, transparent);--color-danger-muted:color-mix(in srgb, var(--red-500) 18%, transparent);--color-danger-border:color-mix(in srgb, var(--red-500) 40%, transparent);--color-warning:var(--gold-700);--color-critical:var(--red-700);--color-rating-epic:var(--dawn-800);--color-rating-excellent:var(--dawn-700);--color-rating-good:var(--gold-700);--color-rating-fair:var(--sand-700);--color-rating-poor:var(--steel-700);--shadow-lift:0 10px 20px color-mix(in srgb, var(--navy-700) 10%, transparent);--shadow-lift-lg:0 20px 40px color-mix(in srgb, var(--navy-700) 14%, transparent);--shadow-glow-sm:0 4px 12px color-mix(in srgb, var(--dawn-500) 25%, transparent);--shadow-glow:0 10px 30px color-mix(in srgb, var(--dawn-500) 30%, transparent);--shadow-glow-active:0 4px 12px color-mix(in srgb, var(--dawn-500) 30%, transparent);--shadow-icon:drop-shadow(0 2px 4px color-mix(in srgb, var(--navy-700) 20%, transparent));--shadow-logo:drop-shadow(0 10px 30px color-mix(in srgb, var(--dawn-500) 25%, transparent));--focus-ring:var(--gold-700);--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231b2845' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:var(--sand-50);--gradient-page:linear-gradient(135deg, var(--sand-50) 0%, var(--lilac-50) 50%, var(--dusk-100) 100%);--gradient-glow:radial-gradient(ellipse at 20% 30%, color-mix(in srgb, var(--dawn-500) 12%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 80% 70%, color-mix(in srgb, var(--dusk-500) 12%, transparent) 0%, transparent 50%);--color-text:var(--navy-700);--color-text-soft:color-mix(in srgb, var(--navy-700) 90%, transparent);--color-text-muted:color-mix(in srgb, var(--navy-700) 78%, transparent);--color-text-subtle:color-mix(in srgb, var(--navy-700) 70%, transparent);--color-text-faint:color-mix(in srgb, var(--navy-700) 62%, transparent);--color-text-accent:var(--gold-700);--color-text-strong-accent:var(--dawn-700);--gradient-heading:linear-gradient(135deg, var(--dawn-700), var(--gold-700), var(--dawn-700));--color-surface:color-mix(in srgb, var(--white) 65%, transparent);--color-card:color-mix(in srgb, var(--white) 65%, transparent);--color-surface-hover:color-mix(in srgb, var(--white) 80%, transparent);--color-surface-active:var(--white);--color-surface-faint:color-mix(in srgb, var(--white) 50%, transparent);--color-surface-disabled:color-mix(in srgb, var(--navy-700) 4%, transparent);--color-surface-group:color-mix(in srgb, var(--navy-700) 12%, transparent);--color-inset:color-mix(in srgb, var(--navy-700) 6%, transparent);--color-inset-soft:color-mix(in srgb, var(--navy-700) 5%, transparent);--color-inset-faint:color-mix(in srgb, var(--navy-700) 4%, transparent);--color-inset-strong:color-mix(in srgb, var(--navy-700) 8%, transparent);--color-overlay:var(--white);--color-backdrop:color-mix(in srgb, var(--navy-700) 40%, transparent);--color-option-bg:var(--white);--color-option-hover:var(--dusk-100);--color-border:color-mix(in srgb, var(--navy-700) 14%, transparent);--color-border-subtle:color-mix(in srgb, var(--navy-700) 8%, transparent);--color-accent-soft:color-mix(in srgb, var(--gold-500) 14%, transparent);--color-accent-muted:color-mix(in srgb, var(--gold-500) 24%, transparent);--color-accent-border:color-mix(in srgb, var(--gold-500) 45%, transparent);--color-dawn-soft:color-mix(in srgb, var(--dawn-500) 16%, transparent);--color-dawn-faint:color-mix(in srgb, var(--dawn-500) 10%, transparent);--color-dawn-border:color-mix(in srgb, var(--dawn-500) 45%, transparent);--color-dusk-soft:color-mix(in srgb, var(--dusk-500) 14%, transparent);--color-dusk-border:color-mix(in srgb, var(--dusk-500) 35%, transparent);--color-neutral-soft:color-mix(in srgb, var(--slate-500) 16%, transparent);--color-neutral-faint:color-mix(in srgb, var(--slate-500) 8%, transparent);--color-neutral-border:color-mix(in srgb, var(--slate-500) 40%, transparent);--color-neutral-text:var(--slate-600);--color-success:var(--green-700);--color-success-soft:color-mix(in srgb, var(--green-500) 14%, transparent);--color-success-border:color-mix(in srgb, var(--green-500) 40%, transparent);--color-danger:var(--red-700);--color-danger-soft:color-mix(in srgb, var(--red-500) 12%, transparent);--color-danger-muted:color-mix(in srgb, var(--red-500) 18%, transparent);--color-danger-border:color-mix(in srgb, var(--red-500) 40%, transparent);--color-warning:var(--gold-700);--color-critical:var(--red-700);--color-rating-epic:var(--dawn-800);--color-rating-excellent:var(--dawn-700);--color-rating-good:var(--gold-700);--color-rating-fair:var(--sand-700);--color-rating-poor:var(--steel-700);--shadow-lift:0 10px 20px color-mix(in srgb, var(--navy-700) 10%, transparent);--shadow-lift-lg:0 20px 40px color-mix(in srgb, var(--navy-700) 14%, transparent);--shadow-glow-sm:0 4px 12px color-mix(in srgb, var(--dawn-500) 25%, transparent);--shadow-glow:0 10px 30px color-mix(in srgb, var(--dawn-500) 30%, transparent);--shadow-glow-active:0 4px 12px color-mix(in srgb, var(--dawn-500) 30%, transparent);--shadow-icon:drop-shadow(0 2px 4px color-mix(in srgb, var(--navy-700) 20%, transparent));--shadow-logo:drop-shadow(0 10px 30px color-mix(in srgb, var(--dawn-500) 25%, transparent));--focus-ring:var(--gold-700);--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231b2845' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:var(--night-900);--gradient-page:var(--night-900);--gradient-glow:none;--color-text:var(--night-text);--color-text-soft:var(--night-text);--color-text-muted:var(--night-text-2);--color-text-subtle:var(--night-text-2);--color-text-faint:var(--night-text-2);--color-text-accent:var(--night-text);--color-text-strong-accent:var(--night-text);--gradient-heading:linear-gradient(var(--night-text), var(--night-text));--color-surface:var(--night-800);--color-card:var(--night-800);--color-surface-hover:var(--night-700);--color-surface-active:var(--night-700);--color-surface-faint:var(--night-800);--color-surface-disabled:var(--night-900);--color-surface-group:color-mix(in srgb, var(--night-text) 14%, transparent);--color-inset:var(--night-900);--color-inset-soft:var(--night-900);--color-inset-faint:var(--night-900);--color-inset-strong:var(--night-900);--color-overlay:var(--night-800);--color-backdrop:color-mix(in srgb, var(--night-900) 80%, transparent);--color-option-bg:var(--night-800);--color-option-hover:var(--night-700);--color-border:transparent;--color-border-subtle:transparent;--color-accent:var(--night-red);--color-accent-strong:var(--night-red);--color-accent-soft:color-mix(in srgb, var(--night-red) 10%, transparent);--color-accent-muted:color-mix(in srgb, var(--night-red) 18%, transparent);--color-accent-border:var(--night-700);--color-dawn-soft:color-mix(in srgb, var(--night-red) 14%, transparent);--color-dawn-faint:color-mix(in srgb, var(--night-red) 8%, transparent);--color-dawn-border:var(--night-700);--color-dusk:var(--night-700);--color-dusk-soft:var(--night-700);--color-dusk-border:var(--night-700);--color-neutral-soft:var(--night-700);--color-neutral-faint:var(--night-800);--color-neutral-border:var(--night-700);--color-neutral-text:var(--night-text-2);--gradient-accent:linear-gradient(var(--night-red), var(--night-red));--gradient-stripe:none;--gradient-insights:none;--color-on-accent:var(--night-900);--color-success:var(--night-text);--color-success-soft:color-mix(in srgb, var(--night-red) 12%, transparent);--color-success-border:transparent;--color-danger:var(--night-red);--color-danger-soft:color-mix(in srgb, var(--night-red) 14%, transparent);--color-danger-muted:color-mix(in srgb, var(--night-red) 22%, transparent);--color-danger-border:var(--night-700);--color-warning:var(--night-red);--color-critical:var(--night-red);--glow-sunrise-1:var(--night-red);--glow-sunrise-2:var(--night-text);--glow-sunset-1:var(--night-red);--glow-sunset-2:var(--night-text);--glow-astro-1:var(--night-red);--glow-astro-2:var(--night-text);--color-phase-dark:var(--night-900);--color-phase-twilight:var(--night-700);--color-phase-blue:color-mix(in srgb, var(--night-red) 30%, var(--night-900));--color-phase-golden:color-mix(in srgb, var(--night-red) 55%, var(--night-900));--color-phase-day:color-mix(in srgb, var(--night-red) 80%, var(--night-900));--color-rating-epic:var(--night-red);--color-rating-excellent:var(--night-text);--color-rating-good:var(--night-text-2);--color-rating-fair:var(--night-text-2);--color-rating-poor:var(--night-text-2);--shadow-lift:0 10px 20px color-mix(in srgb, var(--night-900) 40%, transparent);--shadow-lift-lg:0 20px 40px color-mix(in srgb, var(--night-900) 60%, transparent);--shadow-glow-sm:0 4px 12px color-mix(in srgb, var(--night-red) 20%, transparent);--shadow-glow:0 10px 30px color-mix(in srgb, var(--night-red) 25%, transparent);--shadow-glow-active:0 4px 12px color-mix(in srgb, var(--night-red) 25%, transparent);--shadow-icon:drop-shadow(0 2px 4px color-mix(in srgb, var(--night-900) 50%, transparent));--shadow-logo:none;--focus-ring:var(--night-red);--select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23f0736c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");--card-border:transparent;--stat-border:transparent;--stat-bg:var(--night-900);--input-border-focus:var(--night-red);--button-link-fg:var(--night-red)}:root{--card-bg:var(--color-card);--card-border:var(--color-border);--card-radius:var(--radius-2xl);--card-padding:var(--space-8);--card-blur:blur(20px);--card-stripe:var(--gradient-stripe);--button-bg:var(--gradient-accent);--button-fg:var(--color-on-accent);--button-radius:var(--radius-md);--button-padding:var(--space-2) var(--space-5);--button-height:2.75rem;--button-height-sm:2.25rem;--button-hover-shadow:var(--shadow-glow);--button-link-bg:var(--color-accent-soft);--button-link-bg-hover:var(--color-accent-muted);--button-link-fg:var(--color-text-accent);--button-danger-bg:var(--color-dawn-soft);--button-danger-border:var(--color-accent-strong);--button-danger-hover-bg:var(--color-accent-strong);--input-bg:var(--color-surface);--input-bg-focus:var(--color-surface-active);--input-border:var(--color-text-faint);--input-border-focus:var(--color-accent);--input-fg:var(--color-text);--input-placeholder:var(--color-text-subtle);--input-radius:var(--radius-md);--input-padding:var(--space-2) var(--space-4);--callout-radius:var(--radius-sm);--callout-padding:var(--space-4);--inset-radius:var(--radius-sm);--inset-padding:var(--space-4);--stat-bg:var(--color-surface-faint);--stat-border:var(--color-border-subtle);--stat-radius:var(--radius-lg);--stat-label:var(--color-text-subtle);--stat-value:var(--color-text)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-bg)}body{font-family:var(--font-body);background:var(--gradient-page);color:var(--color-text);min-height:100vh;line-height:var(--leading-normal);position:relative;overflow-x:hidden}body:before{content:"";background:var(--gradient-glow);pointer-events:none;z-index:0;position:fixed;inset:0}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.container{max-width:1400px;padding:var(--space-8);z-index:1;margin:0 auto;position:relative}.container--medium{max-width:1264px}.container--narrow{max-width:1000px}.page-header{text-align:center;margin-bottom:var(--space-12)}.top-bar{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.cluster{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.cluster--tight{gap:var(--space-2)}.cluster--end{justify-content:flex-end}.split{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack--tight{gap:var(--space-2)}:where(:root[data-theme=night]) a{color:var(--color-accent)}:root[data-theme=night] img{filter:grayscale()sepia()saturate(6)hue-rotate(-50deg)brightness(.7)}h1{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin-bottom:var(--space-2);background:var(--gradient-heading);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-regular);letter-spacing:-.01em;margin-bottom:var(--space-6)}.subtitle{font-size:var(--text-base);color:var(--color-text-muted);letter-spacing:var(--tracking-wider);text-transform:uppercase;font-weight:var(--weight-medium)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-faint{color:var(--color-text-faint)}.text-accent{color:var(--color-text-accent)}.text-strong-accent{color:var(--color-text-strong-accent)}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-4xl{font-size:var(--text-4xl)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-right{text-align:right}.m-0{margin:0}.empty-state{text-align:center;color:var(--color-text-faint);padding:var(--space-8)}.score-readout{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-accent)}.score-readout--lg{font-size:var(--text-3xl)}.icon{vertical-align:-.125em;flex-shrink:0;width:1em;height:1em;display:inline-block}[data-icon]{display:contents}.rating-value--epic{color:var(--color-rating-epic)}.rating-value--excellent{color:var(--color-rating-excellent)}.rating-value--good{color:var(--color-rating-good)}.rating-value--fair{color:var(--color-rating-fair)}.rating-value--poor{color:var(--color-rating-poor)}.card{background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);margin-bottom:var(--space-8);position:relative;overflow:hidden}.card:before{content:"";background:var(--card-stripe);width:100%;height:3px;position:absolute;top:0;left:0}button,.back-link{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-height);padding:var(--button-padding);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--button-fg);background:var(--button-bg);border-radius:var(--button-radius);cursor:pointer;transition:background-color var(--duration-base) var(--ease-fluid), border-color var(--duration-base) var(--ease-fluid), color var(--duration-base) var(--ease-fluid), box-shadow var(--duration-base) var(--ease-fluid), transform var(--duration-base) var(--ease-fluid);border:1px solid #0000;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}button:hover{box-shadow:var(--button-hover-shadow);transform:translateY(-1px)}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-link{color:var(--button-link-fg);background:var(--button-link-bg)}.btn-link:hover{background:var(--button-link-bg-hover)}.btn-neutral{color:var(--color-neutral-text);background:var(--color-neutral-faint);border-color:var(--color-neutral-border)}.btn-neutral:hover{background:var(--color-neutral-soft)}.btn-neutral--strong{color:var(--color-text);background:var(--color-neutral-soft)}.btn-neutral--strong:hover{background:var(--color-neutral-border)}.btn-danger{color:var(--color-text);background:var(--button-danger-bg);border-color:var(--button-danger-border)}.btn-danger:hover{background:var(--button-danger-hover-bg);color:var(--color-on-accent)}.btn-link:hover,.btn-neutral:hover,.btn-danger:hover{box-shadow:none;transform:none}.btn-sm{min-height:var(--button-height-sm);padding:var(--space-1) var(--space-4);font-size:var(--text-sm)}.back-link{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.back-link:hover{background:var(--color-accent-muted);border-color:var(--color-accent)}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-fg);padding:var(--input-padding);font-size:var(--text-base);font-family:var(--font-body);min-height:var(--button-height);border-radius:var(--input-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color var(--duration-base) var(--ease-fluid), border-color var(--duration-base) var(--ease-fluid)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input:focus,select:focus,textarea:focus{border-color:var(--input-border-focus);background:var(--input-bg-focus);outline:none}input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--color-surface-disabled)}select{cursor:pointer;appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-12)}select option{background-color:var(--color-option-bg);color:var(--color-text)}input[type=checkbox],input[type=radio]{min-height:0;accent-color:var(--color-accent)}.status-message{align-items:center;gap:var(--space-3);inset:auto var(--space-4) var(--space-6);z-index:10;width:fit-content;max-width:32rem;padding:var(--space-4);background:var(--color-overlay);border-left:4px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);margin-inline:auto;animation:.5s fadeIn;display:flex;position:fixed}.status-message:has(.status-text:empty){opacity:0;pointer-events:none}.status-message--error{border-left-color:var(--color-accent-strong)}.status-message--success{background:var(--color-success-soft);border:1px solid var(--color-success-border);color:var(--color-success)}.callout{padding:var(--callout-padding);border-radius:var(--callout-radius);background:var(--callout-bg,var(--color-accent-muted));border:1px solid var(--callout-border,var(--color-accent-border))}.callout--dawn{--callout-bg:var(--color-dawn-soft);--callout-border:var(--color-dawn-border)}.callout--dusk{--callout-bg:var(--color-dusk-soft);--callout-border:var(--color-dusk-border)}.callout--success{--callout-bg:var(--color-success-soft);--callout-border:var(--color-success-border)}.callout--bar{border:none;border-left:4px solid var(--callout-bar,var(--color-accent))}.callout--dawn.callout--bar{--callout-bar:var(--color-accent-strong)}.inset{padding:var(--inset-padding);border-radius:var(--inset-radius);background:var(--color-inset-soft)}.inset--faint{background:var(--color-inset-faint)}.inset--strong{background:var(--color-inset);border-radius:var(--radius-md);padding:var(--space-5)}.tip-list{padding-left:var(--space-5);font-size:var(--text-md);line-height:var(--leading-normal);list-style:none}.tip-list li{padding:var(--space-1) 0}.dialog{max-width:min(28rem,100vw - 2rem);padding:var(--space-7);background:var(--color-overlay);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin:auto}.dialog::backdrop{background:var(--color-backdrop)}.dialog,.popover{opacity:0;transform:translateY(var(--space-2));transition:opacity var(--duration-base) var(--ease-fluid), transform var(--duration-base) var(--ease-fluid), overlay var(--duration-base) allow-discrete, display var(--duration-base) allow-discrete}:is(.dialog[open],.popover:popover-open){opacity:1;transform:none}@starting-style{:is(.dialog[open],.popover:popover-open){opacity:0;transform:translateY(var(--space-2))}}.dialog h2{margin-bottom:var(--space-3)}.dialog p{color:var(--color-text-muted);line-height:var(--leading-normal);margin-bottom:var(--space-6)}.auth-area{align-items:center;min-height:2.6rem;display:flex}.popover{width:min(20rem, calc(100vw - 2 * var(--space-4)));max-height:calc(100vh - 2 * var(--space-4));padding:var(--space-5);color:var(--color-text);background:var(--color-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lift);overflow-y:auto}@supports (position-area:bottom){.popover{margin:var(--space-2) 0 0;position-area:bottom span-left;position-try-fallbacks:flip-inline, flip-block, flip-block flip-inline}}.popover--wide{width:min(28rem, calc(100vw - 2 * var(--space-4)))}.popover::backdrop{background:0 0}.popover.popover--center{position-area:none;margin:auto;inset:0}.popover--center::backdrop{background:color-mix(in srgb, var(--black) 45%, transparent)}.demo-signin{width:100%;margin-top:var(--space-4)}.menu-settings{align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-md);grid-template-columns:auto 1fr;display:grid}.settings-slot:first-child .menu-settings{border-top:none;margin-top:0;padding-top:0}.menu-settings strong{grid-column:1/-1}.menu-settings select{padding:var(--space-2) var(--space-3)}.auth-benefits{margin:var(--space-2) 0 var(--space-4);padding-left:var(--space-5);font-size:var(--text-md);color:var(--color-text-soft)}.auth-benefits li+li{margin-top:var(--space-1)}.auth-sent p{margin-bottom:var(--space-3);overflow-wrap:anywhere}.auth-user{margin-bottom:var(--space-4);color:var(--color-text-muted);font-size:var(--text-md);overflow-wrap:anywhere}.page-header-link{margin-top:var(--space-4)}.site-footer{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-md);flex-wrap:wrap;display:flex}.site-footer a{min-height:var(--button-height);color:var(--color-text);align-items:center;display:inline-flex}.site-footer-note{color:var(--color-text)}.site-footer-note:empty{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.container{padding:var(--space-4)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-2xl)}.subtitle{font-size:var(--text-sm)}.card{--card-padding:var(--space-6)}}@media (width<=480px){h1{font-size:var(--text-4xl)}.subtitle{font-size:var(--text-xs);letter-spacing:.1em}}