: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}@media (max-width:1279px){.main-content{padding-top:140px}}@media (max-width:768px){.main-content{padding-left:16px;padding-right:16px;padding-top:130px}}@media (max-width:480px){.main-content{padding-left:12px;padding-right:12px;padding-top:120px}}.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)}}.google-login-container{margin-bottom:16px;margin-top:16px}.google-login-button,.google-login-container{min-height:52px;text-align:center!important;width:100%!important}.google-login-button,.google-login-container,.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}@media (max-width:480px){.google-login-container{margin:20px 0}.google-login-container iframe{max-width:100%!important;min-width:200px!important}}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-label{color:var(--ut-text-accent);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);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);color:var(--ut-text-secondary);cursor:not-allowed}.form-textarea{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-textarea:focus{box-shadow:0 0 0 3px var(--ut-focus-ring-color),var(--ut-glow-accent)}.form-textarea:disabled{background-color:var(--ut-bg-page);resize:none}.form-textarea::placeholder,.form-textarea:disabled{color:var(--ut-text-secondary)}.form-button{border:none;border-radius:var(--ut-radius-button);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}.form-button:disabled{cursor:not-allowed;transform:none}.form-button--primary{background:var(--ut-gradient-main);box-shadow:var(--ut-glow-primary);color:var(--ut-button-primary-text)}.form-button--primary:hover:not(:disabled){box-shadow:var(--ut-glow-hover);transform:translateY(-2px)}.form-button--primary:disabled,.form-button--secondary{background-color:var(--ut-button-secondary-bg)}.form-button--secondary{border:1px solid var(--ut-border-default);color:var(--ut-button-secondary-text)}.form-button--secondary:hover:not(:disabled){background-color:var(--ut-bg-secondary);border-color:var(--ut-border-focus)}.form-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);line-height:var(--ut-line-height-base-sem);margin-bottom:20px;padding:12px 16px}@media (max-width:480px){.form-container{margin:16px;padding:24px 20px}.form-button{font-size:var(--ut-font-body-sm);padding:12px 20px}}.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{display:flex;flex-direction:column;gap:20px}.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:none;border-radius:4px;color:var(--ut-text-inverse);cursor:pointer;font-size:var(--ut-font-body-sm);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{color:var(--ut-bg-muted);justify-content:center;padding:40px}.auth-divider,.auth-loading{align-items:center;display:flex}.auth-divider{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}.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}}.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-profile-container{background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:12px;box-shadow:var(--ut-shadow-lg);margin-bottom:20px}.artist-profile-header{align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px}.artist-profile-title{font-size:28px;font-weight:var(--ut-font-weight-bold)}.artist-profile-actions{align-items:center}.artist-edit-button{background-color:var(--ut-button-secondary-bg);border:1px solid var(--ut-border-default);border-radius:6px;color:var(--ut-button-secondary-text);font-weight:500;transition:all .2s ease}.artist-edit-button:hover{background-color:var(--ut-bg-secondary);border-color:var(--ut-border-focus)}.artist-profile-image-section{text-align:center}.artist-profile-image{border-radius:50%;height:120px;width:120px}.artist-profile-section{margin-bottom:24px}.artist-profile-section-title{border-bottom:2px solid var(--ut-border-active);color:var(--ut-text-accent);font-size:18px;font-weight:var(--ut-font-weight-semibold);margin:0 0 16px;padding-bottom:8px}.artist-detail-row{align-items:flex-start;gap:8px;margin-bottom:12px}.artist-detail-label{color:var(--ut-text-secondary);font-weight:var(--ut-font-weight-medium);min-width:80px}.artist-karma{color:var(--ut-text-accent);font-weight:var(--ut-font-weight-semibold)}.artist-location{flex-wrap:wrap;gap:4px}.artist-bio-section{margin-top:16px}.artist-bio{font-size:14px;margin:8px 0 0}.artist-social-links{margin-top:16px}.social-links-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px}.social-link{font-size:14px;padding:8px 12px}.social-link:hover{background:var(--ut-bg-page)}.social-link-icon{flex-shrink:0;height:16px;width:16px}.social-link-text{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.artist-profile-container{padding:20px}.artist-profile-header{align-items:stretch;flex-direction:column;gap:16px}.artist-profile-actions{justify-content:center}.artist-detail-row{flex-direction:column;gap:4px}.artist-detail-label{font-weight:var(--ut-font-weight-semibold);min-width:auto}.social-links-grid{grid-template-columns:1fr}}@media (max-width:480px){.artist-profile-container{padding:16px}.artist-profile-title{font-size:24px}.artist-profile-image{height:100px;width:100px}}.artist-form-container{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:8px;margin:0 auto;max-width:700px;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);margin-bottom:16px;padding:12px 16px}.artist-form{gap:20px}.form-help{color:var(--ut-text-secondary);font-size:var(--ut-font-body-xs);margin-top:4px}.form-section{border-top:1px solid var(--ut-border-default);padding-top:20px}.form-section-title{color:var(--ut-text-primary);font-size:var(--ut-font-heading-sm);font-weight:var(--ut-font-weight-semibold-sem);margin-bottom:16px}.form-row{display:flex;gap:16px}.form-group-half{flex:1 1}.required{color:var(--ut-text-danger)}.radio-button-group{gap:12px;margin-top:8px}.radio-button{background-color:var(--ut-bg-panel);border:2px solid var(--ut-border-default);border-radius:4px;font-weight:var(--ut-font-weight-medium-sem);padding:10px 20px}.radio-button:hover{background-color:var(--ut-bg-hover);border-color:var(--ut-border-focus)}.radio-button.selected{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)}.radio-button input[type=radio]{height:0;opacity:0;position:absolute;width:0}.radio-button:has(input:disabled){cursor:not-allowed;opacity:.6}.form-textarea{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:4px;color:var(--ut-text-primary);font-family:inherit;font-size:var(--ut-font-body-sm);min-height:100px;padding:10px 12px;resize:vertical;width:100%}.form-textarea:focus{border-color:var(--ut-border-focus);outline:none}.form-textarea:disabled{background-color:var(--ut-bg-disabled);cursor:not-allowed}.profile-image-upload{margin-top:8px}.profile-image-preview-container{align-items:center;display:flex;flex-direction:column;gap:12px}.profile-image-preview{border:2px solid var(--ut-border-default);border-radius:8px;height:200px;object-fit:cover;width:200px}.remove-image-button{background-color:var(--ut-button-danger-bg);border:none;border-radius:4px;color:var(--ut-text-inverse);cursor:pointer;font-size:var(--ut-font-body-sm);padding:8px 16px;transition:background-color .3s ease}.remove-image-button:hover:not(:disabled){background-color:var(--ut-button-danger-hover-bg)}.remove-image-button:disabled{cursor:not-allowed;opacity:.6}.profile-image-upload-prompt{align-items:center;background-color:var(--ut-bg-hover);border:2px dashed var(--ut-border-default);border-radius:8px;display:flex;flex-direction:column;padding:32px;transition:all .3s ease}.profile-image-upload-prompt:hover{background-color:var(--ut-bg-panel);border-color:var(--ut-border-focus)}.upload-image-label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:8px;text-align:center}.upload-icon{color:var(--ut-text-secondary)}.upload-image-label span{color:var(--ut-text-primary);font-size:var(--ut-font-body-sm)}.upload-hint{color:var(--ut-text-secondary);font-size:var(--ut-font-body-xs)}.profile-image-input{display:none}.artist-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.artist-profile-container{margin:0 auto;max-width:700px;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-profile-image-section{display:flex;justify-content:center;margin-bottom:24px}.artist-profile-image{border:3px solid var(--ut-border-default);border-radius:12px;box-shadow:0 4px 12px #0000001a;height:250px;object-fit:cover;width:250px}.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)}.artist-profile-section{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:8px;margin-bottom:20px;padding:20px}.artist-profile-section-title{color:var(--ut-text-primary);font-size:var(--ut-font-heading-sm);font-weight:var(--ut-font-weight-semibold-sem);margin-bottom:12px;margin-top:0}.artist-bio{line-height:1.6;margin:0;white-space:pre-wrap}.artist-bio,.artist-location{color:var(--ut-text-primary);font-size:var(--ut-font-body-sm)}.artist-location{display:flex;gap:8px}.artist-location span:not(:last-child):after{color:var(--ut-text-secondary);content:"•";margin-left:8px}.artist-social-links{display:flex;flex-direction:column;gap:10px}.social-link{background-color:var(--ut-bg-hover);border-radius:6px;gap:8px;padding:10px 12px;transition:all .3s ease}.social-link:hover{background-color:var(--ut-bg-panel);transform:translateX(4px)}.social-icon{height:24px;width:24px}@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}.artist-loading{align-items:center;color:var(--ut-text-secondary);display:flex;font-size:var(--ut-font-body-md);justify-content:center;padding:var(--ut-spacing-xl)}.no-artist-container{background-color:var(--ut-background-secondary);border:1px solid var(--ut-border-subtle);border-radius:var(--ut-border-radius-lg);margin:0 auto;max-width:600px;padding:var(--ut-spacing-xl);text-align:center}.no-artist-title{color:var(--ut-text-primary);font-size:var(--ut-font-header-md);font-weight:var(--ut-font-weight-bold);margin-bottom:var(--ut-spacing-md)}.no-artist-description{color:var(--ut-text-secondary);font-size:var(--ut-font-body-md);line-height:var(--ut-line-height-relaxed);margin-bottom:var(--ut-spacing-lg)}.artist-error-message{background-color:#ff44441a;border:1px solid var(--ut-error);border-radius:var(--ut-border-radius-sm);color:var(--ut-error);font-size:var(--ut-font-body-sm);margin-bottom:var(--ut-spacing-md);padding:var(--ut-spacing-md)}.create-artist-button{background-color:var(--ut-accent);border:none;border-radius:var(--ut-border-radius-md);box-shadow:0 0 20px #00d4ff66;color:var(--ut-background-primary);cursor:pointer;font-size:var(--ut-font-body-md);font-weight:var(--ut-font-weight-bold);padding:var(--ut-spacing-md) var(--ut-spacing-xl);transition:all .3s ease}.create-artist-button:hover{background-color:var(--ut-accent-hover);box-shadow:0 4px 25px #00d4ff80;transform:translateY(-2px)}.create-artist-button:disabled{background-color:var(--ut-text-muted);box-shadow:none;color:var(--ut-text-secondary);cursor:not-allowed;transform:none}@media (max-width:768px){.no-artist-container{margin:var(--ut-spacing-md);padding:var(--ut-spacing-lg)}.no-artist-title{font-size:var(--ut-font-header-sm)}.create-artist-button{padding:var(--ut-spacing-sm) var(--ut-spacing-lg);width:100%}}.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-form{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-muted);border-radius:8px;margin-bottom:20px;padding:24px}.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}.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}}@media (max-width:480px){.track-upload{padding:10px}.upload-form,.upload-info{padding:16px}.selected-file{align-items:flex-start;flex-direction:column;gap:8px}}.artist-overview{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-card);max-width:100%;overflow:hidden;transition:box-shadow .3s ease}.artist-overview:hover{box-shadow:var(--ut-shadow-hover)}.artist-overview-header{align-items:flex-start;background:linear-gradient(135deg,var(--ut-bg-panel) 0,var(--ut-bg-secondary) 100%);border-bottom:1px solid var(--ut-border-muted);display:flex;gap:var(--ut-space-md);padding:var(--ut-space-lg);position:relative}.artist-overview-avatar{border:2px solid var(--ut-border-active);border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-primary);flex-shrink:0;height:80px;overflow:hidden;width:80px}.artist-overview-avatar-img{background-color:var(--ut-bg-secondary);height:100%;object-fit:cover;width:100%}.artist-overview-header-info{flex:1 1;min-width:0}.artist-overview-name{word-wrap:break-word;color:var(--ut-text-primary);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-heading-h3);font-weight:var(--ut-font-weight-bold-sem);letter-spacing:var(--ut-letter-spacing-heading);line-height:var(--ut-line-height-heading);margin:0 0 var(--ut-space-sm) 0;text-transform:var(--ut-text-transform-heading)}.artist-overview-karma{align-items:center;display:flex;gap:var(--ut-space-sm);margin-bottom:var(--ut-space-sm)}.karma-label{color:var(--ut-text-secondary);font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem)}.karma-value{background:var(--ut-bg-hover);border:1px solid var(--ut-border-active);border-radius:var(--ut-radius-button);color:var(--ut-text-accent);font-family:var(--ut-font-code-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-bold-sem);padding:var(--ut-space-xs) var(--ut-space-sm)}.artist-overview-location{align-items:center;color:var(--ut-text-secondary);display:flex;font-family:var(--ut-font-body-family);gap:var(--ut-space-xs)}.artist-overview-location,.location-icon{font-size:var(--ut-font-body-sm)}.artist-overview-close{align-items:center;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;display:flex;font-size:var(--ut-font-body-base);height:32px;justify-content:center;position:absolute;right:var(--ut-space-md);top:var(--ut-space-md);transition:all .2s ease;width:32px}.artist-overview-close:hover{background:var(--ut-bg-danger);border-color:var(--ut-border-danger);color:var(--ut-text-inverse)}.artist-overview-bio{border-bottom:1px solid var(--ut-border-muted);padding:var(--ut-space-lg)}.artist-overview-bio p{color:var(--ut-text-primary);font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-base);line-height:var(--ut-line-height-content);margin:0}.artist-overview-social{border-bottom:1px solid var(--ut-border-muted);padding:var(--ut-space-lg)}.social-title{color:var(--ut-text-primary);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-heading-h5);font-weight:var(--ut-font-weight-semibold-sem);letter-spacing:var(--ut-letter-spacing-subheading);margin:0 0 var(--ut-space-md) 0;text-transform:var(--ut-text-transform-heading)}.social-links{display:flex;flex-wrap:wrap;gap:var(--ut-space-sm)}.social-link{align-items:center;background:var(--ut-bg-secondary);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-button);color:var(--ut-text-primary);display:flex;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem);gap:var(--ut-space-xs);padding:var(--ut-space-sm) var(--ut-space-md);text-decoration:none;transition:all .2s ease}.social-link:hover{background:var(--ut-bg-hover);border-color:var(--ut-border-focus);box-shadow:var(--ut-glow-focus);color:var(--ut-text-link);transform:translateY(-1px)}.social-icon{height:16px;object-fit:contain;width:16px}.social-name{white-space:nowrap}.artist-overview-stats{border-bottom:1px solid var(--ut-border-muted);padding:var(--ut-space-lg)}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-value{color:var(--ut-text-accent);font-family:var(--ut-font-code-family);font-size:var(--ut-font-heading-h4);font-weight:var(--ut-font-weight-bold-sem);line-height:var(--ut-line-height-heading)}.stat-label{color:var(--ut-text-secondary);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-wide);text-transform:uppercase}.artist-overview-actions{display:flex;gap:var(--ut-space-md);justify-content:center;padding:var(--ut-space-lg)}.action-button{align-items:center;border:1px solid #0000;border-radius:var(--ut-radius-button);cursor:pointer;display:inline-flex;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-semibold-sem);justify-content:center;letter-spacing:var(--ut-letter-spacing-button);min-width:100px;padding:var(--ut-space-sm) var(--ut-space-lg);text-decoration:none;text-transform:var(--ut-text-transform-button);transition:all .2s ease}.action-button.primary{background:var(--ut-button-primary-bg);border-color:var(--ut-button-primary-bg);color:var(--ut-button-primary-text)}.action-button.primary:hover{background:var(--ut-button-primary-hover-bg);border-color:var(--ut-button-primary-hover-bg);box-shadow:var(--ut-glow-primary);transform:translateY(-1px)}.action-button.secondary{background:var(--ut-button-secondary-bg);border-color:var(--ut-border-default);color:var(--ut-button-secondary-text)}.action-button.secondary:hover{background:var(--ut-button-secondary-hover-bg);border-color:var(--ut-border-focus);box-shadow:var(--ut-glow-focus);transform:translateY(-1px)}.artist-overview-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:var(--ut-overlay-backdrop);bottom:0;display:flex;justify-content:center;left:0;padding:var(--ut-space-lg);position:fixed;right:0;top:0;z-index:1000}.artist-overview-modal-content{animation:slideUp .3s ease-out;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.artist-overview-modal-content .artist-overview{border-radius:var(--ut-radius-modal);box-shadow:var(--ut-shadow-modal);margin:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.artist-overview-header{align-items:center;flex-direction:column;gap:var(--ut-space-md);padding:var(--ut-space-md);text-align:center}.artist-overview-avatar{height:64px;width:64px}.artist-overview-name{font-size:var(--ut-font-heading-h4)}.artist-overview-close{font-size:var(--ut-font-body-sm);height:28px;right:var(--ut-space-sm);top:var(--ut-space-sm);width:28px}.artist-overview-actions,.artist-overview-bio,.artist-overview-social,.artist-overview-stats{padding:var(--ut-space-md)}.social-link,.social-links{justify-content:center}.social-link{flex:1 1;min-width:0}.social-name{display:none}.artist-overview-actions{flex-direction:column}.action-button{width:100%}.artist-overview-modal-overlay{padding:var(--ut-space-md)}.artist-overview-modal-content{max-height:95vh}}@media (max-width:480px){.artist-overview-header{padding:var(--ut-space-sm)}.artist-overview-avatar{height:56px;width:56px}.artist-overview-name{font-size:var(--ut-font-heading-h5)}.karma-value{font-size:var(--ut-font-body-sm)}.artist-overview-actions,.artist-overview-bio,.artist-overview-social,.artist-overview-stats{padding:var(--ut-space-sm)}.social-links{gap:var(--ut-space-xs)}.social-link{border-radius:var(--ut-radius-full);height:40px;min-width:40px;padding:var(--ut-space-sm)}}@media (min-width:769px) and (max-width:1024px){.artist-overview{max-width:400px}.social-links{justify-content:flex-start}}@media (min-width:1200px){.artist-overview{max-width:480px}.artist-overview-actions,.artist-overview-bio,.artist-overview-header,.artist-overview-social,.artist-overview-stats{padding:var(--ut-space-xl)}}.track-card{background-color:var(--ut-bg-page);border:3px solid var(--ut-border-default);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-card);box-sizing:border-box;cursor:pointer;max-width:100%;overflow:hidden;padding:var(--ut-space-md);position:relative;transition:all var(--ut-transition-medium) ease}.track-card:hover{border-color:var(--ut-border-active);box-shadow:var(--ut-shadow-hover),var(--ut-glow-primary)}.track-card.selected{background:var(--ut-bg-panel);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:var(--ut-space-sm);justify-content:space-between;margin-bottom:var(--ut-space-sm)}.track-title-section{flex:1 1;min-width:0;overflow:hidden}.track-title-row{align-items:center;display:flex;gap:var(--ut-space-sm);margin-bottom:var(--ut-space-xs)}.track-title{word-wrap:break-word;color:var(--ut-text-primary);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-md);font-weight:var(--ut-font-weight-semibold-sem);line-height:var(--ut-line-height-heading);margin:0;overflow-wrap:break-word;word-break:break-word}.ai-badge{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:var(--ut-radius-button);box-shadow:0 2px 8px #667eea66;color:var(--ut-text-inverse);flex-shrink:0;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-xs);font-weight:var(--ut-font-weight-bold-sem);letter-spacing:.5px;padding:2px var(--ut-space-xs);text-transform:uppercase;white-space:nowrap}.track-info{margin-bottom:var(--ut-space-xs)}.track-artist{color:var(--ut-text-secondary);display:block;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem);margin:0 0 var(--ut-space-xs) 0}.track-artist.clickable{color:var(--ut-text-link);cursor:pointer;transition:color var(--ut-transition-base) ease}.track-artist.clickable:hover{color:var(--ut-text-link-hover);text-decoration:underline}.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-family:var(--ut-font-body-family);font-size:var(--ut-font-body-xs);font-weight:var(--ut-font-weight-semibold-sem);letter-spacing:var(--ut-letter-spacing-button);margin:0 0 var(--ut-space-xs) 0;padding:var(--ut-space-xs) var(--ut-space-sm);text-transform:var(--ut-text-transform-button)}.track-date{margin:0}.track-date,.track-review-date{color:var(--ut-text-secondary);font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm)}.track-review-date{font-style:italic;margin:0 0 var(--ut-space-sm) 0}.track-header-actions{align-items:center;display:flex;flex-shrink:0;gap:var(--ut-space-sm)}.delete-button-header,.share-button{background:none;border:none;border-radius:var(--ut-radius-button);color:var(--ut-text-secondary);cursor:pointer;font-size:var(--ut-font-body-md);opacity:.7;padding:var(--ut-space-xs);transition:all var(--ut-transition-base) ease}.share-button:hover{background-color:var(--ut-bg-info);box-shadow:var(--ut-glow-accent);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;box-shadow:none;color:var(--ut-text-secondary);transform:none}.delete-button-header:hover{background-color:var(--ut-bg-danger);box-shadow:var(--ut-glow-primary);color:var(--ut-text-inverse);opacity:1;transform:scale(1.1)}.track-status-section{margin-bottom:var(--ut-space-sm)}.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-family:var(--ut-font-body-family);font-size:var(--ut-font-body-xs);font-weight:var(--ut-font-weight-medium-sem);letter-spacing:var(--ut-letter-spacing-button);padding:var(--ut-space-xs) var(--ut-space-sm);text-transform:var(--ut-text-transform-button);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) ease}.track-status.clickable:hover{box-shadow:var(--ut-glow-hover);transform:scale(1.05)}.track-feedback-count{color:var(--ut-text-secondary);font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm);margin-bottom:var(--ut-space-sm)}.track-feedback-summary{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-muted);border-radius:var(--ut-radius-button);margin-bottom:var(--ut-space-sm);padding:var(--ut-space-sm)}.feedback-stats{align-items:center;display:flex;gap:var(--ut-space-sm);justify-content:space-between}.feedback-count{color:var(--ut-text-secondary);font-family:var(--ut-font-body-family);font-weight:var(--ut-font-weight-medium-sem)}.average-rating,.feedback-count{font-size:var(--ut-font-body-sm)}.average-rating{background:var(--ut-bg-hover);border:1px solid var(--ut-border-active);border-radius:var(--ut-radius-button);color:var(--ut-text-accent);font-family:var(--ut-font-code-family);font-weight:var(--ut-font-weight-bold-sem);padding:var(--ut-space-xs) var(--ut-space-sm)}.track-actions{gap:var(--ut-space-sm);margin-top:var(--ut-space-xs)}.play-button,.track-actions{align-items:center;display:flex}.play-button{background:var(--ut-gradient-main);border:none;border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-primary);color:var(--ut-button-primary-text);cursor:pointer;font-size:var(--ut-font-body-md);height:40px;justify-content:center;transition:all var(--ut-transition-base) ease;width:40px}.play-button:hover{box-shadow:var(--ut-glow-hover);transform:scale(1.1)}.play-button:active{transform:scale(.95)}.audio-placeholder{background:var(--ut-bg-muted);border:1px dashed var(--ut-border-muted);border-radius:var(--ut-radius-button);color:var(--ut-text-muted);font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm);padding:var(--ut-space-sm)}@media (max-width:768px){.track-card{max-width:100%;padding:var(--ut-space-sm)}.track-header{align-items:flex-start;flex-direction:column;gap:var(--ut-space-xs)}.track-header-actions{align-self:flex-end}.track-title{font-size:var(--ut-font-body-base);max-width:100%}.feedback-stats{align-items:flex-start;flex-direction:column;gap:var(--ut-space-xs)}}@media (max-width:480px){.track-card{max-width:100%;padding:var(--ut-space-xs)}.play-button{font-size:var(--ut-font-body-sm);height:36px;width:36px}.track-genre{font-size:10px;padding:2px var(--ut-space-xs)}.track-title{max-width:100%}}.artist-avatar{align-items:center;background:var(--ut-bg-secondary);border:2px solid var(--ut-border-active);border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.artist-avatar img{height:100%;object-fit:cover;width:100%}.artist-avatar span{color:var(--ut-text-secondary);font-size:18px}.artist-avatar.size-small{height:32px;width:32px}.artist-avatar.size-small span{font-size:14px}.artist-avatar.size-medium{height:40px;width:40px}.artist-avatar.size-medium span{font-size:18px}.artist-avatar.size-large{height:64px;width:64px}.artist-avatar.size-large span{font-size:24px}.artist-avatar.loading{animation:pulse 2s infinite}.transport-control{background:var(--ut-bg-panel);border:2px solid var(--ut-border-active);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-lg),var(--ut-glow-accent);margin:var(--ut-space-lg) 0;max-width:100%;overflow:hidden;padding:var(--ut-space-lg)}.transport-control.minimal{margin:var(--ut-space-md) 0;padding:var(--ut-space-md)}.transport-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--ut-space-md)}.transport-header h4{color:var(--ut-text-primary);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-heading-h5);font-weight:var(--ut-font-weight-semibold-sem);letter-spacing:var(--ut-letter-spacing-heading);margin:0;text-transform:var(--ut-text-transform-heading)}.transport-header-actions{align-items:center;display:flex;gap:var(--ut-space-sm)}.track-counter{background:var(--ut-bg-hover);border:1px solid var(--ut-border-muted);border-radius:var(--ut-radius-button);color:var(--ut-text-secondary);font-family:var(--ut-font-code-family);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem);padding:var(--ut-space-xs) var(--ut-space-sm)}.close-player-btn{background:none;border:none;border-radius:var(--ut-radius-button);color:var(--ut-text-secondary);cursor:pointer;font-size:var(--ut-font-body-md);padding:var(--ut-space-xs);transition:all var(--ut-transition-base) ease}.close-player-btn:hover{background:var(--ut-bg-hover);color:var(--ut-text-primary);transform:scale(1.1)}.transport-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ut-space-md)}.transport-artist-info{align-items:center;display:flex;flex:0 0 auto;gap:var(--ut-space-sm);max-width:250px;min-width:180px;overflow:hidden}.transport-artist-info.clickable{border-radius:var(--ut-radius-button);cursor:pointer;margin:calc(var(--ut-space-sm)*-1);padding:var(--ut-space-sm);transition:all var(--ut-transition-base) ease}.transport-artist-info.clickable:hover{background:var(--ut-bg-hover);box-shadow:var(--ut-shadow-hover);transform:translateY(-1px)}.transport-artist-info.clickable:active{transform:translateY(0)}.transport-artist-avatar{align-items:center;background:var(--ut-bg-secondary);border:2px solid var(--ut-border-active);border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.transport-track-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.transport-track-title{word-wrap:break-word;color:var(--ut-text-primary);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold-sem);letter-spacing:var(--ut-letter-spacing-heading);line-height:var(--ut-line-height-heading);max-width:100%;overflow-wrap:break-word;text-transform:var(--ut-text-transform-heading);word-break:break-word}.transport-artist-name{color:var(--ut-text-secondary);font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm);line-height:var(--ut-line-height-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transport-play-pause-btn{align-items:center;animation:pulse 2s infinite;background:var(--ut-gradient-alt);border:none;border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-primary);color:var(--ut-button-accent-text);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--ut-font-body-lg);height:48px;justify-content:center;transition:all var(--ut-transition-base) ease;width:48px}.transport-play-pause-btn:hover{box-shadow:var(--ut-glow-hover);transform:scale(1.1)}.transport-play-pause-btn:active{transform:scale(.95)}@keyframes pulse{0%,to{box-shadow:var(--ut-glow-primary)}50%{box-shadow:var(--ut-glow-hover)}}.transport-progress-container{align-items:center;display:flex;flex:1 1;gap:var(--ut-space-sm);min-width:200px}.transport-progress-bar{-webkit-appearance:none;appearance:none;background:var(--ut-border-muted);border:none;border-radius:2px;cursor:pointer;flex:1 1;height:4px;outline:none}.transport-progress-bar::-webkit-slider-track{background:var(--ut-border-muted);border-radius:2px;height:4px}.transport-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ut-bg-accent);border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-accent);cursor:pointer;height:14px;-webkit-transition:all var(--ut-transition-base) ease;transition:all var(--ut-transition-base) ease;width:14px}.transport-progress-bar::-webkit-slider-thumb:hover{box-shadow:var(--ut-glow-hover);transform:scale(1.2)}.transport-progress-bar::-moz-range-track{background:var(--ut-border-muted);border:none;border-radius:2px;height:4px}.transport-progress-bar::-moz-range-thumb{background:var(--ut-bg-accent);border:none;border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-accent);cursor:pointer;height:14px;-moz-transition:all var(--ut-transition-base) ease;transition:all var(--ut-transition-base) ease;width:14px}.transport-progress-bar::-moz-range-thumb:hover{box-shadow:var(--ut-glow-hover);transform:scale(1.2)}.transport-time-display{color:var(--ut-text-secondary);font-family:var(--ut-font-code-family);font-size:var(--ut-font-body-xs);font-weight:var(--ut-font-weight-medium-sem);min-width:35px;text-align:center}.transport-volume-control{align-items:center;display:flex;flex-shrink:0;gap:var(--ut-space-xs)}.transport-volume-btn{background:none;border:none;border-radius:var(--ut-radius-button);color:var(--ut-text-secondary);cursor:pointer;font-size:var(--ut-font-body-md);padding:var(--ut-space-xs);transition:all var(--ut-transition-base) ease}.transport-volume-btn:hover{background:var(--ut-bg-hover);color:var(--ut-text-primary);transform:scale(1.1)}.transport-volume-slider{-webkit-appearance:none;appearance:none;background:var(--ut-border-muted);border:none;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.transport-volume-slider::-webkit-slider-track{background:var(--ut-border-muted);border-radius:2px;height:4px}.transport-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ut-bg-accent);border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-accent);cursor:pointer;height:12px;-webkit-transition:all var(--ut-transition-base) ease;transition:all var(--ut-transition-base) ease;width:12px}.transport-volume-slider::-webkit-slider-thumb:hover{box-shadow:var(--ut-glow-hover);transform:scale(1.2)}.transport-volume-slider::-moz-range-track{background:var(--ut-border-muted);border:none;border-radius:2px;height:4px}.transport-volume-slider::-moz-range-thumb{background:var(--ut-bg-accent);border:none;border-radius:var(--ut-radius-full);box-shadow:var(--ut-glow-accent);cursor:pointer;height:12px;-moz-transition:all var(--ut-transition-base) ease;transition:all var(--ut-transition-base) ease;width:12px}.transport-volume-slider::-moz-range-thumb:hover{box-shadow:var(--ut-glow-hover);transform:scale(1.2)}@media (max-width:768px){.transport-control{max-width:100%}.transport-controls{align-items:stretch;flex-direction:column;gap:var(--ut-space-sm)}.transport-artist-info{flex:1 1;max-width:100%;min-width:auto;overflow:hidden}.transport-track-info,.transport-track-title{max-width:100%}.transport-progress-container{min-width:auto;order:1}.transport-volume-control{justify-content:center;order:2}.transport-play-pause-btn{align-self:center;order:0}}@media (max-width:480px){.transport-control{margin:var(--ut-space-sm) 0;padding:var(--ut-space-sm)}.transport-header{align-items:flex-start;flex-direction:column;gap:var(--ut-space-xs)}.transport-header-actions{align-self:flex-end}.transport-artist-info{gap:var(--ut-space-xs)}.transport-artist-avatar{height:36px;width:36px}.transport-play-pause-btn{font-size:var(--ut-font-body-base);height:44px;width:44px}.transport-volume-slider{width:60px}}.transport-control.minimal{background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);box-shadow:var(--ut-shadow-card)}.transport-control.minimal .transport-play-pause-btn{animation:none;font-size:var(--ut-font-body-base);height:40px;width:40px}.transport-control.minimal .transport-artist-avatar{border-width:1px;height:36px;width:36px}.transport-control.minimal .transport-header h4{font-size:var(--ut-font-body-md)}.feedback-thread-inline{border-top:1px solid var(--ut-border-default);margin-top:var(--ut-space-lg);padding-top:var(--ut-space-lg)}.thread-status-badges{display:flex;flex-wrap:wrap;gap:var(--ut-space-sm);margin-bottom:var(--ut-space-md)}.status-badge{border-radius:var(--ut-radius-button);display:inline-block;font-size:var(--ut-font-body-xs);font-weight:var(--ut-font-weight-medium-sem);letter-spacing:var(--ut-letter-spacing-button);padding:4px 10px;text-transform:uppercase}.status-badge.closed{background:var(--ut-bg-danger);color:var(--ut-text-inverse)}.status-badge.anonymous{background:var(--ut-bg-warning);color:var(--ut-text-inverse)}.status-badge.revealed{background:var(--ut-bg-success);color:var(--ut-text-inverse)}.thread-loading{color:var(--ut-text-secondary);font-style:italic;padding:var(--ut-space-lg);text-align:center}.thread-error{background:#ef44441a;border-left:3px solid var(--ut-border-danger);margin-bottom:var(--ut-space-md);padding:var(--ut-space-md)}.thread-error p{color:var(--ut-text-danger);font-size:var(--ut-font-body-sm);margin:0}.thread-messages-inline{display:flex;flex-direction:column;gap:var(--ut-space-md);margin-bottom:var(--ut-space-md);max-height:400px;overflow-y:auto;padding:var(--ut-space-sm)}.no-messages{color:var(--ut-text-secondary);font-style:italic;padding:var(--ut-space-lg);text-align:center}.no-messages p{margin:0}.message-inline{animation:messageSlideIn .2s ease-out;display:flex;flex-direction:column;max-width:75%}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-own{align-self:flex-end}.message-other{align-self:flex-start}.message-header-inline{align-items:center;display:flex;gap:var(--ut-space-sm);justify-content:space-between;margin-bottom:var(--ut-space-xs)}.message-author-inline{color:var(--ut-text-accent);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-semibold-sem)}.message-own .message-author-inline{color:var(--ut-text-info)}.message-author-inline.clickable-author{cursor:pointer;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:2px;transition:color .2s ease}.message-author-inline.clickable-author:hover{color:var(--ut-color-electric-purple)}.message-time-inline{color:var(--ut-text-muted);font-family:var(--ut-font-code-family);font-size:var(--ut-font-body-xs)}.message-content-inline{word-wrap:break-word;background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-panel);color:var(--ut-text-primary);font-size:var(--ut-font-body-sm);line-height:var(--ut-line-height-content);padding:var(--ut-space-sm) var(--ut-space-md);white-space:pre-wrap}.message-own .message-content-inline{background:var(--ut-bg-primary);border-color:#0000;box-shadow:var(--ut-glow-primary);color:var(--ut-text-inverse)}.thread-pagination-inline{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--ut-space-md);padding:var(--ut-space-sm) 0}.pagination-button-inline{background:var(--ut-button-secondary-bg);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-button);color:var(--ut-button-secondary-text);cursor:pointer;font-size:var(--ut-font-body-xs);font-weight:var(--ut-font-weight-medium-sem);padding:6px 12px;transition:all .2s ease}.pagination-button-inline:hover:not(:disabled){background:var(--ut-button-secondary-hover-bg);transform:translateY(-1px)}.pagination-button-inline:disabled{cursor:not-allowed;opacity:.5}.page-info-inline{color:var(--ut-text-secondary);font-family:var(--ut-font-code-family);font-size:var(--ut-font-body-xs)}.thread-input-form-inline{margin-top:var(--ut-space-md)}.message-input-inline{background:var(--ut-input-bg);border:1px solid var(--ut-input-border);border-radius:var(--ut-radius-input);box-sizing:border-box;color:var(--ut-input-text);font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm);line-height:var(--ut-line-height-body);min-height:60px;padding:var(--ut-space-sm) var(--ut-space-md);resize:vertical;transition:all .2s ease;width:100%}.message-input-inline::placeholder{color:var(--ut-input-placeholder)}.message-input-inline:focus{border-color:var(--ut-input-focus-border);box-shadow:0 0 0 var(--ut-focus-ring-width) var(--ut-focus-ring-color);outline:none}.message-input-inline:disabled{cursor:not-allowed;opacity:.6}.thread-actions-inline{align-items:center;display:flex;gap:var(--ut-space-sm);justify-content:space-between;margin-top:var(--ut-space-sm)}.thread-action-buttons-inline{display:flex;flex-wrap:wrap;gap:var(--ut-space-xs)}.send-button-inline{background:var(--ut-button-primary-bg);border:none;border-radius:var(--ut-radius-button);box-shadow:var(--ut-glow-primary);color:var(--ut-button-primary-text);cursor:pointer;font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-semibold-sem);letter-spacing:var(--ut-letter-spacing-button);padding:8px 20px;text-transform:var(--ut-text-transform-button);transition:all .2s ease}.send-button-inline:hover:not(:disabled){background:var(--ut-button-primary-hover-bg);box-shadow:var(--ut-glow-hover);transform:translateY(-1px)}.send-button-inline:disabled{cursor:not-allowed;opacity:.5;transform:none}.close-thread-button-inline,.reveal-button-inline{background:var(--ut-button-secondary-bg);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-button);color:var(--ut-button-secondary-text);cursor:pointer;font-size:var(--ut-font-body-xs);font-weight:var(--ut-font-weight-medium-sem);letter-spacing:var(--ut-letter-spacing-button);padding:6px 12px;text-transform:var(--ut-text-transform-button);transition:all .2s ease}.close-thread-button-inline:hover:not(:disabled),.reveal-button-inline:hover:not(:disabled){background:var(--ut-button-secondary-hover-bg);transform:translateY(-1px)}.close-thread-button-inline:disabled,.reveal-button-inline:disabled{cursor:not-allowed;opacity:.5}.reveal-button-inline{background:var(--ut-button-accent-bg);border-color:#0000;box-shadow:var(--ut-glow-accent);color:var(--ut-button-accent-text)}.reveal-button-inline:hover:not(:disabled){background:var(--ut-button-accent-hover-bg);box-shadow:var(--ut-glow-focus)}.thread-closed-notice-inline{background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-panel);margin-top:var(--ut-space-md);padding:var(--ut-space-md);text-align:center}.thread-closed-notice-inline p{color:var(--ut-text-muted);font-size:var(--ut-font-body-sm);font-style:italic;margin:0}@media (max-width:768px){.thread-messages-inline{max-height:300px}.message-inline{max-width:85%}.thread-actions-inline{align-items:stretch;flex-direction:column}.send-button-inline{width:100%}.thread-action-buttons-inline{flex-direction:column;width:100%}.close-thread-button-inline,.reveal-button-inline{width:100%}}@media (max-width:480px){.message-inline{max-width:90%}.message-input-inline{min-height:50px}}.close-dialog-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.close-dialog{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-panel);max-width:500px;padding:24px;width:90%}.close-dialog h3{color:var(--ut-color-electric-purple);font-size:var(--ut-font-h3-size);font-weight:var(--ut-font-weight-semibold-sem);margin-bottom:16px;margin-top:0}.close-dialog p{color:var(--ut-text-primary);font-size:var(--ut-font-body-sm);line-height:var(--ut-line-height-content);margin-bottom:12px}.close-dialog .warning-text{color:var(--ut-text-warning);font-weight:var(--ut-font-weight-medium-sem);margin-bottom:20px}.close-confirm-button{background:var(--ut-button-primary-bg);border:none;border-radius:var(--ut-radius-button);box-shadow:var(--ut-glow-primary);color:var(--ut-button-primary-text);cursor:pointer;font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-semibold-sem);padding:10px 20px;transition:all .2s ease}.close-confirm-button:hover:not(:disabled){background:var(--ut-button-primary-hover-bg);box-shadow:var(--ut-glow-hover)}.close-confirm-button:disabled{cursor:not-allowed;opacity:.5}.feedback-component{transition:box-shadow .3s ease}.feedback-item{background-color:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:6px;padding:16px}.feedback-header{margin-bottom:12px}.feedback-header-left{display:flex;flex-direction:column;gap:4px}.feedback-card .feedback-header{border-bottom:1px solid var(--ut-border-default);margin-bottom:15px;padding-bottom:15px}.thread-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-size:var(--ut-font-body-xs);font-weight:var(--ut-font-weight-medium-sem);padding:6px 12px;transition:all .2s ease;white-space:nowrap}.thread-button:hover{background:var(--ut-button-accent-hover-bg);box-shadow:var(--ut-glow-focus);transform:translateY(-1px)}.feedback-card .thread-button{font-size:var(--ut-font-body-sm);padding:8px 16px}.feedback-author{color:var(--ut-text-accent);font-weight:500}.feedback-author-hidden{display:none}.feedback-date{color:var(--ut-text-secondary);font-size:14px}.feedback-card .feedback-date{color:var(--ut-text-muted);font-size:var(--ut-font-body-sm)}.feedback-ratings{grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:12px}.feedback-card .feedback-ratings{gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.rating-item{font-size:14px}.feedback-card .rating-item{background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-button);padding:10px 12px}.rating-span{color:var(--ut-text-secondary)}.rating{color:var(--ut-text-info);font-weight:500}.feedback-comments{margin-top:12px}.feedback-comments h5,.feedback-review h5{color:var(--ut-text-secondary);font-size:14px;margin:0 0 8px}.feedback-review h5{margin-bottom:10px}.feedback-comments p{color:var(--ut-text-secondary);line-height:1.5;margin:0}.timestamped-notes{margin-top:12px}.feedback-card .timestamped-notes{border-top:1px solid var(--ut-border-default);margin-top:20px;padding-top:20px}.timestamped-notes h5{color:var(--ut-text-secondary);font-size:14px;margin:0 0 8px}.feedback-card .timestamped-notes h5{color:var(--ut-text-primary);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold-sem);margin:0 0 12px}.notes-list{gap:8px}.feedback-card .notes-list{gap:10px}.note-item{align-items:flex-start;gap:8px}.feedback-card .note-item{background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-button);gap:10px;padding:10px 12px}.note-timestamp{font-weight:500;white-space:nowrap}.note-text{line-height:1.4}@media (max-width:768px){.feedback-ratings{gap:6px;grid-template-columns:1fr}.feedback-card .feedback-ratings{gap:8px;grid-template-columns:1fr}.feedback-card,.feedback-item{padding:12px}.note-item{flex-direction:column;gap:4px}.feedback-card .note-item{padding:8px 10px}.feedback-header{align-items:flex-start;flex-direction:column;gap:8px}.thread-button{align-self:stretch}}@media (max-width:480px){.feedback-header{align-items:flex-start;flex-direction:column;gap:4px}.feedback-ratings{gap:4px}.rating-item{font-size:13px}}.track-manager{margin:0 auto;max-width:1400px;padding:20px}.artist-overview-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ut-bg-panel);border-radius:12px;height:-webkit-fit-content;height:fit-content;padding:20px}.loading-artist{color:var(--ut-text-secondary);padding:40px 20px;text-align:center}.loading-artist p{font-size:16px;margin:0}.error,.loading{padding:40px 20px;text-align:center}.audio-placeholder{color:var(--ut-text-secondary);font-size:12px;font-style:italic}.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}.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}@media (max-width:768px){.track-manager{padding:15px}.left-column{order:1}.right-column{order:2}.tracks-list{gap:12px}.main-content-layout{gap:20px;grid-template-columns:1fr}.left-column,.right-column{order:0}}@media (max-width:480px){.track-manager{padding:10px}.track-feedback{padding:15px}}.share-modal-overlay{align-items:center;background-color:var(--ut-bg-panel);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{align-items:center;border-radius:50%;display:flex;font-size:18px;height:32px;justify-content:center;padding:4px;width:32px}.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}.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{color:var(--ut-text-inverse);font-size:var(--ut-font-body-base)}.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}@media (max-width:768px){.get-feedback-tab{padding:15px}.artist-selector{padding:12px}.artist-selector select{max-width:100%}}@media (max-width:480px){.get-feedback-tab{padding:10px}.artist-selector{margin-bottom:20px}}.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)}.character-count{color:var(--ut-text-secondary);font-size:12px;margin-top:4px;text-align:right}.cancel-button:disabled,.submit-button:disabled{color:var(--ut-text-primary)}.feedback-form .submit-button:disabled{background:var(--ut-color-jet)!important;border:1px solid var(--ut-border-muted);box-shadow:none!important;color:var(--ut-text-muted)!important;opacity:.6;transform:none!important}@media (max-width:768px){.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%}}.feedback-page-layout{margin:0 auto;max-width:1400px;overflow-x:hidden;padding:20px}.feedback-main-content-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:400px 1fr;max-width:100%;min-height:600px}.feedback-left-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:12px;box-shadow:var(--ut-shadow-lg);height:-webkit-fit-content;height:fit-content;max-width:100%;overflow-x:hidden;padding:20px}.feedback-right-column{display:flex;flex-direction:column;gap:20px;max-width:100%;min-height:600px;min-width:0;overflow-x:hidden}.feedback-section{margin-bottom:20px}.feedback-message{border:1px solid var(--ut-border-default);border-radius:8px;margin:20px 0;padding:15px;text-align:center}.feedback-message--success{background:var(--ut-bg-success);color:var(--ut-text-inverse);font-weight:var(--ut-font-weight-medium-sem)}.feedback-message--error{background:var(--ut-bg-danger);color:var(--ut-text-inverse)}.feedback-empty-state{background:var(--ut-bg-panel);border:2px dashed var(--ut-border-muted);border-radius:12px;color:var(--ut-text-secondary);padding:60px 40px;text-align:center}.feedback-empty-state h3{color:var(--ut-text-primary);font-size:24px;margin:0 0 15px}.feedback-empty-state p{font-size:16px;line-height:1.5;margin:0 0 20px}.feedback-empty-state-action{margin-top:20px}.feedback-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}.feedback-modal{background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:12px;box-shadow:var(--ut-shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.feedback-modal-header{border-bottom:1px solid var(--ut-border-default);padding:24px;position:relative}.feedback-modal-header h2{color:var(--ut-text-primary);font-size:24px;font-weight:var(--ut-font-weight-semibold);margin:0 0 8px}.feedback-modal-header p{color:var(--ut-text-secondary);line-height:1.5;margin:0}.feedback-modal-close-button{background:none;border:none;border-radius:4px;color:var(--ut-text-secondary);cursor:pointer;font-size:24px;padding:4px;position:absolute;right:20px;top:20px;transition:all .2s ease}.feedback-modal-close-button:hover{background:var(--ut-bg-secondary);color:var(--ut-text-primary)}.feedback-modal-content{padding:24px}@media (max-width:1024px){.feedback-main-content-layout{gap:20px;grid-template-columns:350px 1fr}}@media (max-width:768px){.feedback-page-layout{overflow-x:hidden;padding:16px}.feedback-main-content-layout{gap:20px;grid-template-columns:1fr;width:100%}.feedback-left-column{box-sizing:border-box;margin-bottom:20px;order:2;width:100%}.feedback-right-column{box-sizing:border-box;order:1;width:100%}.feedback-right-column:has(.feedback-empty-state){order:2}.feedback-modal{margin:16px;max-height:calc(100vh - 32px);width:calc(100% - 32px)}.feedback-modal-content,.feedback-modal-header{padding:20px}}@media (max-width:480px){.feedback-page-layout{padding:12px}.feedback-empty-state{padding:40px 20px}.feedback-modal-content,.feedback-modal-header{padding:16px}}.give-feedback-tab{overflow-x:hidden}.main-content-layout{max-width:100%}.left-column,.right-column{max-width:100%;overflow-x:hidden}.right-column{min-width:0}.no-track-selected h3{font-size:24px;margin:0 0 15px}.no-track-selected p{font-size:16px;line-height:1.5}.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;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:0;max-width:100%;overflow-x:hidden}.top-tracks-section h3{color:var(--ut-text-primary);font-size:20px;margin-bottom:20px}.tracks-list{max-width:100%}.no-tracks{background:var(--ut-bg-page);border-radius:8px;padding:40px}.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);gap:12px;padding:8px 0}.note-item:last-child{border-bottom:none}.note-timestamp{color:var(--ut-text-info);font-weight:600;min-width:50px}.note-text{color:var(--ut-text-primary);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-radius:var(--ut-radius-button);box-shadow:var(--ut-glow-focus);color:var(--ut-text-inverse);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-large);letter-spacing:var(--ut-letter-spacing-button);padding:14px 32px;text-transform:uppercase}.submit-button:hover:not(:disabled){background:var(--ut-button-accent-hover-bg);box-shadow:0 0 30px #3c9dff99}.cancel-button:disabled,.submit-button:disabled{background:var(--ut-button-secondary-bg);cursor:not-allowed}@media (max-width:768px){.give-feedback-tab{overflow-x:hidden;padding:15px}.main-content-layout{gap:20px;grid-template-columns:1fr;width:100%}.left-column{order:1}.left-column,.right-column{box-sizing:border-box;width:100%}.right-column{order:2}.tracks-list{gap:12px;width:100%}.mobile-scroll-hint{animation:pulse-glow 2s ease-in-out infinite;background:var(--ut-button-accent-bg);border-radius:8px;box-shadow:var(--ut-shadow-lg);color:var(--ut-text-inverse);font-size:14px;font-weight:var(--ut-font-weight-semibold);margin-bottom:15px;padding:12px 16px;text-align:center}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #3c9dff4d}50%{box-shadow:0 0 20px #3c9dff99}}}.my-reviews{margin:0 auto;max-width:1400px;padding:20px}.page-header{margin-bottom:30px;text-align:center}.page-header h2{color:var(--ut-text-primary);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-heading-xl);font-weight:var(--ut-font-weight-bold);letter-spacing:var(--ut-letter-spacing-heading);margin:0 0 10px;text-transform:uppercase}.page-description{color:var(--ut-text-secondary);font-size:var(--ut-font-body-md);margin:0}.main-content-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:400px 1fr;min-height:600px}.left-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:12px;box-shadow:var(--ut-shadow-lg);height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 200px);overflow-y:auto;padding:20px}.right-column{display:flex;flex-direction:column;gap:20px;min-height:600px}.track-list h3{color:var(--ut-text-primary);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-heading-md);letter-spacing:var(--ut-letter-spacing-label);margin-bottom:20px;text-transform:uppercase}.no-tracks{padding:40px 20px}.no-tracks p{margin:8px 0}.tracks-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.pagination{border-top:1px solid var(--ut-border-default);justify-content:space-between;margin-top:20px;padding-top:20px}.pagination-button{background:var(--ut-button-primary-bg);border:none;color:var(--ut-button-primary-text);font-weight:var(--ut-font-weight-medium-sem);transition:all var(--ut-transition-base)}.pagination-button:hover:not(:disabled){background:var(--ut-button-primary-hover-bg);box-shadow:var(--ut-shadow-hover)}.pagination-button:disabled{background:var(--ut-button-secondary-bg)}.page-info{color:var(--ut-text-secondary);font-size:var(--ut-font-body-sm)}.review-section{background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-lg);padding:24px}.review-section h3{color:var(--ut-text-primary);font-family:var(--ut-font-heading-family);font-size:var(--ut-font-heading-md);letter-spacing:var(--ut-letter-spacing-label);margin:0 0 20px;text-transform:uppercase}.feedback-card{background:var(--ut-bg-page);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-card);padding:20px}.feedback-header{align-items:center;border-bottom:1px solid var(--ut-border-default);display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.feedback-date{color:var(--ut-text-muted);font-size:var(--ut-font-body-sm)}.feedback-ratings{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.rating-item{align-items:center;background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-button);display:flex;justify-content:space-between;padding:10px 12px}.rating-label{color:var(--ut-text-secondary);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem)}.rating-value{color:var(--ut-text-info);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold-sem)}.feedback-review{margin-top:20px}.feedback-review h5{color:var(--ut-text-primary);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold-sem);margin:0 0 10px}.feedback-review p{color:var(--ut-text-secondary);line-height:1.6;margin:0;white-space:pre-wrap}.timestamped-notes{border-top:1px solid var(--ut-border-default);margin-top:20px;padding-top:20px}.timestamped-notes h5{color:var(--ut-text-primary);font-size:var(--ut-font-body-base);font-weight:var(--ut-font-weight-semibold-sem);margin:0 0 12px}.notes-list{display:flex;flex-direction:column;gap:10px}.note-item{background:var(--ut-bg-panel);border:1px solid var(--ut-border-default);border-radius:var(--ut-radius-button);display:flex;gap:10px;padding:10px 12px}.note-timestamp{background:var(--ut-gradient-cyber);border-radius:12px;color:var(--ut-text-inverse);flex-shrink:0;font-family:monospace;font-size:12px;min-width:40px;padding:2px 6px;text-align:center}.note-text{flex:1 1;line-height:1.5}.no-track-selected,.note-text{color:var(--ut-text-secondary)}.no-track-selected{background:var(--ut-bg-panel);border:2px dashed var(--ut-border-muted);border-radius:12px;padding:60px 40px;text-align:center}.no-track-selected h3{color:var(--ut-text-primary);font-family:var(--ut-font-heading-family);margin:0 0 12px}.no-track-selected p{font-size:var(--ut-font-body-base);margin:0}.error-message,.loading{color:var(--ut-text-secondary);padding:40px;text-align:center}.error-message{color:var(--ut-text-error)}.retry-button{background-color:var(--ut-button-accent-bg);margin-top:15px;padding:10px 20px}.retry-button:hover{background-color:var(--ut-button-accent-hover-bg)}@media (max-width:768px){.my-reviews{padding:15px}.main-content-layout{gap:20px;grid-template-columns:1fr}.left-column{max-height:none;order:1}.right-column{order:2}.tracks-list{gap:12px}.feedback-ratings{grid-template-columns:1fr}.pagination{flex-direction:column;gap:12px}.pagination-button{width:100%}}@media (max-width:1024px) and (min-width:769px){.main-content-layout{gap:25px;grid-template-columns:350px 1fr}}@media (max-width:480px){.my-reviews{padding:10px}.page-header h2{font-size:var(--ut-font-heading-lg)}.feedback-ratings{gap:8px}.rating-item{padding:8px 10px}}.artist-setup-modal-overlay{align-items:center;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:var(--ut-spacing-md);position:fixed;right:0;top:0;z-index:9999}.artist-setup-section{margin-bottom:var(--ut-spacing-lg)}.artist-setup-card{background-color:var(--ut-background-secondary);border:2px solid var(--ut-accent);border-radius:var(--ut-border-radius-lg);box-shadow:0 0 30px #00d4ff4d;color:var(--ut-text-primary);padding:var(--ut-spacing-xl);position:relative}.artist-setup-card.modal-variant{max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.artist-setup-card.inline-variant{margin:0 auto;max-width:600px}.modal-close-button{background:none;border:none;color:var(--ut-text-secondary);cursor:pointer;font-size:20px;line-height:1;padding:var(--ut-spacing-xs);position:absolute;right:var(--ut-spacing-md);top:var(--ut-spacing-md);transition:color .3s ease}.modal-close-button:hover{color:var(--ut-text-primary)}.card-heading{color:var(--ut-accent);font-size:var(--ut-font-header-md);font-weight:var(--ut-font-weight-bold);margin-bottom:var(--ut-spacing-md);text-align:center}.card-description{color:var(--ut-text-secondary);font-size:var(--ut-font-body-md);line-height:var(--ut-line-height-relaxed);margin-bottom:var(--ut-spacing-lg);text-align:center}.artist-form{display:flex;flex-direction:column;gap:var(--ut-spacing-lg)}.form-input::placeholder{color:var(--ut-text-secondary)}.ai-selection-group{margin-top:var(--ut-spacing-md)}.radio-button-group{display:flex;gap:var(--ut-spacing-md);margin-top:var(--ut-spacing-sm)}.radio-button{align-items:center;background-color:var(--ut-background-primary);border:2px solid var(--ut-border-subtle);border-radius:var(--ut-border-radius-md);color:var(--ut-text-primary);cursor:pointer;display:flex;flex:1 1;font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium);justify-content:center;padding:var(--ut-spacing-sm) var(--ut-spacing-lg);position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.radio-button:hover{background-color:var(--ut-background-secondary);border-color:var(--ut-accent)}.radio-button.selected{background-color:var(--ut-accent);border-color:var(--ut-accent);box-shadow:0 0 20px #00d4ff66;color:var(--ut-background-primary)}.radio-input{height:0;opacity:0;position:absolute;width:0}.ai-help-text{color:var(--ut-text-secondary);display:block;font-size:var(--ut-font-body-xs);line-height:var(--ut-line-height-normal);margin-top:var(--ut-spacing-sm)}.error-message{background-color:#ff44441a;border:1px solid var(--ut-error);border-radius:var(--ut-border-radius-sm);color:var(--ut-error);font-size:var(--ut-font-body-sm);margin-top:var(--ut-spacing-md);padding:var(--ut-spacing-md)}.form-actions{margin-top:var(--ut-spacing-lg);text-align:center}.submit-button{background-color:var(--ut-accent);border:none;border-radius:var(--ut-border-radius-md);box-shadow:0 0 20px #00d4ff66;color:var(--ut-background-primary);cursor:pointer;font-size:var(--ut-font-body-md);font-weight:var(--ut-font-weight-bold);min-width:200px;padding:var(--ut-spacing-md) var(--ut-spacing-xl);transition:all .3s ease}.submit-button:hover:not(:disabled){background-color:var(--ut-accent-hover);box-shadow:0 4px 25px #00d4ff80;transform:translateY(-2px)}.submit-button:disabled{background-color:var(--ut-text-muted);box-shadow:none;color:var(--ut-text-secondary);cursor:not-allowed;transform:none}@media (max-width:768px){.artist-setup-modal-overlay{padding:var(--ut-spacing-sm)}.artist-setup-card{padding:var(--ut-spacing-lg)}.card-heading{font-size:var(--ut-font-header-sm)}.radio-button-group{gap:var(--ut-spacing-sm)}.radio-button{font-size:var(--ut-font-body-xs);padding:var(--ut-spacing-sm)}.submit-button{min-width:160px;padding:var(--ut-spacing-sm) var(--ut-spacing-lg)}}@media (max-width:480px){.artist-setup-card.modal-variant{width:95%}.radio-button-group{flex-direction:column}.submit-button{min-width:140px}}.give-feedback-tab{margin:0 auto;max-width:1400px;padding:20px}.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)}.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}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px;padding:20px}.pagination-button{background:var(--ut-bg-panel);border:2px solid var(--ut-border-default);border-radius:var(--ut-radius-button);color:var(--ut-text-primary);cursor:pointer;font-family:var(--ut-font-heading-family);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-semibold);min-width:40px;padding:8px 16px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:var(--ut-bg-hover);border-color:var(--ut-border-active);box-shadow:var(--ut-glow-focus);transform:translateY(-2px)}.pagination-button.active{background:var(--ut-gradient-cyber);border-color:var(--ut-border-active);box-shadow:var(--ut-glow-primary);color:var(--ut-text-inverse)}.pagination-button:disabled{border-color:var(--ut-border-muted);color:var(--ut-text-muted);cursor:not-allowed;opacity:.5}.pagination-ellipsis{color:var(--ut-text-secondary);font-size:var(--ut-font-body-base);padding:0 8px}.pagination-info{background:var(--ut-bg-secondary);border-radius:var(--ut-radius-button);color:var(--ut-text-secondary);font-family:var(--ut-font-code-family);font-size:var(--ut-font-body-sm);margin-left:16px;padding:8px 16px;white-space:nowrap}@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{flex-wrap:wrap;margin:0 auto;max-width:100%;padding:12px 24px}.header-content,.header-top-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.header-top-row{flex:1 1;min-width:0}.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;flex:0 1 auto;flex-basis:100%;gap:8px;justify-content:center;order:2}.header-nav-right{align-items:center;display:flex;flex-shrink:0;gap:12px;margin-left:auto}@media (min-width:1200px){.header-content{flex-wrap:nowrap;position:relative}.header-nav-center{flex-basis:auto;left:50%;order:0;position:absolute;top:50%;transform:translate(-50%,-50%)}}.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-menu-container{position:relative}.account-button{align-items:center;display:flex;gap:8px}.account-icon{font-size:1.2em}.account-profile-image{border:2px solid var(--ut-border-default);border-radius:50%;height:24px;object-fit:cover;transition:border-color var(--ut-transition-base) ease;width:24px}.account-button:hover .account-profile-image{border-color:var(--ut-border-active)}.account-button.active .account-profile-image{border-color:var(--ut-color-primary);box-shadow:0 0 4px var(--ut-color-glow-purple)}.account-name{font-weight:var(--ut-font-weight-medium-sem)}.account-dropdown-icon{transition:transform var(--ut-transition-base) ease}.account-button:hover .account-dropdown-icon{transform:translateY(1px)}.account-dropdown{background-color:var(--ut-bg-elevated);border:2px solid var(--ut-border-active);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-lg);min-width:180px;overflow:hidden;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1100}.account-dropdown-item{align-items:center;background-color:initial;border:none;color:var(--ut-text-primary);cursor:pointer;display:flex;font-family:var(--ut-font-body-family);font-size:var(--ut-font-body-sm);font-weight:var(--ut-font-weight-medium-sem);gap:12px;padding:12px 16px;text-align:left;transition:all var(--ut-transition-base) ease;width:100%}.account-dropdown-item:hover{background-color:var(--ut-bg-hover);color:var(--ut-color-primary)}.account-dropdown-item.logout-item:hover{background-color:#ff006e1a;color:#ff006e;color:var(--ut-color-danger,#ff006e)}.dropdown-item-icon{stroke:currentColor;flex-shrink:0;height:16px;width:16px}.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);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}.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)}.notification-container{position:relative}.notification-button{align-items:center;background-color:initial;border:2px solid var(--ut-color-primary);border-radius:var(--ut-radius-button);cursor:pointer;display:flex;justify-content:center;padding:8px 12px;position:relative;transition:all var(--ut-transition-base) ease}.notification-button:hover{background-color:#8a2be21a;border-color:var(--ut-color-accent);box-shadow:var(--ut-glow-primary);transform:translateY(-1px)}.notification-icon{stroke:var(--ut-color-primary);fill:none;filter:drop-shadow(0 0 3px var(--ut-color-glow-purple));height:22px;transition:all var(--ut-transition-base) ease;width:22px}.notification-button:hover .notification-icon{stroke:var(--ut-color-accent);animation:pulse-glow 1.5s ease-in-out infinite;filter:drop-shadow(0 0 6px var(--ut-color-glow-cyan))}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 6px var(--ut-color-glow-cyan))}50%{filter:drop-shadow(0 0 10px var(--ut-color-glow-cyan))}}.notification-badge{align-items:center;animation:badge-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff006e,#8338ec);border:2px solid var(--ut-bg-elevated);border-radius:50%;box-shadow:0 0 8px #ff006e99,0 0 12px #8338ec66;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 4px;position:absolute;right:-6px;top:-6px}@keyframes badge-pulse{0%,to{box-shadow:0 0 8px #ff006e99,0 0 12px #8338ec66}50%{box-shadow:0 0 12px #ff006ecc,0 0 16px #8338ec99}}.notification-dropdown{background-color:var(--ut-bg-elevated);border:2px solid var(--ut-border-active);border-radius:var(--ut-radius-card);box-shadow:var(--ut-shadow-lg);max-width:90vw;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:1100}.notification-header{align-items:center;background-color:var(--ut-bg-surface);border-bottom:1px solid var(--ut-border-default);display:flex;justify-content:space-between;padding:16px}.notification-header h3{color:var(--ut-text-primary);font-size:1.1rem;margin:0}.mark-all-read-button{background-color:initial;border:1px solid var(--ut-color-primary);border-radius:var(--ut-radius-button);color:var(--ut-color-primary);cursor:pointer;font-size:.85rem;font-weight:var(--ut-font-weight-medium-sem);padding:6px 12px;transition:all var(--ut-transition-base) ease}.mark-all-read-button:hover{background-color:var(--ut-color-primary);box-shadow:var(--ut-glow-primary);color:var(--ut-button-primary-text)}.notification-list{max-height:400px;overflow-y:auto}.notification-empty,.notification-loading{color:var(--ut-text-secondary);padding:32px;text-align:center}.notification-item{align-items:flex-start;border-bottom:1px solid var(--ut-border-default);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color var(--ut-transition-base) ease}.notification-item:hover{background-color:var(--ut-bg-hover)}.notification-item.unread{background-color:#8a2be21a}.notification-item.unread:hover{background-color:#8a2be226}.notification-content{flex:1 1}.notification-type{color:var(--ut-color-primary);font-size:.75rem;font-weight:var(--ut-font-weight-bold);margin-bottom:4px;text-transform:uppercase}.notification-message{color:var(--ut-text-primary);font-size:.9rem;line-height:1.4;margin-bottom:4px}.notification-time{color:var(--ut-text-secondary);font-size:.75rem}.notification-unread-dot{background-color:var(--ut-color-primary);border-radius:50%;box-shadow:0 0 4px var(--ut-color-glow-purple);flex-shrink:0;height:8px;margin-top:6px;width:8px}@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{font-size:.85rem;padding:8px 12px}.notification-button{font-size:1.1em;padding:6px 10px}.notification-dropdown{right:-8px;width:calc(100vw - 32px)}}@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,.nav-button{font-size:.75rem;padding:6px 10px}.account-profile-image{height:20px;width:20px}.account-icon{font-size:1em}.notification-button{font-size:1em;padding:4px 8px}.notification-badge{font-size:.7rem;height:18px;min-width:18px}.notification-dropdown{right:-6px;width:calc(100vw - 24px)}.notification-header{padding:12px}.notification-header h3{font-size:1rem}.mark-all-read-button{font-size:.75rem;padding:4px 8px}.notification-item{padding:10px 12px}}
/*# sourceMappingURL=main.85a517c4.css.map*/