@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary:#060608;--bg-secondary:#0a0a0d;--bg-tertiary:#111116;--bg-card:#0c0c10;--glass-bg:#ffffff06;--glass-bg-hover:#ffffff0c;--glass-bg-active:#ff6b1a1a;--glass-bg-elevated:#ffffff0a;--glass-border:#ffffff17;--glass-border-light:#ffffff2e;--glass-border-hover:#ff6b1a66;--glass-border-subtle:#ffffff0d;--glass-shine:#ffffff1c;--glass-shine-strong:#fff3;--glass-blur:blur(44px) saturate(180%) brightness(1.06);--glass-blur-sm:blur(22px) saturate(160%) brightness(1.04);--glass-blur-lg:blur(64px) saturate(200%) brightness(1.08) contrast(1.02);--orange-50:#ffffff0a;--orange-100:#ffffff14;--orange-200:#ffffffeb;--orange-300:#fffc;--orange-400:#ffffff24;--orange-500:#ffffff24;--orange-600:#ffffff1a;--orange-glow:#ffffff0f;--orange-glow-sm:#ffffff0a;--orange-glow-xs:#ffffff05;--text-heading:#fff;--text-primary:#fff;--text-title:#ffffffeb;--text-category:#ffffffb3;--text-subtitle:#fffc;--text-secondary:#ffffffc4;--text-muted:#ffffff8c;--text-dim:#ffffff54;--grey-100:#f0f0f0;--grey-200:#d0d0d0;--grey-300:#aaa;--grey-400:gray;--grey-500:#555;--grey-600:#363636;--grey-700:#202020;--grey-800:#161618;--grey-900:#0d0d10;--accent:var(--orange-400);--accent-bright:var(--orange-300);--accent-dim:#ff6b1ab3;--accent-subtle:#ff6b1a1f;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-2xl:36px;--radius-full:9999px;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--shadow-sm:0 2px 8px #00000073, 0 0 0 .5px #ffffff0a;--shadow-md:0 4px 24px #0000008c, 0 1px 0 #ffffff0f inset;--shadow-lg:0 8px 40px #000000a6, 0 1px 0 #ffffff14 inset;--shadow-xl:0 20px 60px #000000bf, 0 1px 0 #ffffff1a inset;--shadow-glow:0 0 40px var(--orange-glow);--shadow-glow-sm:0 0 20px var(--orange-glow-sm);--shadow-glow-xs:0 0 10px var(--orange-glow-xs);--transition-fast:all .14s cubic-bezier(.25, .46, .45, .94);--transition-base:all .24s cubic-bezier(.25, .46, .45, .94);--transition-slow:all .4s cubic-bezier(.25, .46, .45, .94);--transition-spring:all .35s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:240px;--player-height:80px;--topbar-height:60px;--mobile-nav-height:60px;--btn-primary-bg:#ffffffe0;--btn-primary-hover:#fff;--btn-primary-text:#0f0f1a;--btn-primary-glow:#ffffff1f;--btn-primary-border:#fff3;--accent-interactive:#ffffffd1;--accent-interactive-dim:#ffffff26;--accent-interactive-glow:#ffffff14}[data-theme=grey]{--bg-primary:#23232e;--bg-secondary:#2a2a38;--bg-tertiary:#313142;--bg-card:#27273a;--glass-bg:#ffffff12;--glass-bg-hover:#ffffff1c;--glass-bg-elevated:#ffffff17;--glass-border:#ffffff21;--glass-border-light:#ffffff3d;--glass-border-subtle:#ffffff17;--glass-shine:#ffffff26;--glass-shine-strong:#ffffff3d;--text-heading:#0f0f1ae6;--text-primary:#eeeef8;--text-secondary:#eeeef8bf;--text-muted:#eeeef885;--text-dim:#eeeef852;--text-title:#0f0f1ad9;--text-subtitle:#0f0f1ab3;--shadow-md:0 4px 24px #0006, 0 1px 0 #ffffff12 inset;--shadow-lg:0 8px 40px #00000080, 0 1px 0 #ffffff17 inset;--btn-primary-bg:#ffffffe0;--btn-primary-hover:#fff;--btn-primary-text:#0f0f1a;--accent-interactive:#ffffffd1;--accent-interactive-dim:#ffffff26;--accent-interactive-glow:#ffffff14}[data-theme=grey] body{background-color:var(--bg-primary);background-image:radial-gradient(80% 50% at 15% -5%,#ff6b1a0d 0%,#0000 55%),radial-gradient(60% 40% at 85% 105%,#ff6b1a0a 0%,#0000 50%)}[data-theme=white]{--bg-primary:#f8f8fc;--bg-secondary:#f0f0f7;--bg-tertiary:#e8e8f2;--bg-card:#f3f3fa;--glass-bg:#ffffffb8;--glass-bg-hover:#ffffffe0;--glass-bg-elevated:#ffffffe6;--glass-border:#00000017;--glass-border-light:#00000026;--glass-border-hover:#ff6b1a66;--glass-border-subtle:#0000000f;--glass-shine:#ffffffe6;--glass-shine-strong:#fffffffa;--glass-blur:blur(32px) saturate(140%) brightness(1.01);--glass-blur-sm:blur(16px) saturate(130%) brightness(1.01);--glass-blur-lg:blur(48px) saturate(150%) brightness(1.02);--text-heading:#0f0f1ae6;--text-primary:#0f0f1a;--text-secondary:#0f0f1ab8;--text-muted:#0f0f1a80;--text-dim:#0f0f1a59;--text-title:#0f0f1ad9;--text-subtitle:#0f0f1ab3;--shadow-sm:0 2px 8px #00000014, 0 0 0 .5px #0000000d;--shadow-md:0 4px 20px #0000001a, 0 1px 0 #fffffffa inset;--shadow-lg:0 8px 36px #00000021, 0 1px 0 #fffffffa inset;--shadow-xl:0 20px 56px #00000029, 0 1px 0 #fffffffa inset;--orange-50:#00000008;--orange-100:#00000012;--orange-200:#0f0f1ae0;--orange-300:#0f0f1ab8;--orange-400:#0000001c;--orange-500:#0000001c;--orange-600:#00000014;--orange-glow:#0000000f;--orange-glow-sm:#0000000a;--orange-glow-xs:#00000005;--btn-primary-bg:#000000d1;--btn-primary-hover:#000000eb;--btn-primary-text:#fff;--btn-primary-glow:#00000014;--btn-primary-border:#0000002e;--accent-interactive:#000000bf;--accent-interactive-dim:#0000001c;--accent-interactive-glow:#0000000d}[data-theme=white] body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(80% 50% at 15% -5%,#ff6b1a0d 0%,#0000 55%),radial-gradient(60% 40% at 85% 105%,#ff6b1a08 0%,#0000 50%)}[data-theme=white] ::-webkit-scrollbar-thumb{background:#00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);background-image:radial-gradient(80% 50% at 15% -5%,#ff6b1a12 0%,#0000 55%),radial-gradient(60% 40% at 85% 105%,#ff6b1a0d 0%,#0000 50%);min-height:100vh;font-size:14px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.auth-loading{background:var(--bg-primary);background-image:radial-gradient(80% 50% at 15% -5%,#ff6b1a12 0%,#0000 55%),radial-gradient(60% 40% at 85% 105%,#ff6b1a0d 0%,#0000 50%);justify-content:center;align-items:center;animation:1.4s ease-in-out infinite pulse;display:flex;position:fixed;inset:0}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ff6b1a4d}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;line-height:1.2}h1{color:var(--text-heading);font-size:2rem}h2{color:var(--text-heading);font-size:1.5rem}h3{color:var(--text-heading);font-size:1.125rem}h4{color:var(--text-heading);font-size:.9375rem}p{color:var(--text-secondary);font-size:.875rem;line-height:1.6}a{color:inherit;transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--text-primary)}button{font-family:var(--font-body);cursor:pointer;color:inherit;transition:var(--transition-base);background:0 0;border:none}input,textarea,select{font-family:var(--font-body);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);transition:var(--transition-base);width:100%;-webkit-backdrop-filter:var(--glass-blur-sm);outline:none}input:focus,textarea:focus,select:focus{box-shadow:none;background:0 0;border-color:#ffffff4d;outline:none}[data-theme=white] input:focus,[data-theme=white] textarea:focus,[data-theme=white] select:focus{box-shadow:none;background:0 0;border-color:#0f0f1a80}input::placeholder{color:var(--text-muted)}img{max-width:100%;display:block}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);isolation:isolate;position:relative}.glass:before{display:none}.glass-sm{background:var(--glass-bg);border:1px solid var(--glass-border-subtle);isolation:isolate;position:relative}.glass-sm:before{display:none}.glass-elevated{background:var(--glass-bg-elevated);border:1px solid var(--glass-border-light);box-shadow:var(--shadow-xl);isolation:isolate;position:relative}.glass-elevated:before{display:none}.glass-hover:hover{background:var(--glass-bg-hover)!important;border-color:var(--glass-border-light)!important}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-base);isolation:isolate;position:relative;overflow:hidden}.glass-card:before{display:none}.glass-card:hover{background:var(--glass-bg-hover);box-shadow:var(--shadow-lg);border-color:#ff6b1a2e}@media (hover:none){.glass-card:hover{box-shadow:var(--shadow-md);transform:none}}.app-layout{height:100dvh;display:flex;overflow:hidden}.main-content{padding-bottom:calc(var(--player-height) + 16px);margin-left:var(--sidebar-width);padding-top:var(--topbar-height);-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.scroll-row{gap:var(--sp-4);padding-bottom:var(--sp-3);scrollbar-width:none;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.section-title{font-family:var(--font-heading);color:var(--text-heading);margin-bottom:var(--sp-4);letter-spacing:.01em;justify-content:space-between;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.section-title a{color:var(--text-muted);font-size:.7rem;font-weight:500;font-family:var(--font-body);letter-spacing:.07em;text-transform:uppercase;transition:var(--transition-fast)}.section-title a:hover{color:var(--text-primary)}.page{padding:var(--sp-8);max-width:1400px}.badge{border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);-webkit-backdrop-filter:var(--glass-blur-sm);align-items:center;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.divider{background:linear-gradient(90deg, transparent 0%, var(--glass-border) 25%, var(--glass-border) 75%, transparent 100%);height:1px;margin:var(--sp-6) 0}@media (width<=768px){.main-content{padding-top:calc(var(--topbar-height) + 8px);padding-bottom:calc(var(--player-height) + var(--mobile-nav-height) + 8px);margin-left:0}.page{padding:var(--sp-4)}h1{font-size:1.5rem}.player-bar{bottom:var(--mobile-nav-height)!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes floatUp{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes glassShimmer{0%{opacity:0;transform:translate(-100%)skew(-15deg)}50%{opacity:1}to{opacity:0;transform:translate(200%)skew(-15deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes waveBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes orangeGlow{0%,to{box-shadow:0 0 20px #ff6b1a4d}50%{box-shadow:0 0 40px #ff6b1a8c}}.animate-in{animation:.32s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-float{animation:.36s cubic-bezier(.34,1.3,.64,1) forwards floatUp}@media (hover:none) and (pointer:coarse){.glass,.glass-card,.glass-sm,.topbar,.sidebar,.mobile-nav,.player,[class*=glass]{-webkit-backdrop-filter:none!important}}.nav-item,.creator-nav-item,.creator-nav-dashboard{box-shadow:none!important;padding-left:calc(var(--sp-3) - 2px)!important;background:0 0!important;border:none!important;border-left:2px solid #0000!important;border-radius:0!important}.nav-item:hover,.creator-nav-item:hover,.creator-nav-dashboard:hover:not(.active){color:var(--text-primary)!important;border-left-color:var(--text-dim)!important;box-shadow:none!important;background:0 0!important}.nav-item.active,.creator-nav-item.active,.creator-nav-dashboard.active{color:var(--text-primary)!important;border-left:2px solid var(--text-primary)!important;box-shadow:none!important;background:0 0!important;font-weight:600!important}.track-tab,.adv-track-tab{box-shadow:none!important;padding-left:var(--sp-2)!important;background:0 0!important;border:none!important;border-left:2px solid #0000!important;border-radius:0!important}.track-tab:hover,.adv-track-tab:hover{border-left-color:var(--text-dim)!important;background:0 0!important}.track-tab.active,.adv-track-tab.active{border-left:2px solid var(--text-primary)!important;background:0 0!important;font-weight:600!important}.upload-step{padding-left:var(--sp-2)!important;border-left:2px solid #0000!important}.upload-step.active{border-left:2px solid var(--text-primary)!important}.upload-step.active .upload-step-num{color:var(--text-primary)!important;box-shadow:none!important;border:1px solid var(--glass-border)!important;background:0 0!important}.artist-follow-btn,.shop-buy-btn,.vinyl-direct-buy-btn,.buy-btn,.release-play-btn,.hero-play-btn,.rel-upload-btn,.s-save-btn,.sub-manage-btn,.modal-confirm,.ai-builder-btn,.upload-drop-btn,.upload-next-btn,.upload-success-btn,.creator-listener-view-btn{letter-spacing:.03em;border:none!important;border-left:2px solid var(--text-dim)!important;box-shadow:none!important;padding:5px var(--sp-3)!important;background:0 0!important;border-radius:0!important}.artist-follow-btn:hover,.shop-buy-btn:hover,.vinyl-direct-buy-btn:hover,.buy-btn:hover,.release-play-btn:hover,.hero-play-btn:hover,.rel-upload-btn:hover,.s-save-btn:hover,.sub-manage-btn:hover,.modal-confirm:hover,.ai-builder-btn:hover,.upload-drop-btn:hover,.upload-next-btn:hover,.upload-success-btn:hover,.creator-listener-view-btn:hover{color:var(--text-primary)!important;border-left-color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important}[data-theme] .search-tab,[data-theme] .lib-tab,[data-theme] .shop-tab,[data-theme] .dash-tab,[data-theme] .browse-genre-btn,[data-theme] .fmt-btn,[data-theme] .s-pill,[data-theme] .kpi-period-btn{box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:2px solid #0000!important;border-radius:0!important;text-decoration:none!important}[data-theme] .search-tab:hover,[data-theme] .lib-tab:hover,[data-theme] .shop-tab:hover,[data-theme] .dash-tab:hover,[data-theme] .browse-genre-btn:hover,[data-theme] .fmt-btn:hover,[data-theme] .s-pill:hover,[data-theme] .kpi-period-btn:hover{color:var(--text-primary)!important;border-bottom-color:var(--text-dim)!important;box-shadow:none!important;background:0 0!important}[data-theme] .search-tab.active,[data-theme] .lib-tab.active,[data-theme] .shop-tab.active,[data-theme] .dash-tab.active,[data-theme] .fmt-btn.selected,[data-theme] .s-pill.active,[data-theme] .kpi-period-btn.active,[data-theme] .browse-genre-btn.active{color:var(--text-primary)!important;border-bottom:2px solid var(--text-primary)!important;box-shadow:none!important;background:0 0!important;font-weight:600!important}[data-theme] .search-tab,[data-theme] .lib-tab,[data-theme] .shop-tab,[data-theme] .dash-tab{padding:4px 0 6px!important}[data-theme] .browse-genre-btn{padding:3px var(--sp-1) 5px!important}[data-theme] .fmt-btn{padding:3px 0 5px!important}[data-theme] .s-pill{padding:4px 0 6px!important}[data-theme] .kpi-period-btn{padding:2px var(--sp-2) 4px!important}.search-tabs,.lib-tabs,.shop-tabs,.dash-tabs{gap:var(--sp-6)!important}.browse-genres{gap:var(--sp-3) var(--sp-6)!important;flex-flow:wrap!important}.kpi-period-row{gap:var(--sp-4)!important}[data-theme] .vi-artwork-btn,[data-theme] .vi-preset-btn{box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:2px solid #0000!important;border-radius:0!important}[data-theme] .vi-artwork-btn:hover,[data-theme] .vi-preset-btn:hover{border-bottom-color:var(--text-dim)!important;box-shadow:none!important;background:0 0!important}[data-theme] .vi-artwork-btn.active,[data-theme] .vi-preset-btn.active{color:var(--text-primary)!important;border-bottom:2px solid var(--text-primary)!important;box-shadow:none!important;background:0 0!important;font-weight:600!important}.search-bar{border:none!important;border-bottom:1px solid var(--glass-border)!important;box-shadow:none!important;padding:var(--sp-2) 0!important;background:0 0!important;border-radius:0!important}.search-bar:focus-within{border-bottom-color:var(--text-primary)!important;box-shadow:none!important}.topbar-btn{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.topbar-btn:hover{color:var(--text-primary)!important;background:0 0!important}.plan-badge{opacity:.55;box-shadow:none!important;padding:var(--sp-1) 0!important;background:0 0!important;border:none!important}.sidebar-logout,.creator-logout-btn{background:0 0!important;border:none!important}.sidebar-logout:hover,.creator-logout-btn:hover{opacity:1;background:0 0!important}.card-play-btn{box-shadow:none!important;background:0 0!important;border:1px solid #ffffff8c!important}[data-theme=white] .card-play-btn{border-color:#00000059!important}.card-play-btn:hover{box-shadow:none!important;background:#ffffff1a!important}.card-action-btn{box-shadow:none!important;background:0 0!important;border:none!important}.card-action-btn:hover,.card-action-btn.active,.card-title:hover{color:var(--text-primary)!important}.release-card:hover{box-shadow:none!important;border-color:#0000!important}.play-btn{border:1.5px solid var(--text-secondary)!important;box-shadow:none!important;color:var(--text-primary)!important;background:0 0!important}.play-btn:hover{border-color:var(--text-primary)!important;box-shadow:none!important;background:#ffffff0f!important}[data-theme=white] .play-btn:hover{background:#0000000d!important}.ctrl-btn:hover,.ctrl-btn.active-ctrl,.player-like-btn:hover,.player-like-btn.liked,.release-icon-btn:hover,.release-icon-btn.saved{color:var(--text-primary)!important}.progress-fill{background:var(--text-primary)!important;box-shadow:none!important}.progress-thumb{background:var(--text-primary)!important}.sidebar{width:var(--sidebar-width);padding:var(--sp-6) var(--sp-4);z-index:100;-webkit-backdrop-filter:blur(77px);border-right:1px solid #ffffff14;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:1px 0 #ffffff0a,inset -1px 0 #ff6b1a0d,0 0 60px #00000080;background:#0c0c124d!important}.sidebar:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0f 0%,#0000 100%);height:120px;position:absolute;top:0;left:0;right:0}.sidebar-logo{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-6);z-index:1;display:flex;position:relative}.logo-mark{background:#000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;overflow:hidden;box-shadow:0 2px 12px #0009,0 0 0 1px #ffffff1a,inset 0 1px #ffffff0f}.logo-text{font-family:var(--font-heading);letter-spacing:.16em;color:var(--orange-300);text-shadow:0 0 20px #ff6b1a4d;font-size:1.0625rem;font-weight:700}.logo-wordmark{font-family:var(--font-heading);letter-spacing:.22em;text-transform:uppercase;color:#ffffffe0;font-size:.95rem;font-weight:600}.sidebar-nav{z-index:1;flex-direction:column;gap:2px;display:flex;position:relative}.nav-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);padding:var(--sp-2) var(--sp-3);margin-top:var(--sp-1);font-size:.6rem;font-weight:600}.nav-item{align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--radius-md);color:var(--text-muted);transition:var(--transition-base);cursor:pointer;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;outline:none;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{-webkit-backdrop-filter:blur(20px);color:var(--orange-200);background:#ffffff0f;box-shadow:inset 0 1px #ffffff14}.nav-item.active{-webkit-backdrop-filter:blur(20px);color:var(--orange-300);background:#ff6b1a21;border:1px solid #ff6b1a47;box-shadow:inset 0 1px #ffffff1a,0 0 16px #ff6b1a14}.sidebar-divider{height:1px;margin:var(--sp-4) 0;z-index:1;background:linear-gradient(90deg,#0000 0%,#ffffff0f 30% 70%,#0000 100%);position:relative}.sidebar-footer{padding:var(--sp-2);z-index:1;gap:var(--sp-1);flex-direction:column;margin-top:auto;display:flex;position:relative}.plan-badge{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-full);color:var(--text-muted);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff12;width:fit-content;font-size:.75rem;font-weight:600;display:flex}.plan-sub{color:var(--text-dim);margin-top:var(--sp-1);padding-left:var(--sp-3);font-size:.7rem}.sidebar-logout{align-items:center;gap:var(--sp-2);padding:7px var(--sp-3);border-radius:var(--radius-md);color:#ffffff38;cursor:pointer;font-size:.72rem;font-family:var(--font-body);width:100%;margin-top:var(--sp-2);background:0 0;border:none;transition:color .2s,background .2s;display:flex}.sidebar-logout:hover{color:#ffffff1c;background:#ffffff0a}@media (width<=768px){.sidebar{display:none}.topbar{padding-top:env(safe-area-inset-top)}}.nav-item:hover{color:var(--text-primary);box-shadow:none;background:#ffffff14}.nav-item.active{color:var(--text-primary);background:#ffffff1c;border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff1a}.nav-item.active svg{color:var(--text-primary)}[data-theme=white] .sidebar{border-right:1px solid #00000012;box-shadow:1px 0 #0000000d,0 0 40px #0000000a;background:#f8f8fc6b!important}[data-theme=white] .nav-item{color:#0f0f1a85}[data-theme=white] .nav-item:hover{color:#0f0f1ae6;background:#00000012;box-shadow:inset 0 1px #fffc}[data-theme=white] .nav-item.active{color:#0f0f1ae6;background:#0000001c;border:1px solid #00000021;box-shadow:inset 0 1px #ffffffb3}[data-theme=white] .nav-item.active svg{color:#0f0f1ae6}[data-theme=white] .plan-badge{background:#00000014;border-color:#0000001a}[data-theme=white] .sidebar-logout{color:#0f0f1a52}[data-theme=white] .sidebar-logout:hover{color:#0f0f1aa6;background:#0000000f}[data-theme=white] .nav-label{color:#0f0f1a59}[data-theme=white] .sidebar:before{opacity:0}[data-theme=grey] .sidebar{border-right:1px solid #ffffff14;box-shadow:1px 0 #ffffff0a,0 0 50px #0000004d;background:#23232e70!important}[data-theme=grey] .nav-item:hover{color:var(--text-primary);background:#ffffff14}[data-theme=grey] .nav-item.active{color:var(--text-primary);background:#ffffff1c;border:1px solid #ffffff24}[data-theme=grey] .nav-item.active svg{color:var(--text-primary)}.creator-sidebar{width:var(--sidebar-width);padding:var(--sp-6) var(--sp-4);z-index:100;-webkit-backdrop-filter:blur(60px)saturate(200%)brightness(1.06);border-right:1px solid #ffffff12;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:1px 0 #ffffff08,0 0 60px #00000080;background:#060608b8!important}.creator-sidebar:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0a 0%,#0000 100%);height:120px;position:absolute;top:0;left:0;right:0}.creator-sidebar__logo{padding:var(--sp-2) var(--sp-2) var(--sp-4);z-index:1;align-items:center;display:flex;position:relative}.creator-sidebar__portal-label{letter-spacing:.22em;text-transform:uppercase;color:#ffffff38;padding:0 var(--sp-3);margin-bottom:var(--sp-3);z-index:1;font-size:.6rem;position:relative}.creator-sidebar__nav{z-index:1;flex-direction:column;flex:1;gap:2px;display:flex;position:relative}.creator-nav-item{align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--radius-md);color:var(--text-muted);transition:var(--transition-base);letter-spacing:.01em;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.creator-nav-item:hover{color:#ffffffd9;background:#ffffff0f}.creator-nav-item.active{color:#ffffffeb;background:#ffffff14;border:1px solid #ffffff1f;box-shadow:inset 0 1px #ffffff14}.creator-nav-dashboard{cursor:pointer;font-family:var(--font-body);text-align:left;width:100%;margin-bottom:var(--sp-2);padding-bottom:calc(9px + var(--sp-2));background:0 0;border:none;border-bottom:1px solid #ffffff0f}.creator-nav-dashboard:hover:not(.active){color:#ffffffd9;background:#ffffff0f}.creator-sidebar__footer{z-index:1;gap:var(--sp-3);flex-direction:column;margin-top:auto;display:flex;position:relative}.creator-artist-badge{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff12;display:flex}.creator-artist-avatar{color:#fffc;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.creator-artist-info{flex-direction:column;gap:2px;min-width:0;display:flex}.creator-artist-name{color:#fffc;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.creator-artist-plan{color:#ffffff4d;letter-spacing:.06em;font-size:.65rem}.creator-logout-btn{align-items:center;gap:var(--sp-2);padding:8px var(--sp-3);border-radius:var(--radius-md);color:#ffffff47;cursor:pointer;font-size:.78rem;font-family:var(--font-body);text-align:left;background:0 0;border:none;width:100%;transition:color .2s,background .2s;display:flex}.creator-logout-btn:hover{color:#fff9;background:#ffffff0a}@media (width<=768px){.creator-sidebar{display:none}}.creator-listener-view-btn{width:calc(100% - 24px);margin:0 12px var(--sp-3);border-radius:var(--radius-lg);color:#b996ffd9;cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-body);text-align:left;background:#9b6dff1a;border:1px solid #9b6dff40;align-items:center;gap:8px;padding:9px 14px;transition:all .15s;display:flex}.creator-listener-view-btn:hover{color:#b996ff;background:#9b6dff33;border-color:#9b6dff66}.creator-nav-dashboard.active{color:#ffffffeb;background:#ffffff1c;border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff14}[data-theme=white] .creator-sidebar{border-right:1px solid #00000012;box-shadow:1px 0 #0000000d,0 0 40px #0000000a;background:#f8f8fc6b!important}[data-theme=white] .creator-sidebar:before{opacity:0}[data-theme=white] .logo-mark{background:#00000014;box-shadow:0 2px 8px #00000014,0 0 0 1px #0000001a}[data-theme=white] .logo-mark svg{filter:invert()}[data-theme=white] .creator-sidebar__portal-label{color:#0f0f1a59}[data-theme=white] .creator-nav-item{color:#0f0f1a85}[data-theme=white] .creator-nav-item:hover{color:#0f0f1ad9;background:#00000012}[data-theme=white] .creator-nav-item.active{color:#0f0f1ae6;background:#0000001c;border:1px solid #00000021;box-shadow:inset 0 1px #ffffffb3}[data-theme=white] .creator-nav-dashboard{border-bottom-color:#00000012}[data-theme=white] .creator-nav-dashboard.active{color:#0f0f1ae6;background:#0000001c;border:1px solid #00000021;box-shadow:inset 0 1px #ffffffb3}[data-theme=white] .creator-nav-dashboard:hover:not(.active){color:#0f0f1acc;background:#00000012}[data-theme=white] .creator-artist-badge{background:#00000012;border-color:#0000001a}[data-theme=white] .creator-artist-avatar{color:#0f0f1abf;background:#0000001a;border-color:#0000001f}[data-theme=white] .creator-artist-name{color:#0f0f1acc}[data-theme=white] .creator-artist-plan{color:#0f0f1a61}[data-theme=white] .creator-logout-btn{color:#0f0f1a52}[data-theme=white] .creator-logout-btn:hover{color:#0f0f1aa6;background:#0000000f}[data-theme=white] .creator-listener-view-btn{color:#0f0f1aa6;background:#00000012;border-color:#0000001f}[data-theme=white] .creator-listener-view-btn:hover{color:#0f0f1ad9;background:#0000001c;border-color:#0000002e}[data-theme=grey] .creator-sidebar{border-right:1px solid #ffffff14;box-shadow:1px 0 #ffffff0a,0 0 50px #0000004d;background:#23232e70!important}[data-theme=grey] .creator-nav-item:hover{color:var(--text-primary);background:#ffffff14}[data-theme=grey] .creator-nav-item.active{color:var(--text-primary);background:#ffffff1c;border:1px solid #ffffff24}[data-theme=grey] .creator-nav-dashboard.active{color:var(--text-primary);background:#ffffff1c;border:1px solid #ffffff24;box-shadow:inset 0 1px #ffffff1a}.creator-mobile-nav{height:var(--mobile-nav-height,60px);-webkit-backdrop-filter:blur(48px)saturate(180%)brightness(1.05);padding:var(--sp-2) var(--sp-4) env(safe-area-inset-bottom,0px);z-index:100;background:#060608e0;border-top:1px solid #ffffff12;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff0f}@media (width<=768px){.creator-sidebar{display:none}.creator-mobile-nav{display:flex}}[data-theme=white] .creator-mobile-nav{background:#f8f8fce0!important;border-top-color:#00000014!important}[data-theme=grey] .creator-mobile-nav{background:#1e1e26e0!important}[data-theme=white] .creator-mobile-nav .mobile-nav-item.active{color:#0f0f1a!important;border-top-color:#0f0f1a!important}.mobile-nav{bottom:calc(env(safe-area-inset-bottom,16px) + 10px);-webkit-backdrop-filter:none;z-index:9000;will-change:transform;background:#1c26300d;border:none;border-radius:999px;flex-direction:row;justify-content:space-around;align-items:center;height:78px;padding:0 8px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-radius .4s cubic-bezier(.34,1.56,.64,1);display:none;position:fixed;left:16px;right:16px;overflow:visible;box-shadow:0 8px 32px #00000047,0 2px 8px #00000029}.mobile-nav:before{display:none}.mobile-nav.is-pressed{border-radius:28px;transform:scaleX(.97)scaleY(.94);box-shadow:inset 0 -1px #00000040,0 6px 24px #00000061,0 2px 8px #00000038}@media (width<=768px){.mobile-nav{display:flex}}.mobile-nav-item{color:#ffffffb8;text-transform:none;letter-spacing:.01em;z-index:1;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:999px;outline:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:62px;padding:0 4px;font-size:.6rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex;position:relative}.mobile-nav-item:hover{color:#fffffff2}.nav-indicator{pointer-events:none;z-index:10;background:#fffffff2;border-radius:999px;width:22px;height:2.5px;transition:transform .65s cubic-bezier(.34,1.3,.64,1);position:absolute;bottom:7px;left:0}.mobile-nav-item.active{color:#fff;box-shadow:none;filter:none;background:0 0}.mobile-nav-item.active:after,.mobile-nav-item.active:before{display:none}[data-theme=white] .mobile-nav{-webkit-backdrop-filter:none!important;background:#dce1eb0f!important;border:none!important;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014!important}[data-theme=white] .mobile-nav-item{color:#0f0f1ab8}[data-theme=white] .mobile-nav-item.active{color:#0f0f1a}[data-theme=white] .nav-indicator{background:#0f0f1ae6}[data-theme=grey] .mobile-nav{-webkit-backdrop-filter:none!important;background:#18202c0f!important;border:none!important}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);padding:0 var(--sp-6);z-index:90;justify-content:space-between;align-items:center;gap:var(--sp-4);-webkit-backdrop-filter:blur(40px)saturate(220%)brightness(1.15)contrast(1.04);border-bottom:.5px solid #ffffff2e;display:flex;position:fixed;right:0;box-shadow:inset 0 -1px #ffffff1a,0 1px #00000014,0 4px 24px #0000001a;background:#0a0a122e!important}.topbar:after{content:"";background:linear-gradient(90deg,#0000 0%,#ff6b1a1f 40% 60%,#0000 100%);height:1px;position:absolute;bottom:-1px;left:0;right:0}.topbar-nav{align-items:center;gap:var(--sp-1);display:flex}.topbar-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);transition:var(--transition-fast);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff14}.topbar-btn:hover{color:var(--orange-300);background:#ff6b1a1f;border-color:#ff6b1a47;box-shadow:inset 0 1px #ffffff1a,0 0 12px #ff6b1a1f}.topbar-title{font-family:var(--font-heading);color:#ffffffe6;letter-spacing:.01em;text-align:center;flex:1;font-size:.9375rem;font-weight:600}.topbar-actions{align-items:center;gap:var(--sp-1);display:flex}.topbar-avatar{border-radius:var(--radius-full);color:#fff;width:28px;height:28px;font-size:.75rem;font-weight:700;font-family:var(--font-heading);background:linear-gradient(135deg,#ff6b1a66 0%,#ff6b1a33 100%);border:1px solid #ff6b1a59;justify-content:center;align-items:center;display:flex;box-shadow:0 0 10px #ff6b1a33}@media (width<=768px){.topbar{left:0}.topbar-nav,.topbar-search{display:none}.topbar-actions{margin-left:auto}}[data-theme=white] .topbar{border-bottom:.5px solid #ffffff8c;box-shadow:inset 0 -.5px #ffffff80,0 4px 24px #0000000a;-webkit-backdrop-filter:blur(40px)saturate(180%)brightness(1.08)contrast(1.02)!important;background:#ffffff47!important}[data-theme=white] .topbar:after{display:none}[data-theme=white] .topbar-btn{color:#0f0f1aa6;background:#0000000d;border:1px solid #00000017;box-shadow:inset 0 1px #ffffffe6}[data-theme=white] .topbar-btn:hover{color:#993d00;background:#ff6b1a1a;border-color:#ff6b1a40;box-shadow:inset 0 1px #ffffffe6}[data-theme=white] .topbar-title{color:#0f0f1acc}[data-theme=grey] .topbar{border-bottom:.5px solid #ffffff26;box-shadow:inset 0 1px #ffffff14,0 4px 24px #00000026;-webkit-backdrop-filter:blur(40px)saturate(220%)brightness(1.12)contrast(1.04)!important;background:#28283a38!important}.topbar-avatar-img{border-radius:var(--radius-full);object-fit:cover;border:1.5px solid var(--glass-border-light);background:0 0;width:28px;height:28px;display:block}.player-bar{height:var(--player-height);align-items:center;gap:var(--sp-6);padding:0 var(--sp-6);z-index:200;-webkit-backdrop-filter:blur(72px)saturate(200%)brightness(1.09)contrast(1.02);border-top:1px solid #ffffff12;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #0003,0 -4px 40px #00000080,0 -1px #ff6b1a14;background:#050507ad!important}.player-bar:before{content:"";background:linear-gradient(90deg,#0000 0%,#ff6b1a2e 30% 70%,#0000 100%);height:1px;position:absolute;top:0;left:15%;right:15%}.player-empty{justify-content:center;gap:var(--sp-4)}.player-empty-text{align-items:center;gap:var(--sp-3);color:var(--text-muted);font-size:.8125rem;display:flex}.player-empty-sub{color:var(--text-dim);font-size:.75rem}.player-info{align-items:center;gap:var(--sp-3);min-width:220px;max-width:280px;display:flex}.player-cover{border-radius:var(--radius-md);background:var(--grey-800);flex-shrink:0;width:46px;height:46px;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff14}.player-cover img{object-fit:cover;width:100%;height:100%}.player-cover-waves{background:#00000073;justify-content:center;align-items:flex-end;gap:2px;padding-bottom:6px;display:flex;position:absolute;inset:0}.wave-bar{background:var(--orange-400);transform-origin:bottom;border-radius:2px;width:3px;height:14px;animation:.8s ease-in-out infinite waveBar;box-shadow:0 0 4px #ff6b1a80}.player-meta{flex:1;min-width:0}.player-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.player-artist{color:var(--text-muted);margin-top:2px;font-size:.7rem}.player-like-btn{color:var(--text-muted);padding:var(--sp-1);transition:var(--transition-fast)}.player-like-btn:hover,.player-like-btn.liked{color:var(--orange-400)}.player-center{align-items:center;gap:var(--sp-2);flex-direction:column;flex:1;display:flex}.player-controls{align-items:center;gap:var(--sp-4);display:flex}.ctrl-btn{color:var(--text-muted);padding:var(--sp-1);transition:var(--transition-fast);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.ctrl-btn.active-ctrl{color:var(--orange-400)}.play-btn{border-radius:var(--radius-full);background:linear-gradient(145deg, var(--orange-400) 0%, var(--orange-500) 60%, var(--orange-600) 100%);color:#fff;width:42px;height:42px;transition:var(--transition-spring);justify-content:center;align-items:center;display:flex;box-shadow:0 0 28px #ff6b1a80,0 4px 16px #ff6b1a59,inset 0 1px #ffffff40}.play-btn:hover{background:linear-gradient(145deg, var(--orange-300) 0%, var(--orange-400) 60%, var(--orange-500) 100%);transform:scale(1.08);box-shadow:0 0 40px #ff6b1aa6,0 6px 24px #ff6b1a73,inset 0 1px #ffffff4d}.play-btn:active{transform:scale(.95)}.player-progress{align-items:center;gap:var(--sp-3);width:100%;max-width:520px;display:flex}.player-time{color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:36px;font-size:.675rem}.progress-track{border-radius:var(--radius-full);cursor:pointer;background:#ffffff12;flex:1;height:3px;transition:height .15s;position:relative;box-shadow:inset 0 1px #0000004d}.progress-track:hover{height:5px}.progress-fill{background:linear-gradient(90deg, var(--orange-500) 0%, var(--orange-300) 100%);border-radius:var(--radius-full);pointer-events:none;height:100%;box-shadow:0 0 8px #ff6b1a66}.progress-thumb{background:var(--orange-200);border-radius:var(--radius-full);pointer-events:none;opacity:0;width:11px;height:11px;transition:opacity .15s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ff6b1a99}.progress-track:hover .progress-thumb{opacity:1}.player-right{align-items:center;gap:var(--sp-3);justify-content:flex-end;min-width:160px;display:flex}.volume-slider{appearance:none;border-radius:var(--radius-full);cursor:pointer;background:#ffffff14;border:none;outline:none;width:90px;height:3px;padding:0}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange-400);border-radius:var(--radius-full);cursor:pointer;width:12px;height:12px;box-shadow:0 0 6px #ff6b1a66}@media (width<=768px){.player-info{min-width:0;max-width:160px}.player-right{display:none}.player-progress{max-width:200px}.player-controls{gap:var(--sp-3)}.ctrl-btn:first-child,.ctrl-btn:last-child{display:none}}.play-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 18px var(--btn-primary-glow), inset 0 1px 0 #ffffff2e!important}.play-btn:hover{background:var(--btn-primary-hover)!important;box-shadow:0 6px 26px var(--btn-primary-glow), inset 0 1px 0 #ffffff38!important}.ctrl-btn:hover,.ctrl-btn.active-ctrl,.player-like-btn:hover,.player-like-btn.liked{color:var(--text-primary)}.wave-bar,.progress-fill{background:var(--accent-interactive);box-shadow:none}.progress-thumb{background:var(--text-primary);box-shadow:none}.volume-slider::-webkit-slider-thumb{background:var(--text-primary);box-shadow:none}.player-bar{box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0003,0 -4px 40px #00000080!important}.player-bar:before{display:none}[data-theme=white] .player-bar{border-top:1px solid #00000014;background:#f8f8fc8c!important;box-shadow:0 -4px 24px #00000012!important}[data-theme=white] .progress-track{background:#0000001a}.auth-screen{z-index:1000;background:#060606;justify-content:center;align-items:center;animation:.3s authFadeIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes authFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-orb{filter:blur(140px);pointer-events:none;border-radius:50%;position:absolute}.auth-orb--orange{background:#ff6b1a1a;width:600px;height:600px;top:-200px;left:-200px}.auth-orb--silver{background:#c8c8dc0f;width:600px;height:600px;bottom:-200px;right:-200px}.auth-card{z-index:1;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:420px;padding:44px 40px;position:relative;box-shadow:0 32px 80px #00000080}.auth-card--creator{background:#ffffff0a;border-color:#ffffff1f}.auth-back{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex;position:absolute;top:20px;left:20px}.auth-back:hover{color:#fffc;background:#ffffff17}.auth-logo{align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-app-name{font-family:var(--font-heading);letter-spacing:.22em;color:#ffffffb3;font-size:1rem;font-weight:600}.auth-portal-badge{letter-spacing:.18em;text-transform:uppercase;color:#ffffff80;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;margin-bottom:10px;padding:3px 10px;font-size:.65rem;display:inline-block}.auth-header{margin-bottom:28px}.auth-header h1{color:#ffffffeb;letter-spacing:.01em;margin-bottom:4px;font-size:1.5rem;font-weight:600}.auth-header p{color:var(--text-muted);font-size:.82rem}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:500}.auth-field input{color:#ffffffe0;width:100%;font-size:.88rem;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:11px 14px;transition:border-color .2s,background .2s}.auth-field input::placeholder{color:#fff3}.auth-field input:focus{background:#ffffff0f;border-color:#ffffff59}.auth-card--creator .auth-field input:focus{border-color:#ffffff59}.auth-error{color:#f87171;margin-top:-6px;font-size:.78rem}.auth-btn{width:100%;font-size:.88rem;font-weight:600;font-family:var(--font-body);letter-spacing:.06em;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px;transition:transform .15s,opacity .15s,background .2s;display:flex}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn:active{transform:scale(.98)}.auth-btn--primary{color:#fff;background:#ff6b1a;border:none}.auth-btn--primary:hover:not(:disabled){background:#ff7a30}.auth-btn--creator-primary{color:#0a0a0a;background:#ffffffe6;border:none}.auth-btn--creator-primary:hover:not(:disabled){background:#fff}.auth-btn--ghost{color:var(--text-muted);background:0 0;border:1px solid #ffffff1a}.auth-btn--ghost:hover{color:#ffffffb3;background:#ffffff0d}.auth-divider{align-items:center;gap:12px;margin:12px 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff12;flex:1;height:1px}.auth-divider span{color:var(--text-dim);white-space:nowrap;font-size:.72rem}.auth-links{justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}.auth-links span{color:var(--text-dim);font-size:.7rem}.auth-link{color:var(--text-muted);text-underline-offset:3px;font-size:.75rem;text-decoration:underline;transition:color .2s}.auth-link:hover{color:#ffffffb3}.auth-switch{color:var(--text-dim);border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-top:20px;font-size:.75rem;display:flex}.auth-switch-btn{color:var(--text-muted);letter-spacing:.04em;cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--font-body);background:0 0;border:none;transition:color .2s}.auth-switch-btn:hover{color:#ffffffbf}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:block}.auth-btn--demo{color:#22c55ed9;letter-spacing:.06em;background:#22c55e12;border:1px solid #22c55e38;justify-content:flex-start;gap:10px;padding:11px 14px;font-size:.82rem;font-weight:600;position:relative}.auth-btn--demo:hover{color:#22c55e;background:#22c55e1f;border-color:#22c55e66}.auth-btn--demo-creator{color:#94a3b8d9;background:#94a3b80f;border-color:#94a3b833}.auth-btn--demo-creator:hover{color:#94a3b8;background:#94a3b81a;border-color:#94a3b859}.auth-demo-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite demoPulse}@keyframes demoPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.auth-demo-cred{letter-spacing:0;opacity:.6;white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin-left:auto;font-size:.68rem;font-weight:400;overflow:hidden}[data-theme=white] .auth-screen{color:#0f0f1a;background:#f5f5f7}[data-theme=white] .auth-orb--orange{background:#c882501a}[data-theme=white] .auth-orb--silver{background:#648cc812}[data-theme=white] .auth-card{background:#fffc;border-color:#00000017;box-shadow:0 16px 56px #0000001a}[data-theme=white] .auth-card--creator{background:#ffffffd9;border-color:#0000001f}[data-theme=white] .auth-back{color:#0f0f1a8c;background:#0000000d;border-color:#00000017}[data-theme=white] .auth-back:hover{color:#0f0f1ad9;background:#00000017}[data-theme=white] .auth-app-name,[data-theme=white] .auth-title{color:#0f0f1a}[data-theme=white] .auth-subtitle{color:#0f0f1a73}[data-theme=white] .auth-label{color:#0f0f1a8c}[data-theme=white] .auth-input{color:#0f0f1a;background:#0000000a;border:1px solid #0003}[data-theme=white] .auth-input::placeholder{color:#0f0f1a4d}[data-theme=white] .auth-input:focus{box-shadow:none;background:#ffffffe6;border-color:#0f0f1a8c}[data-theme=white] .auth-field input{color:#0f0f1a;border:1px solid #0000002e}[data-theme=white] .auth-field input:focus{box-shadow:none;background:#ffffffe6;border-color:#0f0f1a8c}[data-theme=white] .auth-btn{color:#fff;background:#0f0f1ae0;border-color:#0000}[data-theme=white] .auth-btn:hover{background:#0f0f1a}[data-theme=white] .auth-divider:before,[data-theme=white] .auth-divider:after{background:#0000001a}[data-theme=white] .auth-link{color:#0f0f1a80}[data-theme=white] .auth-link:hover{color:#0f0f1ad9}[data-theme=white] .auth-links span{color:#0f0f1a4d}[data-theme=white] .auth-switch{color:#0f0f1a59;border-top-color:#00000014}[data-theme=white] .auth-switch-btn{color:#0f0f1a8c}[data-theme=white] .auth-switch-btn:hover{color:#0f0f1ad9}[data-theme=white] .auth-spinner{border-color:#0f0f1a #0f0f1a33 #0f0f1a33}[data-theme=white] .auth-btn--demo{color:#14a046e6;background:#22c55e14;border-color:#22c55e47}[data-theme=white] .auth-btn--demo:hover{color:#14a046;background:#22c55e24;border-color:#22c55e73}[data-theme=white] .auth-btn--demo-creator{color:#3c5082d9;background:#50648c12;border-color:#50648c38}[data-theme=white] .auth-btn--demo-creator:hover{color:#3c5082;background:#50648c21;border-color:#50648c61}@media (width<=768px){.auth-screen{justify-content:flex-start;align-items:flex-start;padding:0}.auth-card{width:100%;max-width:100%;height:100dvh;padding:0 24px;padding-top:max(env(safe-area-inset-top), 20px);padding-bottom:max(env(safe-area-inset-bottom), 20px);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.auth-back{top:max(env(safe-area-inset-top), 20px);position:absolute;left:20px}.auth-logo{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:56px;margin-bottom:24px}.auth-app-name{letter-spacing:.3em;font-size:1.1rem}.auth-portal-badge{margin-bottom:6px}.auth-header h1{font-size:1.35rem}.auth-field input{padding:10px 14px}.auth-btn{padding:12px}.auth-switch{margin-top:auto;padding-top:16px}.auth-links{margin-top:4px}.auth-card{justify-content:flex-start}.auth-form{gap:10px}.auth-header{margin-bottom:16px}.auth-field label{font-size:.68rem}.auth-field input{padding:9px 13px;font-size:.84rem}}.check-email-screen{z-index:1000;background:#f5f5f7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}[data-theme=dark] .check-email-screen,:root:not([data-theme]) .check-email-screen{background:#060606}.check-email-orb{pointer-events:none;background:radial-gradient(circle,#ff6b1a14 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-150px;left:-100px}.check-email-card{text-align:center;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:400px;display:flex}.check-email-logo{flex-direction:column;align-items:center;gap:8px;display:flex}.check-email-icon{color:var(--text-primary,#0f0f1a);opacity:.7}.check-email-text h1{color:var(--text-primary,#0f0f1a);margin-bottom:8px;font-size:1.4rem;font-weight:700}.check-email-text p{color:var(--text-muted,#0f0f1a80);margin-bottom:4px;font-size:.875rem}.check-email-text strong{color:var(--text-primary,#0f0f1a);margin-bottom:12px;font-size:.9rem;font-weight:600;display:block}.check-email-hint{max-width:300px;margin:0 auto;line-height:1.6;color:var(--text-dim,#0f0f1a59)!important;font-size:.78rem!important}.check-email-pulse{background:#0000000a;border:1px solid #0000001a;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;display:flex}.check-email-dot{background:var(--text-dim,#0f0f1a4d);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite waitPulse}.check-email-dot.checking{background:#ff6b1a}@keyframes waitPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.check-email-status{color:var(--text-muted,#0f0f1a73);letter-spacing:.04em;font-size:.72rem}[data-theme=dark] .check-email-pulse,:root:not([data-theme]) .check-email-pulse{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .check-email-icon,:root:not([data-theme]) .check-email-icon{color:#ffffffb3}[data-theme=dark] .check-email-text h1,:root:not([data-theme]) .check-email-text h1{color:#ffffffeb}[data-theme=dark] .check-email-text p,:root:not([data-theme]) .check-email-text p{color:#ffffff73}[data-theme=dark] .check-email-text strong,:root:not([data-theme]) .check-email-text strong{color:#ffffffd9}[data-theme=dark] .check-email-hint,:root:not([data-theme]) .check-email-hint{color:#ffffff40!important}[data-theme=dark] .check-email-status,:root:not([data-theme]) .check-email-status{color:#ffffff59}@media (width<=768px){.check-email-card{gap:20px}}.entry-screen{color:#0f0f1a;z-index:1000;background:#f5f5f7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.entry-grain{pointer-events:none;opacity:.35;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.entry-orb{pointer-events:none;border-radius:50%;animation:9s ease-in-out infinite alternate orbBreathe;position:absolute}.entry-orb--deep{background:radial-gradient(circle,#c896641a 0%,#0000 70%);width:700px;height:700px;animation-duration:11s;top:-260px;left:-200px}.entry-orb--cold{background:radial-gradient(circle,#64a0dc14 0%,#0000 70%);width:550px;height:550px;animation-duration:8s;animation-direction:alternate-reverse;bottom:-180px;right:-160px}@keyframes orbBreathe{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.entry-vignette{pointer-events:none;z-index:2;background:radial-gradient(#0000 30%,#c8c8d24d 100%);position:absolute;inset:0}.entry-inner{z-index:3;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:800px;padding:40px 24px 48px;animation:.6s cubic-bezier(.16,1,.3,1) both entryFadeUp;display:flex;position:relative}@keyframes entryFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.entry-hero{flex-direction:column;align-items:center;gap:20px;display:flex}.entry-logo-wrap{color:#0f0f1a;filter:drop-shadow(0 2px 12px #00000014);position:relative}.entry-logo-wrap:before{content:"";background:radial-gradient(circle,#0000000a 0%,#0000 70%);border-radius:50%;animation:4s ease-in-out infinite haloPulse;position:absolute;inset:-20px}@keyframes haloPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.entry-brand{flex-direction:column;align-items:center;gap:4px;display:flex}.entry-wordmark{font-family:var(--font-heading);letter-spacing:.38em;color:#0f0f1a;font-size:1.75rem;font-weight:700;line-height:1}.entry-wordmark-sub{letter-spacing:.28em;text-transform:uppercase;color:#0000004d;font-size:.62rem}.reef-logo-svg .record-spin{animation:20s linear infinite recordSpin}@keyframes recordSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reef-logo-svg .tonearm-glitch{animation:10s ease-in-out infinite tonearmLife}@keyframes tonearmLife{0%,55%,to{opacity:1;transform:rotate(0)}25%{opacity:1;transform:rotate(-2deg)}58%{opacity:.5;transform:rotate(-9deg)}60%{opacity:1;transform:rotate(5deg)}62%{opacity:.7;transform:rotate(-4deg)}64%{opacity:1;transform:rotate(1deg)}80%{transform:rotate(-1.5deg)}82%{transform:rotate(1deg)}84%{transform:rotate(0)}}.entry-tagline{color:#00000047;letter-spacing:.14em;margin-top:-8px;font-size:.9rem;font-style:italic}.entry-cards{align-items:stretch;gap:0;width:100%;display:flex}.entry-divider{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:0 18px;display:flex}.entry-divider:before,.entry-divider:after{content:"";background:#00000014;flex:1;width:1px}.entry-divider span{letter-spacing:.12em;color:#00000038;writing-mode:vertical-lr;font-size:.65rem}.entry-card{-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);cursor:pointer;text-align:left;background:#ffffffb8;border:1px solid #00000014;border-radius:18px;flex-direction:column;flex:1;align-items:flex-start;gap:16px;padding:28px 26px;transition:border-color .3s,transform .3s,background .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.entry-card:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.entry-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.entry-card:hover:after{opacity:1}.entry-card--listener:after{background:radial-gradient(at 0 0,#c864280f 0%,#0000 65%)}.entry-card--listener:hover{background:#ffffffe0;border-color:#b4501438}.entry-card--listener .entry-card__icon{color:#b45014bf}.entry-card--listener .entry-card__badge{color:#a0460abf;background:#b4501412;border-color:#b450142e}.entry-card--listener .entry-card__cta{color:#a0460aa6}.entry-card--creator:after{background:radial-gradient(at 0 0,#3c50780a 0%,#0000 65%)}.entry-card--creator:hover{background:#ffffffe0;border-color:#00000029}.entry-card--creator .entry-card__icon{color:#2832508c}.entry-card--creator .entry-card__badge{color:#00000061;background:#0000000a;border-color:#0000001a}.entry-card--creator .entry-card__cta{color:#00000061}.entry-card__top{justify-content:space-between;align-items:center;width:100%;display:flex}.entry-card__icon{background:#0000000a;border:1px solid #00000012;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.entry-card__badge{letter-spacing:.18em;text-transform:uppercase;border:1px solid;border-radius:20px;padding:3px 10px;font-size:.62rem;font-weight:700}.entry-card__body{width:100%}.entry-card__body h2{color:#0f0f1a;letter-spacing:.015em;margin-bottom:6px;font-size:1.15rem;font-weight:700}.entry-card__body p{color:#0000006b;font-size:.78rem;line-height:1.55}.entry-card__features{flex-direction:column;gap:5px;width:100%;list-style:none;display:flex}.entry-card__features li{color:#00000059;align-items:center;gap:8px;font-size:.73rem;display:flex}.entry-card__features li:before{content:"";opacity:.5;background:currentColor;border-radius:50%;flex-shrink:0;width:3px;height:3px}.entry-card__cta{letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #00000012;width:100%;padding-top:14px;font-size:.72rem;font-weight:600;transition:letter-spacing .25s,opacity .25s;display:block}.entry-card:hover .entry-card__cta{letter-spacing:.16em;opacity:1}.entry-footer{color:#00000038;text-align:center;letter-spacing:.04em;font-size:.67rem}.entry-footer a{color:#00000061;text-underline-offset:3px;text-decoration:underline;transition:color .2s}.entry-footer a:hover{color:#0009}@media (width<=600px){.entry-cards{flex-direction:column}.entry-divider{writing-mode:unset;flex-direction:row;padding:12px 0}.entry-divider:before,.entry-divider:after{flex:1;width:auto;height:1px}.entry-divider span{writing-mode:unset}.entry-wordmark{font-size:1.4rem}}.entry-screen{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media (width<=768px){.entry-screen{justify-content:flex-start;align-items:flex-start;height:100dvh;padding:0;overflow:hidden}.entry-inner{width:100%;height:100dvh;padding-top:max(env(safe-area-inset-top), 28px);padding-bottom:max(env(safe-area-inset-bottom), 20px);flex-direction:column;justify-content:space-between;gap:0;padding-left:20px;padding-right:20px;display:flex;overflow:hidden}.entry-logo-wrap svg,.reef-logo-svg{width:48px!important;height:48px!important}.entry-logo-wrap:before{inset:-8px}.entry-hero{gap:8px}.entry-wordmark{letter-spacing:.26em;font-size:1.2rem}.entry-tagline{margin-top:-2px;font-size:.72rem}.entry-cards{flex-direction:column;gap:10px;width:100%}.entry-divider{display:none}.entry-card{border-radius:14px;gap:8px;padding:14px}.entry-card__icon{border-radius:9px;width:34px;height:34px}.entry-card__icon svg{width:17px;height:17px}.entry-card__title{font-size:.875rem}.entry-card__desc{font-size:.7rem;line-height:1.4}.entry-card__badge{padding:2px 7px;font-size:.58rem}.entry-card__cta{font-size:.7rem}.entry-card:hover{transform:none}.entry-card:active{transform:scale(.98)}}@media (width<=390px) and (height<=700px){.entry-inner{padding-top:max(env(safe-area-inset-top), 16px);padding-bottom:max(env(safe-area-inset-bottom), 12px)}.entry-card{padding:11px 12px}.entry-wordmark{font-size:1rem}.entry-logo-wrap svg,.reef-logo-svg{width:40px!important;height:40px!important}}.release-card{cursor:default;border-radius:var(--radius-md);background:var(--glass-bg);width:180px;-webkit-backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border-subtle);transition:var(--transition-base);flex-shrink:0;position:relative;overflow:hidden}.release-card.sm{width:140px}.release-card.lg{width:220px}.release-card:hover{box-shadow:var(--shadow-md), 0 0 20px #ff6b1a0f;border-color:#ff6b1a2e;transform:translateY(-2px)scale(1.01)}.card-cover-wrap{aspect-ratio:1;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--grey-900);width:100%;position:relative;overflow:hidden}.card-cover-wrap:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff0d 0%,#0000 100%);height:30%;position:absolute;top:0;left:0;right:0}.card-cover{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.release-card:hover .card-cover{transform:scale(1.05)}.card-cover-overlay{opacity:0;transition:var(--transition-base);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.release-card:hover .card-cover-overlay,.artist-card:hover .card-cover-overlay{opacity:1}.card-play-btn{border-radius:var(--radius-full);background:var(--orange-500);color:#fff;width:44px;height:44px;transition:var(--transition-fast);justify-content:center;align-items:center;transition:all .2s;display:flex;transform:scale(.8);box-shadow:0 0 20px #ff6b1a80}.release-card:hover .card-play-btn{transform:scale(1)}.card-play-btn:hover{box-shadow:0 0 28px #ff6b1ab3;transform:scale(1.1)!important}.card-body{padding:var(--sp-2) var(--sp-3) 10px;background:0 0;position:relative}.card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;transition:var(--transition-fast);font-size:.8125rem;font-weight:600;text-decoration:none;display:block;overflow:hidden}.card-title:hover{color:var(--orange-300)}.card-sub{color:var(--text-muted);margin-top:2px;font-size:.7rem;text-decoration:none;display:block}.card-sub:hover{color:var(--text-secondary)}.card-meta{align-items:center;gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.card-genre{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.card-year{color:var(--text-dim);font-size:.65rem}.card-actions{align-items:center;gap:var(--sp-2);bottom:10px;right:var(--sp-3);opacity:0;transition:var(--transition-base);display:flex;position:absolute}.release-card:hover .card-actions{opacity:1}.card-action-btn{color:var(--text-muted);transition:var(--transition-fast);align-items:center;padding:3px;display:flex}.artist-card{text-align:center;flex-shrink:0;width:160px;overflow:hidden}.artist-card-photo{aspect-ratio:1;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--grey-900);width:100%;position:relative;overflow:hidden}.artist-card-photo img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.artist-card:hover .artist-card-photo img{transform:scale(1.05)}.artist-card a{text-decoration:none}.artist-card .card-title,.artist-card .card-sub{text-align:center}.artist-card .card-meta{justify-content:center}.follow-btn{margin:var(--sp-2) auto var(--sp-3);padding:5px var(--sp-4);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);letter-spacing:.04em;border:1px solid var(--glass-border);background:0 0;font-size:.7rem;font-weight:600;display:block}.follow-btn.following{background:var(--orange-500);color:#fff;border-color:var(--orange-500);box-shadow:0 0 14px #ff6b1a4d}.follow-btn:not(.following):hover{color:var(--orange-300);border-color:#ff6b1a4d}.track-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);transition:var(--transition-fast);cursor:pointer;grid-template-columns:32px 28px 1fr auto 60px;display:grid}.track-row:hover{background:#ff6b1a0d}.track-row-active{background:#ff6b1a1a!important}.track-row .track-play-trigger{opacity:0;color:var(--text-primary);align-items:center;display:flex}.track-row:hover .track-play-trigger{opacity:1}.track-row:hover .track-num span{display:none}.track-num{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;font-size:.75rem;display:flex}.track-info{min-width:0}.track-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.track-title-active{color:var(--text-primary)}.track-bpm{color:var(--text-muted);margin-top:2px;font-size:.675rem}.track-actions{gap:var(--sp-1);opacity:0;transition:var(--transition-fast);align-items:center;display:flex}.track-row:hover .track-actions{opacity:1}.track-action-btn{color:var(--text-muted);transition:var(--transition-fast);align-items:center;padding:3px;display:flex}.track-action-btn:hover,.track-action-btn.liked{color:var(--orange-400)}.track-duration{color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums;font-size:.75rem}.track-playing-ind{justify-content:center;align-items:flex-end;gap:2px;height:14px;display:flex}.track-playing-ind span{background:var(--orange-400);border-radius:2px;width:3px;animation:.8s ease-in-out infinite waveBar;display:block}.track-playing-ind span:first-child{height:8px;animation-delay:0s}.track-playing-ind span:nth-child(2){height:14px;animation-delay:.15s}.track-playing-ind span:nth-child(3){height:10px;animation-delay:.3s}.vinyl-card{flex-shrink:0;width:200px;position:relative;overflow:hidden}.vinyl-card-cover{aspect-ratio:1;width:100%;position:relative}.vinyl-card-cover img{object-fit:cover;border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;height:100%}.vinyl-card-condition{border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);letter-spacing:.05em;background:#000c;padding:3px 8px;font-size:.65rem;font-weight:700;position:absolute;top:8px;right:8px}.vinyl-card-footer{margin-top:var(--sp-2)}.vinyl-price{color:var(--text-primary);font-size:1rem;font-weight:700}.vinyl-seller{color:var(--text-muted);margin-top:2px;font-size:.65rem}.seller-rating{color:var(--grey-400);display:inline}.longform-card{flex-shrink:0;width:200px;position:relative;overflow:hidden}.longform-type-badge{border:1px solid var(--glass-border);border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);background:#000c;padding:3px 9px;font-size:.625rem;font-weight:700;position:absolute;top:8px;left:8px}.release-card:hover{border-color:var(--glass-border-light)!important;box-shadow:var(--shadow-md)!important}.card-play-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 16px var(--btn-primary-glow)!important}.card-play-btn:hover{transform:scale(1.1);box-shadow:0 6px 22px var(--btn-primary-glow)!important}.card-action-btn:hover,.card-action-btn.active,.card-title:hover{color:var(--text-primary)!important}.hero-play-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 16px var(--btn-primary-glow)!important}.hero-play-btn:hover{background:var(--btn-primary-hover)!important}@media (width<=768px){.search-grid .release-card,.search-grid .release-card.sm,.search-grid .release-card.lg{flex-shrink:unset;width:100%}.search-grid .card-title{font-size:.7rem}.search-grid .card-sub{font-size:.6rem}.search-grid .card-genre,.search-grid .card-year{font-size:.58rem}}.home-section{margin-bottom:var(--sp-10)}.hero-section{border-radius:var(--radius-xl);margin-bottom:var(--sp-10);align-items:center;gap:var(--sp-10);min-height:300px;padding:var(--sp-10) var(--sp-8);display:flex;position:relative;overflow:hidden}.hero-cover-bg{filter:blur(40px)brightness(.35)saturate(140%);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.08)}.hero-info{z-index:1;flex:1;min-width:0;position:relative}.hero-info .hero-badge,.hero-info .hero-label,.hero-info .hero-label a,.hero-info .hero-title,.hero-info .hero-artist,.hero-info .hero-artist a,.hero-info .hero-desc{color:#ffffffe6!important}.hero-info .hero-label,.hero-info .hero-badge,.hero-info .hero-desc{color:#ffffff9e!important}.hero-info .hero-artist{color:#ffffffc7!important}.hero-info .hero-title{color:#fff!important}.hero-badge{align-items:center;gap:var(--sp-1);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-3);font-size:.65rem;font-weight:600;display:inline-flex}.hero-label{color:var(--text-muted);gap:var(--sp-2);margin-bottom:var(--sp-2);align-items:center;font-size:.75rem;display:flex}.hero-label a{color:var(--text-secondary);text-decoration:none}.hero-label a:hover{color:var(--text-primary)}.hero-title{color:var(--text-primary);margin-bottom:var(--sp-1);font-size:2.25rem;font-weight:700;line-height:1.1}.hero-artist{color:var(--text-secondary);margin-bottom:var(--sp-3);font-size:.875rem}.hero-artist a{color:inherit;text-decoration:none}.hero-artist a:hover{color:var(--text-primary)}.hero-desc{color:var(--text-muted);margin-bottom:var(--sp-5);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:420px;font-size:.8125rem;display:-webkit-box;overflow:hidden}.hero-actions{align-items:center;gap:var(--sp-4);display:flex}.hero-play-btn{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);transition:var(--transition-base);font-size:.875rem;font-weight:600;font-family:var(--font-body);display:inline-flex}.hero-explore-btn{padding:var(--sp-2) 0;color:var(--text-muted);transition:var(--transition-base);align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.hero-explore-btn:hover{color:var(--text-primary)}.hero-cover-art{z-index:1;border-radius:var(--radius-lg);flex-shrink:0;width:220px;height:220px;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000080}.hero-cover-art img{object-fit:cover;width:100%;height:100%;display:block}.ai-tag{background:var(--grey-800);color:var(--text-secondary);letter-spacing:.1em;margin-right:var(--sp-1);border:1px solid var(--glass-border);border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:700;display:inline-block}.payout-banner{align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-8);transition:var(--transition-base);margin-bottom:var(--sp-8);text-decoration:none;display:flex;border-radius:var(--radius-xl)!important}.payout-banner:hover{background:var(--glass-bg-hover)!important;border-color:var(--glass-border-hover)!important}.payout-banner-left{flex:1}.payout-banner-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--sp-2);font-size:1rem;font-weight:600}.payout-banner-sub{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.payout-banner-right{text-align:center}.payout-stat{font-family:var(--font-heading);color:var(--orange-400);font-size:2.5rem;font-weight:700;line-height:1}.payout-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.payout-arrow{color:var(--text-muted);flex-shrink:0}@media (width<=768px){.hero-section{align-items:flex-start;gap:var(--sp-5);padding:var(--sp-6) var(--sp-5);min-height:unset;flex-direction:column-reverse}.hero-cover-art{aspect-ratio:1;border-radius:var(--radius-lg);width:100%;height:auto}.hero-title{font-size:1.5rem}.hero-desc{display:none}.payout-banner{text-align:center;flex-direction:column}}.hero-follow-btn,.follow-btn,.artist-follow-btn{color:var(--text-primary)!important}.hero-like-btn,.like-btn,.heart-btn,[class*=like],[class*=heart]{color:var(--text-muted)!important}.hero-like-btn:hover,.like-btn:hover,[class*=like]:hover{color:var(--text-primary)!important}.mymusic-section{margin-bottom:var(--sp-8)}.shelf-row-label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin:var(--sp-4) 0 var(--sp-2);font-size:.7rem;font-weight:600}.mymusic-section .scroll-row{margin-bottom:0}.shelf-card{cursor:pointer;width:130px;transition:var(--transition-fast);flex-shrink:0}.shelf-card:hover{opacity:.85}.shelf-card-art{aspect-ratio:1;border-radius:var(--radius-md);background:var(--grey-900);width:100%;margin-bottom:var(--sp-2);position:relative;overflow:hidden}.shelf-card-art img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.shelf-card:hover .shelf-card-art img{transform:scale(1.04)}.shelf-card-badge{letter-spacing:.08em;text-transform:uppercase;color:#ffffffd9;background:#000000b8;border-radius:3px;align-items:center;gap:3px;padding:2px 6px;font-size:.58rem;font-weight:700;display:inline-flex;position:absolute;bottom:6px;left:6px}.shelf-card-info{padding:0 2px}.shelf-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.775rem;font-weight:600;overflow:hidden}.shelf-card-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.65rem;overflow:hidden}.shelf-filter-bar{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;gap:var(--sp-4);display:flex}.shelf-filters{align-items:center;gap:var(--sp-5);display:flex}.shelf-filter-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);font-size:.875rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;padding:3px 0 5px}.shelf-filter-btn:hover{color:var(--text-primary);border-bottom-color:var(--text-dim)}.shelf-filter-btn.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.shelf-following-btn{color:var(--text-dim);cursor:pointer;transition:var(--transition-fast);font-size:.775rem;font-weight:500;font-family:var(--font-body);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:3px 0 5px}.shelf-following-btn:hover{color:var(--text-secondary);border-bottom-color:var(--text-dim)}.shelf-following-btn.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.search-bar-wrap{margin-bottom:var(--sp-5)}.search-bar{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);transition:var(--transition-base);display:flex;box-shadow:inset 0 1px #ffffff17,0 4px 20px #0000004d;border-radius:var(--radius-full)!important;-webkit-backdrop-filter:var(--glass-blur)!important;background:#ffffff0a!important;border:1px solid #ffffff1a!important}.search-bar:focus-within{box-shadow:inset 0 1px #ffffff1a,0 4px 24px #0000004d;border-color:var(--glass-border-light)!important}.search-icon{color:var(--text-muted);flex-shrink:0;margin-left:10px}.search-input{color:var(--text-primary);outline:none;flex:1;width:100%;padding:0 0 0 4px;font-size:1rem;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important}.search-input::placeholder{color:var(--text-muted)}.search-tabs{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.search-tab{padding:var(--sp-1) var(--sp-4);border-radius:var(--radius-full);color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);transition:var(--transition-fast);font-size:.8125rem;font-weight:500}.search-tab:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff24}.search-tab.active{color:var(--text-primary);background:#ffffff1c;border-color:#ffffff29;box-shadow:inset 0 1px #ffffff1a}.search-section{margin-bottom:var(--sp-8)}.search-grid{gap:var(--sp-4);flex-wrap:wrap;display:flex}.search-browse{margin-bottom:var(--sp-8)}.browse-title{margin-bottom:var(--sp-4);font-size:1.125rem}.browse-genres{gap:var(--sp-3) var(--sp-6);flex-wrap:wrap;display:flex}.browse-genre-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-base);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:3px 0 5px;font-size:.875rem;font-weight:500}.browse-genre-btn:hover{color:var(--text-primary);border-bottom-color:var(--text-dim);background:0 0}.label-list{gap:var(--sp-3);flex-direction:column;display:flex}.label-row{align-items:center;gap:var(--sp-4);padding:var(--sp-4);transition:var(--transition-base);display:flex;border-radius:var(--radius-lg)!important}.label-row:hover{background:var(--glass-bg-hover)!important}.label-row-logo{border-radius:var(--radius-sm);background:var(--grey-800);flex-shrink:0;width:48px;height:48px;overflow:hidden}.label-row-logo img{object-fit:cover;width:100%;height:100%}.label-row-info{flex:1}.label-row-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.label-row-meta{color:var(--text-muted);margin-top:2px;font-size:.75rem}.label-row-followers{color:var(--text-muted);font-size:.75rem}.search-empty{text-align:center;padding:var(--sp-16) 0;color:var(--text-muted)}.search-empty svg{margin:0 auto var(--sp-4);opacity:.3}.search-empty p{color:var(--text-secondary);margin-bottom:var(--sp-2);font-size:1rem}.search-empty strong{color:var(--text-primary)}.search-empty-sub{color:var(--text-muted);font-size:.875rem}[data-theme=white] .search-bar{box-shadow:inset 0 1px #ffffffe6,0 4px 16px #0000000f;background:#fff9!important;border-color:#00000017!important}[data-theme=white] .search-bar:focus-within{box-shadow:inset 0 1px #ffffffe6,0 4px 20px #00000014;border-color:#0000002e!important}@media (width<=768px){.search-grid{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}}.library-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:center;display:flex}.library-header h1{font-size:1.75rem}.lib-add-btn{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);font-size:.8125rem;font-weight:600;font-family:var(--font-body);display:flex;border-radius:var(--radius-full)!important}.lib-add-btn:hover{color:var(--text-primary)}.library-tabs{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.lib-tab{padding:var(--sp-1) var(--sp-4);border-radius:var(--radius-full);color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);transition:var(--transition-fast);cursor:pointer;font-size:.8125rem;font-weight:500;font-family:var(--font-body)}.lib-tab:hover{color:var(--orange-300)}.lib-grid{gap:var(--sp-4);flex-wrap:wrap;display:flex}.lib-empty{text-align:center;padding:var(--sp-12);color:var(--text-muted)}.lib-empty p{margin-bottom:var(--sp-3)}.lib-empty-link{color:var(--text-secondary);font-size:.875rem;text-decoration:none}.lib-empty-link:hover{color:var(--text-primary)}.playlist-list{gap:var(--sp-3);flex-direction:column;display:flex}.playlist-row{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);transition:var(--transition-fast);display:flex;border-radius:var(--radius-lg)!important}.playlist-row:hover{background:var(--glass-bg-hover)!important}.playlist-cover{border-radius:var(--radius-sm);flex-shrink:0;width:52px;height:52px;position:relative;overflow:hidden}.playlist-cover img{object-fit:cover;width:100%;height:100%}.ai-pl-badge{background:var(--grey-800);border:1px solid var(--glass-border);color:var(--text-secondary);border-radius:3px;padding:1px 4px;font-size:.55rem;font-weight:700;position:absolute;top:3px;right:3px}.playlist-info{flex:1;min-width:0}.playlist-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.playlist-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.75rem;overflow:hidden}.playlist-meta{color:var(--text-muted);margin-top:3px;font-size:.75rem}.playlist-play-btn{border-radius:var(--radius-full);background:var(--orange-500);color:#fff;width:36px;height:36px;transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 16px #ff6b1a59}.ai-playlist-builder{align-items:center;gap:var(--sp-5);padding:var(--sp-5) var(--sp-6);margin-top:var(--sp-2);cursor:pointer;transition:var(--transition-base);display:flex;border-radius:var(--radius-xl)!important;border:1px solid var(--glass-border)!important}.ai-playlist-builder:hover{background:var(--glass-bg-hover)!important}.ai-builder-icon{color:var(--text-muted);flex-shrink:0}.ai-builder-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.ai-builder-sub{color:var(--text-muted);margin-top:2px;font-size:.8125rem}.ai-builder-btn{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);background:var(--orange-500);color:#fff;font-size:.8125rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;margin-left:auto;box-shadow:0 0 14px #ff6b1a4d}.download-list{gap:var(--sp-3);flex-direction:column;display:flex}.download-row{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-5);display:flex;border-radius:var(--radius-lg)!important}.download-info{flex:1}.download-title{color:var(--text-primary);font-size:.875rem;font-weight:600}.download-meta{color:var(--text-muted);margin-top:2px;font-size:.75rem}.download-badge{border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);letter-spacing:.1em;color:var(--text-muted);padding:3px 8px;font-size:.625rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(16px)saturate(140%);z-index:500;padding:var(--sp-4);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{width:100%;max-width:400px;padding:var(--sp-6);-webkit-backdrop-filter:blur(64px)saturate(200%)brightness(1.1);background:#0c0c10cc;border:1px solid #ffffff1f;animation:.32s cubic-bezier(.34,1.3,.64,1) both floatUp;box-shadow:inset 0 1px #ffffff1f,0 20px 60px #000000b3,0 0 0 1px #ffffff0a;border-radius:var(--radius-2xl)!important}.modal-box h3{margin-bottom:var(--sp-4);font-size:1.125rem}.modal-box input{margin-bottom:var(--sp-4)}.modal-actions{gap:var(--sp-3);justify-content:flex-end;display:flex}.modal-cancel{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);color:var(--text-muted);font-size:.875rem;font-family:var(--font-body);cursor:pointer}.modal-confirm{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);background:var(--orange-500);color:#fff;font-size:.875rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);box-shadow:0 0 12px #ff6b1a4d}.lib-tab:hover{color:var(--text-primary)!important;border-color:var(--glass-border-light)!important}.lib-tab.active{background:var(--orange-500)!important;color:var(--text-primary)!important;border-color:var(--glass-border-light)!important;box-shadow:none!important}.playlist-play-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 14px var(--btn-primary-glow)!important}.playlist-play-btn:hover{background:var(--btn-primary-hover)!important}.ai-builder-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 14px var(--btn-primary-glow)!important}.ai-builder-btn:hover{background:var(--btn-primary-hover)!important}.modal-confirm{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 12px var(--btn-primary-glow)!important}.modal-confirm:hover{background:var(--btn-primary-hover)!important}.lib-filter-bar{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.lib-filters{align-items:center;gap:var(--sp-5);flex-wrap:wrap;display:flex}.lib-filter-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);font-size:.875rem;font-weight:500;font-family:var(--font-body);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:3px 0 5px}.lib-filter-btn:hover{color:var(--text-primary);border-bottom-color:var(--text-dim)}.lib-filter-btn.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.lib-sub-filters{align-items:center;gap:var(--sp-4);padding-left:var(--sp-2);border-left:1px solid var(--glass-border-subtle);margin-left:var(--sp-1);display:flex}.lib-sub-btn{color:var(--text-dim)!important;font-size:.78rem!important}.lib-sub-btn.active{color:var(--text-primary)!important}.lib-sort-btn{color:var(--text-dim);cursor:pointer;font-size:.72rem;font-weight:600;font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:4px;padding:3px 0 5px;display:flex}.lib-sort-btn:hover{color:var(--text-primary)}.shop-header{margin-bottom:var(--sp-6)}.shop-header h1{margin-bottom:var(--sp-2);font-size:1.75rem}.shop-header p{font-size:.9375rem}.shop-tabs{gap:var(--sp-2);margin-bottom:var(--sp-6);display:flex}.shop-tab{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);transition:var(--transition-fast);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-body);display:flex}.shop-tab.active{background:var(--orange-500);color:#fff;border-color:#0000;box-shadow:0 0 12px #ff6b1a4d}.shop-info-banner{align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-6);color:var(--text-secondary);display:flex;border-radius:var(--radius-lg)!important}.shop-info-title{color:var(--text-primary);margin-bottom:4px;font-size:.9375rem;font-weight:600}.shop-info-sub{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.shop-release-list{gap:var(--sp-3);flex-direction:column;display:flex}.shop-release-row{align-items:center;gap:var(--sp-4);padding:var(--sp-4);flex-wrap:wrap;display:flex;border-radius:var(--radius-lg)!important}.shop-release-cover{border-radius:var(--radius-sm);flex-shrink:0;width:52px;height:52px;overflow:hidden}.shop-release-cover img{object-fit:cover;width:100%;height:100%}.shop-release-info{flex:1;min-width:160px}.shop-release-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.shop-release-artist{color:var(--text-muted);font-size:.8125rem}.shop-release-tracks{color:var(--text-dim);margin-top:2px;font-size:.75rem}.shop-release-formats{gap:var(--sp-1);flex-wrap:wrap;display:flex}.fmt-btn{border-radius:var(--radius-full);letter-spacing:.08em;color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-fast);font-size:.65rem;font-weight:700;font-family:var(--font-body);padding:4px 10px}.fmt-btn.selected{background:var(--orange-500);color:#fff;border-color:#0000;box-shadow:0 0 10px #ff6b1a4d}.fmt-btn:not(.selected):hover{border-color:var(--glass-border-hover);color:var(--text-secondary)}.shop-release-price{text-align:right}.shop-price{color:var(--text-primary);font-size:1.125rem;font-weight:700}.shop-price-sub{color:var(--text-muted);font-size:.7rem}.shop-buy-btn{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);background:var(--orange-500);color:#fff;cursor:pointer;transition:var(--transition-fast);font-size:.8125rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;display:flex;box-shadow:0 0 16px #ff6b1a4d}.shop-buy-btn.added{background:var(--grey-700);color:var(--text-muted)}.vinyl-direct-card{flex-shrink:0;width:180px}.vinyl-direct-price{color:var(--text-primary);margin-top:var(--sp-2);font-size:1.0625rem;font-weight:700}.vinyl-direct-buy-btn{width:100%;margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-full);background:var(--orange-500);color:#fff;text-align:center;cursor:pointer;transition:var(--transition-fast);font-size:.8125rem;font-weight:600;font-family:var(--font-body);display:block;box-shadow:0 0 14px #ff6b1a4d}.shop-coming-soon{text-align:center;padding:var(--sp-16) var(--sp-8);color:var(--text-muted);align-items:center;gap:var(--sp-4);flex-direction:column;display:flex;border-radius:var(--radius-xl)!important}.shop-coming-soon svg{opacity:.3}.coming-soon-title{font-family:var(--font-heading);color:var(--text-secondary);font-size:1.25rem;font-weight:600}.coming-soon-sub{max-width:400px;font-size:.875rem;line-height:1.6}.shop-tab.active,.fmt-btn.selected{background:var(--orange-500)!important;color:var(--text-primary)!important;box-shadow:none!important;border-color:var(--glass-border-light)!important}.shop-buy-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 14px var(--btn-primary-glow)!important}.shop-buy-btn:hover{background:var(--btn-primary-hover)!important}.vinyl-direct-buy-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 14px var(--btn-primary-glow)!important}.vinyl-direct-buy-btn:hover{background:var(--btn-primary-hover)!important}.mp-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-4);margin-bottom:var(--sp-6);display:flex}.mp-header h1{margin-bottom:var(--sp-1);font-size:1.75rem}.mp-list-btn{padding:var(--sp-2) var(--sp-5);color:var(--text-secondary);white-space:nowrap;transition:var(--transition-fast);flex-shrink:0;align-items:center;margin-top:4px;font-size:.875rem;font-weight:600;text-decoration:none;display:flex;border-radius:var(--radius-full)!important}.mp-list-btn:hover{color:var(--text-primary)}.mp-stats{gap:var(--sp-6);padding:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-6);display:flex;border-radius:var(--radius-lg)!important}.mp-stat{align-items:center;gap:var(--sp-2);color:var(--text-secondary);font-size:.8125rem;display:flex}.mp-filters{gap:var(--sp-4);margin-bottom:var(--sp-6);flex-direction:column;display:flex}.filter-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-2);font-size:.65rem;font-weight:600;display:block}.filter-chips{gap:var(--sp-5);flex-wrap:wrap;display:flex}.filter-chip{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);font-size:.875rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:3px 0 5px}.filter-chip:hover{color:var(--text-primary);border-bottom-color:var(--text-dim)}.filter-chip.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.mp-results-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.mp-results-count{color:var(--text-muted);font-size:.875rem}.mp-sort{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--sp-1) var(--sp-3);color:var(--text-secondary);cursor:pointer;width:auto;font-size:.8125rem;font-family:var(--font-body)}.mp-grid{gap:var(--sp-4);flex-wrap:wrap;display:flex}.mp-listing-card{width:200px}.mp-listing-cover{aspect-ratio:1;width:100%;position:relative}.mp-listing-cover img{object-fit:cover;border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;height:100%}.mp-condition-badge{border-radius:var(--radius-full);color:#0f0f1a;letter-spacing:.05em;background:#fff;border:1px solid #0000001f;padding:3px 8px;font-size:.625rem;font-weight:700;position:absolute;top:8px;right:8px}.mp-listing-meta{gap:var(--sp-2);margin-top:var(--sp-1);display:flex}.mp-listing-seller{margin-top:var(--sp-2)}.mp-seller-name{color:var(--text-secondary);font-size:.75rem;font-weight:500}.mp-seller-rating{color:var(--text-muted);align-items:center;gap:3px;margin-top:2px;font-size:.675rem;display:flex}.mp-listing-footer{margin-top:var(--sp-3);justify-content:space-between;align-items:center;display:flex}.mp-price{color:var(--text-primary);font-size:1.0625rem;font-weight:700}.mp-shipping{color:var(--text-dim);font-size:.675rem}.mp-buy-btn{border-radius:var(--radius-full);background:var(--orange-500);color:#fff;cursor:pointer;transition:var(--transition-fast);font-size:.75rem;font-weight:600;font-family:var(--font-body);padding:5px 12px;box-shadow:0 0 12px #ff6b1a4d}.mp-buy-btn:hover{background:var(--orange-400)}.profile-hero{align-items:center;gap:var(--sp-5);padding:var(--sp-6);margin-bottom:var(--sp-6);z-index:10;display:flex;position:relative;border-radius:var(--radius-xl)!important}.profile-avatar{border-radius:var(--radius-full);background:var(--grey-800);width:72px;height:72px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-avatar-wrap{cursor:pointer;border-radius:var(--radius-full);flex-shrink:0;width:72px;height:72px;position:relative}.profile-avatar-img{border-radius:var(--radius-full);object-fit:cover;width:72px;height:72px;display:block}.profile-avatar-overlay{border-radius:var(--radius-full);color:#fff;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.profile-info{flex:1}.profile-info h1{margin-bottom:4px;font-size:1.625rem}.profile-plan-badge{gap:var(--sp-2);color:var(--text-muted);margin-bottom:4px;font-size:.8125rem;display:flex}.profile-contract-badge{gap:var(--sp-2);letter-spacing:.08em;color:#ffffff80;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;width:fit-content;margin-bottom:6px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.profile-member-since{color:var(--text-dim);font-size:.75rem}.profile-dashboard-btn{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);color:var(--text-secondary);transition:var(--transition-fast);flex-shrink:0;font-size:.8125rem;font-weight:600;text-decoration:none;display:flex;border-radius:var(--radius-full)!important}.profile-dashboard-btn:hover{color:var(--text-primary)}.profile-stats{gap:var(--sp-3);margin-bottom:var(--sp-6);grid-template-columns:repeat(4,1fr);display:grid}.profile-stat{padding:var(--sp-4);text-align:center;border-radius:var(--radius-lg)!important}.profile-stat-val{font-family:var(--font-heading);color:var(--text-primary);font-size:1.5rem;font-weight:700}.profile-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:.7rem}.profile-payout{padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-6);border-radius:var(--radius-xl)!important}.profile-payout-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-1);font-size:.8125rem}.profile-payout-amt{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--sp-2);font-size:1.25rem;font-weight:700}.profile-payout-link{color:var(--text-muted);transition:var(--transition-fast);font-size:.875rem;text-decoration:none}.profile-payout-link:hover{color:var(--text-primary)}.profile-menu{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-direction:column;display:flex}.profile-menu-item{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);color:var(--text-secondary);transition:var(--transition-fast);font-size:.9375rem;font-weight:500;text-decoration:none;display:flex;border-radius:var(--radius-lg)!important}.profile-menu-item:hover{color:var(--text-primary);background:var(--glass-bg-hover)!important}.profile-menu-arrow{color:var(--text-dim);margin-left:auto}.profile-signout{width:100%;padding:var(--sp-3);border-radius:var(--radius-lg);color:var(--text-muted);border:1px solid var(--glass-border);cursor:pointer;text-align:center;transition:var(--transition-fast);font-size:.875rem;font-weight:500;font-family:var(--font-body);background:0 0;display:block}.profile-signout:hover{border-color:var(--glass-border);color:#c83c3cbf}@media (width<=768px){.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-hero{flex-wrap:wrap}.profile-dashboard-btn{order:3}}.profile-hero-actions{align-items:flex-end;gap:var(--sp-2);flex-direction:column;flex-shrink:0;margin-left:auto;display:flex}.profile-hero-signout{color:var(--text-dim);cursor:pointer;font-size:.65rem;font-weight:500;font-family:var(--font-body);letter-spacing:.04em;background:0 0;border:none;padding:2px 4px;transition:color .2s;position:absolute;bottom:10px;right:10px}.profile-hero-signout:hover{color:#c83c3cbf}.avatar-menu{z-index:200;background:var(--glass-bg-strong,#1e1e24eb);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);min-width:120px;animation:.15s cubic-bezier(.16,1,.3,1) both popoverIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 8px 32px #00000038}@keyframes popoverIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.avatar-menu-item{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;padding:10px 16px;transition:background .15s,color .15s;display:block}.avatar-menu-item:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.avatar-menu-item+.avatar-menu-item{border-top:1px solid var(--glass-border-subtle)}.avatar-menu-remove{color:#c83c3cb3!important}.avatar-menu-remove:hover{color:#dc3c3cf2!important}[data-theme=white] .avatar-menu{background:#fffffff2;border-color:#00000017;box-shadow:0 8px 32px #0000001a}.release-header{gap:var(--sp-8);margin-bottom:var(--sp-10);grid-template-columns:280px 1fr;align-items:start;display:grid}.release-cover-wrap{aspect-ratio:1;border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-xl);flex-shrink:0;overflow:hidden}.release-cover{object-fit:cover;width:100%;height:100%}.release-format-badges{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.format-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:3px 10px;font-size:.65rem;font-weight:600;border-radius:var(--radius-full)!important}.release-title{margin-bottom:var(--sp-2);font-size:2.5rem;line-height:1.1}.release-artist{color:var(--text-secondary);margin-bottom:var(--sp-3);transition:var(--transition-fast);font-size:1.0625rem;font-weight:500;text-decoration:none;display:block}.release-artist:hover{color:var(--text-primary)}.release-meta-row{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.release-meta-item{color:var(--text-muted);font-size:.8125rem;text-decoration:none}a.release-meta-item:hover{color:var(--text-secondary)}.release-meta-dot{color:var(--text-dim)}.release-description{color:var(--text-muted);margin-bottom:var(--sp-5);font-size:.875rem;line-height:1.6}.release-actions{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.release-play-btn{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);background:var(--orange-500);color:#fff;border-radius:var(--radius-full);transition:var(--transition-base);font-size:.875rem;font-weight:600;font-family:var(--font-body);display:inline-flex;box-shadow:0 0 24px #ff6b1a66}.release-icon-btn{width:40px;height:40px;color:var(--text-muted);transition:var(--transition-fast);justify-content:center;align-items:center;display:flex;border-radius:var(--radius-full)!important}.release-commerce{gap:var(--sp-3);flex-direction:column;display:flex}.release-buy-option{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);color:var(--text-secondary);display:flex;border-radius:var(--radius-lg)!important}.buy-opt-label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.buy-opt-price{color:var(--text-muted);margin-top:2px;font-size:.75rem}.buy-btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);background:var(--orange-500);color:#fff;cursor:pointer;transition:var(--transition-fast);font-size:.8125rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;margin-left:auto;text-decoration:none;box-shadow:0 0 14px #ff6b1a4d}.release-tracks{margin-bottom:var(--sp-8)}.track-list{flex-direction:column;gap:2px;display:flex}.track-total{color:var(--text-muted);font-size:.75rem;font-weight:400;font-family:var(--font-body)}.release-credits{margin-bottom:var(--sp-8)}.credits-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;display:grid;overflow:hidden;border-radius:var(--radius-lg)!important}.credit-item{padding:var(--sp-4) var(--sp-5);background:var(--glass-bg);flex-direction:column;gap:3px;display:flex}.credit-key{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.65rem;font-weight:600}.credit-val{color:var(--text-primary);font-size:.875rem;font-weight:500}.release-related{margin-bottom:var(--sp-8)}@media (width<=768px){.release-header{grid-template-columns:1fr}.release-cover-wrap{width:200px;margin:0 auto}.release-title{font-size:1.75rem}}.release-play-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 18px var(--btn-primary-glow)!important}.release-play-btn:hover{background:var(--btn-primary-hover)!important}.release-icon-btn:hover,.release-icon-btn.saved{color:var(--text-primary)!important}.buy-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 14px var(--btn-primary-glow)!important}.buy-btn:hover{background:var(--btn-primary-hover)!important}.artist-hero{align-items:flex-end;height:420px;display:flex;position:relative;overflow:hidden}.artist-hero-bg{filter:brightness(.3)blur(1px);background-position:top;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.artist-hero-content{z-index:1;padding:var(--sp-10) var(--sp-8);width:100%;position:relative}.artist-hero-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--sp-3);padding:3px 12px;font-size:.7rem;font-weight:600;display:inline-flex;border-radius:var(--radius-full)!important}.artist-hero-name{color:var(--text-primary);margin-bottom:var(--sp-3);text-shadow:0 2px 20px #00000080;font-size:3.5rem;font-weight:700}.artist-stats{gap:var(--sp-5);margin-bottom:var(--sp-4);display:flex}.artist-stat{align-items:center;gap:var(--sp-2);color:var(--text-secondary);font-size:.8125rem;display:flex}.artist-hero-actions{gap:var(--sp-3);align-items:center;display:flex}.artist-follow-btn{padding:var(--sp-2) var(--sp-6);border-radius:var(--radius-full);background:var(--orange-500);color:#fff;transition:var(--transition-fast);font-size:.875rem;font-weight:600;font-family:var(--font-body);box-shadow:0 0 20px #ff6b1a59}.artist-play-btn{padding:var(--sp-2) var(--sp-5);color:var(--text-secondary);transition:var(--transition-fast);cursor:pointer;font-size:.875rem;font-weight:500;border-radius:var(--radius-full)!important}.artist-play-btn:hover{color:var(--text-primary)}.artist-bio-section{margin-bottom:var(--sp-8)}.artist-bio{color:var(--text-secondary);font-size:.9375rem;line-height:1.7}.artist-discography,.artist-events{margin-bottom:var(--sp-8)}.event-list{gap:var(--sp-3);flex-direction:column;display:flex}.event-item{align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-5);display:flex;border-radius:var(--radius-lg)!important}.event-date{flex-direction:column;align-items:center;min-width:40px;display:flex}.event-month{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.65rem;font-weight:600}.event-day{font-size:1.5rem;font-weight:700;font-family:var(--font-heading);color:var(--text-primary);line-height:1}.event-info{flex:1}.event-venue{color:var(--text-primary);font-size:.9375rem;font-weight:600}.event-city{color:var(--text-muted);font-size:.8125rem}.event-tickets-btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);border:1px solid var(--glass-border);color:var(--text-secondary);transition:var(--transition-fast);font-size:.8125rem;font-weight:600;font-family:var(--font-body)}.event-tickets-btn:hover{color:var(--orange-300);border-color:#ff6b1a4d}.artist-label-link{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);color:var(--text-secondary);margin-bottom:var(--sp-8);transition:var(--transition-fast);font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;border-radius:var(--radius-full)!important}.artist-label-link:hover{color:var(--text-primary)}@media (width<=768px){.artist-hero{height:320px}.artist-hero-name{font-size:2rem}.artist-stats{gap:var(--sp-3);flex-wrap:wrap}}.artist-follow-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 16px var(--btn-primary-glow)!important}.artist-follow-btn:hover{background:var(--btn-primary-hover)!important}.event-tickets-btn:hover{border-color:var(--glass-border-light)!important;color:var(--text-primary)!important}.sub-header{margin-bottom:var(--sp-8)}.sub-header-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-3);padding:3px 10px;font-size:.65rem;font-weight:600;display:inline-block;border-radius:var(--radius-full)!important}.sub-header h1{margin-bottom:var(--sp-3);font-size:2rem}.sub-header p{color:var(--text-secondary);max-width:600px;font-size:.9375rem;line-height:1.6}.sub-split{padding:var(--sp-6);margin-bottom:var(--sp-8);border-radius:var(--radius-xl)!important}.sub-split-bar{border-radius:var(--radius-lg);height:48px;margin-bottom:var(--sp-5);gap:1px;display:flex;overflow:hidden}.sub-split-artists{background:var(--orange-500);color:#fff;font-size:.875rem;font-weight:700;font-family:var(--font-heading);border-radius:var(--radius-lg) 0 0 var(--radius-lg);justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #ff6b1a59}.sub-split-phase{background:var(--grey-700);color:var(--text-muted);border-radius:0 var(--radius-lg) var(--radius-lg) 0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:flex}.sub-split-amounts{gap:var(--sp-8);display:flex}.sub-amount-val{font-family:var(--font-heading);color:var(--text-primary);font-size:2rem;font-weight:700}.sub-amount-secondary{color:var(--text-muted);font-size:1.25rem}.sub-amount-label{color:var(--text-muted);margin-top:4px;font-size:.8125rem}.sub-breakdown{margin-bottom:var(--sp-8)}.sub-artist-list{gap:var(--sp-3);flex-direction:column;display:flex}.sub-artist-row{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);display:flex;border-radius:var(--radius-lg)!important}.sub-artist-rank{color:var(--text-dim);text-align:center;font-variant-numeric:tabular-nums;min-width:20px;font-size:.875rem}.sub-artist-info{flex-shrink:0;min-width:160px}.sub-artist-name{color:var(--text-primary);font-size:.9375rem;font-weight:600}.sub-artist-tracks{color:var(--text-muted);margin-top:2px;font-size:.75rem}.sub-artist-bar-wrap{background:var(--grey-800);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.sub-artist-bar{background:var(--orange-400);border-radius:var(--radius-full);height:100%;transition:width .8s}.sub-artist-pct{color:var(--text-muted);text-align:right;min-width:40px;font-size:.875rem}.sub-artist-amount{color:var(--text-primary);text-align:right;min-width:60px;font-size:.9375rem;font-weight:700}.sub-comparison{padding:var(--sp-6);margin-bottom:var(--sp-8);border-radius:var(--radius-xl)!important}.sub-comp-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--sp-4);font-size:1rem;font-weight:600}.sub-comp-table{margin-bottom:var(--sp-4);flex-direction:column;gap:1px;display:flex}.sub-comp-row{gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:var(--glass-bg);border-radius:var(--radius-md);color:var(--text-secondary);grid-template-columns:200px 1fr auto;align-items:center;font-size:.8125rem;display:grid}.sub-comp-other{opacity:.5}.sub-comp-platform{color:var(--text-primary);font-weight:700}.sub-comp-highlight{color:var(--text-primary);font-weight:600}.sub-comp-note{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.6}.sub-cta{justify-content:space-between;align-items:center;gap:var(--sp-5);padding:var(--sp-6);display:flex;border-radius:var(--radius-xl)!important}.sub-cta-title{color:var(--text-primary);font-size:1rem;font-weight:600}.sub-cta-sub{color:var(--text-muted);margin-top:4px;font-size:.8125rem}.sub-manage-btn{padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-full);background:var(--orange-500);color:#fff;transition:var(--transition-fast);flex-shrink:0;font-size:.875rem;font-weight:600;text-decoration:none;box-shadow:0 0 20px #ff6b1a4d}@media (width<=768px){.sub-comp-row{grid-template-columns:1fr}.sub-split-amounts{gap:var(--sp-4);flex-direction:column}.sub-artist-row{flex-wrap:wrap}}.sub-manage-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 16px var(--btn-primary-glow)!important}.sub-manage-btn:hover{background:var(--btn-primary-hover)!important}.sub-artist-bar{background:var(--accent-interactive)!important}.settings-page{min-height:calc(100vh - var(--topbar-height));max-width:1100px;padding:var(--sp-8);gap:0;gap:var(--sp-6);align-items:flex-start;display:flex}.settings-nav{width:210px;padding:var(--sp-5) var(--sp-3);top:calc(var(--topbar-height) + var(--sp-8));flex-direction:column;flex-shrink:0;gap:2px;display:flex;position:sticky;border-radius:var(--radius-2xl)!important}.settings-nav-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);padding:0 var(--sp-3);margin-bottom:var(--sp-3);font-size:.62rem;font-weight:700}.settings-nav-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);border-radius:var(--radius-lg);color:var(--text-muted);font-size:.85rem;font-weight:500;font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;transition:background .15s,color .15s;display:flex;position:relative}.settings-nav-item:hover{color:var(--text-secondary);background:#ffffff0d}.settings-nav-item.active{color:#ff6b1af2;background:#ff6b1a1a;border:1px solid #ff6b1a26}.s-nav-chevron{opacity:0;margin-left:auto;transition:opacity .15s}.settings-nav-item:hover .s-nav-chevron,.settings-nav-item.active .s-nav-chevron{opacity:.5}.settings-content{flex:1;min-width:0}.s-panel{gap:var(--sp-5);flex-direction:column;animation:.22s forwards fadeIn;display:flex}.s-panel-header{margin-bottom:var(--sp-1);position:relative}.s-panel-header h2{color:var(--text-primary);margin-bottom:4px;font-size:1.5rem}.s-panel-header p{color:var(--text-dim);margin:0;font-size:.82rem}.s-card{padding:var(--sp-5) var(--sp-6);flex-direction:column;gap:0;display:flex;border-radius:var(--radius-2xl)!important}.s-card--dim{opacity:.6}.s-section-heading{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:1px solid #ffffff0a;font-size:.65rem;font-weight:700}.s-row{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid #ffffff0a;display:flex}.s-row.no-border{border-bottom:none}.s-row-text{flex:1;min-width:0}.s-row-label{color:#ffffffbf;margin-bottom:2px;font-size:.85rem;font-weight:500;display:block}.s-row-hint{color:var(--text-dim);font-size:.72rem;line-height:1.4;display:block}.s-row-control{flex-shrink:0}.s-toggle{cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:99px;flex-shrink:0;width:40px;height:22px;transition:background .2s,border-color .2s;position:relative}.s-toggle.on{background:#ff6b1ad9;border-color:#ff6b1a80}.s-toggle.disabled{opacity:.35;cursor:not-allowed}.s-toggle-thumb{background:#ffffff8c;border-radius:50%;width:16px;height:16px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s;position:absolute;top:2px;left:2px}.s-toggle.on .s-toggle-thumb{background:#fff;transform:translate(18px)}.s-pill-group{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.s-pill{border-radius:var(--radius-full);color:var(--text-muted);font-size:.75rem;font-weight:500;font-family:var(--font-body);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff12;padding:5px 13px;transition:background .15s,color .15s,border-color .15s}.s-pill:hover{color:var(--text-secondary);background:#ffffff17}.s-pill.active{color:#ff6b1af2;background:#ff6b1a1f;border-color:#ff6b1a4d}.s-color-group{align-items:center;gap:8px;display:flex}.s-color-swatch{background:var(--swatch-color);cursor:pointer;color:#fff;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .15s,border-color .15s;display:flex}.s-color-swatch:hover{transform:scale(1.15)}.s-color-swatch.active{border-color:#ffffffb3;transform:scale(1.1)}.s-field{margin-bottom:var(--sp-4)}.s-field label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-2);font-size:.72rem;font-weight:600;display:block}.s-save-btn{margin-top:var(--sp-2);padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);background:var(--orange-500);color:#fff;font-size:.82rem;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;align-self:flex-start;transition:background .15s,box-shadow .15s;box-shadow:0 0 20px #ff6b1a40}.s-ghost-btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);color:var(--text-muted);font-size:.78rem;font-family:var(--font-body);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:5px;transition:background .15s,color .15s;display:inline-flex}.s-ghost-btn:hover{color:var(--text-secondary);background:#ffffff1a}.s-reset-btn{font-size:.72rem;position:absolute;top:4px;right:0}.s-badge{border-radius:var(--radius-full);color:#50c878d9;letter-spacing:.06em;text-transform:uppercase;background:#50c8781a;border:1px solid #50c87833;align-items:center;padding:3px 10px;font-size:.67rem;font-weight:700;display:inline-flex}.s-avatar-row{align-items:center;gap:var(--sp-4);padding-bottom:var(--sp-4);margin-bottom:var(--sp-2);border-bottom:1px solid #ffffff0d;display:flex}.s-avatar{width:52px;height:52px;font-family:var(--font-heading);color:#ff6b1ae6;background:linear-gradient(135deg,#ff6b1a59 0%,#ff6b1a26 100%);border:1px solid #ff6b1a33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.s-avatar-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.s-avatar-email{color:var(--text-dim);margin-top:2px;font-size:.75rem}.s-plan-display{text-align:center;padding:var(--sp-4) 0}.s-plan-name{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px;font-size:1.3rem;font-weight:700}.s-plan-price{color:#ff6b1acc;margin-bottom:8px;font-size:.82rem}.s-plan-desc{color:var(--text-dim);font-size:.75rem}@media (width<=768px){.settings-page{padding:var(--sp-4);gap:var(--sp-4);flex-direction:column}.settings-nav{width:100%;padding:var(--sp-3);flex-flow:wrap;gap:4px;position:static}.settings-nav-title{display:none}.settings-nav-item{flex:1;justify-content:center;width:auto}.settings-nav-item span,.s-nav-chevron{display:none}.s-pill-group{justify-content:flex-start}.s-row{align-items:flex-start;gap:var(--sp-3);flex-direction:column}.s-card{padding:var(--sp-4)}}@keyframes toast-life{0%{opacity:0;transform:translateY(4px)scale(.96)}14%{opacity:1;transform:translateY(0)scale(1)}75%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-4px)scale(.97)}}.s-saved-toast{border-radius:var(--radius-full);color:#ffffffe0;margin-bottom:var(--sp-3);pointer-events:none;background:#18241ceb;border:1px solid #50c87847;align-items:center;gap:7px;padding:7px 16px;font-size:.8rem;font-weight:600;animation:2.8s forwards toast-life;display:inline-flex}.s-saved-toast svg{color:#50c878f2;flex-shrink:0}.s-billing-fields{gap:var(--sp-3);margin-bottom:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.s-billing-field{flex-direction:column;gap:5px;display:flex}.s-billing-field--full{grid-column:1/-1}.s-billing-field label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:700}.s-billing-field input{color:var(--text-secondary);font-size:.82rem;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;outline:none;padding:9px 12px;transition:border-color .15s}.s-billing-field input:focus{border-color:#fff3}.s-digital-pay-grid{gap:var(--sp-3);margin-bottom:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.s-dpay-btn{color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:600;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff17;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;transition:all .15s;display:flex}.s-dpay-btn:hover{background:#ffffff17;border-color:#ffffff2e}.s-dpay-logo{font-size:1.2rem;font-weight:900;line-height:1}.s-dpay-btn--apple .s-dpay-logo{filter:drop-shadow(0 0 4px #ffffff4d)}.s-dpay-btn--google .s-dpay-logo{color:#4285f4;font-family:sans-serif;font-weight:900}.s-dpay-note{color:var(--text-dim);margin:0;font-size:.72rem;line-height:1.5}.s-billing-actions{justify-content:flex-end;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2);display:flex}.s-billing-saved{color:#50c878e6;align-items:center;gap:5px;font-size:.76rem;font-weight:600;display:flex}.s-avatar-file-hidden{opacity:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.s-avatar-upload{cursor:pointer;background:radial-gradient(circle at 40% 40%,#9b6dff47,#9b6dff14);border:2px solid #9b6dff4d;border-radius:50%;flex-shrink:0;width:72px;height:72px;transition:border-color .18s;position:relative;overflow:hidden}.s-avatar-upload--drag{background:#9b6dff33;border-color:#9b6dffbf}.s-avatar-initial{color:#b996ffe6;pointer-events:none;justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;display:flex;position:absolute;inset:0}.s-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.s-avatar-overlay{opacity:0;cursor:pointer;color:#ffffffe6;font-size:.6rem;font-weight:700;font-family:var(--font-body);background:#0000008c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:opacity .16s;display:flex;position:absolute;inset:0}.s-avatar-upload:hover .s-avatar-overlay{opacity:1}.s-avatar-upload--drag .s-avatar-overlay{opacity:0}.s-avatar-remove{color:#fff;cursor:pointer;opacity:0;z-index:10;background:#f43f5ed9;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.75rem;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:2px;right:2px}.s-avatar-upload:hover .s-avatar-remove{opacity:1}.s-avatar-hint{color:var(--text-dim);margin-top:3px;font-size:.68rem}.s-theme-grid{flex-wrap:wrap;gap:16px;display:flex}.s-theme-card{border-radius:var(--radius-lg);border:2px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;flex-direction:column;flex:1;min-width:120px;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;overflow:hidden}.s-theme-card:hover{border-color:var(--glass-border-light);transform:translateY(-2px)}.s-theme-card.active{border-color:var(--accent);box-shadow:0 0 0 3px #ff6b1a2e, var(--shadow-md)}.s-theme-preview{background:var(--th-bg);height:90px;padding:10px;position:relative;overflow:hidden}.s-theme-preview-bar{background:color-mix(in srgb, var(--th-surface) 80%, transparent);border-right:1px solid #80808026;width:28px;position:absolute;top:0;bottom:0;left:0}.s-theme-preview-card{background:var(--th-surface);border:1px solid #80808026;border-radius:6px;height:28px;position:absolute;top:10px;left:36px;right:10px}.s-theme-preview-card--2{height:20px;top:46px;right:30px}.s-theme-label{color:var(--text-secondary);border-top:1px solid var(--glass-border);justify-content:center;align-items:center;gap:5px;padding:10px;font-size:.78rem;font-weight:600;display:flex}.s-theme-card.active .s-theme-label{color:var(--accent)}.s-save-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border:1px solid var(--btn-primary-border)!important;box-shadow:0 4px 16px var(--btn-primary-glow)!important}.s-save-btn:hover{background:var(--btn-primary-hover)!important;box-shadow:0 6px 22px var(--btn-primary-glow)!important}.s-toggle.on{background:var(--accent-interactive)!important;box-shadow:0 0 10px var(--accent-interactive-glow)!important;border-color:#0000!important}.s-pill.active{background:var(--accent-interactive-dim)!important;color:var(--text-primary)!important;border-color:var(--btn-primary-border)!important;box-shadow:none!important}.s-avatar-upload,.s-plan-display{border-color:var(--glass-border)!important}.orders-page{max-width:640px}.orders-header{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);display:flex}.orders-header h1{margin:0;font-size:1.25rem;font-weight:700}.orders-empty{align-items:center;gap:var(--sp-4);padding:var(--sp-12) 0;color:var(--text-muted);flex-direction:column;font-size:.875rem;display:flex}.orders-list{gap:var(--sp-3);flex-direction:column;display:flex}.order-card{align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border-subtle);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-sm);transition:var(--transition-fast);display:flex}.order-card:hover{border-color:var(--glass-border-light)}.order-cover{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:56px;height:56px}.order-body{flex:1;min-width:0}.order-item{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:.875rem;font-weight:600;overflow:hidden}.order-artist{color:var(--text-muted);margin-bottom:var(--sp-2);font-size:.75rem}.order-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;font-size:.68rem;display:flex}.order-dot{opacity:.4}.order-price{color:var(--text-secondary);font-weight:600}.order-tracking{color:var(--text-dim);margin-top:var(--sp-1);font-variant-numeric:tabular-nums;font-size:.68rem}.order-eta{color:var(--text-muted);margin-top:2px;font-size:.68rem}.order-status{letter-spacing:.05em;text-transform:uppercase;text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;min-width:56px;padding-top:2px;font-size:.6rem;font-weight:700;display:flex}@media (width<=768px){.order-card{gap:var(--sp-3);padding:var(--sp-3)}.order-cover{width:48px;height:48px}}.downloads-page{max-width:680px}.dl-header{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-6);display:flex}.dl-header-left{align-items:center;gap:var(--sp-3);display:flex}.dl-header-left h1{margin:0;font-size:1.25rem;font-weight:700}.dl-count{color:var(--text-dim);background:var(--glass-bg);border:1px solid var(--glass-border-subtle);border-radius:20px;padding:1px 8px;font-size:.72rem;font-weight:600}.dl-header-right{align-items:center;gap:var(--sp-3);flex-shrink:0;display:flex}.dl-search-wrap{align-items:center;gap:var(--sp-2);transition:all .2s;display:flex}.dl-search-input{background:var(--glass-bg);border:1px solid var(--glass-border-light);border-radius:var(--radius-full);color:var(--text-primary);font-size:.8rem;font-family:var(--font-body);outline:none;width:160px;padding:4px 12px;transition:width .2s,border-color .2s}.dl-search-input:focus{border-color:var(--text-muted)}.dl-search-input::placeholder{color:var(--text-dim)}.dl-icon-btn{border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border-subtle);width:30px;height:30px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dl-icon-btn:hover{color:var(--text-primary);border-color:var(--glass-border-light)}.dl-sort-btn{color:var(--text-dim);cursor:pointer;font-size:.72rem;font-weight:600;font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:4px;padding:3px 0 5px;display:flex}.dl-sort-btn:hover{color:var(--text-primary)}.dl-empty{align-items:center;gap:var(--sp-4);padding:var(--sp-12) 0;color:var(--text-muted);flex-direction:column;font-size:.875rem;display:flex}.dl-list{gap:var(--sp-2);flex-direction:column;display:flex}.dl-row{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border-subtle);background:var(--glass-bg);transition:var(--transition-fast);display:flex}.dl-row:hover{border-color:var(--glass-border-light)}.dl-icon-wrap{border-radius:var(--radius-md);background:var(--glass-bg-hover);border:1px solid var(--glass-border-subtle);width:40px;height:40px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dl-body{flex:1;min-width:0}.dl-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.875rem;font-weight:600;overflow:hidden}.dl-meta{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:5px;font-size:.68rem;display:flex}.dl-dot{opacity:.35}.dl-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.dl-format{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:700}.dl-size{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.65rem}@media (width<=768px){.dl-search-input{width:120px}.dl-row{gap:var(--sp-3);padding:var(--sp-3)}}.messages-page{width:100%}.msg-topbar{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.msg-tabs{align-items:center;gap:var(--sp-5);display:flex}.msg-tab{color:var(--text-muted);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-body);transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:3px 0 6px;display:flex}.msg-tab:hover{color:var(--text-primary);border-bottom-color:var(--text-dim)}.msg-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.msg-badge{background:var(--text-primary);min-width:18px;height:18px;color:var(--bg-primary);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:.6rem;font-weight:700;display:inline-flex}.msg-search{background:var(--glass-bg);border:1px solid var(--glass-border-subtle);border-radius:var(--radius-full);color:var(--text-dim);align-items:center;gap:6px;padding:5px 12px;display:flex}.msg-search input{color:var(--text-primary);font-size:.8rem;font-family:var(--font-body);background:0 0;border:none;outline:none;width:140px}.msg-search input::placeholder{color:var(--text-dim)}.msg-empty{padding:var(--sp-12) 0;color:var(--text-muted);justify-content:center;align-items:center;font-size:.875rem;display:flex}.msg-list{gap:var(--sp-2);flex-direction:column;display:flex}.msg-row{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border-subtle);background:var(--glass-bg);cursor:pointer;transition:var(--transition-fast);display:flex}.msg-row:hover,.msg-row--unread{border-color:var(--glass-border-light)}.msg-avatar{border-radius:var(--radius-full);background:var(--glass-bg-hover);border:1px solid var(--glass-border-subtle);width:44px;height:44px;color:var(--text-secondary);font-size:.75rem;font-weight:700;font-family:var(--font-heading);letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.msg-group-dot{background:var(--text-muted);border:2px solid var(--bg-primary);border-radius:50%;width:9px;height:9px;position:absolute;bottom:1px;right:1px}.msg-body{flex:1;min-width:0}.msg-name-row{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.msg-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.msg-time{color:var(--text-dim);flex-shrink:0;font-size:.68rem}.msg-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.msg-unread-dot{background:var(--text-primary);min-width:20px;height:20px;color:var(--bg-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0 5px;font-size:.62rem;font-weight:700;display:flex}.msg-request{padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-lg);border:1px solid var(--glass-border-subtle);background:var(--glass-bg);transition:var(--transition-fast)}.msg-request:hover{border-color:var(--glass-border-light)}.req-top{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.req-buyer{color:var(--text-primary);letter-spacing:.02em;font-size:.78rem;font-weight:700}.req-status{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:4px;font-size:.65rem;font-weight:700;display:flex}.req-item{color:var(--text-primary);margin-bottom:var(--sp-2);font-size:.875rem;font-weight:600}.req-msg{color:var(--text-muted);margin-bottom:var(--sp-3);padding-left:var(--sp-2);border-left:2px solid var(--glass-border-subtle);font-size:.78rem;font-style:italic;line-height:1.45}.req-footer{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.req-price{color:var(--text-primary);font-size:.875rem;font-weight:700}.req-date{color:var(--text-dim);margin-right:auto;font-size:.68rem}.req-actions{gap:var(--sp-2);display:flex}.req-btn{border-radius:var(--radius-full);letter-spacing:.04em;cursor:pointer;font-size:.72rem;font-weight:600;font-family:var(--font-body);transition:var(--transition-fast);padding:4px 14px}.req-btn--accept{background:var(--text-primary);color:var(--bg-primary);border:1px solid #0000}.req-btn--accept:hover{opacity:.8}.req-btn--decline{border:1px solid var(--glass-border-light);color:var(--text-muted);background:0 0}.req-btn--decline:hover{color:var(--text-primary);border-color:var(--glass-border-hover)}@media (width<=768px){.msg-topbar{align-items:flex-start;gap:var(--sp-3);flex-direction:column}.msg-search,.msg-search input{width:100%}}.ev-header{margin-bottom:var(--sp-6)}.ev-header h1{margin-bottom:4px;font-size:1.75rem}.ev-subtitle{color:var(--text-muted);font-size:.875rem}.ev-filters{gap:var(--sp-3);margin-bottom:var(--sp-5);flex-direction:column;display:flex}.ev-filter-group{align-items:center;gap:var(--sp-5);flex-wrap:wrap;display:flex}.ev-filter-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0;width:44px;font-size:.65rem;font-weight:700}.ev-chips{gap:var(--sp-5);flex-wrap:wrap;display:flex}.ev-chip{color:var(--text-muted);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-body);transition:var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;padding:3px 0 5px}.ev-chip:hover{color:var(--text-primary);border-bottom-color:var(--text-dim)}.ev-chip.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:600}.ev-count{color:var(--text-dim);margin-bottom:var(--sp-4);font-size:.75rem}.ev-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.ev-card{flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;border-radius:var(--radius-xl)!important}.ev-card:hover{transform:translateY(-3px);box-shadow:0 12px 36px #00000026}.ev-card--soldout{opacity:.6}.ev-cover{background:var(--glass-bg-hover);justify-content:center;align-items:center;height:130px;display:flex;position:relative}.ev-cover-initials{font-family:var(--font-heading);color:var(--text-dim);letter-spacing:.08em;opacity:.35;-webkit-user-select:none;user-select:none;font-size:2.5rem;font-weight:700}.ev-sold-badge{color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-full);background:#0f0f1a;padding:3px 9px;font-size:.6rem;font-weight:700;position:absolute;top:10px;left:10px}.ev-type-badge{color:#0f0f1a;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-full);background:#fff;border:1px solid #0000001a;padding:3px 9px;font-size:.6rem;font-weight:700;position:absolute;top:10px;right:10px}.ev-body{padding:var(--sp-4) var(--sp-5) var(--sp-5);gap:var(--sp-3);flex-direction:column;flex:1;display:flex}.ev-title{color:var(--text-primary);font-size:.9375rem;font-weight:700;line-height:1.3}.ev-artist{color:var(--text-muted);margin-top:-8px;font-size:.78rem}.ev-details{flex-direction:column;gap:5px;display:flex}.ev-detail{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.ev-detail svg{color:var(--text-dim);flex-shrink:0}.ev-footer{padding-top:var(--sp-3);border-top:1px solid var(--glass-border-subtle);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.ev-price{color:var(--text-primary);font-size:1.0625rem;font-weight:700}.ev-btn{border-radius:var(--radius-full);background:var(--text-primary);color:var(--bg-primary);letter-spacing:.04em;cursor:pointer;font-size:.72rem;font-weight:600;font-family:var(--font-body);border:none;align-items:center;gap:5px;padding:5px 14px;transition:opacity .2s;display:flex}.ev-btn:hover{opacity:.8}.ev-btn--disabled{background:var(--glass-bg-hover);color:var(--text-dim);cursor:default;border:1px solid var(--glass-border-subtle)}.ev-btn--disabled:hover{opacity:1}@media (width<=768px){.ev-grid{grid-template-columns:1fr 1fr}.ev-filter-group{gap:var(--sp-3)}}@media (width<=480px){.ev-grid{grid-template-columns:1fr}}.dash-artist-header{align-items:center;gap:var(--sp-5);margin-bottom:var(--sp-8);flex-wrap:wrap;display:flex}.dash-artist-avatar{border-radius:var(--radius-full);color:#ffffffb3;letter-spacing:0;background:#ffffff14;border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.75rem;font-weight:700;display:flex}.dash-artist-info{flex:1}.dash-badge{color:var(--text-muted);letter-spacing:.08em;margin-bottom:var(--sp-2);padding:3px 10px;font-size:.65rem;font-weight:600;display:inline-flex;border-radius:var(--radius-full)!important}.dash-artist-info h1{margin-bottom:4px;font-size:1.75rem}.dash-artist-info p{color:var(--text-muted);margin:0;font-size:.875rem}.dash-contract-status{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);color:var(--text-secondary);margin-left:auto;font-size:.75rem;display:flex;border-radius:var(--radius-full)!important}.dash-tabs{gap:var(--sp-2);margin-bottom:var(--sp-6);flex-wrap:wrap;display:flex}.dash-tab{padding:var(--sp-1) var(--sp-4);border-radius:var(--radius-full);color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);transition:var(--transition-fast);cursor:pointer;font-size:.8125rem;font-weight:500;font-family:var(--font-body)}.dash-tab.active{background:var(--dash-accent,var(--orange-500));color:#fff;box-shadow:0 0 16px var(--dash-accent-mid,#ff6b1a4d);border-color:#0000}.dash-stats-grid{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.dash-stat-card{padding:var(--sp-5);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;border-radius:var(--radius-xl)!important;background:var(--glass-bg)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--glass-border)!important}.dash-stat-card:before{content:"";background:linear-gradient(180deg, var(--glass-shine) 0%, transparent 100%);pointer-events:none;z-index:0;height:40%;position:absolute;top:0;left:0;right:0}.dash-stat-card.highlight{box-shadow:0 0 24px var(--dash-accent-mid,#ff6b1a1f);border-color:var(--dash-accent-mid,#ff6b1a47)!important}.dash-stat-icon{color:var(--text-muted);margin-bottom:var(--sp-3)}.dash-stat-val{font-family:var(--font-heading);color:var(--text-primary);font-size:1.75rem;font-weight:700}.dash-stat-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-top:4px;font-size:.75rem;font-weight:600}.dash-stat-growth{color:var(--grey-400);margin-top:4px;font-size:.75rem}.dash-chart-card{padding:var(--sp-6);margin-bottom:var(--sp-6);border-radius:var(--radius-xl)!important}.dash-section-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--sp-5);font-size:.9375rem;font-weight:600}.bar-chart{align-items:flex-end;gap:var(--sp-2);height:100px;display:flex}.bar-col{flex:1;align-items:flex-end;display:flex}.bar-fill{background:var(--glass-highlight);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border:1px solid #ffffff1a;width:100%;min-height:4px;transition:height .5s}.bar-col:hover .bar-fill{background:#fff3}.chart-labels{gap:var(--sp-2);margin-top:var(--sp-2);display:flex}.chart-label{text-align:center;color:var(--text-muted);flex:1;font-size:.65rem}.dash-chart-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.period-filter{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;gap:3px;padding:3px;display:flex}.period-btn{color:var(--text-dim);font-size:.72rem;font-weight:500;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:4px 12px;transition:background .15s,color .15s}.period-btn.active{background:var(--dash-accent-mid,#ff6b1a26);color:var(--dash-accent,#ff6b1ae6)}.line-chart-svg{width:100%;height:130px;display:block;overflow:visible}.line-chart-wrap[style*="190"] .line-chart-svg{height:190px}.line-chart-labels{margin-top:var(--sp-2);justify-content:space-between;padding:0 2px;display:flex}.line-chart-labels span{color:var(--text-dim);font-size:.62rem}.dash-top-tracks{margin-bottom:var(--sp-6)}.dash-track-list{gap:var(--sp-2);flex-direction:column;display:flex}.dash-track-row{align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);display:flex;border-radius:var(--radius-lg)!important}.dash-track-num{color:var(--text-muted);text-align:center;min-width:20px;font-size:.75rem}.dash-track-info{flex:1}.dash-track-title{color:var(--text-primary);font-size:.9375rem;font-weight:600}.dash-track-stats{color:var(--text-muted);margin-top:2px;font-size:.75rem}.dash-track-revenue{color:var(--text-primary);font-size:.9375rem;font-weight:700}.payout-section{padding:var(--sp-6);margin-bottom:var(--sp-4);border-radius:var(--radius-xl)!important}.payout-explainer{color:var(--text-secondary);margin-bottom:var(--sp-4);font-size:.9375rem;line-height:1.7}.payout-explainer strong{color:var(--text-primary)}.payout-formula{padding:var(--sp-4) var(--sp-5);color:var(--text-secondary);font-family:Courier New,monospace;font-size:.8125rem;border-radius:var(--radius-lg)!important}.payout-breakdown{padding:var(--sp-6);margin-bottom:var(--sp-4);border-radius:var(--radius-xl)!important}.payout-rows{margin-bottom:var(--sp-4);flex-direction:column;gap:1px;display:flex}.payout-row{padding:var(--sp-3) 0;border-bottom:1px solid var(--glass-border);color:var(--text-secondary);justify-content:space-between;font-size:.9375rem;display:flex}.payout-row-total{color:var(--text-primary);border-bottom:none;font-weight:700}.payout-row-val{color:var(--text-primary);font-weight:600}.payout-pending-box{padding:var(--sp-4);background:var(--glass-bg-active);border-radius:var(--radius-lg);border:1px solid var(--glass-border-hover);color:var(--text-secondary);justify-content:space-between;font-size:.875rem;display:flex}.payout-pending-val{color:var(--text-primary);font-size:1.25rem;font-weight:700}.exclusivity-card{align-items:center;gap:var(--sp-5);padding:var(--sp-6);display:flex;border-radius:var(--radius-xl)!important;border:1px solid #ffffff1f!important}.excl-icon{color:var(--text-muted);flex-shrink:0}.excl-title{color:var(--text-primary);margin-bottom:var(--sp-1);font-size:1rem;font-weight:700}.excl-desc{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.excl-btn{padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-full);background:var(--dash-accent,var(--orange-500));color:#fff;cursor:pointer;font-weight:600;font-family:var(--font-body);white-space:nowrap;transition:var(--transition-fast);box-shadow:0 0 20px var(--dash-accent-mid,#ff6b1a4d);margin-left:auto}.excl-btn:hover{filter:brightness(1.12);box-shadow:0 0 28px var(--dash-accent-mid,#ff6b1a73)}.dash-releases-placeholder{text-align:center;padding:var(--sp-12);align-items:center;gap:var(--sp-3);color:var(--text-muted);flex-direction:column;display:flex;border-radius:var(--radius-xl)!important}.dash-releases-placeholder svg{opacity:.3}.dash-ph-title{font-family:var(--font-heading);color:var(--text-secondary);font-size:1.25rem}.dash-ph-sub{max-width:360px;font-size:.875rem;line-height:1.6}.dash-upload-btn{padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-full);background:var(--dash-accent,var(--orange-500));color:#fff;cursor:pointer;font-weight:600;font-family:var(--font-body);margin-top:var(--sp-2);transition:var(--transition-fast);box-shadow:0 0 20px var(--dash-accent-mid,#ff6b1a4d)}.dash-upload-btn:hover{filter:brightness(1.12)}.notif-form{padding:var(--sp-6);gap:var(--sp-4);flex-direction:column;display:flex;border-radius:var(--radius-xl)!important}.notif-send-btn{padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-full);background:var(--dash-accent,var(--orange-500));color:#fff;cursor:pointer;font-weight:600;font-family:var(--font-body);transition:var(--transition-fast);box-shadow:0 0 16px var(--dash-accent-mid,#ff6b1a4d);align-self:flex-start}.notif-send-btn:hover{filter:brightness(1.12)}.contract-section{gap:var(--sp-4);flex-direction:column;display:flex}.contract-card{align-items:center;gap:var(--sp-5);padding:var(--sp-5);color:var(--text-secondary);display:flex;border-radius:var(--radius-xl)!important}.contract-status-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.75rem}.contract-status-val{color:var(--text-primary);margin-top:3px;font-size:1rem;font-weight:600}.contract-terms{padding:var(--sp-6);border-radius:var(--radius-xl)!important}.contract-term{padding:var(--sp-3) 0;border-bottom:1px solid var(--glass-border);justify-content:space-between;font-size:.875rem;display:flex}.contract-term:last-child{border-bottom:none}.contract-term span:first-child{color:var(--text-muted)}.contract-term span:last-child{color:var(--text-primary);font-weight:500}@media (width<=768px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.exclusivity-card{flex-direction:column}}.releases-catalog{position:relative}.releases-catalog-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:flex-end;gap:var(--sp-3);flex-wrap:wrap;display:flex}.releases-catalog-sub{color:var(--text-dim);font-size:.78rem}.dash-upload-btn{align-items:center;gap:6px;display:inline-flex}.releases-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.release-card{border-radius:var(--radius-lg);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;transition:transform .2s,opacity .25s,filter .25s;overflow:hidden}.release-card:hover{transform:translateY(-3px)}.release-card.selected{border-color:#ffffff2e;transform:translateY(-3px);box-shadow:0 0 0 1px #ffffff1a,0 8px 32px #00000080}.release-card.dimmed{opacity:.28;filter:blur(.5px)saturate(.4);pointer-events:none}.release-card-art{aspect-ratio:1;position:relative;overflow:hidden}.release-card-accent{opacity:.7;height:3px;position:absolute;bottom:0;left:0;right:0}.release-card-play{color:#fff0;background:0 0;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:absolute;inset:0}.release-card:hover .release-card-play{color:#ffffffe6;background:#00000073}.release-card-private{text-transform:uppercase;letter-spacing:.06em;color:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:20px;align-items:center;gap:3px;padding:3px 7px;font-size:.58rem;font-weight:600;display:flex;position:absolute;top:7px;right:7px}.release-card-info{padding:10px 11px 11px}.release-card-title{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.release-card-album{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.7rem;overflow:hidden}.release-card-meta{color:var(--text-dim);margin-top:4px;font-size:.62rem}.release-detail-overlay{z-index:200;padding:0 var(--sp-4) var(--sp-6);pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.release-detail-panel{pointer-events:all;width:100%;max-width:640px;padding:var(--sp-6);animation:.28s cubic-bezier(.22,1,.36,1) slideUpPanel;position:relative;box-shadow:0 -4px 80px #0009,0 0 0 1px #ffffff0a;border-radius:var(--radius-2xl)!important;border:1px solid #ffffff1a!important}@keyframes slideUpPanel{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.release-detail-close{top:var(--sp-4);right:var(--sp-4);border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute}.release-detail-close:hover{background:#ffffff1f}.rdp-feedback-count{color:var(--text-dim);margin-left:2px;font-size:.65rem;font-weight:400}.rdp-action-btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);color:#ffffffbf;font-size:.78rem;font-weight:500;font-family:var(--font-body);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;transition:background .15s}.rdp-action-btn:hover{background:#ffffff1f}.rdp-action-btn--secondary{color:var(--text-dim)}.rdp-action-btn--secondary:hover{color:#dc5050d9;background:#c83c3c14;border-color:#dc505033}@media (width<=640px){.releases-grid{grid-template-columns:repeat(3,1fr)}.rdp-stats{grid-template-columns:repeat(2,1fr)}.release-detail-panel{padding:var(--sp-5)}}.dash-compact .dash-artist-header{margin-bottom:var(--sp-4)}.dash-compact .dash-artist-avatar{width:48px;height:48px;font-size:1.2rem}.dash-compact .dash-artist-info h1{font-size:1.25rem}.dash-compact .dash-stats-grid{gap:var(--sp-3)}.dash-compact .dash-stat-card{padding:var(--sp-3) var(--sp-4)}.dash-compact .dash-stat-val{font-size:1.4rem}.dash-compact .dash-chart-card{padding:var(--sp-4)}.dash-compact .dash-track-row{padding:var(--sp-2) var(--sp-3)}.dash-compact .line-chart-wrap{height:90px}.dash-header-right{align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-left:auto;display:flex}.dash-refresh-badge{padding:var(--sp-1) var(--sp-3);color:var(--dash-accent,#ff6b1acc);letter-spacing:.06em;align-items:center;gap:5px;font-size:.65rem;animation:2s ease-in-out infinite pulse;display:flex;border-radius:var(--radius-full)!important}.dash-detail-payout{padding:var(--sp-5) var(--sp-6);margin-top:var(--sp-4);border-radius:var(--radius-xl)!important}.dash-stats-grid{gap:var(--sp-5);margin-bottom:var(--sp-6);display:grid}.dash-stats-grid--compact{gap:var(--sp-3);grid-template-columns:repeat(4,1fr)}.dash-stats-grid--standard{gap:var(--sp-5);grid-template-columns:repeat(2,1fr)}.dash-stats-grid--detailed{gap:var(--sp-4);grid-template-columns:1fr}.kpi-card{gap:var(--sp-3)!important;padding:var(--sp-4) var(--sp-5)!important;border-radius:var(--radius-xl)!important;flex-direction:column!important;display:flex!important}.kpi-card-top{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.kpi-period-row{gap:2px;display:flex}.kpi-period-btn{color:var(--text-dim);cursor:pointer;font-size:.68rem;font-weight:700;font-family:var(--font-body);letter-spacing:.04em;background:#ffffff0d;border:none;border-radius:5px;padding:2px 7px;transition:background .12s,color .12s}.kpi-period-btn.active{background:var(--dash-accent-mid,#ff6b1a2e);color:var(--dash-accent,#ff6b1af2)}.kpi-period-btn:hover:not(.active){color:var(--text-muted);background:#ffffff17}.kpi-rev-breakdown{padding:var(--sp-2) 0;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;flex-direction:column;display:flex}.kpi-rev-row{color:var(--text-dim);justify-content:space-between;padding:3px 0;font-size:.72rem;display:flex}.kpi-rev-row span:last-child{color:#ffffff8c;font-weight:600}.kpi-top-list{flex-direction:column;gap:2px;display:flex}.kpi-top-list-hdr{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--sp-2);font-size:.6rem;font-weight:700}.kpi-top-item{border-bottom:1px solid #ffffff08;align-items:center;gap:6px;padding:3px 0;display:flex}.kpi-top-item:last-child{border-bottom:none}.kpi-rank{color:var(--text-dim);text-align:center;min-width:14px;font-size:.6rem;font-weight:700}.kpi-name{color:#ffffff9e;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.77rem;overflow:hidden}.kpi-top-val{color:var(--dash-accent,#ff6b1ae6);white-space:nowrap;font-size:.77rem;font-weight:600}.kpi-detailed-card{gap:var(--sp-6)!important;padding:var(--sp-5) var(--sp-6)!important;flex-direction:row!important;align-items:flex-start!important}.kpi-detail-left{gap:var(--sp-2);flex-direction:column;flex-shrink:0;min-width:210px;display:flex}.kpi-detail-left .dash-stat-val{font-size:1.9rem}.kpi-detail-right{flex:1;min-width:0}.chart-controls{flex-flow:wrap;align-items:center;gap:5px;display:flex}.chart-controls .period-filter+.period-filter{border-left:1px solid #ffffff14;margin-left:2px;padding-left:5px}.chart-outer{align-items:stretch;gap:8px;display:flex}.chart-y-axis{text-align:right;flex-direction:column;flex-shrink:0;justify-content:space-between;min-width:44px;padding-bottom:22px;display:flex}.chart-y-axis span{color:#ffffff47;font-size:.6rem;line-height:1}.chart-inner{flex:1;min-width:0}.line-chart-wrap{width:100%}.line-chart-svg{width:100%;display:block;overflow:visible}.chart-legend{gap:var(--sp-4);margin-top:var(--sp-3);padding-top:var(--sp-2);border-top:1px solid #ffffff0a;flex-wrap:wrap;display:flex}.chart-legend-item{color:var(--text-muted);align-items:center;gap:5px;font-size:.72rem;display:flex}.chart-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (width<=1100px){.dash-stats-grid--compact{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.dash-stats-grid--standard{grid-template-columns:1fr}.kpi-detailed-card{flex-direction:column!important}.kpi-detail-left{min-width:unset}}@media (width<=640px){.dash-stats-grid--compact{grid-template-columns:1fr 1fr}.chart-controls{align-items:flex-start}.chart-y-axis{min-width:36px}.chart-y-axis span{font-size:.54rem}}.payout-how{padding:var(--sp-5);gap:var(--sp-4);margin-bottom:var(--sp-4);flex-direction:column;display:flex;border-radius:var(--radius-xl)!important}.payout-how-header{color:#ffffffe0;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.payout-explainer{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.7}.payout-steps{flex-direction:column;gap:0;display:flex}.payout-step{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.payout-step--result{background:#9b6dff14;border-color:#9b6dff33}.payout-step-num{color:#fff9;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:flex}.payout-step--result .payout-step-num{color:#b996ffe6;background:#9b6dff40;border-color:#9b6dff66}.payout-step-icon{color:var(--text-muted);flex-shrink:0}.payout-step-body{flex:1}.payout-step-label{color:var(--text-secondary);font-size:.78rem;font-weight:700}.payout-step-val{color:var(--text-muted);margin-top:1px;font-size:.72rem}.payout-step-arrow{text-align:center;color:var(--text-dim);padding:2px 0;font-size:.7rem}.payout-formula-pill{color:var(--text-secondary);background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;padding:10px 14px;font-family:monospace;font-size:.75rem;line-height:1.5}.payout-formula-pill code{font-family:inherit}.notif-history-header{margin-top:var(--sp-6);margin-bottom:var(--sp-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.notif-unread-badge{border-radius:var(--radius-full);color:#b996ffe6;background:#9b6dff2e;border:1px solid #9b6dff4d;padding:2px 9px;font-size:.68rem;font-weight:700}.notif-mark-all{color:var(--text-muted);cursor:pointer;font-size:.72rem;font-weight:600;font-family:var(--font-body);background:0 0;border:none;transition:color .12s}.notif-mark-all:hover{color:var(--text-secondary)}.notif-feed{gap:var(--sp-2);flex-direction:column;display:flex}.notif-item{cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;transition:background .12s,border-color .12s;display:flex;position:relative;border-left:2px solid #ffffff12!important;border-radius:12px!important}.notif-item:hover{background:#ffffff0f!important}.notif-unread{border-left-color:#9b6dff80!important}.notif-item-icon{width:28px;height:28px;color:var(--text-muted);background:#ffffff0f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.notif-unread .notif-item-icon{color:#b996ffcc;background:#9b6dff26}.notif-item-body{flex:1;min-width:0}.notif-item-title{color:#ffffffd9;margin-bottom:2px;font-size:.82rem;font-weight:700}.notif-unread .notif-item-title{color:#fffffff2}.notif-item-text{color:var(--text-muted);font-size:.74rem;line-height:1.5}.notif-item-date{color:var(--text-dim);margin-top:4px;font-size:.66rem}.notif-dot{background:#9b6dffe6;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.contract-actions{gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}.contract-action-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:700;font-family:var(--font-body);background:#ffffff0f;border:1px solid #ffffff1f;align-items:center;gap:7px;padding:9px 18px;transition:all .15s;display:flex}.contract-action-btn:hover{color:#fff;background:#ffffff1f}.contract-action-btn--ghost{color:#b996ffcc;background:#9b6dff14;border-color:#9b6dff33}.contract-action-btn--ghost:hover{color:#b996ff;background:#9b6dff2e}.contract-feedback{margin-top:var(--sp-4);padding:var(--sp-5);gap:var(--sp-3);flex-direction:column;animation:.2s fade-slide-in;display:flex;border-radius:var(--radius-xl)!important}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.contract-feedback input,.contract-feedback textarea{width:100%;color:var(--text-secondary);font-size:.82rem;font-family:var(--font-body);box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;outline:none;padding:9px 12px}.contract-feedback input:focus,.contract-feedback textarea:focus{border-color:#fff3}.contract-feedback-sent{color:#50c878e6;padding:var(--sp-3) 0;align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.upload-header{margin-bottom:var(--sp-6)}.upload-header h1{margin-bottom:var(--sp-2);font-size:1.75rem}.upload-steps{margin-bottom:var(--sp-6);gap:0;display:flex;overflow-x:auto}.upload-step{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4) var(--sp-2) var(--sp-3);flex:1;min-width:max-content;display:flex;position:relative}.upload-step:not(:last-child):after{content:"";background:var(--glass-border);width:1px;height:60%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.upload-step-num{border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);width:24px;height:24px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.upload-step.active .upload-step-num{background:var(--orange-500);color:#fff;border-color:#0000;box-shadow:0 0 10px #ff6b1a66}.upload-step.done .upload-step-num{background:var(--grey-700);color:var(--text-secondary);border-color:#0000}.upload-step-label{color:var(--text-muted);font-size:.8125rem;font-weight:500}.upload-step.active .upload-step-label{color:var(--orange-300);font-weight:600}.upload-form{padding:var(--sp-6);border-radius:var(--radius-xl)!important}.upload-step-content h3{margin-bottom:var(--sp-5);font-size:1.125rem}.form-grid{gap:var(--sp-4);margin-bottom:var(--sp-4);grid-template-columns:repeat(2,1fr);display:grid}.form-field{gap:var(--sp-2);flex-direction:column;display:flex}.form-field.full{grid-column:1/-1}.form-field label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.field-hint{color:var(--text-dim);margin-top:4px;font-size:.75rem}.upload-audio-drop{padding:var(--sp-8) var(--sp-10);border-radius:var(--radius-xl);color:var(--text-muted);justify-content:center;align-items:center;gap:var(--sp-3);cursor:pointer;margin-top:var(--sp-4);border:2px dashed #ffffff1a;outline:none;flex-direction:column;transition:border-color .2s,background .2s,transform .2s;display:flex}.upload-audio-drop:hover,.upload-audio-drop:focus-visible{background:#ff6b1a08;border-color:#ff6b1a59}.upload-audio-drop.dragging{background:#ff6b1a0f;border-color:#ff6b1a99;transform:scale(1.01)}.upload-audio-drop.has-files{padding:var(--sp-6) var(--sp-8)}.drop-icon{color:var(--text-dim);transition:color .2s,transform .2s}.upload-audio-drop.dragging .drop-icon{color:#ff6b1acc;transform:translateY(-4px)}.upload-drop-text{color:var(--text-secondary);font-size:1rem;font-weight:600}.upload-drop-sub{color:var(--text-dim);text-align:center;font-size:.78rem}.upload-drop-btn{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);background:var(--orange-500);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-body);margin-top:var(--sp-2);transition:var(--transition-fast);box-shadow:0 0 14px #ff6b1a4d}.upload-file-list{margin-top:var(--sp-4);flex-direction:column;gap:2px;display:flex}.upload-file-list-header{padding:0 var(--sp-1) var(--sp-2);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.upload-add-more{color:#ff6b1acc;cursor:pointer;font-size:.75rem;font-family:var(--font-body);background:0 0;border:none;padding:0;font-weight:600;transition:color .2s}.upload-add-more:hover{color:#ff6b1a}.file-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0f;transition:background .15s;animation:.2s both fileSlideIn;display:flex}@keyframes fileSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.file-item:hover{background:#ffffff0d}.file-item-num{color:var(--text-dim);text-align:right;flex-shrink:0;width:18px;font-size:.7rem}.file-item-icon{color:var(--text-dim);flex-shrink:0;align-items:center;display:flex}.file-item-info{flex:1;min-width:0}.file-item-name{color:#fffc;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.file-item-meta{align-items:center;gap:var(--sp-2);margin-top:2px;display:flex}.file-ext-pill{letter-spacing:.08em;color:#ff6b1ad9;background:#ff6b1a1f;border:1px solid #ff6b1a33;border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:700}.file-ext-pill.sm{font-size:.58rem}.file-size{color:var(--text-dim);font-size:.72rem}.file-item-remove{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.file-item-remove:hover{color:#ff6464cc;background:#ff50501f}.upload-rejected{margin-top:var(--sp-3);flex-direction:column;gap:4px;animation:5s forwards fadeOut;display:flex}@keyframes fadeOut{0%,70%{opacity:1}to{opacity:0}}.rejected-item{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);color:#ff7878e6;background:#ff3c3c14;border:1px solid #ff3c3c33;font-size:.78rem;display:flex}.upload-format-note{align-items:center;gap:var(--sp-2);color:var(--text-dim);margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:.75rem;display:flex}.step-intro{color:var(--text-muted);margin-top:-12px;margin-bottom:var(--sp-4);font-size:.85rem}.review-files{padding:var(--sp-4);margin-bottom:var(--sp-4);border-radius:var(--radius-lg)!important}.review-files-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-3);font-size:.72rem;font-weight:600}.review-file-row{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid #ffffff0a;font-size:.82rem;display:flex}.review-file-row:last-child{border-bottom:none}.review-file-name{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.review-file-size{color:var(--text-dim);font-size:.72rem}.upload-success-files{flex-direction:column;gap:4px;width:100%;max-height:160px;display:flex;overflow-y:auto}.upload-success-file{align-items:center;gap:var(--sp-2);color:var(--text-muted);padding:4px 0;font-size:.78rem;display:flex}.upload-next-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.credits-note{padding:var(--sp-3) var(--sp-4);color:var(--text-muted);margin-top:var(--sp-4);font-size:.8125rem;border-radius:var(--radius-lg)!important}.pricing-toggles{gap:var(--sp-3);margin-bottom:var(--sp-6);flex-direction:column;display:flex}.pricing-toggle-row{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);display:flex;border-radius:var(--radius-lg)!important}.toggle-label{color:var(--text-primary);font-size:.9375rem;font-weight:600}.toggle-sub{color:var(--text-muted);margin-top:2px;font-size:.8125rem}.toggle-btn{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;font-size:.8125rem;font-weight:600;font-family:var(--font-body);transition:var(--transition-fast)}.toggle-btn.on{background:var(--orange-500);color:#fff;border-color:#0000;box-shadow:0 0 12px #ff6b1a4d}.contract-options{gap:var(--sp-4);margin-bottom:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.contract-option{padding:var(--sp-5);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-xl)!important}.contract-option:hover{background:var(--glass-bg-hover)!important}.contract-option.selected-contract{background:#ff6b1a14!important;border-color:#ff6b1a4d!important}.contract-opt-header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.contract-opt-name{color:var(--text-primary);font-size:1rem;font-weight:700}.contract-opt-indicator{color:var(--text-secondary);font-size:.75rem}.contract-opt-features{gap:var(--sp-2);flex-direction:column;padding:0;list-style:none;display:flex}.contract-opt-features li{color:var(--text-muted);gap:var(--sp-2);font-size:.8125rem;display:flex}.contract-opt-features li:before{content:"→";color:var(--text-dim)}.contract-consent{padding:var(--sp-3) var(--sp-4);color:var(--text-muted);font-size:.8125rem;line-height:1.5;border-radius:var(--radius-lg)!important}.review-grid{flex-direction:column;gap:0;display:flex;overflow:hidden;border-radius:var(--radius-lg)!important}.review-row{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--glass-border);justify-content:space-between;font-size:.875rem;display:flex}.review-row:last-child{border-bottom:none}.review-row span:first-child{color:var(--text-muted)}.review-row span:last-child{color:var(--text-primary);font-weight:500}.upload-nav{justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--glass-border);display:flex}.upload-back-btn{padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-full);border:1px solid var(--glass-border);color:var(--text-muted);cursor:pointer;font-size:.875rem;font-weight:500;font-family:var(--font-body);transition:var(--transition-fast);background:0 0}.upload-back-btn:hover{border-color:var(--glass-border-hover);color:var(--text-secondary)}.upload-next-btn{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-full);background:var(--orange-500);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-body);transition:var(--transition-fast);display:flex;box-shadow:0 0 20px #ff6b1a59}.upload-next-btn:hover{background:var(--orange-400)}.upload-page--success{flex-direction:column;justify-content:flex-start;align-items:center;min-height:80vh;padding-top:80px;display:flex}.upload-success{text-align:center;padding:var(--sp-10) var(--sp-8) var(--sp-8);align-items:center;gap:var(--sp-4);width:100%;max-width:500px;color:var(--text-secondary);flex-direction:column;margin:0 auto;display:flex;border-radius:var(--radius-2xl)!important}.upload-success svg{color:var(--text-primary)}.upload-success h2{color:var(--text-primary);font-size:1.625rem}.upload-success p{font-size:.9375rem;line-height:1.6}.upload-loading-screen{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:999;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-loading-card{text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:20px;min-width:280px;padding:48px 52px;display:flex}.upload-logo-ring{width:88px;height:88px;position:relative}.upload-ring-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.upload-ring-track{fill:none;stroke:#ffffff0f;stroke-width:4px}.upload-ring-fill{fill:none;stroke:#ff6b1ad9;stroke-width:4px;stroke-linecap:round;stroke-dasharray:226;transition:stroke-dashoffset .5s}.upload-logo-ring:after{content:"";border:2px solid #0000;border-top-color:#ff6b1a66;border-radius:50%;animation:2s linear infinite spinAnim;position:absolute;inset:-3px}.upload-logo-center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upload-loading-text h3{color:var(--text-primary);margin:0 0 4px;font-size:1.1rem;font-weight:600}.upload-loading-text p{color:var(--text-dim);margin:0;font-size:.825rem}.upload-loading-pct{color:#ff6b1ae6;font-size:2rem;font-weight:700;line-height:1}.spin{animation:1.1s linear infinite spinAnim}@keyframes spinAnim{to{transform:rotate(360deg)}}.upload-progress-bar{width:100%;height:3px;margin-top:var(--sp-2);background:#ffffff0f;border-radius:4px;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg,#ff6b1a99,#ff6b1a);border-radius:4px;height:100%;transition:width .4s}.upload-progress-note{color:var(--text-dim)!important;font-size:.72rem!important}.upload-loading-error-icon{margin-bottom:-8px}.upload-cancel-btn{border-radius:var(--radius-full);color:#ffffffb3;font-size:.82rem;font-weight:500;font-family:var(--font-body);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;margin-top:4px;padding:8px 24px;transition:background .15s}.upload-cancel-btn:hover{background:#ffffff1f}.upload-cancel-btn--subtle{color:var(--text-dim);background:0 0;border-color:#0000;padding:4px 16px;font-size:.72rem}.upload-cancel-btn--subtle:hover{color:var(--text-muted);background:0 0}.upload-error-banner{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);color:#ff6464e6;margin-top:var(--sp-3);background:#dc3c3c1a;border:1px solid #dc3c3c33;font-size:.82rem;display:flex}.pricing-download-fields{gap:var(--sp-4);margin-top:var(--sp-2);flex-direction:column;display:flex}.price-input-wrap{align-items:center;display:flex;position:relative}.price-currency{color:var(--text-dim);pointer-events:none;font-size:.85rem;position:absolute;left:12px}.price-input-wrap input{padding-left:26px}.upload-success-btn{padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-full);background:var(--orange-500);color:#fff;cursor:pointer;font-weight:600;font-family:var(--font-body);margin-top:var(--sp-2);transition:var(--transition-fast);box-shadow:0 0 20px #ff6b1a59}.upload-success-btn:hover{background:var(--orange-400)}@media (width<=768px){.form-grid,.contract-options{grid-template-columns:1fr}.upload-steps{gap:0}.track-form-layout{flex-direction:column}.track-artwork-col{width:100%}}.track-tabs{margin-bottom:var(--sp-5);padding-bottom:var(--sp-4);border-bottom:1px solid #ffffff0d;flex-wrap:wrap;gap:6px;display:flex}.track-tab{cursor:pointer;font-family:var(--font-body);background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:8px;max-width:200px;padding:7px 12px 7px 8px;transition:background .15s,border-color .15s;display:flex}.track-tab:hover{background:#ffffff0f}.track-tab.active{background:#ff6b1a12;border-color:#ff6b1a66}.track-tab-thumb{object-fit:cover;border-radius:5px;flex-shrink:0;width:28px;height:28px}.track-tab-num{width:28px;height:28px;color:var(--text-muted);background:#ffffff0f;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.track-tab.active .track-tab-num{color:#ff6b1ae6;background:#ff6b1a33}.track-tab-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:.78rem;font-weight:500;overflow:hidden}.track-tab.active .track-tab-label{color:#ffffffd9}.track-tab-ext{letter-spacing:.06em;color:var(--text-dim);background:#ffffff0d;border-radius:3px;flex-shrink:0;margin-left:auto;padding:1px 4px;font-size:.58rem;font-weight:700}.track-form-layout{gap:var(--sp-6);align-items:flex-start;display:flex}.track-artwork-col{gap:var(--sp-3);flex-direction:column;flex-shrink:0;width:200px;max-width:200px;display:flex;overflow:hidden}.artwork-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:600}.artwork-upload-box{justify-content:center;align-items:center;gap:var(--sp-2);cursor:pointer;width:200px;height:200px;color:var(--text-dim);text-align:center;padding:var(--sp-4);border:2px dashed #ffffff1a;border-radius:14px;flex-direction:column;font-size:.75rem;transition:border-color .2s,background .2s;display:flex}.artwork-upload-box:hover{color:var(--text-muted);background:#ff6b1a0a;border-color:#ff6b1a59}.artwork-hint{color:var(--text-dim);font-size:.65rem;line-height:1.3}.artwork-preview-wrap{border-radius:14px;flex-shrink:0;width:200px;height:200px;position:relative;overflow:hidden}.artwork-preview-img{object-fit:cover;width:100%;height:100%;display:block}.artwork-preview-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.artwork-preview-wrap:hover .artwork-preview-actions{opacity:1}.artwork-change-btn{color:#ffffffe6;cursor:pointer;font-size:.65rem;font-weight:600;font-family:var(--font-body);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;border:none;border-radius:6px;padding:3px 8px}.artwork-remove-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#b42828cc;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.track-file-chip{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:.68rem;display:flex;overflow:hidden}.track-file-chip--sub{margin-top:-6px}.track-meta-col{flex:1;min-width:0}.copy-all-btn{letter-spacing:.06em;text-transform:uppercase;color:#ff6b1ab3;cursor:pointer;font-size:.6rem;font-weight:600;font-family:var(--font-body);margin-left:var(--sp-2);vertical-align:middle;background:0 0;border:none;padding:0;transition:color .15s}.copy-all-btn:hover{color:#ff6b1a}.track-nav-arrows{justify-content:center;align-items:center;gap:var(--sp-4);margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid #ffffff0a;display:flex}.track-nav-btn{color:var(--text-muted);cursor:pointer;font-size:.78rem;font-weight:500;font-family:var(--font-body);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:0 0;border:none;align-items:center;gap:5px;transition:background .15s,color .15s;display:flex}.track-nav-btn:hover:not(:disabled){color:var(--text-secondary);background:#ffffff0d}.track-nav-btn:disabled{opacity:.25;cursor:not-allowed}.track-nav-counter{color:var(--text-dim);text-align:center;min-width:50px;font-size:.75rem}.review-track-list{gap:var(--sp-3);margin-bottom:var(--sp-5);flex-direction:column;display:flex}.review-track-card{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg)!important}.review-track-top{align-items:center;gap:var(--sp-3);display:flex}.review-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.review-thumb--empty{color:var(--text-dim);background:#ffffff0d;justify-content:center;align-items:center;display:flex}.review-track-head{flex:1;min-width:0}.review-track-title{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.review-track-sub{align-items:center;gap:var(--sp-2);color:var(--text-dim);margin-top:3px;font-size:.72rem;display:flex}.review-edit-btn{color:#ff6b1ab3;cursor:pointer;font-size:.72rem;font-weight:600;font-family:var(--font-body);padding:var(--sp-1) var(--sp-2);background:0 0;border:none;border-radius:6px;flex-shrink:0;transition:background .15s,color .15s}.review-edit-btn:hover{color:#ff6b1a;background:#ff6b1a1a}.success-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:32px;height:32px}.success-thumb--empty{color:var(--text-dim);background:#ffffff0f;justify-content:center;align-items:center;display:flex}.success-track-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;overflow:hidden}.track-inline-player{width:100%;height:36px;margin-top:var(--sp-2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;opacity:.85;filter:invert(0)sepia(0)saturate(0)brightness(.9);border-radius:10px;outline:none;transition:opacity .15s}.track-inline-player:hover{opacity:1}.visibility-row{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid #ffffff0d;width:200px;max-width:100%}.visibility-toggle--full{width:100%}.visibility-toggle--full .vis-btn{flex:1;justify-content:center}.visibility-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:600}.visibility-toggle{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;gap:4px;padding:3px;display:flex}.vis-btn{cursor:pointer;font-size:.72rem;font-weight:500;font-family:var(--font-body);color:var(--text-dim);background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:5px 10px;transition:background .15s,color .15s;display:flex}.vis-btn.active{color:#ffffffbf;background:#ffffff14}.vis-btn.active--pub{color:#50c878e6;background:#50c8781f}.advanced-toggle{align-items:center;gap:var(--sp-2);margin-top:var(--sp-5);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);color:var(--text-muted);text-align:left;background:#ffffff08;border:1px solid #ffffff0f;font-size:.8rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.advanced-toggle:hover{color:#ffffffb3;background:#ffffff0f;border-color:#ffffff1a}.advanced-toggle.open{color:#ffffffbf;background:#ff6b1a0d;border-color:#ff6b1a40}.adv-chevron{opacity:.5;flex-shrink:0;transition:transform .25s}.advanced-toggle.open .adv-chevron{opacity:1;transform:rotate(-180deg)}.advanced-panel{max-height:0;transition:max-height .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.advanced-panel.expanded{max-height:1200px}.advanced-panel-inner{padding-top:var(--sp-4)}.adv-track-tabs{margin-bottom:var(--sp-4);flex-wrap:wrap;gap:5px;display:flex}.adv-track-tab{cursor:pointer;font-family:var(--font-body);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:6px;max-width:180px;padding:5px 10px 5px 7px;font-size:.74rem;transition:background .15s,border-color .15s;display:flex;overflow:hidden}.adv-track-tab:hover{background:#ffffff0f}.adv-track-tab.active{color:#fffc;background:#ff6b1a12;border-color:#ff6b1a59}.adv-tab-num{background:#ffffff0f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex}.adv-track-tab.active .adv-tab-num{color:#ff6b1ae6;background:#ff6b1a33}.adv-badge{color:#ff6b1ae6;background:#ff6b1a33;border-radius:20px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-size:.62rem;font-weight:700}.adv-badge.sm{padding:1px 4px;font-size:.58rem}.ptc-section{border-radius:var(--radius-lg);padding:var(--sp-4);background:#ffffff05;border:1px solid #ffffff0d}.ptc-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.ptc-header-text{flex-direction:column;gap:3px;display:flex}.ptc-title{color:#ffffffa6;font-size:.78rem;font-weight:600}.ptc-hint{color:var(--text-dim);font-size:.68rem}.ptc-copy-all{flex-shrink:0;margin-top:2px}.credit-row{gap:var(--sp-2);margin-bottom:var(--sp-2);align-items:center;animation:.18s fadeSlideIn;display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.credit-role{flex-shrink:0;width:38%}.credit-name{flex:1}.credit-role,.credit-name{color:#fffc;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;outline:none;padding:8px 10px;font-size:.8rem;transition:border-color .15s}.credit-role:focus,.credit-name:focus{border-color:#ff6b1a59}.credit-role::placeholder,.credit-name::placeholder{color:var(--text-dim)}.credit-remove-btn{color:#c83c3c99;cursor:pointer;background:#c83c3c14;border:1px solid #c83c3c1f;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.credit-remove-btn:hover{color:#dc5050;background:#c83c3c33}.add-credit-btn{margin-top:var(--sp-3);width:100%;padding:var(--sp-2) var(--sp-3);color:var(--text-dim);font-family:var(--font-body);cursor:pointer;background:0 0;border:1px dashed #ffffff1a;border-radius:8px;font-size:.75rem;transition:border-color .15s,color .15s,background .15s}.add-credit-btn:hover{color:#ff6b1ab3;background:#ff6b1a0a;border-color:#ff6b1a4d}.upload-step.active .upload-step-num{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:none!important;border-color:#0000!important}.upload-step.active .upload-step-label{font-weight:600;color:var(--text-primary)!important}.upload-drop-zone:hover,.upload-drop-zone--drag{border-color:var(--glass-border-light)!important;background:var(--accent-interactive-dim)!important}.upload-drop-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 14px var(--btn-primary-glow)!important}.upload-drop-btn:hover{background:var(--btn-primary-hover)!important}.upload-add-more,.copy-all-btn,.review-edit-btn{color:var(--text-muted)!important}.upload-add-more:hover,.copy-all-btn:hover{color:var(--text-primary)!important}.review-edit-btn:hover{background:var(--glass-bg-hover)!important;color:var(--text-primary)!important}.upload-tag,.upload-genre-tag{background:var(--accent-interactive-dim)!important;color:var(--text-secondary)!important;border-color:var(--glass-border)!important}.toggle-btn.on{background:var(--accent-interactive)!important;color:var(--btn-primary-text)!important;box-shadow:none!important;border-color:#0000!important}.contract-option.selected-contract{border-color:var(--glass-border-light)!important;background:var(--accent-interactive-dim)!important}.track-tab.active .track-tab-num,.adv-track-tab.active .adv-tab-num{background:var(--accent-interactive-dim)!important;color:var(--text-primary)!important}.upload-next-btn,.upload-success-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;box-shadow:0 4px 16px var(--btn-primary-glow)!important}.upload-next-btn:hover,.upload-success-btn:hover{background:var(--btn-primary-hover)!important}.upload-progress-bar{background:var(--accent-interactive)!important}.upload-uploading-icon{color:var(--text-primary)!important}.er-wrap{border-radius:var(--radius-xl);background:radial-gradient(at 50% 110%,#9b6dff14 0%,#0000 70%);flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-height:380px;padding-bottom:40px;display:flex;position:relative;overflow:hidden}.er-wrap--listener{min-height:260px;padding-bottom:24px}.er-desert{pointer-events:none;position:absolute;inset:0}.er-dune{opacity:.07;border-radius:50% 50% 0 0/60% 60% 0 0;width:110%;position:absolute;bottom:0;left:-5%}.er-dune--near{background:#9b6dffcc;height:80px;bottom:0}.er-dune--mid{background:#9b6dff80;width:90%;height:55px;bottom:40px;left:10%}.er-dune--far{background:#9b6dff4d;width:120%;height:35px;bottom:72px;left:-10%}.er-tumbleweed{opacity:.18;color:#9b6dffb3;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:1.2rem;animation:8s linear infinite er-roll;position:absolute;bottom:58px}.er-tw1{font-size:1.4rem;animation-duration:9s;animation-delay:0s}.er-tw2{font-size:.9rem;animation-duration:13s;animation-delay:-5s;bottom:65px}@keyframes er-roll{0%{left:105%;transform:rotate(0)}to{left:-10%;transform:rotate(-540deg)}}.er-dust{pointer-events:none;background:#9b6dff66;border-radius:50%;width:3px;height:3px;animation:6s ease-in-out infinite er-float;position:absolute}.er-dust--0{animation-duration:5s;animation-delay:0s;bottom:30%;left:15%}.er-dust--1{animation-duration:7s;animation-delay:-1.5s;bottom:45%;left:35%}.er-dust--2{animation-duration:6s;animation-delay:-3s;bottom:25%;left:55%}.er-dust--3{animation-duration:8s;animation-delay:-.8s;bottom:40%;left:75%}.er-dust--4{animation-duration:5.5s;animation-delay:-2s;bottom:60%;left:88%}.er-dust--5{animation-duration:9s;animation-delay:-4s;bottom:55%;left:25%}@keyframes er-float{0%,to{opacity:.4;transform:translateY(0)scale(1)}50%{opacity:.15;transform:translateY(-18px)scale(1.4)}}.er-mascot-wrap{z-index:2;flex-direction:column;align-items:center;gap:0;margin-bottom:18px;display:flex;position:relative}.er-bubble{color:#1a1a2e;font-size:.82rem;font-weight:700;font-family:var(--font-body);text-align:center;z-index:3;background:#ffffffeb;border-radius:14px;max-width:280px;margin-bottom:12px;padding:10px 18px;line-height:1.4;transition:opacity .4s;position:relative;box-shadow:0 4px 24px #00000040}.er-bubble--fade{opacity:0}.er-bubble:after{content:"";border-top:11px solid #ffffffeb;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.er-mascot-img-wrap{filter:drop-shadow(0 12px 32px #9b6dff40);animation:3.5s ease-in-out infinite er-mascot-float}.er-mascot-img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:180px;height:180px;display:block}.er-wrap--listener .er-mascot-img{width:130px;height:130px}@keyframes er-mascot-float{0%,to{transform:translateY(0)rotate(-1deg)}30%{transform:translateY(-10px)rotate(1deg)}60%{transform:translateY(-5px)rotate(-.5deg)}}.er-label{z-index:2;color:var(--text-dim);text-align:center;max-width:320px;padding:0 var(--sp-4);font-size:.76rem;line-height:1.55;position:relative}.rel-page-header{margin-bottom:var(--sp-8);justify-content:space-between;align-items:flex-start;gap:var(--sp-4);flex-wrap:wrap;display:flex}.rel-page-header h1{margin-bottom:4px;font-size:1.75rem}.rel-page-sub{color:var(--text-muted);margin:0;font-size:.82rem}.rel-upload-btn{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);background:var(--orange-500);color:#fff;font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:6px;font-size:.82rem;transition:background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 0 20px #ff6b1a4d}.rel-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(148px,1fr));margin-bottom:40px;display:grid}.rel-card{border-radius:var(--radius-lg);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;transition:transform .2s,opacity .25s,filter .25s,border-color .2s,box-shadow .2s;overflow:hidden}.rel-card:hover{border-color:#ffffff1f;transform:translateY(-4px)}.rel-card.selected{border-color:#fff3;transform:translateY(-4px);box-shadow:0 0 0 1px #ffffff14,0 12px 40px #0000008c}.rel-card.dimmed{opacity:.22;filter:blur(.5px)saturate(.3);pointer-events:none}.rel-card-art{aspect-ratio:1;position:relative;overflow:hidden}.rel-card-accent{opacity:.75;height:3px;position:absolute;bottom:0;left:0;right:0}.rel-card-play{color:#fff0;background:0 0;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex;position:absolute;inset:0}.rel-card:hover .rel-card-play{color:#ffffffe6;background:#0000006b}.rel-card-private{text-transform:uppercase;letter-spacing:.05em;color:#ffffff73;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:20px;align-items:center;gap:3px;padding:3px 7px;font-size:.57rem;font-weight:700;display:flex;position:absolute;top:7px;right:7px}.rel-card-info{padding:10px 11px 12px}.rel-card-title{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.rel-card-artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;overflow:hidden}.rel-card-meta{color:var(--text-dim);margin-top:4px;font-size:.62rem}.rel-card-empty{border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;gap:var(--sp-2);aspect-ratio:1;color:var(--text-dim);background:0 0;border:1px dashed #ffffff1a;flex-direction:column;min-height:148px;font-size:.72rem;transition:border-color .15s,color .15s,background .15s;display:flex}.rel-card-empty:hover{color:#ff6b1ab3;background:#ff6b1a0a;border-color:#ff6b1a4d}.rel-overlay{z-index:300;padding:0 var(--sp-4) var(--sp-6);pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.rel-panel{pointer-events:all;width:100%;max-width:640px;padding:var(--sp-6);animation:.28s cubic-bezier(.22,1,.36,1) slideUpPanel;position:relative;box-shadow:0 -8px 80px #000000b3,0 0 0 1px #ffffff0a;border-radius:var(--radius-2xl)!important;border:1px solid #ffffff1a!important}.rel-panel-close{top:var(--sp-4);right:var(--sp-4);border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute}.rel-panel-close:hover{background:#ffffff1f}.rdp-header{gap:var(--sp-4);margin-bottom:var(--sp-5);align-items:flex-start;display:flex}.rdp-art{border-radius:var(--radius-md);flex-shrink:0;width:68px;height:68px;position:relative;overflow:hidden}.rdp-art-accent{opacity:.8;height:3px;position:absolute;bottom:0;left:0;right:0}.rdp-meta{flex:1;min-width:0}.rdp-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.2rem;font-weight:700}.rdp-album{color:var(--text-muted);margin-top:3px;margin-bottom:var(--sp-2);font-size:.8rem}.rdp-tags{margin-bottom:var(--sp-2);flex-wrap:wrap;gap:5px;display:flex}.rdp-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:#ffffff0f;border:1px solid #ffffff12;border-radius:20px;padding:2px 8px;font-size:.63rem;font-weight:600}.rdp-details{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:6px;font-size:.7rem;display:flex}.rdp-vis{align-items:center;gap:3px;font-weight:600;display:inline-flex}.rdp-vis.pub{color:#50c878d9}.rdp-vis.priv{color:var(--text-dim)}.rdp-stats{gap:var(--sp-3);margin-bottom:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.rdp-stat{border-radius:var(--radius-lg);padding:var(--sp-3);text-align:center;background:#ffffff08;border:1px solid #ffffff0f}.rdp-stat-icon{opacity:.8;margin-bottom:6px}.rdp-stat-val{font-family:var(--font-heading);color:var(--text-primary);font-size:1.15rem;font-weight:700;line-height:1}.rdp-feedback-sub{color:var(--text-dim);margin-left:2px;font-size:.6rem;font-weight:400}.rdp-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-top:4px;font-size:.6rem}.rdp-revenue{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);margin-bottom:var(--sp-4);background:#ffffff05;border:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.rdp-revenue-label{color:var(--text-muted);font-size:.78rem}.rdp-revenue-val{font-family:var(--font-heading);font-size:1.3rem;font-weight:700}.rdp-actions{gap:var(--sp-2);flex-wrap:wrap;display:flex}.rdp-btn{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);color:#ffffffbf;font-size:.78rem;font-weight:500;font-family:var(--font-body);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;transition:background .15s}.rdp-btn:hover{background:#ffffff1f}.rdp-btn--danger{color:var(--text-dim)}.rdp-btn--danger:hover{color:#dc5050e6;background:#c83c3c14;border-color:#dc505033}@media (width<=640px){.rel-grid{grid-template-columns:repeat(3,1fr)}.rdp-stats{grid-template-columns:repeat(2,1fr)}.rel-panel{padding:var(--sp-5)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.rel-card--skeleton{pointer-events:none}.rel-skeleton-art{aspect-ratio:1;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.4s infinite shimmer}.rel-skeleton-line{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;border-radius:6px;height:9px;margin-bottom:7px;animation:1.4s infinite shimmer}.rel-skeleton-line.wide{width:80%}.rel-skeleton-line.narrow{width:50%}.rel-empty{align-items:center;gap:var(--sp-4);padding:var(--sp-16) var(--sp-8);text-align:center;color:var(--text-muted);flex-direction:column;display:flex}.rel-empty h2{color:var(--text-primary);margin:0;font-size:1.2rem}.rel-empty p{color:var(--text-dim);margin:0;font-size:.85rem}.rel-empty-error{color:#ff6464cc;font-size:.85rem}.rel-card-art-fallback{color:#ffffff1f;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rdp-art-fallback{color:#ffffff26;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rel-card-pending{text-transform:uppercase;letter-spacing:.05em;color:#ffb03ce6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffa01e2e;border:1px solid #ffa01e33;border-radius:20px;padding:3px 7px;font-size:.57rem;font-weight:700;position:absolute;top:7px;left:7px}.rdp-tag--status{color:#ffb03cd9;background:#ffa01e1a;border-color:#ffa01e26}.spin-sm{animation:.9s linear infinite spinAnim}.rdp-btn.loading{opacity:.6;cursor:default}.rel-filter-bar{gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-xl);margin-bottom:var(--sp-5);background:#ffffff08;border:1px solid #ffffff0f;flex-wrap:wrap;align-items:flex-start;display:flex}.rel-filter-group{flex-direction:column;gap:6px;display:flex}.rel-filter-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);font-size:.62rem;font-weight:700}.rel-filter-pills{flex-wrap:wrap;gap:3px;display:flex}.rel-filter-pill{color:var(--text-muted);cursor:pointer;font-size:.72rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;padding:3px 10px;transition:all .12s}.rel-filter-pill:hover{color:var(--text-secondary);background:#ffffff17}.rel-filter-pill.active{color:#b996fff2;background:#9b6dff2e;border-color:#9b6dff59}.rel-filter-clear{border-radius:var(--radius-full);color:#f43f5ebf;cursor:pointer;font-size:.7rem;font-weight:600;font-family:var(--font-body);background:#f43f5e14;border:1px solid #f43f5e33;align-self:flex-end;margin-left:auto;padding:4px 12px;transition:all .12s}.rel-filter-clear:hover{color:#f43f5e;background:#f43f5e26}.rel-loading-spinner{opacity:.35;justify-content:center;align-items:center;padding:80px 0;display:flex}.rel-spinner-icon{animation:1s linear infinite rel-spin}@keyframes rel-spin{to{transform:rotate(360deg)}}.rel-upload-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border:1px solid var(--btn-primary-border)!important;box-shadow:0 4px 16px var(--btn-primary-glow)!important}.rel-upload-btn:hover{background:var(--btn-primary-hover)!important;box-shadow:0 6px 22px var(--btn-primary-glow)!important}.creator-artists-page{padding:var(--sp-6)}.ca-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:flex-start;display:flex}.ca-header h1{margin:0 0 4px;font-size:1.8rem;font-weight:700}.ca-header-sub{color:var(--text-muted);margin:0;font-size:.82rem}.ca-add-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-body);background:#ffffff0f;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:8px 18px;transition:all .15s;display:flex}.ca-add-btn:hover{color:#fff;background:#ffffff1c}.ca-layout{gap:var(--sp-6);align-items:flex-start;display:flex}.ca-grid{gap:var(--sp-4);flex:1;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));min-width:0;display:grid}.ca-layout--split .ca-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.ca-card{align-items:center;gap:var(--sp-2);padding:var(--sp-4) var(--sp-3);border-radius:var(--radius-xl);cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff0f;flex-direction:column;transition:all .2s;display:flex}.ca-card:hover{background:#ffffff12;transform:translateY(-2px)}.ca-card--selected{background:#ffffff14;border-color:#fff3;transform:scale(1.03)}.ca-card--dimmed{opacity:.35;pointer-events:auto}.ca-card-avatar{width:68px;height:68px;margin-bottom:var(--sp-1);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;font-weight:800;display:flex;position:relative}.ca-card-selected-ring{border:2px solid;border-radius:50%;animation:2s ease-in-out infinite ring-pulse;position:absolute;inset:-4px}@keyframes ring-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.ca-card-name{color:#ffffffe0;font-size:.82rem;font-weight:700;line-height:1.3}.ca-card-genre{color:var(--text-muted);font-size:.68rem}.ca-card-loc{color:var(--text-dim);align-items:center;gap:3px;font-size:.65rem;display:flex}.ca-detail-panel{width:340px;padding:var(--sp-5) var(--sp-5);gap:var(--sp-4);flex-direction:column;flex-shrink:0;max-height:80vh;animation:.22s panel-slide-in;display:flex;position:relative;overflow-y:auto;border-radius:var(--radius-xl)!important}@keyframes panel-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ca-panel-close{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:14px}.ca-panel-close:hover{background:#ffffff1f}.ca-panel-header{align-items:center;gap:var(--sp-3);padding-right:28px;display:flex}.ca-panel-avatar{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.1rem;font-weight:800;display:flex}.ca-panel-title-area{flex:1;min-width:0}.ca-panel-name-input{color:#ffffffeb;width:100%;font-size:1rem;font-weight:700;font-family:var(--font-body);background:0 0;border:none;border-bottom:1px solid #ffffff14;outline:none;padding:2px 0}.ca-panel-name-input:focus{border-bottom-color:#ffffff40}.ca-panel-genre{color:var(--text-muted);margin-top:3px;font-size:.7rem}.ca-panel-field{flex-direction:column;gap:6px;display:flex}.ca-panel-field label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:4px;font-size:.62rem;font-weight:700;display:flex}.ca-panel-field input,.ca-panel-field textarea{width:100%;color:var(--text-secondary);font-size:.8rem;font-family:var(--font-body);padding:var(--sp-2) var(--sp-3);resize:vertical;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none}.ca-panel-field input:focus,.ca-panel-field textarea:focus{border-color:#fff3}.ca-tag-group{flex-direction:column;gap:6px;display:flex}.ca-tags{flex-wrap:wrap;gap:4px;display:flex}.ca-tag{color:#b996ffe6;background:#9b6dff26;border:1px solid #9b6dff40;border-radius:5px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;display:flex}.ca-tag button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:flex}.ca-tag-input-row{gap:5px;display:flex}.ca-tag-input-row input{flex:1}.ca-tag-add{color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;align-items:center;padding:4px 8px;display:flex}.ca-tag-add:hover{background:#ffffff1f}.ca-perf-list{flex-direction:column;gap:3px;display:flex}.ca-perf-row{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.75rem;display:flex}.ca-perf-row button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;display:flex}.ca-perf-row button:hover{color:#f43f5ecc}.ca-panel-actions{align-items:center;gap:var(--sp-3);padding-top:var(--sp-2);justify-content:flex-end;display:flex}.ca-save-btn{border-radius:var(--radius-full);color:#b996fff2;cursor:pointer;font-size:.8rem;font-weight:700;font-family:var(--font-body);background:#9b6dff38;border:none;align-items:center;gap:6px;padding:8px 18px;transition:background .15s;display:flex}.ca-save-btn:hover{background:#9b6dff5c}.ca-saved-toast{color:#50c878e6;align-items:center;gap:5px;font-size:.76rem;font-weight:600;animation:.2s fade-in;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=800px){.ca-layout{flex-direction:column}.ca-detail-panel{width:100%;max-height:unset}}.visual-identity-page{padding:var(--sp-6)}.vi-header{margin-bottom:var(--sp-6);justify-content:space-between;align-items:flex-start;gap:var(--sp-4);display:flex}.vi-header h1{margin:0 0 4px;font-size:1.8rem;font-weight:700}.vi-header-sub{color:var(--text-muted);margin:0;font-size:.82rem}.vi-header-actions{align-items:center;gap:var(--sp-3);display:flex}.vi-preview-btn{border-radius:var(--radius-full);color:#fff9;cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-body);background:#ffffff0d;border:1.5px solid #ffffff1f;align-items:center;gap:6px;padding:9px 18px;transition:background .15s,border-color .15s,color .15s;display:flex}.vi-preview-btn:hover{color:#ffffffe0;background:#ffffff1a;border-color:#ffffff38}.vi-save-btn{border-radius:var(--radius-full);color:#b996fff2;cursor:pointer;font-size:.82rem;font-weight:700;font-family:var(--font-body);background:#9b6dff38;border:none;padding:9px 22px;transition:background .15s}.vi-save-btn:hover{background:#9b6dff5c}.vi-saved-toast{color:#50c878e6;align-items:center;gap:5px;font-size:.78rem;font-weight:600;display:flex}.vi-grid{gap:var(--sp-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}.vi-col{gap:var(--sp-5);flex-direction:column;display:flex}.vi-card{padding:var(--sp-5);gap:var(--sp-3);flex-direction:column;display:flex;position:relative;border-radius:var(--radius-xl)!important}.vi-rhandle{z-index:30;opacity:0;pointer-events:auto;width:22px;height:22px;transition:opacity .15s;position:absolute;bottom:4px}.vi-card:hover .vi-rhandle{opacity:1}.vi-rhandle--sw{cursor:sw-resize;left:4px}.vi-rhandle--se{cursor:se-resize;right:4px}.vi-rhandle--sw:after,.vi-rhandle--se:after{content:"";border-bottom:2px solid #ffffff73;border-radius:0 0 0 2px;width:9px;height:9px;transition:border-color .12s;position:absolute;bottom:3px}.vi-rhandle--sw:after{border-left:2px solid #ffffff73;left:3px}.vi-rhandle--se:after{border-right:2px solid #ffffff73;right:3px}.vi-rhandle:hover:after{border-color:#9b6dffd9}.vi-card-title{color:#ffffffe0;align-items:center;gap:7px;font-size:.85rem;font-weight:700;display:flex}.vi-card-hint{color:var(--text-muted);margin:0;font-size:.76rem;line-height:1.55}.vi-file-input-hidden{opacity:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vi-upload-zone{border-radius:var(--radius-xl);background:#ffffff08;border:1.5px dashed #ffffff1f;flex-direction:column;min-height:130px;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.vi-upload-zone.has-preview{border-style:solid;border-color:#ffffff1a}.vi-clickable-label{cursor:pointer;min-height:130px;padding:var(--sp-4);color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;transition:background .15s;display:flex}.vi-clickable-label:hover{background:#ffffff0f}.vi-upload-label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.vi-upload-hint{color:var(--text-dim);font-size:.68rem}.vi-preview-wrapper{flex:1;width:100%;position:relative}.vi-preview-img{object-fit:cover;border-radius:10px;width:100%;height:150px;display:block}.vi-upload-zone--avatar .vi-preview-img{height:100px}.vi-preview-actions{opacity:0;gap:5px;transition:opacity .15s;display:flex;position:absolute;bottom:8px;right:8px}.vi-preview-wrapper:hover .vi-preview-actions{opacity:1}.vi-preview-btn{color:#ffffffd9;cursor:pointer;font-size:.72rem;font-weight:600;font-family:var(--font-body);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e1e28d9;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;line-height:1.3;display:inline-flex}.vi-preview-btn--remove{color:#ff7882e6;background:#f43f5e40;border-color:#f43f5e4d}.vi-preview-btn--remove:hover{background:#f43f5e73}.vi-avatar-upload-row{gap:var(--sp-3);align-items:flex-start;display:flex}.vi-avatar-upload-row .vi-upload-zone{flex:1;min-height:100px}.vi-avatar-preview{border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;align-self:center;width:80px;height:80px;overflow:hidden}.vi-avatar-preview img{object-fit:cover;width:100%;height:100%}.vi-mode-pills{gap:6px;display:flex}.vi-mode-pill{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;font-size:.78rem;font-weight:600;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff1a;align-items:center;gap:5px;padding:6px 16px;transition:all .15s;display:flex}.vi-mode-pill:hover{background:#ffffff17}.vi-mode-pill.active{color:#b996fff2;background:#9b6dff33;border-color:#9b6dff66}.vi-mode-desc{color:var(--text-muted);font-size:.74rem;line-height:1.5}.vi-artwork-canvas{width:100%;min-height:320px;position:relative;overflow:hidden}.vi-artwork-card{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:1;background:0 0;border:1px solid #ffffff12;border-radius:10px;transition:border-color .2s,box-shadow .2s;position:absolute;overflow:visible}.vi-artwork-card:active{cursor:grabbing}.vi-artwork-card--cropped{border-color:#9b6dff4d}.vi-artwork-card:hover{z-index:10;box-shadow:0 4px 24px #00000059}.vi-artwork-card--snapping{transition:box-shadow 80ms;box-shadow:0 0 0 2px #9b6dffcc,0 4px 24px #9b6dff59!important}.vi-artwork-img{object-fit:cover;pointer-events:none;border-radius:10px;width:100%;height:100%;display:block;position:absolute;inset:0}.vi-artwork-overlay{opacity:0;pointer-events:none;background:linear-gradient(#00000085 0%,#0000 30% 60%,#00000094 100%);flex-direction:column;justify-content:space-between;padding:7px;transition:opacity .15s;display:flex;position:absolute;inset:0}.vi-artwork-card:hover .vi-artwork-overlay{opacity:1}.vi-artwork-overlay-top{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.vi-artwork-overlay-label{font-size:.62rem;font-weight:600;font-family:var(--font-body);color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 3px #0009;cursor:text;flex:1;min-width:0;overflow:hidden}.vi-artwork-label-empty{opacity:.45;font-style:italic}.vi-artwork-label-input{min-width:0;font-size:.62rem;font-weight:600;font-family:var(--font-body);color:#fffffff2;pointer-events:auto;background:#0000008c;border:1px solid #9b6dff8c;border-radius:5px;outline:none;flex:1;width:100%;padding:2px 6px}.vi-artwork-label-input:focus{border-color:#9b6dffd9;box-shadow:0 0 0 2px #9b6dff33}.vi-artwork-overlay-bottom{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.vi-artwork-crop-badge{color:#b996fff2;background:#9b6dff40;border:1px solid #9b6dff4d;border-radius:20px;padding:1px 6px;font-size:.58rem;font-weight:700}.vi-artwork-btn{font-size:.62rem;font-weight:700;font-family:var(--font-body);color:#ffffffd9;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#1e1432b3;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:3px;padding:3px 6px;transition:background .12s,color .12s;display:inline-flex}.vi-artwork-btn:hover{background:#9b6dff59;border-color:#9b6dff66}.vi-artwork-btn.active{color:#dcbeff;background:#9b6dff66;border-color:#9b6dff80}.vi-artwork-btn--danger{background:#f43f5e59;border-color:#f43f5e4d}.vi-artwork-btn--danger:hover{background:#f43f5e99}.vi-artwork-add{height:110px;color:var(--text-muted);cursor:pointer;font-size:.7rem;font-family:var(--font-body);background:#ffffff05;border:1.5px dashed #ffffff1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:all .15s;display:flex}.vi-artwork-add:hover{background:#ffffff0f;border-color:#fff3}.vi-palette-presets{gap:var(--sp-2);flex-wrap:nowrap;justify-content:center;margin:0 -2px;display:flex}.vi-preset-btn{cursor:pointer;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff14;border-radius:7px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:3px;padding:4px 8px;transition:all .12s;display:flex}.vi-preset-btn.active{background:#ffffff1a;border-color:#ffffff40}.vi-preset-btn>span:first-child,.vi-preset-btn>span:nth-child(2){border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.vi-preset-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-left:0;font-size:.62rem;overflow:hidden}.vi-color-pickers{flex-direction:row;justify-content:center;align-items:center;gap:10px;display:flex}.vi-color-row+.vi-color-row:before{content:"|";color:#ffffff2e;flex-shrink:0;margin-right:10px;font-size:.9rem}.vi-color-row{flex-direction:row;align-items:center;gap:8px;display:flex}.vi-color-row label{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.vi-color-row input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;width:32px;height:24px;padding:2px}.vi-color-row code{color:var(--text-dim);font-family:monospace;font-size:.68rem}.vi-bio-textarea{box-sizing:border-box;width:100%;color:var(--text-secondary);font-size:.84rem;font-family:var(--font-body);resize:vertical;background:#ffffff0a;border:1.5px solid #ffffff14;border-radius:10px;outline:none;min-height:100px;padding:10px 12px;line-height:1.7;transition:border-color .15s,background .15s}.vi-bio-textarea::placeholder{color:#fff3}.vi-bio-textarea:hover{background:#ffffff0d;border-color:#ffffff24}.vi-bio-textarea:focus{background:#9b6dff0a;border-color:#9b6dff66}.vi-about-links-label{color:var(--text-muted);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid #ffffff0f;align-items:center;gap:5px;margin-bottom:6px;font-size:.72rem;font-weight:600;display:flex}.vi-links-list{flex-direction:column;gap:6px;display:flex}.vi-link-row{align-items:center;gap:6px;display:flex}.vi-link-row input{color:var(--text-secondary);font-size:.78rem;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;flex:1;padding:7px 10px}.vi-link-row input:focus{border-color:#fff3}.vi-link-remove{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vi-link-remove:hover{color:#f43f5ecc;background:#f43f5e26}.vi-add-link-btn{color:var(--text-muted);cursor:pointer;font-size:.74rem;font-family:var(--font-body);background:#ffffff05;border:1px dashed #ffffff1a;border-radius:7px;align-self:flex-start;align-items:center;gap:5px;padding:6px 14px;transition:all .12s;display:inline-flex}.vi-add-link-btn:hover{background:#ffffff12}@media (width<=900px){.vi-grid{grid-template-columns:1fr}}.vi-upload-zone.vi-drag-over,.vi-artwork-add.vi-drag-over{background:#9b6dff1a!important;border-color:#9b6dff99!important}.vi-upload-zone.vi-drag-over .vi-upload-label,.vi-artwork-add.vi-drag-over span{color:#b996fff2}.vi-upload-zone.vi-drag-over svg,.vi-artwork-add.vi-drag-over svg{color:#b996ffcc}.vi-cover-zone{border-radius:var(--radius-xl);background:#ffffff08;border:1.5px dashed #ffffff1f;flex-direction:column;min-height:180px;transition:border-color .15s;display:flex;overflow:hidden}.vi-cover-zone.vi-drag-over{background:#9b6dff1a!important;border-color:#9b6dff99!important}.vi-cover-preview{cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:180px;position:relative;overflow:hidden}.vi-cover-preview--dragging{cursor:grabbing}.vi-cover-img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:object-position 50ms;display:block}.vi-cover-reposition-hint{color:#ffffffe6;font-size:.8rem;font-weight:700;font-family:var(--font-body);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#00000052;justify-content:center;align-items:center;gap:6px;transition:opacity .18s;display:flex;position:absolute;inset:0}.vi-cover-preview:hover .vi-cover-reposition-hint{opacity:1}.vi-cover-preview--dragging .vi-cover-reposition-hint{opacity:0}.vi-cover-pos-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffb3;pointer-events:none;opacity:0;background:#0000008c;border-radius:20px;padding:3px 9px;font-family:monospace;font-size:.65rem;font-weight:700;transition:opacity .15s;position:absolute;bottom:8px;left:10px}.vi-cover-preview:hover .vi-cover-pos-pill{opacity:1}.vi-cover-actions{opacity:0;gap:5px;transition:opacity .15s;display:flex;position:absolute;bottom:8px;right:8px}.vi-cover-preview:hover .vi-cover-actions{opacity:1}.vi-cover-preview--dragging .vi-cover-actions{opacity:0}.vi-avatar-zone-wrap{align-items:center;gap:var(--sp-4);display:flex}.vi-avatar-zone{border-radius:var(--radius-xl);cursor:grab;background:#ffffff08;border:1.5px dashed #ffffff1f;flex-direction:column;flex-shrink:0;width:140px;height:140px;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.vi-avatar-zone.vi-drag-over{background:#9b6dff1a!important;border-color:#9b6dff99!important}.vi-avatar-zone--dragging{cursor:grabbing}.vi-avatar-zone-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.vi-avatar-circle-guide{border-radius:var(--radius-xl);pointer-events:none;border:2px solid #ffffff59;border-radius:50%;width:110px;height:110px;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #00000073}.vi-avatar-zone .vi-cover-reposition-hint{pointer-events:none}.vi-avatar-zone:hover .vi-cover-reposition-hint{opacity:1}.vi-avatar-zone--dragging .vi-cover-reposition-hint,.vi-avatar-zone .vi-cover-actions{opacity:0}.vi-avatar-zone:hover .vi-cover-actions{opacity:1}.vi-avatar-zone--dragging .vi-cover-actions{opacity:0}.vi-avatar-circle-preview{flex-direction:column;flex-shrink:0;align-items:center;gap:5px;display:flex}.vi-avatar-circle-preview img{object-fit:cover;border:2px solid #9b6dff59;border-radius:50%;width:80px;height:80px;display:block}.vi-avatar-circle-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;font-size:.62rem;font-weight:600}.vi-avatar-zone{cursor:default!important;width:200px!important;height:200px!important}.vi-avatar-preview-inner{cursor:grab;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.vi-avatar-preview-inner .vi-cover-reposition-hint,.vi-avatar-preview-inner .vi-cover-pos-pill{display:none!important}.vi-avatar-preview-inner .vi-cover-actions{opacity:0;transition:opacity .15s}.vi-avatar-preview-inner:hover .vi-cover-actions{opacity:1}.vi-avatar-preview-inner--dragging .vi-cover-actions{opacity:0}.vi-avatar-circle-guide{width:450px!important;height:450px!important}.vi-avatar-circle-preview img{width:110px!important;height:110px!important}.vi-avatar-preview-inner .vi-cover-actions{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;border-radius:0;justify-content:center;gap:6px;padding:7px 8px;bottom:0;left:0;right:0}.vi-avatar-preview-inner .vi-cover-actions .vi-preview-btn{text-align:center;flex:1;justify-content:center}.vi-avatar-zone{cursor:default!important;border-radius:14px!important;flex-direction:column!important;width:100%!important;height:auto!important;display:flex!important;overflow:hidden!important}.vi-avatar-zone:not(.has-preview){aspect-ratio:unset!important;flex:1!important}.vi-avatar-preview-inner{aspect-ratio:1;cursor:grab;flex-shrink:0;width:100%;position:relative;overflow:hidden}.vi-avatar-preview-inner--dragging{cursor:grabbing}.vi-avatar-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0818d9;border-top:1px solid #ffffff14;align-items:center;gap:0;display:flex}.vi-avatar-toolbar-btn{color:#ffffffb3;font-size:.68rem;font-weight:600;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-right:1px solid #ffffff0f;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;transition:background .15s,color .15s;display:flex}.vi-avatar-toolbar-btn:last-child{border-right:none}.vi-avatar-toolbar-btn:hover{color:#b996fff2;background:#9b6dff1f}.vi-avatar-toolbar-btn--remove:hover{color:#f43f5ee6;background:#f43f5e1f}.vi-avatar-preview-inner .vi-avatar-circle-guide{pointer-events:none;border:2px solid #ffffff59;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #00000073;width:450px!important;height:450px!important}.vi-artwork-add{cursor:default;background:#ffffff05;border:1.5px dashed #ffffff1f;border-radius:10px;justify-content:center;align-items:center;transition:border-color .18s,background .18s;display:flex}.vi-artwork-add--fill{border-radius:8px;flex:1;margin-top:4px}.vi-artwork-add-label{cursor:pointer;color:#ffffff40;width:100%;height:100%;font-size:.7rem;font-weight:600;font-family:var(--font-body);flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:color .15s;display:flex}.vi-artwork-add:hover .vi-artwork-add-label,.vi-artwork-add.vi-drag-over .vi-artwork-add-label{color:#b996ffcc}.vi-reposition-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04020ebf;justify-content:center;align-items:center;animation:.2s vi-overlay-in;display:flex;position:fixed;inset:0}@keyframes vi-overlay-in{0%{opacity:0}to{opacity:1}}.vi-reposition-modal{background:#120e24f7;border:1px solid #9b6dff33;border-radius:20px;flex-direction:column;width:min(660px,90vw);animation:.22s cubic-bezier(.34,1.56,.64,1) vi-modal-in;display:flex;overflow:hidden;box-shadow:0 32px 80px #000000a6,0 0 0 1px #ffffff0a}@keyframes vi-modal-in{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.vi-reposition-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.vi-reposition-title{color:#ffffffd9;align-items:center;gap:8px;font-size:.88rem;font-weight:700;display:flex}.vi-reposition-title em{color:#b996ffe6;font-style:normal}.vi-reposition-close{color:#ffffff8c;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .13s,color .13s;display:flex}.vi-reposition-close:hover{color:#f43f5ee6;background:#f43f5e33}.vi-reposition-img-area{cursor:grab;-webkit-user-select:none;user-select:none;background:#0000004d;width:100%;height:420px;position:relative;overflow:hidden}.vi-reposition-img-area--drag{cursor:grabbing}.vi-reposition-img{pointer-events:none;width:100%;height:100%;display:block}.vi-reposition-hint{color:#ffffffd9;font-size:.9rem;font-weight:700;font-family:var(--font-body);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000047;justify-content:center;align-items:center;gap:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}.vi-reposition-img-area:hover .vi-reposition-hint,.vi-reposition-img-area--drag .vi-reposition-hint{opacity:1}.vi-reposition-coords{color:#b996fff2;font-family:monospace;font-size:1.1rem}.vi-reposition-footer{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.vi-reposition-reset{color:#ffffff8c;cursor:pointer;font-size:.76rem;font-weight:600;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;transition:background .13s,color .13s;display:inline-flex}.vi-reposition-reset:hover{color:#ffffffd9;background:#ffffff1a}.vi-reposition-actions{gap:10px;display:flex}.vi-reposition-cancel{color:#fff9;cursor:pointer;font-size:.82rem;font-weight:600;font-family:var(--font-body);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;padding:8px 20px;transition:background .13s}.vi-reposition-cancel:hover{color:#ffffffd9;background:#ffffff1a}.vi-reposition-confirm{color:#fff;cursor:pointer;font-size:.82rem;font-weight:700;font-family:var(--font-body);background:linear-gradient(135deg,#9b6dffd9,#7850dcd9);border:none;border-radius:9px;padding:8px 24px;transition:opacity .13s,transform .1s;box-shadow:0 4px 16px #9b6dff4d}.vi-reposition-confirm:hover{opacity:.88;transform:translateY(-1px)}.vi-reposition-confirm:active{transform:translateY(0)}.vi-grid{gap:var(--sp-5)!important;flex-direction:row!important;align-items:flex-start!important;display:flex!important}.vi-grid>.vi-col:first-child{min-width:0;gap:var(--sp-5)!important;flex-direction:column!important;flex:1!important;display:flex!important}.vi-grid>.vi-col:last-child{min-width:0;gap:var(--sp-5)!important;flex-direction:column!important;flex:2!important;display:flex!important}.vi-col{display:flex!important}.vi-area-display{align-self:start}.vi-area-artworks{flex-direction:column;display:flex}.vi-card--artwork .vi-artwork-canvas{flex:1;align-content:start}.vi-card--artwork{overflow:hidden;gap:0!important;padding:0!important}.vi-card--artwork .vi-card-title{padding:var(--sp-5) var(--sp-5) 0 var(--sp-5)}.vi-card--artwork .vi-card-hint{padding:4px var(--sp-5) 6px var(--sp-5)}@media (width<=900px){.vi-grid{flex-direction:column!important}.vi-grid>.vi-col:first-child,.vi-grid>.vi-col:last-child{flex:none!important;width:100%!important}}.vi-area-avatar{flex-direction:column;align-self:stretch;display:flex}.vi-area-avatar .vi-avatar-zone-wrap{flex-direction:column;flex:1;align-items:stretch;min-height:0;display:flex}.vi-area-avatar .vi-avatar-zone{width:100%!important;height:auto!important;min-height:unset!important;aspect-ratio:unset!important;flex:1!important;max-height:none!important}.vi-area-avatar .vi-avatar-circle-preview{display:none!important}.vi-avatar-toolbar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border-top:1px solid #ffffff0f!important;flex-direction:row!important;justify-content:flex-end!important;gap:5px!important;padding:8px 10px!important}.vi-avatar-toolbar-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:unset!important;color:#ffffffd9!important;border:1px solid #ffffff1f!important;border-right:unset!important;background:#1e1e28d9!important;border-radius:6px!important;padding:4px 10px!important;font-size:.72rem!important}.vi-avatar-toolbar-btn:hover{color:#fff!important;background:#3c3250e6!important;border-color:#ffffff38!important}.vi-avatar-toolbar-btn--remove{color:#ff7882e6!important;background:#f43f5e40!important;border-color:#f43f5e4d!important}.vi-avatar-toolbar-btn--remove:hover{background:#f43f5e73!important}.vi-avatar-zone{border-radius:16px!important;width:280px!important}.vi-avatar-preview-inner{min-height:250px!important}.vi-avatar-preview-inner .vi-avatar-circle-guide{width:450px!important;height:450px!important}.vi-avatar-zone .vi-clickable-label{flex:1!important;width:100%!important;min-height:0!important}.vi-avatar-toolbar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:none!important;background:0 0!important;border-top:none!important;justify-content:center!important;position:absolute!important;bottom:8px!important;left:0!important;right:0!important}.vi-avatar-toolbar>*{pointer-events:auto!important}.vi-avatar-preview-inner{flex:1!important}.vi-avatar-zone{position:relative!important}.vi-artwork-btn--crop{color:#b996ffeb!important;background:#9b6dff24!important;border-color:#9b6dff47!important}.vi-artwork-btn--crop:hover{color:#d2b9ff!important;background:#9b6dff47!important;border-color:#9b6dff80!important}.vi-crop-frame{cursor:move;touch-action:none;z-index:10;border:2px solid #9b6dffeb;border-radius:4px;position:absolute;box-shadow:0 0 0 5000px #00000085}.vi-crop-corner{background:#fff;border-radius:2px;width:10px;height:10px;position:absolute}.vi-crop-corner--tl{top:-5px;left:-5px}.vi-crop-corner--tr{top:-5px;right:-5px}.vi-crop-corner--bl{bottom:-5px;left:-5px}.vi-crop-corner--br{bottom:-5px;right:-5px}.vi-crop-coords{font-size:.65rem;font-weight:700;font-family:var(--font-body);color:#ffffffd9;white-space:nowrap;pointer-events:none;background:#0006;border-radius:20px;padding:2px 8px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.vi-crop-move-icon{color:#ffffff80;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vi-poly-vertex{cursor:move;touch-action:none;z-index:20;background:#fff;border:2px solid #9b6dffe6;border-radius:50%;width:18px;height:18px;transition:transform 80ms,box-shadow 80ms;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #9b6dff26}.vi-poly-vertex:hover{transform:translate(-50%,-50%)scale(1.25);box-shadow:0 0 0 5px #9b6dff40}.vi-poly-vertex:active{background:#b996fff2;transform:translate(-50%,-50%)scale(1.1)}.vi-poly-pts-badge{color:#b996ffe6;vertical-align:middle;background:#9b6dff33;border:1px solid #9b6dff40;border-radius:20px;align-items:center;margin-left:8px;padding:1px 7px;font-size:.6rem;font-weight:700;display:inline-flex}.vi-poly-hint{color:#ffffff59;-webkit-user-select:none;user-select:none;align-self:center;font-size:.62rem}.vi-reposition-reset--active{color:#dcbeff!important;background:#9b6dff4d!important;border-color:#9b6dff80!important}.vi-poly-vertex-remove{color:#fff;cursor:pointer;background:#f43f5ed9;border:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;padding:0;font-size:11px;font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.vi-poly-vertex--edit{cursor:pointer;background:#f43f5e80;border-color:#f43f5ecc}.vi-poly-vertex--edit:hover{background:#f43f5ed9}.vi-artwork-resize-handle{z-index:30;cursor:nwse-resize;touch-action:none;background:#fff;border:2px solid #9b6dffd9;border-radius:50%;width:12px;height:12px;transition:transform .1s,background .1s;position:absolute}.vi-artwork-card .vi-artwork-resize-handle{opacity:0}.vi-artwork-card:hover .vi-artwork-resize-handle{opacity:1}.vi-artwork-resize-handle[style*="left: 0"][style*="top: 0"],.vi-artwork-resize-handle[style*="left: 0"][style*="bottom: 0"]{cursor:nesw-resize}.vi-artwork-resize-handle:hover{background:#b996fff2;transform:scale(1.4)}.vi-panel-drag-over{background:#9b6dff0f!important;border-color:#9b6dff80!important;box-shadow:0 0 0 2px #9b6dff33!important}.vi-panel-drop-hint{color:#b996fff2;font-size:.85rem;font-weight:700;font-family:var(--font-body);pointer-events:none;background:#9b6dff1f;border:1.5px dashed #9b6dff66;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;padding:16px;animation:1s ease-in-out infinite alternate vi-drop-pulse;display:flex}@keyframes vi-drop-pulse{0%{opacity:.7}to{opacity:1}}.listener-preview-page{min-height:100vh;padding-top:calc(var(--topbar-height,60px) + 56px);position:relative}.lp-banner{top:calc(var(--topbar-height,60px) + 10px);left:calc(50% + var(--sidebar-width,240px) / 2);z-index:9999;align-items:center;gap:var(--sp-4);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(20px);white-space:nowrap;background:#12121aeb;border:1px solid #9b6dff4d;padding:8px 18px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.lp-banner-inner{color:#b996ffe6;align-items:center;gap:7px;font-size:.8rem;font-weight:700;display:flex}.lp-banner-hint{color:var(--text-muted);margin-left:2px;font-size:.72rem;font-weight:400}.lp-exit-btn{border-radius:var(--radius-full);color:#f43f5ed9;cursor:pointer;font-size:.76rem;font-weight:700;font-family:var(--font-body);background:#f43f5e1a;border:1px solid #f43f5e40;align-items:center;gap:5px;padding:5px 14px;transition:all .15s;display:flex}.lp-exit-btn:hover{background:#f43f5e33}.lp-content{max-width:860px;padding:var(--sp-6) var(--sp-6) var(--sp-12);gap:var(--sp-8);flex-direction:column;margin:0 auto;display:flex}.lp-hero{border-radius:var(--radius-2xl);padding:var(--sp-8);background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);position:relative;overflow:hidden}.lp-hero-bg{pointer-events:none;background:radial-gradient(circle at 20%,#9b6dff26 0%,#0000 70%);position:absolute;inset:0}.lp-hero-inner{gap:var(--sp-6);align-items:flex-start;display:flex;position:relative}.lp-avatar{color:#b996ffe6;background:radial-gradient(circle,#9b6dff4d,#9b6dff14);border:2px solid #9b6dff66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;font-size:2.2rem;font-weight:800;display:flex}.lp-artist-info{flex:1}.lp-artist-info h1{margin:0 0 6px;font-size:2rem;font-weight:800}.lp-genre{color:var(--text-muted);margin-bottom:4px;font-size:.82rem}.lp-location{color:var(--text-dim);align-items:center;gap:4px;margin-bottom:12px;font-size:.75rem;display:flex}.lp-bio{color:var(--text-secondary);margin-bottom:16px;font-size:.84rem;line-height:1.65}.lp-hero-actions{gap:var(--sp-3);display:flex}.lp-follow-btn{border-radius:var(--radius-full);color:#b996ffe6;cursor:pointer;font-size:.82rem;font-weight:700;font-family:var(--font-body);background:#9b6dff26;border:1.5px solid #9b6dff66;padding:8px 22px}.lp-notify-btn{border-radius:var(--radius-full);color:#ffffff73;cursor:pointer;width:36px;height:36px;font-family:var(--font-body);background:#ffffff12;border:1.5px solid #ffffff26;justify-content:center;align-items:center;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:flex}.lp-notify-btn:hover{color:#ffffffbf;background:#ffffff1f;border-color:#ffffff40}.lp-notify-btn--on{box-shadow:0 0 0 3px #9b6dff2e}.lp-notify-btn--on:hover{box-shadow:0 0 0 4px #9b6dff47}.lp-section{gap:var(--sp-4);flex-direction:column;display:flex}.lp-section-title{color:#ffffffbf;border-bottom:1px solid #ffffff12;padding-bottom:8px;font-size:1rem;font-weight:700}.lp-releases-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.lp-release-card{cursor:pointer;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;justify-content:flex-end;height:170px;padding:12px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.lp-release-card:hover{transform:translateY(-3px)}.lp-release-accent{height:2px;position:absolute;bottom:0;left:0;right:0}.lp-release-play{color:#ffffffb3;opacity:0;background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:opacity .15s;display:flex;position:absolute;top:12px;right:12px}.lp-release-card:hover .lp-release-play{opacity:1}.lp-release-title{color:#ffffffe6;font-size:.88rem;font-weight:700}.lp-release-meta{color:#ffffff73;margin-top:2px;font-size:.7rem}.lp-about-card{padding:var(--sp-5);border-radius:var(--radius-xl)!important}.lp-about-card p{color:var(--text-secondary);margin:0 0 var(--sp-4);font-size:.84rem;line-height:1.7}.lp-bio-editable{color:var(--text-secondary);margin:0 0 var(--sp-4);cursor:text;white-space:pre-wrap;word-break:break-word;border:1.5px solid #0000;border-radius:8px;outline:none;min-height:3em;padding:8px 10px;font-size:.84rem;line-height:1.7;transition:border-color .15s,background .15s}.lp-bio-editable:hover{background:#ffffff08;border-color:#ffffff1a}.lp-bio-editable:focus{background:#9b6dff0a;border-color:#9b6dff59}.lp-bio-editable:empty:before{content:attr(data-placeholder);color:#ffffff38;pointer-events:none}.lp-edit-hint{color:#9b6dff8c;vertical-align:middle;background:#9b6dff12;border:1px solid #9b6dff24;border-radius:20px;align-items:center;gap:3px;margin-left:6px;padding:2px 7px;font-size:.65rem;font-weight:500;display:inline-flex}.lp-about-links{gap:var(--sp-3);flex-wrap:wrap;display:flex}.lp-link{color:var(--text-muted);align-items:center;gap:4px;font-size:.76rem;text-decoration:none;transition:color .15s;display:flex}.lp-link:hover{color:#ffffffbf}.lp-stats-row{gap:var(--sp-4);display:flex}.lp-stat{text-align:center;padding:var(--sp-4);flex:1;border-radius:var(--radius-xl)!important}.lp-stat-val{color:#ffffffe0;font-size:1.5rem;font-weight:800}.lp-stat-label{color:var(--text-muted);margin-top:3px;font-size:.72rem}.lp-watermark{color:var(--text-dim);padding-bottom:var(--sp-8);justify-content:center;align-items:center;gap:5px;font-size:.7rem;display:flex}.lp-no-cover-hint{color:var(--text-muted);background:#9b6dff0f;border:1px solid #9b6dff26;border-radius:10px;align-items:center;gap:7px;padding:10px 16px;font-size:.76rem;display:flex}.lp-hint-link{color:#b996ffcc;cursor:pointer;font-size:.76rem;font-family:var(--font-body);background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}.lp-hint-link:hover{color:#b996ff}.lp-artworks-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.lp-artwork-card{aspect-ratio:1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.lp-artwork-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0006}.lp-artwork-img{pointer-events:none;width:100%;height:100%;display:block}.lp-artwork-label{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;opacity:0;background:linear-gradient(#0000 0%,#000000bf 100%);padding:20px 8px 8px;font-size:.68rem;font-weight:600;transition:opacity .18s;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.lp-artwork-card:hover .lp-artwork-label{opacity:1}.lp-artwork-card{aspect-ratio:unset}.lp-artwork-img{width:100%;display:block}.lp-artworks-grid--resizable{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex!important}.lp-artwork-card--resizable{background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:200px;transition:box-shadow .18s;position:relative;overflow:hidden}.lp-artwork-card--resizable:hover{border-color:#9b6dff38;box-shadow:0 8px 28px #00000080}.lp-artwork-card--resizing{-webkit-user-select:none;user-select:none;border-color:#9b6dff80!important;box-shadow:0 12px 40px #0009!important}.lp-resize-handle{opacity:0;cursor:nw-resize;color:#ffffffbf;z-index:10;background:linear-gradient(135deg,#0000 40%,#0000008c 100%);justify-content:flex-end;align-items:flex-end;width:28px;height:28px;padding:5px;transition:opacity .15s;display:flex;position:absolute;bottom:0}.lp-resize-handle--br{cursor:nw-resize;right:0}.lp-resize-handle--bl{cursor:ne-resize;background:linear-gradient(225deg,#0000 40%,#0000008c 100%);justify-content:flex-start;left:0}.lp-artwork-card--resizable:hover .lp-resize-handle,.lp-artwork-card--resizing .lp-resize-handle{opacity:1}.lp-section-title{align-items:center;gap:8px;display:flex}.lp-resize-hint{color:#9b6dffa6;background:#9b6dff14;border:1px solid #9b6dff26;border-radius:20px;align-items:center;gap:4px;margin-left:4px;padding:2px 8px;font-size:.65rem;font-weight:500;display:inline-flex}.lp-artwork-card--selected{border-color:#9b6dff73!important;box-shadow:0 0 0 2px #9b6dff2e,0 10px 32px #00000073!important}.lp-artwork-card--selected .lp-resize-handle{opacity:1!important}@keyframes lp-select-pulse{0%{box-shadow:0 0 0 2px #9b6dff2e,0 10px 32px #00000073}50%{box-shadow:0 0 0 4px #9b6dff47,0 10px 32px #00000073}to{box-shadow:0 0 0 2px #9b6dff2e,0 10px 32px #00000073}}.lp-artwork-card--selected:not(.lp-artwork-card--resizing){animation:2s ease-in-out infinite lp-select-pulse}.lp-artworks-grid--resizable{min-height:300px;position:relative!important}.lp-artwork-card--moving{filter:brightness(1.08);box-shadow:0 20px 60px #000000a6,0 0 0 2px #9b6dff80!important}.lp-artworks-fullbleed{gap:var(--sp-4);width:100%;padding:var(--sp-6) var(--sp-6);background:#ffffff04;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;flex-direction:column;display:flex}.lp-artworks-fullbleed-title{color:#ffffffbf;border-bottom:1px solid #ffffff12;padding-bottom:8px;font-size:1rem;font-weight:700}.lp-artworks-canvas{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;width:100%;position:relative;overflow:hidden}.lp-artworks-canvas .lp-artwork-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;transition:box-shadow .18s;overflow:hidden}.lp-artworks-canvas .lp-artwork-card:hover{border-color:#9b6dff38;box-shadow:0 8px 28px #00000073}.lp-artworks-canvas .lp-artwork-img{width:100%;height:100%;display:block}