@charset "UTF-8";:root{--spotify-green: #1db954;--spotify-green-hover: #1ed760;--spotify-black: #191414;--spotify-dark-gray: #121212;--spotify-light-gray: #b3b3b3;--spotify-white: #ffffff;--accent: #22c55e;--accent-hover: #16a34a;--accent-muted: #4ade80;--accent-subtle-bg: color-mix(in srgb, var(--accent) 10%, transparent);--accent-subtle-border: color-mix(in srgb, var(--accent) 20%, transparent);--accent-subtle-hover: color-mix(in srgb, var(--accent) 15%, transparent);--btn-surface: color-mix(in srgb, white 4%, transparent);--btn-surface-hover: color-mix(in srgb, white 8%, transparent);--btn-border: var(--dark-bg-quaternary);--btn-border-hover: var(--dark-bg-hover);--btn-radius: .75rem;--btn-radius-pill: 9999px;--btn-radius-icon: .5rem;--btn-height-md: 2.75rem;--btn-height-sm: 2.25rem;--star-base: #a7b2c7;--star-hover-base: #ced7e6;--star-empty: color-mix(in srgb, var(--star-base) 35%, transparent);--star-empty-hover: color-mix(in srgb, var(--star-hover-base) 50%, transparent);--star-rating-text: var(--text-tertiary);--star-numerical-text: var(--text-quaternary);--star-circle-bg: var(--dark-bg-tertiary);--star-neutral: #6b7280;--star-deep-red: #b85454;--star-red: #c86868;--star-red-orange: #c97a62;--star-orange: #c4925a;--star-orange-yellow: #b89e58;--star-yellow: #a8a858;--star-yellow-lime: #96b068;--star-lime: #7cbd72;--star-lime-green: #52c97e;--star-green: var(--accent);--danger: #e57373;--danger-subtle-bg: color-mix(in srgb, var(--danger) 10%, transparent);--danger-subtle-border: color-mix(in srgb, var(--danger) 25%, transparent);--festival-green-primary: var(--accent);--festival-green-primary-hover: var(--accent-hover);--festival-green-primary-light: var(--accent-muted);--festival-green-dark: #15803d;--festival-green-darker: #166534;--festival-green-darkest: #14532d;--festival-green-bg: var(--accent-subtle-bg);--festival-green-bg-hover: var(--accent-subtle-hover);--festival-green-border: var(--accent-subtle-border);--festival-green-border-hover: color-mix(in srgb, var(--accent) 30%, transparent);--festival-green: var(--festival-green-primary);--festival-green-light: var(--festival-green-bg);--dark-bg-primary: #030712;--dark-bg-secondary: #111827;--dark-bg-tertiary: #1f2937;--dark-bg-quaternary: #374151;--dark-bg-hover: #4b5563;--dark-bg-light: #6b7280;--surface-page: var(--dark-bg-primary);--surface-card: var(--dark-bg-secondary);--surface-panel: var(--surface-card);--surface-inset: var(--dark-bg-tertiary);--surface-input: var(--dark-bg-tertiary);--surface-interactive: var(--dark-bg-quaternary);--surface-modal: var(--surface-card);--surface-chip: var(--dark-bg-quaternary);--surface-hover: color-mix(in srgb, white 4%, transparent);--surface-hover-strong: color-mix(in srgb, white 8%, transparent);--surface-elevated: var(--dark-bg-tertiary);--border-panel: var(--dark-border-primary);--border-divider: var(--dark-bg-quaternary);--border-row: color-mix(in srgb, white 6%, transparent);--border-input: var(--dark-bg-quaternary);--border-input-focus-ring: var(--festival-green-border);--table-bg: var(--surface-panel);--table-header-bg: var(--surface-panel);--table-header-color: var(--text-accent);--table-header-border: var(--border-divider);--table-row-border: var(--border-row);--table-row-hover: var(--surface-hover);--stat-panel-bg: var(--surface-panel);--stat-panel-border: var(--border-panel);--form-field-bg: var(--surface-input);--form-field-border: var(--border-input);--form-field-color: var(--text-primary);--form-field-placeholder: var(--text-quaternary);--form-field-focus-border: var(--festival-green-primary);--form-field-focus-ring: var(--festival-green-border);--dark-border-primary: #374151;--dark-border-secondary: #4b5563;--dark-border-light: #6b7280;--dark-border-subtle: color-mix(in srgb, white 10%, transparent);--dark-border-medium: color-mix(in srgb, white 20%, transparent);--text-primary: #ffffff;--text-secondary: #e5e5e5;--text-tertiary: #d1d5db;--text-quaternary: #9ca3af;--text-muted: #6b7280;--text-disabled: #4b5563;--text-accent: #a3a3a3;--text-on-accent: #0a0a0a;--success-primary: #10b981;--success-hover: #059669;--success-dark: #047857;--success-darkest: #065f46;--success-light: color-mix(in srgb, var(--success-primary) 10%, transparent);--success-border: color-mix(in srgb, var(--success-primary) 20%, transparent);--success-lighter: #a7f3d0;--success-lightest: #d1fae5;--error-primary: #ef4444;--error-hover: #dc2626;--error-dark: #b91c1c;--error-light: #f87171;--error-lighter: #fca5a5;--error-lightest: #fecaca;--error-bg: color-mix(in srgb, var(--error-primary) 10%, transparent);--error-border: color-mix(in srgb, var(--error-primary) 20%, transparent);--error-bg-deep: #7c2d12;--error-bg-darker: #422006;--warning-primary: #f59e0b;--warning-hover: #d97706;--warning-dark: #b45309;--warning-light: #fbbf24;--warning-lighter: #fde68a;--warning-bg: color-mix(in srgb, var(--warning-light) 10%, transparent);--warning-border: color-mix(in srgb, var(--warning-light) 20%, transparent);--warning-bg-deep: #451a03;--warning-amber-700: #a16207;--warning-surface: #292524;--info-primary: #3b82f6;--info-hover: #2563eb;--info-light: #60a5fa;--info-bg: color-mix(in srgb, var(--info-primary) 10%, transparent);--info-border: color-mix(in srgb, var(--info-primary) 20%, transparent);--accent-purple: #8b5cf6;--accent-purple-hover: #7c3aed;--accent-purple-bg: color-mix(in srgb, var(--accent-purple) 10%, transparent);--accent-purple-light: #a855f7;--accent-purple-lighter: #c084fc;--accent-purple-bg-hover: color-mix(in srgb, var(--accent-purple) 15%, transparent);--accent-indigo: #6366f1;--accent-indigo-hover: #4f46e5;--accent-indigo-deep: #1e40af;--accent-indigo-mid: #818cf8;--accent-indigo-light: #a5b4fc;--accent-indigo-lightest: #dbeafe;--popularity-mid: #78716c;--popularity-mid-light: #a8a29e;--overlay-dark: color-mix(in srgb, black 50%, transparent);--overlay-darker: color-mix(in srgb, black 75%, transparent);--overlay-light: color-mix(in srgb, black 30%, transparent);--modal-base: #141414;--modal-bg: color-mix(in srgb, var(--modal-base) 95%, transparent);--white-02: color-mix(in srgb, white 2%, transparent);--white-03: color-mix(in srgb, white 3%, transparent);--white-05: color-mix(in srgb, white 5%, transparent);--white-06: color-mix(in srgb, white 6%, transparent);--white-10: color-mix(in srgb, white 10%, transparent);--white-15: color-mix(in srgb, white 15%, transparent);--white-20: color-mix(in srgb, white 20%, transparent);--white-30: color-mix(in srgb, white 30%, transparent);--white-35: color-mix(in srgb, white 35%, transparent);--white-50: color-mix(in srgb, white 50%, transparent);--white-55: color-mix(in srgb, white 55%, transparent);--shadow-light: color-mix(in srgb, black 10%, transparent);--shadow-medium: color-mix(in srgb, black 15%, transparent);--shadow-heavy: color-mix(in srgb, black 30%, transparent);--shadow-intense: color-mix(in srgb, black 50%, transparent);--disconnect-red: #ff3b30;--surface-subtle: var(--surface-panel);--stage-1: #f07070;--stage-2: #f29d4f;--stage-3: #e5c04a;--stage-4: #a8cf45;--stage-5: #3ecfb8;--stage-6: #5a9eef;--stage-7: #7b7af2;--stage-8: #b57ff5;--stage-9: #e56fc4;--stage-10: #f0809b;--stage-cyan: var(--stage-5);--stage-pink: var(--stage-9);--stage-lime: var(--stage-4);--stage-orange: var(--stage-2);--stage-yellow: var(--stage-3);--stage-violet: var(--stage-8);--stage-rose: var(--stage-10);--stage-sky: var(--stage-6);--stage-amber: var(--stage-3);--wave-fill-1: color-mix(in srgb, var(--spotify-green) 7%, transparent);--wave-fill-2: color-mix(in srgb, var(--success-primary) 6%, transparent);--wave-stroke-1: color-mix(in srgb, var(--spotify-green) 28%, transparent);--wave-fill-3: color-mix(in srgb, var(--success-primary) 9%, transparent);--wave-stroke-2: color-mix(in srgb, var(--success-primary) 38%, transparent);--wave-fill-4: color-mix(in srgb, var(--spotify-green) 12%, transparent);--wave-fill-5: color-mix(in srgb, var(--success-primary) 6%, transparent);--wave-stroke-3: color-mix(in srgb, var(--spotify-green) 52%, transparent);--version-bar-text: #4b5563;--version-bar-mono: #6b7280;--version-bar-separator: #374151;--version-bar-border: color-mix(in srgb, #1f2937 80%, transparent);--version-bar-bg: color-mix(in srgb, #030712 90%, transparent);--version-bar-font-size: .75rem;--version-bar-line-height: 1rem;--nav-height: 64px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:-webkit-fill-available}html,body{height:100%;min-height:100dvh;min-height:-webkit-fill-available;width:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--surface-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}nate-root{display:block;height:100%;min-height:100%}