:root{--ut-color-primary:#a259ff;--ut-color-primary-dark:#8b3fe6;--ut-color-primary-light:#c79bff;--ut-color-midnight:#0b0b0f;--ut-color-graphite:#1e1e26;--ut-color-jet:#121212;--ut-color-neon-blue:#3c9dff;--ut-color-hot-pink:#ff47c5;--ut-color-cyan:#00fff7;--ut-color-white-smoke:#f5f5f7;--ut-color-silver:#a1a1aa;--ut-color-white:#fff;--ut-color-black:#000;--ut-color-success:#28a745;--ut-color-success-dark:#218838;--ut-color-success-light:#d4edda;--ut-color-warning:#f59e0b;--ut-color-warning-dark:#d97706;--ut-color-warning-light:#fef3c7;--ut-color-danger:#dc3545;--ut-color-danger-dark:#c82333;--ut-color-danger-light:#f8d7da;--ut-color-info:#3c9dff;--ut-color-info-dark:#2b7ed9;--ut-color-info-light:#d1ecff;--ut-gradient-main:linear-gradient(135deg,#a259ff,#3c9dff);--ut-gradient-alt:linear-gradient(135deg,#a259ff,#ff47c5);--ut-gradient-cyber:linear-gradient(135deg,#3c9dff,#00fff7);--ut-color-overlay:#0b0b0fd9;--ut-color-highlight:#a259ff26;--ut-color-shadow:#00000080;--ut-color-glow-purple:#a259ff80;--ut-color-glow-blue:#3c9dff80;--ut-color-glow-cyan:#00fff780;--ut-font-family-display:"Orbitron","Space Grotesk","Audiowide",sans-serif;--ut-font-family-body:"Inter","Satoshi","Nunito Sans","Rubik",sans-serif;--ut-font-family-accent:"Syne","Chakra Petch",sans-serif;--ut-font-family-mono:"Source Code Pro","JetBrains Mono","Fira Code",monospace;--ut-font-family-logo:"Orbitron",sans-serif;--ut-font-size-2xs:0.625rem;--ut-font-size-xs:0.75rem;--ut-font-size-sm:0.875rem;--ut-font-size-base:1rem;--ut-font-size-md:1.125rem;--ut-font-size-lg:1.25rem;--ut-font-size-xl:1.5rem;--ut-font-size-2xl:1.75rem;--ut-font-size-3xl:2rem;--ut-font-size-4xl:2.5rem;--ut-font-size-5xl:3rem;--ut-font-size-6xl:4rem;--ut-font-weight-thin:100;--ut-font-weight-extralight:200;--ut-font-weight-light:300;--ut-font-weight-normal:400;--ut-font-weight-medium:500;--ut-font-weight-semibold:600;--ut-font-weight-bold:700;--ut-font-weight-extrabold:800;--ut-font-weight-black:900;--ut-line-height-none:1;--ut-line-height-tight:1.25;--ut-line-height-snug:1.375;--ut-line-height-normal:1.5;--ut-line-height-relaxed:1.6;--ut-line-height-loose:2;--ut-letter-spacing-tighter:-0.05em;--ut-letter-spacing-tight:-0.025em;--ut-letter-spacing-normal:0;--ut-letter-spacing-wide:0.05em;--ut-letter-spacing-wider:0.1em;--ut-letter-spacing-widest:0.15em;--ut-text-transform-uppercase:uppercase;--ut-text-transform-lowercase:lowercase;--ut-text-transform-capitalize:capitalize;--ut-text-transform-none:none;--ut-space-0:0;--ut-space-1:0.25rem;--ut-space-2:0.5rem;--ut-space-3:0.75rem;--ut-space-4:1rem;--ut-space-5:1.25rem;--ut-space-6:1.5rem;--ut-space-8:2rem;--ut-space-10:2.5rem;--ut-space-12:3rem;--ut-space-16:4rem;--ut-space-20:5rem;--ut-space-24:6rem;--ut-radius-none:0;--ut-radius-sm:0.125rem;--ut-radius-base:0.25rem;--ut-radius-md:0.375rem;--ut-radius-lg:0.5rem;--ut-radius-xl:0.75rem;--ut-radius-2xl:1rem;--ut-radius-3xl:1.5rem;--ut-radius-full:9999px;--ut-shadow-sm:0 1px 2px 0 #0000004d;--ut-shadow-base:0 1px 3px 0 #0006,0 1px 2px 0 #0000004d;--ut-shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--ut-shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--ut-shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;--ut-shadow-2xl:0 25px 50px -12px #00000080;--ut-shadow-inner:inset 0 2px 4px 0 #0000004d;--ut-shadow-none:none;--ut-glow-purple-sm:0 0 10px var(--ut-color-glow-purple);--ut-glow-purple-md:0 0 20px var(--ut-color-glow-purple);--ut-glow-purple-lg:0 0 30px var(--ut-color-glow-purple);--ut-glow-blue-sm:0 0 10px var(--ut-color-glow-blue);--ut-glow-blue-md:0 0 20px var(--ut-color-glow-blue);--ut-glow-cyan-sm:0 0 10px var(--ut-color-glow-cyan);--ut-transition-fast:150ms;--ut-transition-base:200ms;--ut-transition-medium:300ms;--ut-transition-slow:500ms;--ut-transition-ease:cubic-bezier(0.4,0,0.2,1);--ut-transition-ease-in:cubic-bezier(0.4,0,1,1);--ut-transition-ease-out:cubic-bezier(0,0,0.2,1);--ut-transition-ease-in-out:cubic-bezier(0.4,0,0.2,1);--ut-z-index-base:0;--ut-z-index-dropdown:1000;--ut-z-index-sticky:1020;--ut-z-index-fixed:1030;--ut-z-index-modal-backdrop:1040;--ut-z-index-modal:1050;--ut-z-index-popover:1060;--ut-z-index-tooltip:1070;--ut-opacity-0:0;--ut-opacity-10:0.1;--ut-opacity-20:0.2;--ut-opacity-30:0.3;--ut-opacity-40:0.4;--ut-opacity-50:0.5;--ut-opacity-60:0.6;--ut-opacity-70:0.7;--ut-opacity-80:0.8;--ut-opacity-90:0.9;--ut-opacity-100:1;--ut-bg-page:var(--ut-color-midnight);--ut-bg-panel:var(--ut-color-graphite);--ut-bg-secondary:var(--ut-color-jet);--ut-bg-elevated:var(--ut-color-jet);--ut-bg-hover:#a259ff1a;--ut-bg-primary:var(--ut-color-primary);--ut-bg-inverse:var(--ut-color-white-smoke);--ut-bg-accent:var(--ut-color-neon-blue);--ut-bg-highlight:var(--ut-color-hot-pink);--ut-bg-success:var(--ut-color-success);--ut-bg-warning:var(--ut-color-warning);--ut-bg-danger:var(--ut-color-danger);--ut-bg-info:var(--ut-color-info);--ut-bg-muted:var(--ut-color-graphite);--ut-text-primary:var(--ut-color-white-smoke);--ut-text-secondary:var(--ut-color-silver);--ut-text-inverse:var(--ut-color-white);--ut-text-on-light:var(--ut-color-jet);--ut-text-link:var(--ut-color-neon-blue);--ut-text-link-hover:var(--ut-color-cyan);--ut-text-accent:var(--ut-color-primary);--ut-text-highlight:var(--ut-color-hot-pink);--ut-text-success:var(--ut-color-success);--ut-text-warning:var(--ut-color-warning);--ut-text-danger:var(--ut-color-danger);--ut-text-info:var(--ut-color-info);--ut-text-muted:var(--ut-color-silver);--ut-border-default:#a1a1aa33;--ut-border-muted:#a1a1aa1a;--ut-border-strong:var(--ut-color-silver);--ut-border-active:var(--ut-color-primary);--ut-border-focus:var(--ut-color-neon-blue);--ut-border-success:var(--ut-color-success);--ut-border-warning:var(--ut-color-warning);--ut-border-danger:var(--ut-color-danger);--ut-border-info:var(--ut-color-info);--ut-button-primary-bg:var(--ut-color-primary);--ut-button-primary-text:var(--ut-color-white);--ut-button-primary-hover-bg:var(--ut-color-primary-dark);--ut-button-secondary-bg:var(--ut-color-graphite);--ut-button-secondary-text:var(--ut-color-white-smoke);--ut-button-secondary-hover-bg:var(--ut-color-jet);--ut-button-accent-bg:var(--ut-color-neon-blue);--ut-button-accent-text:var(--ut-color-white);--ut-button-accent-hover-bg:var(--ut-color-info-dark);--ut-button-success-bg:var(--ut-color-success);--ut-button-success-text:var(--ut-color-white);--ut-button-success-hover-bg:var(--ut-color-success-dark);--ut-button-warning-bg:var(--ut-color-warning);--ut-button-warning-text:var(--ut-color-white);--ut-button-warning-hover-bg:var(--ut-color-warning-dark);--ut-button-danger-bg:var(--ut-color-danger);--ut-button-danger-text:var(--ut-color-white);--ut-button-danger-hover-bg:var(--ut-color-danger-dark);--ut-button-info-bg:var(--ut-color-info);--ut-button-info-text:var(--ut-color-white);--ut-button-info-hover-bg:var(--ut-color-info-dark);--ut-button-highlight-bg:var(--ut-color-hot-pink);--ut-button-highlight-text:var(--ut-color-white);--ut-button-highlight-hover-bg:#e63bb0;--ut-gradient-primary:var(--ut-gradient-main);--ut-gradient-alt:var(--ut-gradient-alt);--ut-gradient-cyber:var(--ut-gradient-cyber);--ut-focus-ring-color:var(--ut-color-highlight);--ut-focus-ring-width:2px;--ut-focus-ring-offset:2px;--ut-font-heading-family:var(--ut-font-family-display);--ut-font-body-family:var(--ut-font-family-body);--ut-font-accent-family:var(--ut-font-family-accent);--ut-font-code-family:var(--ut-font-family-mono);--ut-font-logo-family:var(--ut-font-family-logo);--ut-font-heading-display:var(--ut-font-size-6xl);--ut-font-heading-h1:var(--ut-font-size-5xl);--ut-font-heading-h2:var(--ut-font-size-3xl);--ut-font-heading-h3:var(--ut-font-size-xl);--ut-font-heading-h4:var(--ut-font-size-lg);--ut-font-heading-h5:var(--ut-font-size-md);--ut-font-heading-h6:var(--ut-font-size-base);--ut-font-body-lead:var(--ut-font-size-md);--ut-font-body-lg:var(--ut-font-size-md);--ut-font-body-base:var(--ut-font-size-base);--ut-font-body-md:var(--ut-font-size-base);--ut-font-body-sm:var(--ut-font-size-sm);--ut-font-body-xs:var(--ut-font-size-xs);--ut-font-code-base:var(--ut-font-size-base);--ut-font-code-sm:var(--ut-font-size-sm);--ut-font-weight-normal-sem:var(--ut-font-weight-normal);--ut-font-weight-medium-sem:var(--ut-font-weight-medium);--ut-font-weight-semibold-sem:var(--ut-font-weight-semibold);--ut-font-weight-bold-sem:var(--ut-font-weight-bold);--ut-font-weight-heading:var(--ut-font-weight-bold);--ut-font-weight-subheading:var(--ut-font-weight-semibold);--ut-font-weight-label:var(--ut-font-weight-medium);--ut-font-weight-emphasis:var(--ut-font-weight-medium);--ut-line-height-heading:var(--ut-line-height-tight);--ut-line-height-subheading:var(--ut-line-height-snug);--ut-line-height-body:var(--ut-line-height-normal);--ut-line-height-base-sem:var(--ut-line-height-normal);--ut-line-height-content:var(--ut-line-height-relaxed);--ut-letter-spacing-heading:var(--ut-letter-spacing-wider);--ut-letter-spacing-subheading:var(--ut-letter-spacing-wide);--ut-letter-spacing-body:var(--ut-letter-spacing-normal);--ut-letter-spacing-label:var(--ut-letter-spacing-wide);--ut-letter-spacing-button:var(--ut-letter-spacing-wide);--ut-text-transform-heading:var(--ut-text-transform-uppercase);--ut-text-transform-button:var(--ut-text-transform-uppercase);--ut-text-transform-body:var(--ut-text-transform-none);--ut-space-xs:var(--ut-space-1);--ut-space-sm:var(--ut-space-2);--ut-space-md:var(--ut-space-4);--ut-space-lg:var(--ut-space-6);--ut-space-xl:var(--ut-space-8);--ut-space-2xl:var(--ut-space-12);--ut-radius-button:var(--ut-radius-md);--ut-radius-input:var(--ut-radius-md);--ut-radius-card:var(--ut-radius-xl);--ut-radius-panel:var(--ut-radius-lg);--ut-radius-modal:var(--ut-radius-2xl);--ut-shadow-card:var(--ut-shadow-base);--ut-shadow-hover:var(--ut-shadow-md);--ut-shadow-modal:var(--ut-shadow-2xl);--ut-shadow-dropdown:var(--ut-shadow-lg);--ut-shadow-panel:var(--ut-shadow-base);--ut-glow-primary:var(--ut-glow-purple-sm);--ut-glow-accent:var(--ut-glow-blue-sm);--ut-glow-hover:var(--ut-glow-purple-md);--ut-glow-focus:var(--ut-glow-blue-md);--ut-glow-cyber:var(--ut-glow-cyan-sm);--ut-card-bg:var(--ut-color-graphite);--ut-card-border:var(--ut-border-default);--ut-card-shadow:var(--ut-shadow-card);--ut-card-hover-shadow:var(--ut-shadow-hover);--ut-input-bg:var(--ut-color-jet);--ut-input-border:var(--ut-border-default);--ut-input-text:var(--ut-text-primary);--ut-input-placeholder:var(--ut-text-secondary);--ut-input-focus-border:var(--ut-border-focus);--ut-input-focus-ring:var(--ut-focus-ring-color);--ut-overlay-bg:var(--ut-color-overlay);--ut-overlay-backdrop:#0b0b0fe6;--ut-track-metadata-family:var(--ut-font-family-mono);--ut-track-metadata-size:var(--ut-font-code-sm);--ut-track-metadata-color:var(--ut-color-silver)}:focus-visible{box-shadow:0 0 0 4px var(--ut-focus-ring-color);outline:3px solid var(--ut-border-focus);outline-offset:2px}a:focus-visible,button:focus-visible{box-shadow:0 0 0 4px var(--ut-focus-ring-color),var(--ut-glow-focus)}.skip-to-content{background:var(--ut-button-primary-bg);border-radius:var(--ut-radius-base);color:var(--ut-button-primary-text);font-family:var(--ut-font-heading-family);font-weight:var(--ut-font-weight-semibold);left:0;letter-spacing:var(--ut-letter-spacing-button);padding:8px 16px;position:absolute;text-decoration:none;text-transform:uppercase;top:-40px;z-index:var(--ut-z-index-tooltip)}.skip-to-content:focus{box-shadow:var(--ut-shadow-xl),var(--ut-glow-primary);left:10px;top:10px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.fade-in{animation:fadeIn .5s ease-in}.slide-in-left{animation:slideInLeft .4s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInRight .4s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.bounce-on-click:active{animation:bounce .3s ease}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(.95)}}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:var(--ut-glow-primary)}50%{box-shadow:var(--ut-glow-hover)}}.shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--ut-bg-elevated) 0,var(--ut-bg-panel) 50%,var(--ut-bg-elevated) 100%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pulse{animation:pulse 2s infinite}.float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--ut-bg-elevated) 0,var(--ut-bg-panel) 50%,var(--ut-bg-elevated) 100%);background-size:200% 100%;color:#0000;-webkit-user-select:none;user-select:none}.skeleton,.skeleton-text{border-radius:var(--ut-radius-base)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-heading{border-radius:var(--ut-radius-base);height:2em;margin-bottom:1em;width:60%}.skeleton-button{border-radius:var(--ut-radius-button);height:2.5em;width:120px}.skeleton-card{border-radius:var(--ut-radius-card);height:200px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--ut-border-muted);border-radius:var(--ut-radius-full);border-top-color:var(--ut-color-primary);box-shadow:var(--ut-glow-primary);height:40px;width:40px}.loading-spinner-sm{border-width:2px;height:24px;width:24px}.loading-spinner-lg{border-width:4px;height:60px;width:60px}.loading-dots{align-items:center;display:flex;gap:8px;justify-content:center}.loading-dots span{animation:dotBounce 1.4s ease-in-out infinite both;background:var(--ut-color-primary);border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-primary);height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes dotBounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.btn-primary{background:var(--ut-gradient-main);border:none;border-radius:var(--ut-radius-button);box-shadow:var(--ut-glow-primary);color:var(--ut-button-primary-text);cursor:pointer;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);padding:12px 24px;text-transform:uppercase;transition:all var(--ut-transition-base) ease}.btn-primary:hover{box-shadow:var(--ut-glow-hover);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-accent{background:var(--ut-button-accent-bg);border:none;border-radius:var(--ut-radius-button);box-shadow:var(--ut-glow-accent);color:var(--ut-button-accent-text);cursor:pointer;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);padding:12px 24px;text-transform:uppercase;transition:all var(--ut-transition-base) ease}.btn-accent:hover{background:var(--ut-button-accent-hover-bg);box-shadow:var(--ut-glow-focus);transform:translateY(-2px)}.btn-highlight{background:var(--ut-gradient-alt);border:none;border-radius:var(--ut-radius-button);box-shadow:0 0 20px var(--ut-color-hot-pink);color:var(--ut-button-highlight-text);cursor:pointer;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);padding:12px 24px;text-transform:uppercase;transition:all var(--ut-transition-base) ease}.btn-highlight:hover{box-shadow:0 0 30px var(--ut-color-hot-pink);transform:translateY(-2px)}.btn-ghost{background:#0000;border:2px solid var(--ut-border-active);border-radius:var(--ut-radius-button);color:var(--ut-text-accent);cursor:pointer;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);padding:10px 22px;text-transform:uppercase;transition:all var(--ut-transition-base) ease}.btn-ghost:hover{background:var(--ut-color-primary);border-color:var(--ut-color-primary);box-shadow:var(--ut-glow-primary);color:var(--ut-button-primary-text)}.smooth-animation{transform:translateZ(0);will-change:transform,opacity}.text-glow-primary{text-shadow:var(--ut-glow-primary)}.text-glow-accent{text-shadow:var(--ut-glow-accent)}.text-glow-cyber{text-shadow:var(--ut-glow-cyber)}.bg-gradient-primary{background:var(--ut-gradient-primary)}.bg-gradient-alt{background:var(--ut-gradient-alt)}.bg-gradient-cyber{background:var(--ut-gradient-cyber)}.card-hover{transition:all var(--ut-transition-base) ease}.card-hover:hover{box-shadow:var(--ut-shadow-hover),var(--ut-glow-accent);transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.float,.glow-pulse,.pulse,.shimmer,.spin{animation:none!important}}@media (prefers-contrast:high){.btn-accent,.btn-highlight,.btn-primary{border:2px solid}}@media (max-width:768px){.glow-pulse,.text-glow-accent,.text-glow-cyber,.text-glow-primary{box-shadow:none;text-shadow:none}.btn-accent:hover,.btn-highlight:hover,.btn-primary:hover{box-shadow:var(--ut-shadow-base)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--ut-bg-page);color:var(--ut-text-primary);font-family:var(--ut-font-body-family);margin:0}code{color:var(--ut-text-accent);font-family:var(--ut-font-code-family)}h1,h2,h3,h4,h5,h6{color:var(--ut-text-primary);font-family:var(--ut-font-heading-family);font-weight:var(--ut-font-weight-heading);letter-spacing:var(--ut-letter-spacing-heading);line-height:var(--ut-line-height-heading);text-transform:var(--ut-text-transform-heading)}div,p,span{font-family:var(--ut-font-body-family);line-height:var(--ut-line-height-body)}.App{background-color:var(--ut-bg-page);display:flex;flex-direction:column;min-height:100vh;text-align:center}.tab-navigation{background-color:var(--ut-bg-elevated);border-bottom:2px solid var(--ut-border-active);box-shadow:var(--ut-shadow-md);display:flex;margin:0;padding:0}.tab{background-color:initial;border:none;border-bottom:3px solid #0000;color:var(--ut-text-secondary);cursor:pointer;flex:1 1;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-md);font-weight:var(--ut-font-weight-medium-sem);letter-spacing:var(--ut-letter-spacing-label);padding:16px 24px;position:relative;text-transform:uppercase;transition:all var(--ut-transition-medium) ease}.tab:hover{background-color:var(--ut-bg-panel);box-shadow:var(--ut-glow-accent);color:var(--ut-text-primary)}.tab.active{background:linear-gradient(180deg,var(--ut-bg-elevated) 0,var(--ut-bg-panel) 100%);border-bottom-color:var(--ut-color-primary);box-shadow:var(--ut-glow-primary);color:var(--ut-text-accent)}.main-content{background:var(--ut-gradient-primary);background-attachment:fixed;flex:1 1;padding:80px 20px 40px}.account-header{box-shadow:var(--ut-shadow-card);justify-content:center;margin-bottom:20px;padding:20px}.account-header,.tab-content{background-color:var(--ut-bg-panel);border-radius:var(--ut-radius-card)}.tab-content{box-shadow:var(--ut-shadow-lg);margin:0 auto;max-width:1000px;padding:40px}.tab-content h2{color:var(--ut-text-accent);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-heading-h2);font-weight:var(--ut-font-weight-heading);letter-spacing:var(--ut-letter-spacing-heading);margin-bottom:16px;text-shadow:var(--ut-glow-primary);text-transform:uppercase}.tab-content p{color:var(--ut-text-secondary);font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-base);line-height:var(--ut-line-height-content)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-form-container{background-color:var(--ut-bg-panel);border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:400px;padding:32px 24px}.auth-form-title{color:var(--ut-text-primary);font-size:var(--ut-font-heading-lg);font-weight:var(--ut-font-weight-semibold-sem);margin-bottom:24px;text-align:center}.auth-error-message{background-color:var(--ut-bg-danger)}.auth-error-message,.auth-success-message{border:1px solid var(--ut-border-default);border-radius:4px;color:var(--ut-text-inverse);font-size:var(--ut-font-body-sm);line-height:var(--ut-line-height-base-sem);margin-bottom:20px;padding:12px 16px}.auth-success-message{background-color:var(--ut-bg-success);text-align:center}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-label{color:var(--ut-text-accent);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-xs);font-weight:var(--ut-font-weight-medium-sem);letter-spacing:var(--ut-letter-spacing-label);text-transform:uppercase}.form-input{background:var(--ut-input-bg);border:2px solid var(--ut-border-default);border-radius:var(--ut-radius-input);color:var(--ut-input-text);font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-base);padding:14px 16px;transition:all var(--ut-transition-base) ease}.form-input:focus{border-color:var(--ut-border-focus);box-shadow:0 0 0 3px var(--ut-focus-ring-color),var(--ut-glow-accent);outline:none}.form-input:disabled{background-color:var(--ut-bg-page);cursor:not-allowed}.form-input::placeholder,.form-input:disabled{color:var(--ut-text-secondary)}.auth-submit-button{background:var(--ut-gradient-main);border:none;border-radius:var(--ut-radius-button);box-shadow:var(--ut-glow-primary);color:var(--ut-button-primary-text);cursor:pointer;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);margin-top:8px;padding:14px 24px;text-transform:uppercase;transition:all var(--ut-transition-base) ease}.auth-submit-button:hover:not(:disabled){box-shadow:var(--ut-glow-hover);transform:translateY(-2px)}.auth-submit-button:disabled{background-color:var(--ut-button-secondary-bg);cursor:not-allowed;transform:translateY(0);transform:none}.auth-switch-container{border-top:1px solid var(--ut-border-default);margin-top:24px;padding-top:20px;text-align:center}.auth-switch-container p{color:var(--ut-text-secondary);font-size:var(--ut-font-body-sm);margin:0}.auth-switch-button{background:none;border:none;color:var(--ut-text-link);cursor:pointer;font-size:var(--ut-font-body-sm);margin:0;padding:0;text-decoration:underline}.auth-switch-button:hover:not(:disabled){color:var(--ut-text-link-hover)}.auth-switch-button:disabled{color:var(--ut-text-secondary);cursor:not-allowed}.account-info-container{margin:0 auto;max-width:800px;padding:32px 24px}.account-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.welcome-message{color:var(--ut-text-primary);font-size:24px;font-weight:600;margin:0}.logout-button{background-color:var(--ut-button-danger-bg);border-radius:4px;color:var(--ut-text-inverse);padding:8px 16px;transition:background-color .3s ease}.logout-button:hover{background-color:var(--ut-button-danger-hover-bg)}.account-details-section{border:1px solid var(--ut-border-default);border-radius:8px;margin-top:32px;overflow:hidden}.account-details-summary{border-bottom:1px solid var(--ut-bg-muted);color:var(--ut-text-primary);cursor:pointer;font-weight:500;padding:16px 20px;-webkit-user-select:none;user-select:none}.account-details,.account-details-summary,.account-details-summary:hover{background-color:var(--ut-bg-panel)}.account-details{padding:20px}.account-details h3{color:var(--ut-text-primary);font-size:18px;margin-bottom:16px;margin-top:0}.account-field{border-bottom:1px solid var(--ut-border-default);display:flex;justify-content:space-between;padding:8px 0}.account-field:last-child{border-bottom:none}.account-field-label{font-weight:500}.account-field-label,.account-field-value{color:var(--ut-text-primary);font-size:14px}.auth-loading{align-items:center;color:var(--ut-bg-muted);display:flex;justify-content:center;padding:40px}.google-login-container{align-items:center!important;display:flex!important;justify-content:center!important;margin-bottom:16px;margin-top:16px;min-height:52px;text-align:center!important;width:100%!important}.auth-divider{align-items:center;display:flex;margin:20px 0;text-align:center}.auth-divider:after,.auth-divider:before{background:var(--ut-border-default);content:"";flex:1 1;height:1px}.auth-divider-text{color:var(--ut-text-secondary);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem);padding:0 16px}.google-login-button{min-height:52px;text-align:center!important;width:100%!important}.google-login-button,.google-login-container>div{align-items:center!important;display:flex!important;justify-content:center!important}.google-login-container div[role=button],.google-login-container>div{margin:0 auto!important}.auth-legal-links{border-top:1px solid var(--ut-border-default);margin-top:20px;padding-top:16px;text-align:center}.legal-link{background:none;border:none;color:var(--ut-text-secondary);cursor:pointer;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-xs);padding:0;text-decoration:none;transition:color .2s ease}.legal-link:hover{color:var(--ut-text-primary);text-decoration:underline}.legal-separator{color:var(--ut-border-default);margin:0 8px}.legal-separator,.legal-text{font-size:var(--ut-font-body-xs)}.legal-text{color:var(--ut-text-secondary);line-height:var(--ut-line-height-base-sem);margin:0}@media (max-width:480px){.account-info-container,.auth-form-container{margin:16px;padding:24px 20px}.account-header{align-items:stretch;flex-direction:column;gap:16px}.logout-button{align-self:flex-end}.google-login-container{margin:20px 0}.google-login-container iframe{max-width:100%!important;min-width:200px!important}}.privacy-policy-container{background-color:var(--ut-bg-page);min-height:100vh;padding:20px}.privacy-policy-content{background:var(--ut-bg-panel);border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:40px}.privacy-policy-content h1{border-bottom:3px solid var(--ut-border-active);color:var(--ut-color-dark-alt);font-size:2.5rem;margin-bottom:20px;padding-bottom:10px}.privacy-policy-content h2{color:var(--ut-color-dark-alt);font-size:var(--ut-font-heading-md);margin-bottom:15px;margin-top:30px}.privacy-policy-content h3{color:var(--ut-color-dark-alt);font-size:var(--ut-font-heading-sm);margin-bottom:12px;margin-top:25px}.privacy-policy-content section{margin-bottom:25px}.privacy-policy-content ul{margin:15px 0;padding-left:25px}.privacy-policy-content li{margin-bottom:8px}.privacy-policy-content p{line-height:var(--ut-line-height-base-sem);margin:15px 0}.contact-section{background:var(--ut-bg-info);border-left:4px solid var(--ut-border-active);border-radius:8px;color:var(--ut-text-inverse);padding:20px}.privacy-policy-content a{color:var(--ut-text-info);text-decoration:none}.privacy-policy-content a:hover{text-decoration:underline}.privacy-policy-modal-overlay{align-items:center;background-color:var(--ut-bg-inverse);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.privacy-policy-modal{background:var(--ut-bg-panel);border-radius:8px;max-height:90vh;max-width:90vw;overflow-y:auto;position:relative}.privacy-policy-modal .privacy-policy-content{box-shadow:none;margin:0;max-height:calc(90vh - 80px);overflow-y:auto}.privacy-policy-header{align-items:center;background:var(--ut-bg-panel);border-bottom:1px solid var(--ut-border-default);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.privacy-policy-header h1{border:none;margin:0;padding:0}@media (max-width:768px){.privacy-policy-container{padding:10px}.privacy-policy-content{padding:20px}.privacy-policy-content h1{font-size:2rem}.privacy-policy-modal{max-height:95vh;max-width:95vw}}.terms-of-service-container{background-color:var(--ut-bg-page);min-height:100vh;padding:20px}.terms-of-service-content{background:var(--ut-bg-panel);border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:40px}.terms-of-service-content h1{border-bottom:3px solid var(--ut-border-active);color:var(--ut-color-dark-alt);font-size:2.5rem;margin-bottom:20px;padding-bottom:10px}.terms-of-service-content h2{color:var(--ut-color-dark-alt);font-size:var(--ut-font-heading-md);margin-bottom:15px;margin-top:30px}.terms-of-service-content h3{color:var(--ut-color-dark-alt);font-size:var(--ut-font-heading-sm);margin-bottom:12px;margin-top:25px}.terms-of-service-content section{margin-bottom:25px}.terms-of-service-content ul{margin:15px 0;padding-left:25px}.terms-of-service-content li{margin-bottom:8px}.terms-of-service-content p{line-height:var(--ut-line-height-base-sem);margin:15px 0}.last-updated{background:var(--ut-bg-page);border-radius:4px;color:var(--ut-text-secondary);font-style:italic;margin-bottom:20px;padding:10px}.contact-info{background:var(--ut-bg-info);border-left:4px solid var(--ut-border-active);border-radius:8px;color:var(--ut-text-inverse);padding:20px}.terms-of-service-content a{color:var(--ut-text-info);text-decoration:none}.terms-of-service-content a:hover{text-decoration:underline}.terms-of-service-modal-overlay{align-items:center;background-color:var(--ut-bg-inverse);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.terms-of-service-modal{background:var(--ut-bg-panel);border-radius:8px;max-height:90vh;max-width:90vw;overflow-y:auto;position:relative}.terms-of-service-modal .terms-of-service-content{box-shadow:none;margin:0;max-height:calc(90vh - 80px);overflow-y:auto}.terms-of-service-header{align-items:center;background:var(--ut-bg-panel);border-bottom:1px solid var(--ut-border-default);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.terms-of-service-header h1{border:none;margin:0;padding:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--ut-text-secondary);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:background-color .2s ease;width:40px}.close-button:hover{background-color:var(--ut-bg-page);color:var(--ut-text-primary)}@media (max-width:768px){.terms-of-service-container{padding:10px}.terms-of-service-content{padding:20px}.terms-of-service-content h1{font-size:2rem}.terms-of-service-modal{max-height:95vh;max-width:95vw}}.artist-form-container{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:8px;margin:0 auto;max-width:500px;padding:24px}.artist-form-title{color:var(--ut-text-primary);font-size:var(--ut-font-heading-md);font-weight:var(--ut-font-weight-semibold-sem);margin-bottom:20px;text-align:center}.artist-error-message{background-color:var(--ut-bg-danger);border:1px solid var(--ut-border-default);border-radius:4px;color:var(--ut-text-inverse);font-size:var(--ut-font-body-sm);margin-bottom:16px;padding:12px 16px}.artist-form{display:flex;flex-direction:column;gap:20px}.form-help{color:var(--ut-text-secondary);font-size:var(--ut-font-body-xs);margin-top:4px}.artist-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.artist-cancel-button{background-color:var(--ut-button-secondary-bg);border:none;border-radius:4px;color:var(--ut-button-secondary-text);cursor:pointer;font-size:var(--ut-font-body-sm);padding:10px 20px;transition:background-color .3s ease}.artist-cancel-button:hover:not(:disabled){background-color:var(--ut-button-secondary-hover-bg)}.artist-cancel-button:disabled{cursor:not-allowed;opacity:.6}.artist-save-button{background-color:var(--ut-button-primary-bg);border:none;border-radius:4px;color:var(--ut-button-primary-text);cursor:pointer;font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem);padding:10px 20px;transition:background-color .3s ease}.artist-save-button:hover:not(:disabled){background-color:var(--ut-button-primary-hover-bg)}.artist-save-button:disabled{background-color:var(--ut-button-secondary-bg);cursor:not-allowed}.artist-profile-container{margin:0 auto;max-width:600px;padding:24px}.artist-profile-header{align-items:center;border-bottom:2px solid var(--ut-border-default);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.artist-profile-title{color:var(--ut-text-primary);font-size:24px;font-weight:600;margin:0}.artist-profile-actions{display:flex;gap:12px}.artist-edit-button{background-color:var(--ut-button-info-bg);border:none;border-radius:4px;color:var(--ut-text-inverse);cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.artist-edit-button:hover{background-color:var(--ut-button-info-hover-bg)}.artist-delete-button{background-color:var(--ut-button-danger-bg);border:none;border-radius:4px;color:var(--ut-text-inverse);cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.artist-delete-button:hover{background-color:var(--ut-button-danger-hover-bg)}.artist-profile-details{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:8px;margin-bottom:24px;padding:20px}.artist-detail-row{border-bottom:1px solid var(--ut-border-default);display:flex;justify-content:space-between;padding:8px 0}.artist-detail-row:last-child{border-bottom:none}.artist-detail-label{font-weight:500}.artist-detail-label,.artist-detail-value{color:var(--ut-text-primary);font-size:14px}.artist-karma{color:var(--ut-text-info);font-weight:600}.artist-status{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.artist-status.active{background-color:var(--ut-bg-success);color:var(--ut-text-inverse)}.artist-status.inactive{background-color:var(--ut-bg-danger);color:var(--ut-text-inverse)}.no-artist-container{padding:40px 20px;text-align:center}.no-artist-title{color:var(--ut-text-secondary);font-size:20px;font-weight:600;margin-bottom:12px}.no-artist-description{color:var(--ut-text-secondary);line-height:1.5;margin-bottom:24px}.create-artist-button{background-color:var(--ut-button-success-bg);border:none;border-radius:4px;color:var(--ut-text-inverse);cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .3s ease}.create-artist-button:hover{background-color:var(--ut-button-success-hover-bg)}.artist-loading{align-items:center;color:var(--ut-text-secondary);display:flex;justify-content:center;padding:40px}@media (max-width:480px){.artist-form-container,.artist-profile-container{margin:16px;padding:20px}.artist-profile-header{align-items:stretch;flex-direction:column;gap:16px}.artist-profile-actions{justify-content:center}.artist-form-actions{flex-direction:column}}.modal-overlay{align-items:center;background-color:var(--ut-bg-inverse);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:var(--ut-bg-panel);border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;padding:24px;width:90%}.modal-content h3{color:var(--ut-text-secondary);font-size:18px;margin-bottom:16px;margin-top:0}.modal-content p{color:var(--ut-text-secondary);line-height:1.5;margin-bottom:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.file-upload{margin-bottom:20px;width:100%}.file-upload-dropzone{align-items:center;background-color:var(--ut-bg-panel);border:2px dashed var(--ut-border-muted);border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:120px;padding:40px 20px;text-align:center;transition:all .3s ease}.file-upload-dropzone.drag-over,.file-upload-dropzone:hover:not(.disabled){background-color:var(--ut-bg-muted);border-color:var(--ut-border-focus)}.file-upload-dropzone.drag-over{transform:scale(1.02)}.file-upload-dropzone.disabled{background-color:var(--ut-bg-muted);border-color:var(--ut-border-muted);cursor:not-allowed;opacity:.6}.file-upload-content{align-items:center;display:flex;flex-direction:column;gap:12px}.file-upload-icon{color:var(--ut-text-secondary);transition:color .3s ease}.file-upload-dropzone.drag-over .file-upload-icon,.file-upload-dropzone:hover:not(.disabled) .file-upload-icon{color:var(--ut-text-accent)}.file-upload-text{display:flex;flex-direction:column;gap:4px}.file-upload-primary{color:var(--ut-text-primary);font-size:var(--ut-font-body-md);font-weight:var(--ut-font-weight-medium-sem);margin:0}.file-upload-secondary{font-size:var(--ut-font-body-sm);margin:0}.file-upload-dropzone.disabled .file-upload-primary,.file-upload-dropzone.disabled .file-upload-secondary,.file-upload-secondary{color:var(--ut-text-secondary)}.file-upload-error{background-color:var(--ut-bg-danger);border:1px solid var(--ut-border-default);border-radius:4px;color:var(--ut-text-inverse);font-size:var(--ut-font-body-sm);margin-top:8px;padding:8px 12px}@media (max-width:768px){.file-upload-dropzone{min-height:100px;padding:30px 15px}.file-upload-icon svg{height:36px;width:36px}.file-upload-primary{font-size:15px}.file-upload-secondary{font-size:13px}}@media (max-width:480px){.file-upload-dropzone{min-height:90px;padding:25px 10px}.file-upload-icon svg{height:32px;width:32px}.file-upload-primary{font-size:14px}.file-upload-secondary{font-size:12px}}.track-upload{margin:0 auto;max-width:600px;padding:20px}.upload-header{margin-bottom:30px;text-align:center}.upload-header h3{color:var(--ut-text-primary);font-size:var(--ut-font-heading-lg);margin:0 0 8px}.upload-header p{color:var(--ut-text-secondary);font-size:var(--ut-font-body-md);margin:0}.upload-form{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-muted);border-radius:8px;padding:24px}.form-group,.upload-form{margin-bottom:20px}.form-group label{font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem);margin-bottom:6px}.form-group input[type=text]{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-muted);border-radius:6px;box-sizing:border-box;color:var(--ut-text-primary);font-size:var(--ut-font-body-sm);padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input[type=text]:focus{border-color:var(--ut-border-focus);box-shadow:0 0 0 3px var(--ut-focus-ring-color);outline:none}.form-group input[type=text]:disabled{background-color:var(--ut-bg-secondary);color:var(--ut-text-primary);cursor:not-allowed;opacity:.6}.character-count{font-size:var(--ut-font-body-xs)}.selected-file{align-items:center;background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-muted);border-radius:6px;display:flex;justify-content:space-between;margin-top:12px;padding:12px}.file-info{display:flex;flex-direction:column;gap:2px}.file-name{color:var(--ut-text-primary);font-size:14px;font-weight:500}.file-size{font-size:12px}.file-size,.remove-file{color:var(--ut-text-secondary)}.remove-file{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px;transition:color .2s,background-color .2s}.remove-file:hover:not(:disabled){background-color:var(--ut-button-danger-bg);color:var(--ut-text-inverse)}.remove-file:disabled{cursor:not-allowed;opacity:.5}.upload-error{background-color:var(--ut-bg-danger);border:1px solid var(--ut-border-danger);border-radius:6px;color:var(--ut-text-inverse)}.upload-error,.upload-success{font-size:14px;margin-bottom:16px;padding:12px}.upload-success{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-success);border-radius:6px;color:var(--ut-text-success)}.form-actions{border-top:1px solid var(--ut-border-muted);gap:12px;justify-content:flex-end;padding-top:16px}.clear-button{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-muted);border-radius:6px;color:var(--ut-text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s,border-color .2s}.clear-button:hover:not(:disabled){background-color:var(--ut-bg-muted);border-color:var(--ut-border-muted)}.clear-button:disabled{cursor:not-allowed;opacity:.6}.upload-button{background-color:var(--ut-button-accent-bg);border:none;border-radius:6px;color:var(--ut-button-accent-text);cursor:pointer;font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem);padding:10px 24px;transition:background-color .2s}.upload-button:hover:not(:disabled){background-color:var(--ut-button-accent-hover-bg)}.upload-button:disabled{background-color:var(--ut-button-secondary-bg);cursor:not-allowed}.upload-info{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-muted);border-radius:8px;padding:20px}.upload-info h4{color:var(--ut-text-primary);font-size:16px;margin:0 0 12px}.upload-info ul{list-style-type:disc;margin:0;padding-left:20px}.upload-info li{color:var(--ut-text-secondary);font-size:14px;line-height:1.5;margin-bottom:6px}@media (max-width:768px){.track-upload{max-width:100%;padding:15px}.upload-form{padding:20px}.form-actions{flex-direction:column}.clear-button,.upload-button{width:100%}}@media (max-width:480px){.track-upload{padding:10px}.upload-header h3{font-size:20px}.upload-header p{font-size:14px}.upload-form,.upload-info{padding:16px}.selected-file{align-items:flex-start;flex-direction:column;gap:8px}}.track-manager{margin:0 auto;max-width:1200px;padding:20px}.error,.loading{padding:40px 20px;text-align:center}.track-list h3{color:var(--ut-text-primary);font-size:var(--ut-font-heading-md);margin-bottom:20px}.no-tracks{padding:40px 20px}.no-tracks p{margin:8px 0}.tracks-grid{margin-bottom:30px}.track-card{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-muted);box-shadow:var(--ut-shadow-base);padding:16px;transition:all var(--ut-transition-medium) ease}.track-card:hover{box-shadow:var(--ut-shadow-hover),var(--ut-glow-primary)}.track-card.selected{background:linear-gradient(135deg,var(--ut-bg-panel) 0,var(--ut-bg-elevated) 100%);border-color:var(--ut-color-primary);box-shadow:var(--ut-shadow-lg),var(--ut-glow-hover)}.track-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.track-title{color:var(--ut-text-primary);flex:1 1;font-size:var(--ut-font-body-md);font-weight:var(--ut-font-weight-semibold-sem);margin:0;word-break:break-word}.track-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.track-status{background:var(--ut-gradient-alt);border:none;border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-purple-sm);color:var(--ut-button-accent-text);cursor:default;font-size:var(--ut-font-body-xs);font-weight:var(--ut-font-weight-medium-sem);padding:4px 12px;white-space:nowrap}.track-status.under-review{background:var(--ut-gradient-cyber);box-shadow:var(--ut-glow-accent)}.track-status.clickable{background:var(--ut-gradient-main);cursor:pointer;transition:all var(--ut-transition-base)}.track-status.clickable:hover{box-shadow:var(--ut-glow-hover);transform:scale(1.05)}.delete-button-header{background:none;border:none;border-radius:4px;color:var(--ut-text-secondary);cursor:pointer;font-size:var(--ut-font-body-md);opacity:.7;padding:4px;transition:all .2s}.delete-button-header:hover{background-color:var(--ut-bg-danger);color:var(--ut-text-inverse);opacity:1;transform:scale(1.1)}.share-button{background:none;border:none;border-radius:4px;color:var(--ut-text-secondary);cursor:pointer;font-size:var(--ut-font-body-md);opacity:.7;padding:4px;transition:all .2s}.share-button:hover{background-color:var(--ut-bg-info);color:var(--ut-text-info);opacity:1;transform:scale(1.1)}.share-button:disabled{cursor:not-allowed;opacity:.3}.share-button:disabled:hover{background:none;color:var(--ut-text-secondary);transform:none}.track-info{margin-bottom:12px}.track-info p{color:var(--ut-text-secondary);margin:4px 0}.track-date,.track-info p{font-size:var(--ut-font-body-sm)}.track-feedback-summary{background-color:var(--ut-bg-panel);border-radius:4px;margin-bottom:12px;padding:8px}.feedback-stats{align-items:center;display:flex;font-size:var(--ut-font-body-sm);justify-content:space-between}.feedback-count{color:var(--ut-text-secondary)}.average-rating{color:var(--ut-text-info);font-weight:var(--ut-font-weight-medium-sem)}.track-actions{gap:10px}.audio-placeholder{color:var(--ut-text-secondary);font-size:12px;font-style:italic}.play-button{background:var(--ut-button-primary-bg);border:var(--ut-border-default);border-radius:4px;font-size:18px;padding:4px;transition:background-color .2s}.play-button:hover{background-color:var(--ut-button-primary-hover-bg);border:var(--ut-border-focus)}.delete-button{background:none;border:none;border-radius:4px;color:var(--ut-text-danger);cursor:pointer;font-size:16px;padding:4px;transition:background-color .2s}.delete-button:hover{background-color:var(--ut-button-danger-hover-bg)}.delete-button:disabled{cursor:not-allowed;opacity:.5}.delete-dialog-overlay{align-items:center;background-color:var(--ut-bg-inverse);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-dialog{background-color:var(--ut-bg-panel);border-radius:8px;box-shadow:0 10px 25px #0003;max-width:400px;padding:24px;width:90%}.delete-dialog h3{color:var(--ut-text-danger);font-size:18px;margin:0 0 16px}.delete-dialog p{color:var(--ut-text-secondary);line-height:1.5;margin:8px 0}.warning-text{color:var(--ut-text-danger);font-size:14px;font-weight:500;margin:12px 0 20px!important}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.cancel-button{border:1px solid var(--ut-border-default);border-radius:4px;font-size:14px;padding:8px 16px;transition:all .2s}.cancel-button,.cancel-button:hover{background-color:var(--ut-bg-panel)}.delete-confirm-button{border:none;border-radius:4px;color:var(--ut-text-inverse);cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.delete-confirm-button,.delete-confirm-button:hover:not(:disabled){background-color:var(--ut-button-danger-bg)}.delete-confirm-button:disabled{background-color:var(--ut-button-secondary-bg);cursor:not-allowed}.confirm-button{background-color:var(--ut-button-success-bg);border:none;border-radius:4px;color:var(--ut-text-inverse);cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.confirm-button:hover:not(:disabled){background-color:var(--ut-button-success-hover-bg)}.confirm-button:disabled{background-color:var(--ut-button-secondary-bg);cursor:not-allowed}.info-text{color:var(--ut-text-info);font-size:14px;font-weight:500;margin:12px 0 20px!important}.audio-player{background:var(--ut-gradient-cyber);box-shadow:var(--ut-shadow-lg),var(--ut-glow-accent);padding:20px}.player-header h4{font-family:var(--ut-font-heading-family);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-label);text-transform:uppercase}.close-player{background:none;color:var(--ut-text-secondary);font-size:18px;padding:4px;transition:all var(--ut-transition-base)}.close-player:hover{color:var(--ut-text-primary);transform:scale(1.1)}.play-pause-btn{animation:pulse 2s infinite;background:var(--ut-gradient-alt);box-shadow:var(--ut-glow-primary);color:var(--ut-button-accent-text);font-size:var(--ut-font-body-lg);height:48px;transition:all var(--ut-transition-base);width:48px}.play-pause-btn:hover{box-shadow:var(--ut-glow-hover)}@keyframes pulse{0%,to{box-shadow:var(--ut-glow-primary)}50%{box-shadow:var(--ut-glow-hover)}}.progress-bar{background:var(--ut-border-muted);border-radius:2px;height:4px}.progress-bar::-webkit-slider-thumb{background:var(--ut-bg-accent);height:14px;width:14px}.progress-bar::-moz-range-thumb{background:var(--ut-bg-accent);border:none;height:14px;width:14px}.time-display{font-family:var(--ut-font-code-family);font-size:var(--ut-font-body-xs);min-width:35px}.volume-button{font-size:var(--ut-font-body-md);min-width:24px}.volume-button:hover{background-color:var(--ut-bg-muted)}.volume-slider{background:var(--ut-border-muted);border-radius:2px;height:4px}.volume-slider::-webkit-slider-thumb{background:var(--ut-bg-accent);height:12px;width:12px}.volume-slider::-moz-range-thumb{background:var(--ut-bg-accent);border:none;height:12px;width:12px}.track-feedback{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:8px;margin-top:30px;padding:20px}.track-feedback h4{color:var(--ut-text-secondary);margin-bottom:20px;margin-top:0}.feedback-list{display:flex;flex-direction:column;gap:20px}.feedback-item{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:6px;padding:16px}.feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.feedback-author{color:var(--ut-text-accent);font-weight:500}.feedback-date{color:var(--ut-text-secondary);font-size:14px}.feedback-ratings{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:12px}.rating-item{align-items:center;display:flex;font-size:14px;justify-content:space-between}.rating{color:var(--ut-text-info);font-weight:500}.feedback-comments{margin-top:12px}.feedback-comments h5{color:var(--ut-text-secondary);font-size:14px;margin:0 0 8px}.feedback-comments p{color:var(--ut-text-secondary);line-height:1.5;margin:0}.timestamped-notes{margin-top:12px}.timestamped-notes h5{color:var(--ut-text-secondary);font-size:14px;margin:0 0 8px}.notes-list{display:flex;flex-direction:column;gap:6px}.note-item{align-items:flex-start;font-size:14px;gap:10px}.note-timestamp{background-color:var(--ut-bg-accent);border-radius:12px;color:var(--ut-text-inverse)!important;font-family:monospace;min-width:40px;padding:2px 6px;text-align:center}.note-text{color:var(--ut-text-secondary)}@media (max-width:768px){.track-manager{padding:15px}.tracks-grid{gap:15px;grid-template-columns:1fr}.track-header{align-items:flex-start;flex-direction:column;gap:8px}.track-header-actions{align-self:flex-end;margin-top:-8px}.feedback-ratings{grid-template-columns:1fr}.player-controls{flex-direction:column;gap:10px}.progress-container{width:100%}}@media (max-width:480px){.track-manager{padding:10px}.track-card{padding:12px}.audio-player,.track-feedback{padding:15px}.feedback-item{padding:12px}}.share-modal-overlay{align-items:center;background-color:var(--ut-bg-inverse);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.share-modal{background:var(--ut-bg-panel);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow:auto;width:100%}.share-modal-header{align-items:flex-start;display:flex;justify-content:space-between;padding:20px 20px 0}.share-modal-header h3{color:var(--ut-text-primary);flex:1 1;font-size:20px;margin:0}.modal-close-button{border-radius:50%;font-size:18px}.modal-close-button:hover{background-color:var(--ut-bg-panel);color:var(--ut-text-secondary)}.share-modal-content{padding:20px}.share-modal-content p{color:var(--ut-text-secondary);font-size:14px;margin:0 0 16px}.share-url-container{display:flex;gap:8px;margin-bottom:12px}.share-url-input{background-color:var(--ut-bg-panel);border:2px solid var(--ut-border-default);border-radius:8px;color:var(--ut-text-secondary);flex:1 1;font-family:monospace;font-size:14px;padding:10px 12px}.share-url-input:focus{background-color:var(--ut-bg-panel);border-color:var(--ut-border-focus);outline:none}.copy-button{background-color:var(--ut-button-primary-bg);border:none;border-radius:8px;color:var(--ut-button-primary-text);cursor:pointer;font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem);padding:10px 16px;transition:all .2s;white-space:nowrap}.copy-button:hover{background-color:var(--ut-button-primary-hover-bg)}.copy-button.success{background-color:var(--ut-button-success-bg)}.copy-button.success:hover{background-color:var(--ut-button-success-hover-bg)}.copy-success-message{color:var(--ut-text-success);font-size:12px;font-weight:500;margin:8px 0 0}@media (max-width:600px){.share-modal-overlay{padding:10px}.share-modal{max-height:95vh}.share-modal-header{padding:16px 16px 0}.share-modal-header h3{font-size:18px}.share-modal-content{padding:16px}.share-url-container{flex-direction:column}.copy-button{justify-content:center;width:100%}}.get-feedback-tab{margin:0 auto;max-width:1200px;padding:20px}.feedback-header h2{font-size:var(--ut-font-heading-lg);margin:0 0 12px}.feedback-header p{margin:0}.auth-required,.error,.loading,.no-artists{padding:40px 20px;text-align:center}.auth-required h2,.no-artists h2{color:var(--ut-text-primary);margin-bottom:16px}.auth-required p,.no-artists p{color:var(--ut-text-secondary);margin:8px 0}.auth-required p,.loading,.no-artists p{font-size:var(--ut-font-body-md)}.error{color:var(--ut-text-danger)}.retry-button{background-color:var(--ut-button-accent-bg);color:var(--ut-text-inverse);font-size:var(--ut-font-body-base)}.retry-button:hover{background-color:var(--ut-button-accent-hover-bg)}.artist-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--ut-bg-panel);border:2px solid var(--ut-border-default);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-lg);margin-bottom:30px;padding:20px}.artist-selector label{display:block;font-family:var(--ut-font-heading-family);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-wide);margin-bottom:10px;text-transform:uppercase}.artist-selector label,.artist-selector select{color:var(--ut-text-primary);font-size:var(--ut-font-body-base)}.artist-selector select{background-color:var(--ut-bg-secondary);border:2px solid var(--ut-border-default);border-radius:var(--ut-radius-input);cursor:pointer;max-width:300px;padding:12px 16px;transition:all .3s ease;width:100%}.artist-selector select:focus{background-color:var(--ut-bg-panel);border-color:var(--ut-border-focus);box-shadow:var(--ut-glow-focus);outline:none}.view-toggle{background-color:var(--ut-bg-secondary);border:2px solid var(--ut-border-default);border-radius:var(--ut-radius-card);display:flex;gap:6px;margin-bottom:30px;padding:6px;width:-webkit-fit-content;width:fit-content}.toggle-button{background:#0000;border:none;border-radius:var(--ut-radius-button);color:var(--ut-text-secondary);cursor:pointer;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.toggle-button:hover{background-color:var(--ut-bg-hover);color:var(--ut-text-primary)}.toggle-button.active{background:var(--ut-gradient-cyber);box-shadow:var(--ut-glow-focus);color:var(--ut-text-inverse)}.feedback-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--ut-bg-panel);border:2px solid var(--ut-border-default);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-2xl);overflow:hidden}@media (max-width:768px){.get-feedback-tab{padding:15px}.feedback-header h2{font-size:24px}.feedback-header p{font-size:15px}.artist-selector{padding:12px}.artist-selector select{max-width:100%}.view-toggle{justify-content:center;width:100%}.toggle-button{flex:1 1;text-align:center}}@media (max-width:480px){.get-feedback-tab{padding:10px}.feedback-header{margin-bottom:20px}.feedback-header h2{font-size:22px}.feedback-header p{font-size:14px}.artist-selector,.view-toggle{margin-bottom:20px}.view-toggle{flex-direction:column;gap:2px}.toggle-button{padding:12px 16px}}.give-feedback-tab{margin:0 auto;max-width:1200px;padding:20px}.feedback-header{border-bottom:2px solid var(--ut-border-active);margin-bottom:30px;padding-bottom:20px;text-align:center}.feedback-header h2{color:var(--ut-text-accent);font-family:var(--ut-font-heading-family);font-weight:var(--ut-font-weight-bold);letter-spacing:var(--ut-letter-spacing-wide);margin-bottom:10px;text-shadow:var(--ut-glow-primary);text-transform:uppercase}.feedback-header p{color:var(--ut-text-secondary);font-size:var(--ut-font-body-large);line-height:var(--ut-line-height-content)}.auth-required{background:var(--ut-bg-page);border-radius:8px;padding:40px}.auth-required,.error{margin:20px 0;text-align:center}.error{background:var(--ut-bg-danger);border:1px solid var(--ut-border-default);border-radius:8px;padding:20px}.retry-button{background:var(--ut-button-accent-bg);border-radius:var(--ut-radius-button);box-shadow:var(--ut-glow-focus);color:var(--ut-button-accent-text);font-family:var(--ut-font-heading-family);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);margin-top:10px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.genre-filter-section{background:var(--ut-bg-page);border:1px solid var(--ut-border-muted);border-radius:8px;margin-bottom:20px}.filter-header{align-items:center;border-bottom:1px solid var(--ut-border-muted);display:flex;gap:10px;padding:12px 16px}.filter-toggle-btn{align-items:center;background:none;border:none;color:var(--ut-text-primary);cursor:pointer;display:flex;font-size:var(--ut-font-body-md);font-weight:var(--ut-font-weight-medium-sem);gap:8px;padding:0}.filter-toggle-btn:hover{color:var(--ut-text-link)}.active-filters{color:var(--ut-text-secondary);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem)}.genre-filter-content{padding:16px}.filter-controls{display:flex;gap:8px;margin-bottom:16px}.filter-control-btn{background:var(--ut-button-primary-bg);border:none;border-radius:4px;color:var(--ut-button-primary-text);cursor:pointer;font-size:var(--ut-font-body-sm);padding:6px 12px;transition:background-color .2s}.filter-control-btn:hover:not(:disabled){background:var(--ut-button-primary-hover-bg)}.filter-control-btn:disabled{background:var(--ut-button-secondary-bg);cursor:not-allowed}.genre-checkboxes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.genre-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s}.genre-checkbox:hover{background:var(--ut-bg-panel)}.genre-checkbox input[type=checkbox]{cursor:pointer;margin:0}.checkbox-label{color:var(--ut-text-secondary);cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.genre-loading,.no-genres{color:var(--ut-text-secondary);font-style:italic;padding:20px;text-align:center}.retry-button:hover{background:var(--ut-button-accent-hover-bg);box-shadow:0 0 30px #3c9dff99;transform:translateY(-2px)}.top-tracks-section{margin-bottom:30px}.top-tracks-section h3{color:var(--ut-text-primary);font-size:20px;margin-bottom:20px}.tracks-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:20px}.track-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ut-bg-panel);border:2px solid var(--ut-border-default);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-lg);cursor:pointer;padding:20px;transition:all .3s ease}.track-card:hover{border-color:var(--ut-border-active);box-shadow:var(--ut-glow-primary);transform:translateY(-4px)}.track-card.selected{background:var(--ut-bg-panel);border-color:var(--ut-border-active);border-width:3px;box-shadow:var(--ut-glow-focus)}.track-header{margin-bottom:12px}.track-title{color:var(--ut-text-accent);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-heading-sm);font-weight:var(--ut-font-weight-bold);letter-spacing:var(--ut-letter-spacing-wide);margin:0 0 4px}.track-artist{color:var(--ut-text-secondary);font-size:var(--ut-font-body-sm);font-style:italic}.track-info{margin-bottom:15px}.track-genre{background:var(--ut-gradient-alt);border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-accent);color:var(--ut-text-inverse);display:inline-block;font-size:12px;font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);margin:0 0 8px;padding:6px 12px;text-transform:uppercase}.track-date{margin:0}.track-date,.track-feedback-count{color:var(--ut-text-secondary);font-size:13px}.track-feedback-count{margin-bottom:15px}.play-button,.track-actions{align-items:center;display:flex;justify-content:center}.play-button{background:var(--ut-gradient-cyber);border:none;border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-accent);color:var(--ut-text-inverse);cursor:pointer;font-size:var(--ut-font-body-lg);height:48px;transition:all .3s ease;width:48px}.play-button:hover{animation:glow-pulse 1.5s ease-in-out infinite;box-shadow:0 0 30px #3c9dff99;transform:scale(1.15)}.no-tracks{background:var(--ut-bg-page);border-radius:8px;padding:40px}.audio-player{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ut-bg-panel);border:2px solid var(--ut-border-active);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-2xl),var(--ut-glow-primary);margin:20px 0;padding:24px}.player-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.player-header h4{color:var(--ut-text-primary);flex:1 1;margin:0;min-width:200px}.player-actions{align-items:center;display:flex;gap:10px}.feedback-button{background:var(--ut-button-accent-bg);border:none;border-radius:var(--ut-radius-button);box-shadow:var(--ut-glow-focus);color:var(--ut-text-inverse);cursor:pointer;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.feedback-button:hover:not(:disabled){background:var(--ut-button-accent-hover-bg);box-shadow:0 0 30px #3c9dff99;transform:translateY(-2px)}.feedback-button:disabled{background:var(--ut-button-secondary-bg);box-shadow:none;cursor:not-allowed;opacity:.5}.close-player{align-items:center;background:var(--ut-button-danger-bg);border:none;border-radius:50%;color:var(--ut-text-inverse);cursor:pointer;display:flex;font-size:var(--ut-font-body-md);height:30px;justify-content:center;width:30px}.close-player:hover{background:var(--ut-button-danger-hover-bg)}.player-controls{align-items:center;display:flex;gap:15px}.play-pause-btn{align-items:center;background:var(--ut-gradient-cyber);border:none;border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-focus);color:var(--ut-text-inverse);cursor:pointer;display:flex;font-size:var(--ut-font-heading-md);height:56px;justify-content:center;transition:all .3s ease;width:56px}.play-pause-btn:hover{animation:glow-pulse 1.5s ease-in-out infinite;box-shadow:0 0 40px #3c9dffb3;transform:scale(1.1)}.progress-container{align-items:center;display:flex;flex:1 1;gap:10px}.time-display{color:var(--ut-text-secondary);font-size:var(--ut-font-body-sm);min-width:40px;text-align:center}.progress-bar{-webkit-appearance:none;appearance:none;background:var(--ut-border-default);border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ut-bg-primary);border:2px solid var(--ut-bg-panel);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.progress-bar::-moz-range-thumb{background:var(--ut-bg-primary);border:2px solid var(--ut-bg-panel);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.volume-control{gap:8px;min-width:100px}.volume-button,.volume-control{align-items:center;display:flex}.volume-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;justify-content:center;min-width:28px;padding:4px;transition:background-color .2s}.volume-button:hover{background-color:var(--ut-button-secondary-bg)}.volume-slider{-webkit-appearance:none;appearance:none;background:var(--ut-bg-inverse);border-radius:3px;cursor:pointer;height:6px;outline:none;width:60px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ut-bg-info);border:1px solid var(--ut-border-default);border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:14px;width:14px}.volume-slider::-moz-range-thumb{background:var(--ut-bg-info);border:1px solid var(--ut-border-default);border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:14px;width:14px}.feedback-success{background:var(--ut-bg-success);font-weight:var(--ut-font-weight-medium-sem)}.feedback-error,.feedback-success{border:1px solid var(--ut-border-default);border-radius:8px;color:var(--ut-text-inverse);margin:20px 0;padding:15px;text-align:center}.feedback-error{background:var(--ut-bg-danger)}.feedback-form-section{background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px 0;padding:30px}.feedback-form-section h3{color:var(--ut-text-primary);font-size:20px;margin:0 0 25px;text-align:center}.feedback-form{margin:0 auto;max-width:600px}.ratings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.rating-group{display:flex;flex-direction:column;gap:8px}.rating-group label{color:var(--ut-text-primary);font-size:14px;font-weight:600}.rating-input{align-items:center;display:flex;gap:12px}.rating-input input[type=range]{-webkit-appearance:none;appearance:none;background:var(--ut-border-default);border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.rating-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ut-button-primary-bg);border:2px solid var(--ut-border-default);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.rating-input input[type=range]::-moz-range-thumb{background:var(--ut-button-primary-bg);border:2px solid var(--ut-border-default);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.rating-value{color:var(--ut-text-accent);font-family:var(--ut-font-heading-family);font-size:18px;font-weight:var(--ut-font-weight-bold);min-width:45px;text-align:center;text-shadow:var(--ut-glow-accent)}.form-group{margin-bottom:25px}.form-group label{display:block;font-family:var(--ut-font-heading-family);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-wide);margin-bottom:8px;text-transform:uppercase}.form-group label,.form-group textarea{color:var(--ut-text-primary);font-size:14px}.form-group textarea{background:var(--ut-bg-panel);border:2px solid var(--ut-border-default);border-radius:var(--ut-radius-input);box-sizing:border-box;font-family:inherit;padding:14px;resize:vertical;transition:all .3s ease;width:100%}.form-group textarea:focus{background:var(--ut-bg-secondary);border-color:var(--ut-border-focus);box-shadow:var(--ut-glow-focus);outline:none}.character-count{color:var(--ut-text-secondary);font-size:12px;margin-top:4px;text-align:right}.timestamped-notes-section{margin-bottom:30px}.timestamped-notes-section h4{color:var(--ut-text-secondary);font-size:16px;margin:0 0 15px}.add-note{margin-bottom:20px}.note-input-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.current-time{color:var(--ut-text-info);font-size:14px;font-weight:600;min-width:80px}.note-input-group input[type=text]{border:2px solid var(--ut-border-default);border-radius:6px;flex:1 1;font-size:14px;min-width:200px;padding:8px 12px;transition:border-color .2s ease}.note-input-group input[type=text]:focus{border-color:var(--ut-border-active);box-shadow:0 0 0 3px #007bff1a;outline:none}.note-input-group button{background:var(--ut-bg-success);border:none;border-radius:6px;color:var(--ut-text-inverse);cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s ease}.note-input-group button:hover:not(:disabled){background:var(--ut-button-success-bg)}.note-input-group button:disabled{background:var(--ut-button-secondary-bg);cursor:not-allowed}.notes-list{background:var(--ut-bg-panel);border-radius:8px;padding:15px}.notes-list h5{color:var(--ut-text-primary);font-size:14px;margin:0 0 12px}.note-item{align-items:center;border-bottom:1px solid var(--ut-border-default);display:flex;gap:12px;padding:8px 0}.note-item:last-child{border-bottom:none}.note-timestamp{color:var(--ut-text-info);font-size:12px;font-weight:600;min-width:50px}.note-text{color:var(--ut-text-primary);flex:1 1;font-size:14px}.remove-note{align-items:center;border:none;border-radius:50%;color:var(--ut-text-inverse);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;width:24px}.remove-note,.remove-note:hover{background:var(--ut-bg-danger)}.form-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.cancel-button{background:#0000;border:2px solid var(--ut-border-default);border-radius:var(--ut-radius-button);color:var(--ut-text-secondary);cursor:pointer;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.cancel-button:hover:not(:disabled){background:var(--ut-bg-hover);border-color:var(--ut-border-active);color:var(--ut-text-primary);transform:translateY(-2px)}.submit-button{background:var(--ut-button-accent-bg);border:none;border-radius:var(--ut-radius-button);box-shadow:var(--ut-glow-focus);color:var(--ut-text-inverse);cursor:pointer;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-large);font-weight:var(--ut-font-weight-bold);letter-spacing:var(--ut-letter-spacing-button);padding:14px 32px;text-transform:uppercase;transition:all .3s ease}.submit-button:hover:not(:disabled){background:var(--ut-button-accent-hover-bg);box-shadow:0 0 30px #3c9dff99;transform:translateY(-2px)}.cancel-button:disabled,.submit-button:disabled{background:var(--ut-button-secondary-bg);cursor:not-allowed}@media (max-width:768px){.give-feedback-tab{padding:15px}.tracks-grid{grid-template-columns:1fr}.player-header{align-items:stretch;flex-direction:column;gap:15px}.player-actions{justify-content:space-between}.ratings-grid{grid-template-columns:1fr}.note-input-group{align-items:stretch;flex-direction:column}.current-time{min-width:auto}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.request-feedback-nav{background-color:var(--ut-bg-panel);border-bottom:1px solid var(--ut-border-default);box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-content,.nav-home-button{align-items:center;display:flex}.nav-home-button{background-color:var(--ut-button-info-bg);border:1px solid var(--ut-border-active);border-radius:6px;color:var(--ut-text-inverse);cursor:pointer;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;transition:all .2s ease}.nav-home-button:hover{background-color:var(--ut-button-primary-hover-bg);border-color:var(--ut-border-active)}.nav-home-button:active{transform:translateY(1px)}.nav-title{color:var(--ut-text-primary);font-size:18px;font-weight:600}@media (max-width:600px){.nav-content{padding:0 15px}.nav-home-button{font-size:13px;padding:6px 12px}.nav-title{font-size:16px}}.login-required-message{background-color:var(--ut-bg-panel);border:2px solid var(--ut-border-default);border-radius:8px;margin:20px 0;padding:24px;text-align:center}.login-required-message h3{color:var(--ut-text-primary);font-size:20px;margin:0 0 12px}.login-required-message p{color:var(--ut-text-secondary);font-size:16px;line-height:1.5;margin:0 0 20px}.login-prompt-button{background-color:var(--ut-button-info-bg);border:none;border-radius:6px;color:var(--ut-text-inverse);cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s}.login-prompt-button:hover{background-color:var(--ut-button-primary-hover-bg)}.login-prompt-button:active{transform:translateY(1px)}.auth-modal-overlay{align-items:center;background-color:var(--ut-bg-inverse);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.auth-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.auth-modal-header{border-bottom:1px solid var(--ut-border-default);padding:24px 24px 16px;position:relative}.auth-modal-header h2{color:var(--ut-text-primary);font-size:24px;margin:0 0 8px}.auth-modal-header p{color:var(--ut-text-secondary);font-size:14px;line-height:1.4;margin:0}.modal-close-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--ut-text-secondary);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;position:absolute;right:20px;top:20px;width:32px}.modal-close-button:hover{background-color:var(--ut-button-secondary-bg);color:var(--ut-text-primary)}.auth-modal-content{padding:0}.auth-modal-content .auth-form-container{border-radius:0;box-shadow:none;margin:0;padding:24px}.auth-modal-content .auth-form-title{font-size:20px;margin-bottom:20px}@media (max-width:600px){.auth-modal-overlay{padding:10px}.auth-modal{max-height:95vh}.auth-modal-header{padding:20px 20px 12px}.auth-modal-header h2{font-size:20px}.auth-modal-content .auth-form-container{padding:20px}}.artist-setup-section{display:flex;justify-content:center;margin:30px 0}.artist-setup-card{background:var(--ut-background-panel);border:2px solid var(--ut-border-active);border-radius:12px;max-width:500px;padding:30px;text-align:center;width:100%}.artist-setup-card h3{color:var(--ut-text-info);font-size:24px;margin-bottom:10px}.artist-setup-card p{color:var(--ut-text-secondary);font-size:16px;margin-bottom:25px}.artist-form .form-group{margin-bottom:20px;text-align:left}.artist-form .form-group label{color:var(--ut-text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.artist-form .form-group input{border:2px solid var(--ut-border-default);border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease;width:100%}.artist-form .form-group input:focus{border-color:var(--ut-border-active);box-shadow:0 0 0 3px #007bff1a;outline:none}.artist-form .form-group input:disabled{background-color:var(--ut-border-default);cursor:not-allowed}.artist-form .form-actions{margin-top:25px;text-align:center}.loading-section{color:var(--ut-text-secondary);font-size:16px;padding:40px;text-align:center}.current-artist-info{background:var(--ut-bg-panel);border:1px solid var(--ut-border-active);border-radius:8px;color:var(--ut-text-info);font-size:14px;margin:20px 0;padding:15px;text-align:center}@media (max-width:600px){.artist-setup-card{margin:20px 10px;padding:25px 20px}.artist-setup-card h3{font-size:20px}}.admin-dashboard{background:var(--ut-gradient-primary);background-attachment:fixed;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.admin-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ut-bg-panel);border:2px solid var(--ut-border-active);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-2xl),var(--ut-glow-primary);display:flex;justify-content:space-between;margin-bottom:30px;padding:30px}.admin-header-content{flex:1 1}.admin-header h1{color:var(--ut-text-accent);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-heading-display);font-weight:var(--ut-font-weight-bold);letter-spacing:var(--ut-letter-spacing-wider);margin:0 0 10px;text-shadow:var(--ut-glow-primary);text-transform:uppercase}.admin-header p{color:var(--ut-text-secondary);font-size:var(--ut-font-body-large);line-height:var(--ut-line-height-content);margin:0}.return-to-main-button{background:var(--ut-gradient-cyber);border:none;border-radius:var(--ut-radius-button);box-shadow:var(--ut-glow-focus);color:var(--ut-text-inverse);cursor:pointer;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);padding:12px 24px;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.return-to-main-button:hover{box-shadow:0 0 30px #3c9dff99;transform:translateY(-2px)}.return-to-main-button:active{transform:translateY(0)}.access-denied,.error{background:var(--ut-bg-panel);border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:40px;text-align:center}.access-denied h2,.error h2{color:var(--ut-text-danger);margin:0 0 16px}.loading{animation:glow-pulse 2s ease-in-out infinite;color:var(--ut-text-secondary);font-size:var(--ut-font-heading-sm);padding:40px;text-align:center}.retry-button{background-color:var(--ut-button-primary-bg);border:none;border-radius:4px;color:var(--ut-button-primary-text);cursor:pointer;font-size:var(--ut-font-body-sm);margin-top:16px;padding:8px 16px}.retry-button:hover{background-color:var(--ut-button-primary-hover-bg)}.admin-tabs{background:var(--ut-bg-secondary);border:2px solid var(--ut-border-default);border-radius:var(--ut-radius-card);display:flex;gap:8px;margin-bottom:24px;padding:6px}.tab-button{background:#0000;border:none;border-radius:var(--ut-radius-button);color:var(--ut-text-secondary);cursor:pointer;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.tab-button:hover{background-color:var(--ut-bg-hover);color:var(--ut-text-primary)}.tab-button.active{background:var(--ut-gradient-cyber);box-shadow:var(--ut-glow-focus);color:var(--ut-text-inverse)}.admin-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ut-bg-panel);border:2px solid var(--ut-border-default);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-2xl);padding:30px}.users-section h2{color:var(--ut-text-primary);margin:0 0 20px}.tracks-table,.users-table{border:1px solid var(--ut-border-muted);border-radius:8px;overflow:hidden}.table-header{background-color:var(--ut-bg-page);border-bottom:1px solid var(--ut-border-muted);color:var(--ut-text-primary);display:grid;font-weight:var(--ut-font-weight-semibold-sem)}.table-header,.users-table .table-header{grid-template-columns:2fr 2fr 1fr 1fr}.tracks-table .table-header{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.header-cell{border-right:1px solid var(--ut-border-muted);padding:12px 16px}.header-cell:last-child{border-right:none}.table-row{border-bottom:1px solid var(--ut-border-muted);display:grid;transition:background-color .2s}.users-table .table-row{grid-template-columns:2fr 2fr 1fr 1fr}.tracks-table .table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr}.table-row:hover{background-color:var(--ut-bg-page)}.table-row:last-child{border-bottom:none}.table-cell{border-right:1px solid var(--ut-border-muted);color:var(--ut-text-primary);padding:12px 16px;word-break:break-word}.table-cell:last-child{border-right:none}.user-id{color:var(--ut-text-secondary);font-family:var(--ut-font-code-family);font-size:var(--ut-font-body-xs)}.track-title{font-weight:var(--ut-font-weight-medium-sem)}.role-badge,.status-badge{border-radius:var(--ut-radius-full);box-shadow:0 2px 8px #0000004d;color:var(--ut-text-inverse);display:inline-block;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-small);font-weight:var(--ut-font-weight-bold);letter-spacing:var(--ut-letter-spacing-button);padding:6px 12px;text-transform:uppercase}.role-badge.admin{background:var(--ut-gradient-alt);box-shadow:var(--ut-glow-primary)}.role-badge.user{background:var(--ut-gradient-cyber);box-shadow:var(--ut-glow-focus)}.status-badge.active{background-color:var(--ut-bg-success);box-shadow:0 0 15px #00ff7f66}.status-badge.inactive{background-color:var(--ut-bg-danger);box-shadow:0 0 15px #ff47c566}.status-badge.under-review{background-color:var(--ut-bg-info);box-shadow:0 0 15px #3c9dff66}.status-badge.pending{background-color:var(--ut-bg-warning);box-shadow:0 0 15px #ffc10766}.artists-section h2{color:var(--ut-text-primary);margin:0 0 20px}.artists-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:32px}.artist-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ut-bg-panel);border:2px solid var(--ut-border-default);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-lg);cursor:pointer;padding:20px;transition:all .3s ease}.artist-card:hover{border-color:var(--ut-border-active);box-shadow:var(--ut-glow-primary);transform:translateY(-4px)}.artist-card.selected{background-color:var(--ut-bg-panel);border-color:var(--ut-border-active);border-width:3px;box-shadow:var(--ut-glow-focus)}.artist-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.artist-header h3{color:var(--ut-text-accent);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-heading-sm);font-weight:var(--ut-font-weight-bold);letter-spacing:var(--ut-letter-spacing-wide);margin:0}.artist-details p{color:var(--ut-text-secondary);font-size:var(--ut-font-body-sm);margin:4px 0}.artist-tracks-section{border-top:1px solid var(--ut-border-default);margin-top:24px;padding-top:24px}.artist-tracks-section h3{color:var(--ut-text-primary);margin:0 0 16px}.no-tracks{color:var(--ut-text-secondary);font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.admin-dashboard{padding:16px}.admin-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.admin-header-content{flex:none}.return-to-main-button{max-width:200px;width:100%}.admin-content{padding:20px}.artists-grid,.tracks-table .table-header,.tracks-table .table-row,.users-table .table-header,.users-table .table-row{grid-template-columns:1fr}.table-header,.table-row{display:block}.header-cell,.table-cell{border-bottom:1px solid var(--ut-border-default);border-right:none;display:block;padding:8px 16px}.header-cell:last-child,.table-cell:last-child{border-bottom:none}.admin-tabs{flex-direction:column}.tab-button{border-radius:4px;margin-bottom:4px}}.landing-page{background:var(--ut-gradient-primary);background-attachment:fixed;color:var(--ut-text-primary);min-height:100vh;padding:20px 0}.mobile-login-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ut-bg-panel);border-top:2px solid var(--ut-border-active);bottom:0;box-shadow:var(--ut-shadow-xl);display:none;left:0;padding:15px 20px;position:fixed;right:0;z-index:var(--ut-z-index-sticky)}.mobile-login-button{background:var(--ut-button-accent-bg);border:none;border-radius:var(--ut-radius-button);box-shadow:var(--ut-glow-accent);color:var(--ut-button-accent-text);cursor:pointer;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-lg);font-weight:var(--ut-font-weight-semibold-sem);letter-spacing:var(--ut-letter-spacing-button);padding:16px 24px;text-align:center;text-transform:uppercase;transition:all var(--ut-transition-base) ease;width:100%}.mobile-login-button:hover{background:var(--ut-button-accent-hover-bg);box-shadow:var(--ut-glow-focus);transform:translateY(-2px)}.mobile-login-button:active{transform:translateY(0)}.landing-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1400px;min-height:calc(100vh - 40px);padding:0 20px}.landing-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-2xl);overflow-y:auto;padding:40px}.landing-header{border-bottom:3px solid var(--ut-border-active);margin-bottom:40px;padding-bottom:30px;position:relative;text-align:center}.landing-header:after{background:var(--ut-gradient-alt);border-radius:var(--ut-radius-full);bottom:-3px;box-shadow:var(--ut-glow-primary);content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.landing-title{word-wrap:break-word;color:var(--ut-text-accent);font-family:var(--ut-font-logo-family);font-size:clamp(2rem,8vw,var(--ut-font-heading-display));font-weight:var(--ut-font-weight-bold);-webkit-hyphens:auto;hyphens:auto;letter-spacing:var(--ut-letter-spacing-wider);line-height:var(--ut-line-height-tight);margin-bottom:16px;max-width:100%;overflow-wrap:break-word;text-shadow:var(--ut-glow-primary);text-transform:uppercase}.landing-subtitle{color:var(--ut-text-highlight);font-family:var(--ut-font-accent-family);font-size:var(--ut-font-heading-h4);font-weight:var(--ut-font-weight-medium);letter-spacing:var(--ut-letter-spacing-wide);margin:0}.landing-description{font-family:var(--ut-font-body-family);line-height:var(--ut-line-height-content)}.feature-section{background:var(--ut-bg-elevated);border:1px solid var(--ut-border-muted);border-radius:var(--ut-radius-panel);margin-bottom:40px;padding:24px;transition:all var(--ut-transition-medium) ease}.feature-section:hover{border-color:var(--ut-border-active);box-shadow:var(--ut-glow-accent);transform:translateY(-2px)}.feature-section h2{color:var(--ut-text-accent);font-size:var(--ut-font-heading-h2);font-weight:var(--ut-font-weight-heading);letter-spacing:var(--ut-letter-spacing-heading)}.feature-section h2,.feature-section h3{font-family:var(--ut-font-heading-family);margin-bottom:16px;text-transform:uppercase}.feature-section h3{color:var(--ut-text-link);font-size:var(--ut-font-heading-h3);font-weight:var(--ut-font-weight-subheading);letter-spacing:var(--ut-letter-spacing-subheading)}.feature-section h4{color:var(--ut-text-primary);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-heading-h4);font-weight:var(--ut-font-weight-label);letter-spacing:var(--ut-letter-spacing-label);margin-bottom:8px;text-transform:uppercase}.feature-section p{color:var(--ut-text-secondary);font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-base);line-height:var(--ut-line-height-content);margin-bottom:12px}.landing-description .feature-section:nth-of-type(2){align-items:center;background:var(--ut-gradient-cyber);display:flex;flex-direction:column;text-align:center}.landing-description .feature-section:nth-of-type(2) .steps-container{align-items:center;max-width:700px;width:100%}.landing-description .feature-section:nth-of-type(2) .step{width:100%}.landing-description .feature-section:nth-of-type(2) .step-content h4{text-align:center}.landing-description .feature-section:nth-of-type(2) .step{align-items:center;display:flex;flex-direction:column;gap:15px;text-align:center}.landing-description .feature-section:nth-of-type(2) .step-content{text-align:center;width:100%}.steps-container{display:flex;flex-direction:column;gap:20px;margin:25px 0}.step{align-items:flex-start;background:var(--ut-bg-panel);border-left:4px solid var(--ut-border-active);border-radius:var(--ut-radius-panel);display:flex;gap:20px;padding:20px;transition:all var(--ut-transition-base) ease}.step:hover{transform:translateX(4px)}.step-number,.step:hover{box-shadow:var(--ut-glow-primary)}.step-number{align-items:center;background:var(--ut-gradient-alt);border-radius:var(--ut-radius-full);color:var(--ut-text-inverse);display:flex;flex-shrink:0;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-heading-h4);font-weight:var(--ut-font-weight-bold);height:48px;justify-content:center;width:48px}.step-content h4{color:var(--ut-text-primary);margin-bottom:8px}.step-content p{color:var(--ut-text-secondary);line-height:var(--ut-line-height-content)}.step-cta-button{background:var(--ut-button-accent-bg);border:none;border-radius:var(--ut-radius-button);box-shadow:var(--ut-glow-focus);color:var(--ut-text-inverse);cursor:pointer;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-large);font-weight:var(--ut-font-weight-bold);letter-spacing:var(--ut-letter-spacing-button);margin-top:16px;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.step-cta-button:hover{box-shadow:0 0 30px #3c9dff99,0 0 60px #3c9dff66;filter:brightness(1.15);transform:translateY(-2px)}.step-cta-button:active{transform:translateY(0)}.auth-tabs{border-bottom:2px solid var(--ut-border-color);display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.auth-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--ut-text-secondary);cursor:pointer;flex:1 1;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-large);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-button);margin-bottom:-2px;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.auth-tab:hover{background:#a259ff1a;color:var(--ut-accent-text)}.auth-tab.active{border-bottom-color:var(--ut-accent-bg);box-shadow:0 0 20px #a259ff66;color:var(--ut-accent-text)}.auth-tab.active:after{background:var(--ut-gradient-cyber);bottom:-2px;box-shadow:var(--ut-glow-primary);content:"";height:3px;left:0;position:absolute;right:0}.landing-auth{display:flex;flex-direction:column;gap:20px;height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-2xl);padding:30px}.auth-form-wrapper{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-auth-modal{align-items:center;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:var(--ut-z-index-modal)}.mobile-auth-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0b0fd9;inset:0;position:absolute}.mobile-auth-content{animation:slideUpFadeIn .4s cubic-bezier(.16,1,.3,1);background:var(--ut-bg-panel);border:1px solid var(--ut-border-active);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-2xl),var(--ut-glow-primary);max-height:90vh;max-width:450px;overflow-y:auto;position:relative;width:100%;z-index:1}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-auth-close{background:var(--ut-bg-secondary);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-button);color:var(--ut-text-secondary);cursor:pointer;font-size:1.25rem;font-weight:var(--ut-font-weight-bold);line-height:1;padding:8px 12px;position:absolute;right:15px;top:15px;transition:all .2s ease;z-index:2}.mobile-auth-close:hover{background:var(--ut-bg-hover);border-color:var(--ut-border-active);box-shadow:var(--ut-glow-accent);color:var(--ut-accent-text);transform:scale(1.1)}.mobile-auth-container{padding:50px 25px 25px}@media screen and (max-width:1024px){.landing-container{gap:30px;grid-template-columns:1fr;padding:0 15px}.landing-auth{order:-1;position:static}.landing-content{padding:30px 25px}.auth-container{padding:25px}}@media screen and (max-width:768px){.landing-page{padding:15px 0 80px}.mobile-login-header{display:block}.landing-container{gap:20px;padding:0 10px}.landing-content{padding:25px 20px}.landing-header{margin-bottom:30px;padding-bottom:20px}.landing-title{margin-bottom:15px}.landing-subtitle{font-size:var(--ut-font-body-base)}.landing-auth{display:none}.feature-section{padding:25px 20px}.feature-section h3{font-size:1.75rem;margin-bottom:15px}.step{flex-direction:column;gap:15px;padding:15px}.step-number{font-size:1.25rem;height:40px;width:40px}.step-content h4{font-size:1.125rem}.step-cta-button{font-size:var(--ut-font-body-base);padding:14px 24px;width:100%}.auth-tabs{gap:4px}.auth-tab{font-size:var(--ut-font-body-base);padding:10px 16px}}@media screen and (max-width:480px){.landing-page{padding:10px 0 80px}.landing-container{padding:0 5px}.landing-content{border-radius:var(--ut-radius-panel);padding:20px 15px}.landing-title{margin-bottom:12px}.landing-subtitle{font-size:.875rem}.feature-section{padding:20px 15px}.feature-section h3{font-size:1.5rem}.step{padding:12px}.step-number{font-size:1.125rem;height:36px;width:36px}.step-content h4{font-size:1rem}.step-content p,.step-cta-button{font-size:.875rem}.step-cta-button{padding:12px 20px}.auth-tab{font-size:.875rem;padding:8px 12px}.mobile-login-button{font-size:var(--ut-font-body-base);padding:14px 20px}}.app-footer{background:var(--ut-gradient-primary);background-attachment:fixed;border-top:3px solid var(--ut-border-active);box-shadow:0 -4px 20px #a259ff4d;color:var(--ut-text-inverse);margin-top:60px;padding:30px 0;position:relative}.app-footer:before{background:var(--ut-gradient-cyber);box-shadow:var(--ut-glow-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.footer-content{flex-direction:column;margin:0 auto;max-width:1200px;padding:0 20px}.footer-content,.footer-links{align-items:center;display:flex;gap:20px}.footer-links{flex-wrap:wrap;justify-content:center}.footer-link{background:#0000;border:2px solid #0000;border-radius:var(--ut-radius-button);color:var(--ut-text-inverse);cursor:pointer;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold);letter-spacing:var(--ut-letter-spacing-wide);padding:10px 16px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.footer-link:hover{background-color:#a259ff1a;border-color:var(--ut-border-active);box-shadow:var(--ut-glow-accent);color:var(--ut-text-accent);text-decoration:none;transform:translateY(-2px)}.footer-icon-link{align-items:center;border:2px solid #0000;border-radius:var(--ut-radius-button);display:flex;justify-content:center;padding:10px}.footer-icon-link,.footer-icon-link svg{transition:all .3s ease}.footer-icon-link:hover{background-color:#3c9dff1a;border-color:var(--ut-border-active);box-shadow:var(--ut-glow-focus)}.footer-icon-link:hover svg{filter:drop-shadow(0 0 8px rgba(60,157,255,.8));transform:scale(1.2) rotate(5deg)}.footer-text{border-top:1px solid #ffffff1a;padding-top:10px;text-align:center;width:100%}.footer-text p{color:var(--ut-text-secondary);font-size:var(--ut-font-body-small);letter-spacing:var(--ut-letter-spacing-wide);margin:0}@media (max-width:768px){.footer-content{padding:0 15px}.footer-links{gap:15px}.footer-link{font-size:13px;padding:6px 10px}}@media (max-width:480px){.app-footer{margin-top:30px;padding:15px 0}.footer-content{gap:12px;padding:0 10px}.footer-links{flex-direction:column;gap:10px}.footer-link{font-size:12px;padding:5px 8px}.footer-text p{font-size:11px}}.app-header{background-color:var(--ut-bg-elevated);border-bottom:2px solid var(--ut-border-active);box-shadow:var(--ut-shadow-md);left:0;position:fixed;right:0;top:0;z-index:1000}.header-content{margin:0 auto;max-width:100%;padding:12px 24px}.header-content,.header-top-row{align-items:center;display:flex;justify-content:space-between;position:relative}.header-top-row{width:100%}.header-logo{align-items:center;display:flex;flex-shrink:0}.logo-image{height:40px;object-fit:contain;width:auto}.header-nav-center{align-items:center;display:flex;gap:8px;left:50%;position:absolute;top:50%;transform:translateX(-50%);transform:translate(-50%,-50%)}.header-nav-right{align-items:center;display:flex;gap:12px;margin-left:auto}.nav-button{background-color:var(--ut-button-secondary-bg);border:2px solid #0000;border-radius:var(--ut-radius-button);color:var(--ut-button-secondary-text);cursor:pointer;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem);letter-spacing:var(--ut-letter-spacing-button);padding:10px 20px;text-transform:uppercase;transition:all var(--ut-transition-base) ease;white-space:nowrap}.nav-button:hover{background-color:var(--ut-button-secondary-hover-bg);box-shadow:var(--ut-glow-accent);transform:translateY(-1px)}.nav-button.active{background-color:var(--ut-button-primary-bg);border-color:var(--ut-color-primary);box-shadow:var(--ut-glow-primary);color:var(--ut-button-primary-text)}.account-button{align-items:center;display:flex;gap:8px}.account-icon{font-size:1.2em}.account-name,.admin-toggle-button{font-weight:var(--ut-font-weight-medium-sem)}.admin-toggle-button{background-color:var(--ut-button-secondary-bg);border:none;border-radius:var(--ut-radius-button);color:var(--ut-button-secondary-text);cursor:pointer;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm);letter-spacing:var(--ut-letter-spacing-button);padding:10px 16px;text-transform:uppercase;transition:all var(--ut-transition-base) ease}.admin-toggle-button:hover{background-color:var(--ut-button-secondary-hover-bg);box-shadow:var(--ut-glow-accent);transform:translateY(-1px)}.admin-toggle-button.active{background-color:var(--ut-button-danger-bg)}.admin-toggle-button.active:hover{background-color:var(--ut-button-danger-hover-bg)}.logout-button{background-color:var(--ut-button-primary-bg);border:none;border-radius:var(--ut-radius-button);color:var(--ut-button-primary-text);cursor:pointer;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem);letter-spacing:var(--ut-letter-spacing-button);padding:10px 16px;text-transform:uppercase;transition:all var(--ut-transition-base) ease}.logout-button:hover{background-color:var(--ut-button-primary-hover-bg);box-shadow:var(--ut-glow-primary);transform:translateY(-1px)}@media (max-width:768px){.header-content{flex-direction:column;gap:6px;padding:10px 16px 8px}.header-top-row{align-items:center;display:flex;justify-content:space-between;width:100%}.header-logo{flex-shrink:0}.logo-image{height:32px}.header-nav-right{flex-shrink:0;gap:8px}.header-nav-center{gap:6px;justify-content:center;position:static;transform:none;width:100%}.nav-button{font-size:.85rem;padding:8px 12px}.account-name{display:none}.admin-toggle-button,.logout-button{font-size:.85rem;padding:8px 12px}}@media (max-width:480px){.header-content{flex-direction:column;gap:4px;padding:8px 12px 6px}.header-top-row{align-items:center;display:flex;justify-content:space-between;width:100%}.header-logo{flex-shrink:0}.logo-image{height:28px}.header-nav-right{flex-shrink:0;gap:6px}.header-nav-center{gap:4px;justify-content:center;position:static;transform:none;width:100%}.admin-toggle-button,.logout-button,.nav-button{font-size:.75rem;padding:6px 10px}.account-icon{font-size:1em}}
/*# sourceMappingURL=main.08c7da76.css.map*/