.App{background:radial-gradient(circle at 8% 0,var(--color-brand-purple-soft),#0000 24rem),radial-gradient(circle at 20% 0,#c985162e,#0000 34rem),radial-gradient(circle at 92% 4%,#3b0a7833,#0000 26rem),radial-gradient(circle at 85% 12%,#f2bd621f,#0000 28rem),linear-gradient(180deg,#17130c 0,#24190c 52%,#17130c 100%);color:var(--color-text);min-height:100vh}.App main{min-height:calc(100vh - 72px)}.audio-player{background-color:#f9f9f9;border-radius:5px;margin-top:10px;padding:5px;width:100%}.auth-modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:2000}.auth-modal-content{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ff2;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:450px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.auth-modal-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;transition:all .3s ease;width:40px}.auth-modal-close:hover:not(:disabled){background:#ffffff1a;color:#fff;transform:rotate(90deg)}.auth-modal-close:disabled{cursor:not-allowed;opacity:.5}.auth-modal-header{margin-bottom:2rem;text-align:center}.auth-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.5rem}.auth-modal-header p{color:#fff9}.auth-form{gap:1.25rem}.form-group{gap:.5rem}.form-group label{color:#ffffffe6;font-size:.9rem;font-weight:600}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease}.form-group input::placeholder{color:#fff6}.form-group input:focus{border-color:#667eea80;box-shadow:0 0 0 4px #667eea1a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.5}.form-helper{color:#ffffff8f;font-size:.78rem;line-height:1.35}.password-input-wrapper{position:relative}.password-toggle{align-items:center;background:#0000;border:none;color:#ffffff80;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle:hover{color:#fffc}.password-match-error{bottom:-1.5rem;color:#e74c3c;font-size:.75rem;left:0;position:absolute}.password-strength{align-items:center;border-radius:8px;display:flex;font-size:.8rem;gap:.5rem;margin-top:.5rem;padding:.5rem}.password-strength.weak{background:#e74c3c1a;color:#e74c3c}.password-strength.medium{background:#ffc1071a;color:#ffc107}.password-strength.strong{background:#2ed5731a;color:#2ed573}.strength-text{font-weight:600;text-transform:capitalize}.auth-error-message,.auth-success-message{align-items:center;border-radius:12px;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:1rem 1.25rem}.auth-error-message{background:#e74c3c1a;border:1px solid #e74c3c4d;color:#e74c3c}.auth-success-message{background:#2ed5731a;border:1px solid #2ed5734d;color:#2ed573}.auth-error-message svg,.auth-success-message svg{flex-shrink:0}.auth-submit-button{align-items:center;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border:none;border-radius:16px;box-shadow:0 4px 20px #c9851638;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;justify-content:center;margin-top:.5rem;padding:1.25rem 2rem;transition:all .3s ease;width:100%}.auth-submit-button:hover:not(:disabled){box-shadow:0 6px 30px #c9851647;transform:translateY(-2px)}.auth-submit-button:active:not(:disabled){transform:translateY(0)}.auth-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-spinner{border:2px solid #ffffff4d;height:20px;width:20px}.auth-modal-footer{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.5rem;text-align:center}.auth-modal-footer p{color:#fff9;font-size:.9rem;margin:0}.switch-mode-button{background:none;border:none;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:.5rem;padding:0;transition:color .3s ease}.switch-mode-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:640px){.auth-modal-overlay{padding:1rem}.auth-modal-content{border-radius:20px;padding:2rem 1.5rem}.auth-modal-header h2{font-size:1.75rem}}.auth-modal-overlay{background:#12172275}.auth-modal-content{background:#fffffff7;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.auth-modal-close{background:#f6f8fb;border-radius:var(--radius-md)}.auth-modal-close:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-accent)}.auth-modal-header h2{-webkit-text-fill-color:initial}.auth-modal-footer p,.auth-modal-header p{color:var(--color-muted)}.form-group input{background:#ffffff0f;border-color:var(--color-border);border-radius:var(--radius-md);color:var(--color-text)}.form-group input:focus{background:#ffffff14;box-shadow:0 0 0 4px #c985161f}.password-toggle{color:var(--color-muted)}.password-toggle:hover{color:var(--color-accent)}.auth-submit-button{background:var(--color-text);border-radius:var(--radius-md);box-shadow:0 18px 38px #1217222e}.auth-submit-button:hover:not(:disabled){background:var(--color-accent);box-shadow:0 18px 38px #c985163d}.switch-mode-button{color:var(--color-accent)}.switch-mode-button:hover:not(:disabled){color:var(--color-accent-strong)}.auth-modal-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030812b8}.auth-modal-content{background:#0d1828fa!important;border:1px solid var(--color-border)!important;box-shadow:0 30px 90px #00000080;color:var(--color-text)!important}.auth-modal-close{background:#ffffff0f;border-color:var(--color-border);color:var(--color-muted)}.auth-modal-close:hover:not(:disabled){background:#c9851621;color:var(--color-text)}.auth-modal-header h2{-webkit-text-fill-color:currentColor;background:none;color:var(--color-text)}.auth-modal-footer p,.auth-modal-header p,.password-toggle{color:var(--color-muted)}.form-group label{color:var(--color-text)}.form-group input,.form-group input:focus{background:#ffffff0f;border-color:var(--color-border);color:var(--color-text)}.form-group input::placeholder{color:var(--color-subtle)}.form-group input:focus{box-shadow:0 0 0 4px #c9851621}.auth-submit-button,.auth-submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));box-shadow:0 18px 38px #c985162e;color:#17130c}.auth-modal-footer{border-top-color:var(--color-border)}.password-toggle:hover,.switch-mode-button,.switch-mode-button:hover:not(:disabled){color:var(--color-accent)}.auth-modal-overlay{align-items:center;padding:.75rem}.auth-modal-content{background:radial-gradient(circle at 14% 0,#5b21b638,#0000 16rem),linear-gradient(180deg,#c985161f,#0000 34%),#0d1828fa!important;border-color:#d8b4fe2e!important;border-radius:16px;max-height:calc(100vh - 1.5rem);max-width:560px;overflow:visible;padding:clamp(1rem,2.2vw,1.45rem);width:min(100%,560px)}.auth-modal-content:before{background:linear-gradient(90deg,#d8b4fe,var(--color-accent),#c9851600);border-radius:999px;content:"";height:3px;left:.9rem;position:absolute;right:3.8rem;top:.75rem}.auth-modal-close{border-radius:10px;height:38px;right:.9rem;top:.9rem;transition:background .18s ease,border-color .18s ease,color .18s ease;width:38px}.auth-modal-header{margin:1.45rem 0 1rem;text-align:left}.auth-modal-header h2{font-size:clamp(1.65rem,3vw,2.15rem);font-weight:850;letter-spacing:0;margin:0}.auth-modal-header p{font-size:.95rem;line-height:1.45;margin:.4rem 0 0;max-width:430px}.auth-form{background:#0000!important;border:0!important;border-radius:0;box-shadow:none!important;gap:.72rem;margin:0 auto;max-width:500px;padding:0!important}.signup-name-grid{grid-gap:.75rem;align-items:start;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{gap:.32rem}.form-group label{color:#f8fafce0;font-size:.82rem;font-weight:800}.form-group input{background:rgba(248,250,252,.075);border-color:#e2e8f029;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff0a;box-sizing:border-box;font-size:.94rem;min-height:44px;padding:.68rem .85rem;width:100%}.form-group input:hover:not(:disabled){background:rgba(248,250,252,.095);border-color:#c9851657}.form-group input:focus{background:rgba(248,250,252,.105);border-color:var(--color-accent);box-shadow:0 0 0 3px #c9851624}.form-helper{color:#e2e8f094;font-size:.75rem}.password-input-wrapper{display:block;width:100%}.password-input-wrapper input{padding-right:3rem}.password-toggle{border-radius:9px;color:#e2e8f09e;height:36px;right:.48rem;top:4px;transform:none;width:36px}.password-toggle:hover{background:#c985161a}.password-match-error{color:#fca5a5;display:block;margin-top:.28rem;position:static}.password-strength{background:rgba(248,250,252,.055);border:1px solid #e2e8f01a;margin-top:0;padding:.38rem .55rem}.auth-submit-button{border-radius:10px;color:#191307;font-size:1rem;font-weight:900;letter-spacing:0;margin-top:.25rem;min-height:46px;padding:.72rem 1rem;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.auth-submit-button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.auth-modal-footer{border-top-color:#e2e8f01f;margin-top:.75rem;padding-top:.75rem}.auth-modal-footer p{align-items:center;color:#e2e8f0a3;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}.switch-mode-button{font-weight:850;margin-left:0}@media (max-width:640px){.auth-modal-overlay{align-items:center;padding:.5rem}.auth-modal-content{border-radius:14px;max-height:calc(100vh - 1rem);padding:.85rem}.auth-modal-header{margin-top:2.25rem}.auth-form{max-width:none;padding:0!important}.signup-name-grid{gap:.72rem;grid-template-columns:1fr}}@media (max-height:720px){.auth-modal-header{margin:.8rem 0 .65rem}.auth-modal-header h2{font-size:1.55rem}.auth-modal-header p{display:none}.auth-form{gap:.55rem}.form-group input{min-height:40px;padding-bottom:.58rem;padding-top:.58rem}.auth-submit-button{min-height:42px}.auth-modal-footer{margin-top:.55rem;padding-top:.55rem}}.checkout-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0816d6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.checkout-modal{animation:slideUp .3s ease;background:radial-gradient(circle at 10% 0,#5b21b62e,#0000 18rem),#17120c;border:1px solid #d8b4fe29;border-radius:10px;box-shadow:0 28px 80px #0000006b;max-height:92vh;overflow-y:auto;width:min(92vw,620px)}.checkout-form{color:#fff8ea;padding:1.65rem}.checkout-header{align-items:center;border-bottom:1px solid #f2bd6224;display:flex;justify-content:space-between;margin-bottom:1.1rem;padding-bottom:.95rem}.checkout-header h2{-webkit-text-fill-color:currentColor;background:none;-webkit-background-clip:text;background-clip:text;color:#fff8ea;font-size:1.45rem;margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff8ea;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.close-btn:hover:not(:disabled){background:#f2bd621f}.close-btn:disabled{cursor:not-allowed;opacity:.5}.checkout-track-info{background:linear-gradient(135deg,#231c13fa,#200e30bd);border:1px solid #f2bd622e;border-radius:8px;margin-bottom:1rem;padding:1.25rem}.checkout-track-info h3{color:#fff8ea;font-size:1.25rem;margin:0 0 .5rem}.checkout-track-info p{color:#b7aa96;font-size:.9rem;margin:0 0 1rem}.checkout-price{align-items:center;border-top:1px solid #f2bd6224;display:flex;justify-content:space-between;padding-top:.9rem}.price-label{color:#b7aa96;font-size:.9rem}.price-value{-webkit-text-fill-color:currentColor;background:none;-webkit-background-clip:text;background-clip:text;color:#f2bd62;font-size:1.7rem;font-weight:700}.checkout-breakdown{background:#211910;border:1px solid #f2bd6224;border-radius:8px;margin-bottom:1rem;padding:.9rem 1rem}.breakdown-item{border-bottom:1px solid #f2bd621a;color:#d8cbb8;display:flex;font-size:.9rem;gap:1rem;justify-content:space-between;padding:.7rem 0}.breakdown-item:last-child{border-bottom:none}.breakdown-item.total{border-top:1px solid #f2bd622e;color:#fff8ea;font-size:1rem;font-weight:600;margin-top:.5rem;padding-top:1rem}.payment-section{margin-bottom:1rem}.payment-section h3{color:#fff8ea;font-size:1rem;margin:0 0 1rem}.live-payment-section{background:#211910;border:1px solid #f2bd622e;border-radius:8px;padding:1rem}.checkout-live-note{background:linear-gradient(135deg,#f2bd6214,#5b21b61a);border:1px solid #d8b4fe29;border-radius:8px;margin-bottom:1rem;padding:.9rem 1rem}.checkout-live-note p,.checkout-live-note span,.checkout-live-note strong{display:block}.checkout-live-note strong{color:#fff8ea;font-size:.95rem;margin-bottom:.35rem}.checkout-live-note p,.checkout-live-note span{color:#d8cbb8;font-size:.95rem;line-height:1.5;margin:0}.checkout-live-note span{color:#f2bd62;font-size:.84rem;font-weight:700;margin-top:.45rem}.checkout-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;font-size:.9rem;margin-bottom:1.5rem;padding:1rem}.checkout-actions{display:flex;gap:.85rem;margin-bottom:1rem}.cancel-btn,.purchase-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.cancel-btn{background:#2a2118;border:1px solid #f2bd6233;color:#fff8ea}.cancel-btn:hover:not(:disabled){background:#35291d}.cancel-btn:disabled{cursor:not-allowed;opacity:.5}.purchase-btn{background:#d79522;box-shadow:0 4px 15px #c9851657;color:#201306}.purchase-btn:hover:not(:disabled){background:#f2bd62;box-shadow:0 6px 20px #c9851670;transform:translateY(-2px)}.purchase-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}.checkout-footer{border-top:1px solid #f2bd621f;padding-top:1rem;text-align:center}.checkout-footer p{color:#b7aa96;font-size:.85rem;margin:0}.checkout-loading-card{align-items:center;background:#211910;border:1px solid #f2bd6224;border-radius:8px;display:flex;gap:.75rem;padding:1.25rem}.checkout-loading-card p{color:#d8cbb8;margin:0}.checkout-setup-error{margin-bottom:1.5rem}@media (max-width:768px){.checkout-modal{max-height:95vh;width:95%}.checkout-form{padding:1.2rem}.checkout-actions{flex-direction:column}.cancel-btn,.purchase-btn{width:100%}}.follow-button-small{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#c985161a;border:1.5px solid #c9851666;border-radius:20px;color:#c98516;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.follow-button-small:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.follow-button-small:hover:before{left:100%}.follow-button-small:hover{background:#c9851633;border-color:#c9851699;box-shadow:0 4px 12px #c985164d;color:#f2bd62;transform:translateY(-2px)}.follow-button-small:active{box-shadow:0 2px 6px #c9851633;transform:translateY(0)}.follow-button-small:disabled{cursor:not-allowed;opacity:.6;transform:none}.follow-button-small svg{flex-shrink:0;transition:transform .3s ease}.follow-button-small:hover svg{transform:scale(1.1)}.follow-button-small.following{background:linear-gradient(135deg,#2ed57326,#27ae6026);border-color:#2ed57380;color:#2ed573}.follow-button-small.following:hover{background:linear-gradient(135deg,#2ed57340,#27ae6040);border-color:#2ed573b3;box-shadow:0 4px 12px #2ed5734d;color:#4ade80}.follow-button-small.following svg{color:#2ed573}.follow-spinner{animation:follow-spin .8s linear infinite;border:2px solid #c985164d;border-radius:50%;border-top-color:#c98516;height:14px;width:14px}.follow-button-small.following .follow-spinner{border-color:#2ed573 #2ed5734d #2ed5734d}@keyframes follow-spin{to{transform:rotate(1turn)}}@media (max-width:640px){.follow-button-small{font-size:.8rem;padding:.4rem .75rem}.follow-button-small svg{height:14px;width:14px}}.navbar{backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);background:#ffffffd1;border-bottom:1px solid #1217221a;box-shadow:0 1px 0 #ffffffbf,0 14px 44px #12172214;position:sticky;top:0;z-index:1000}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1400px;min-height:var(--nav-height);padding:0 2rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--color-text);font-size:1.5rem;font-weight:800;gap:.75rem;letter-spacing:0;text-decoration:none;transition:all .3s ease}.navbar-logo:hover{transform:translateY(-2px)}.navbar-logo-image{background:#21004f;box-shadow:0 10px 26px #330d7438;display:block;height:46px;object-fit:contain;width:46px}.navbar-logo-wordmark{font-size:1.25rem;font-weight:900;letter-spacing:0}.navbar-menu{align-items:center;display:flex;gap:.25rem;list-style:none;margin:0;padding:0}.nav-link{border-radius:var(--radius-md);font-size:.95rem;font-weight:500;padding:.625rem .95rem;position:relative;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.nav-link:before{background:var(--color-accent);border-radius:2px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-link:hover{background:#1217220d;color:var(--color-text)}.nav-link:hover:before{width:60%}.nav-link.active{background:var(--color-accent-soft);border:1px solid #c9851624;box-shadow:inset 0 1px 0 #fffc;color:var(--color-accent)}.nav-link.active:before{background:var(--color-accent);width:80%}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:5px;height:18px;position:relative;width:24px}.hamburger span{background:var(--color-text);border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger.active span:first-child{transform:rotate(45deg) translate(7px,7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:968px){.navbar-container{padding:1rem 1.5rem}.mobile-menu-toggle{display:flex}.navbar-menu{align-items:stretch;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);flex-direction:column;gap:.5rem;left:0;opacity:0;padding:1rem;position:fixed;right:0;top:70px;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.navbar-menu.active{opacity:1;transform:translateY(0);visibility:visible}.nav-link{border-radius:12px;padding:1rem 1.5rem;text-align:left;width:100%}.nav-link:before{display:none}.nav-link.active{background:#667eea33;border-left:3px solid var(--color-accent)}}@media (max-width:640px){.navbar-container{padding:.75rem 1rem}.navbar-logo{font-size:1.25rem}.navbar-logo-image{height:40px;max-width:none;width:40px}.navbar-menu{top:60px}.toast-notification{left:1rem;max-width:none;min-width:auto;right:1rem;top:4rem}}.auth-buttons{align-items:center;display:flex;gap:.75rem;margin-left:1rem}.login-button,.signup-button{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:600;padding:.625rem 1rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;white-space:nowrap}.login-button{background:#fff;border:1px solid var(--color-border);color:var(--color-text)}.login-button:hover{background:#f8fafc;border-color:var(--color-border-strong);color:var(--color-text)}.signup-button{background:var(--color-text);box-shadow:0 12px 28px #1217222e;color:#fff}.signup-button:hover{background:var(--color-accent);box-shadow:0 16px 36px #c985163d;transform:translateY(-2px)}.user-menu-wrapper{margin-left:1rem;z-index:1001}.user-menu-button,.user-menu-wrapper{align-items:center;display:flex;position:relative}.user-menu-button{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;gap:.5rem;padding:.5rem;pointer-events:auto;transition:all .3s ease;user-select:none;-webkit-user-select:none;z-index:1002}.user-menu-button:hover{background:#f8fafc;border-color:#c9851640}.user-avatar{border:2px solid #c9851638;height:36px;object-fit:cover;width:36px}.user-avatar-initials{align-items:center;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border:2px solid #c9851638;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:700;height:36px;justify-content:center;width:36px}.user-menu-button svg{color:var(--color-muted);transition:transform .3s ease}.user-menu-button svg.rotated{transform:rotate(180deg)}.user-menu-dropdown{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);isolation:isolate;min-width:220px;padding:.5rem;pointer-events:auto;position:absolute;right:0;top:calc(100% + .5rem);user-select:none;-webkit-user-select:none;z-index:1004!important}.user-menu-dropdown *{pointer-events:auto}.user-menu-header{border-bottom:1px solid var(--color-border);margin-bottom:.5rem;padding:.75rem 1rem}.user-menu-info{display:flex;flex-direction:column;gap:.25rem}.user-menu-name{color:var(--color-text);font-size:.95rem;font-weight:600}.user-menu-email,.user-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{font-size:.8rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;pointer-events:auto;text-decoration:none;transition:all .3s ease;user-select:none;-webkit-user-select:none;width:100%;z-index:1004}.user-menu-item:hover{background:#f3f6fb;color:var(--color-accent)}.user-menu-item.logout-item{color:var(--color-danger)}.user-menu-item.logout-item:hover{background:#c2413514;color:var(--color-danger)}.user-menu-item svg{flex-shrink:0}.user-menu-overlay{background:#0000;bottom:0;cursor:default;left:0;pointer-events:auto;position:fixed;right:0;top:0;user-select:none;-webkit-user-select:none;z-index:1000}.user-menu-item{position:relative;z-index:1005}@media (max-width:968px){.auth-buttons{flex-direction:column;gap:.75rem;margin-left:0;width:100%}.login-button,.signup-button{justify-content:center;width:100%}.user-menu-wrapper{margin-left:0;width:100%}.user-menu-button{justify-content:space-between;width:100%}.user-menu-dropdown{margin-top:.5rem;position:static;width:100%}}.toast-notification{align-items:center;animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text);display:flex;font-weight:500;gap:.75rem;max-width:400px;min-width:250px;padding:1rem 1.5rem;position:fixed;right:2rem;top:5rem;z-index:3000}.toast-notification.success{border-color:#0f9f8f47;color:var(--color-secondary)}.navbar{background:#fffffff0;box-shadow:0 1px 0 #12172214}.navbar-container{max-width:1280px}.navbar-logo{font-size:1.25rem}.navbar-logo:hover,.navbar-logo:hover .navbar-logo-image{transform:none}.navbar-menu{gap:.1rem}.nav-link{border-radius:8px;font-size:.9rem;padding:.55rem .75rem}.nav-link:before{display:none}.nav-link.active{background:#f0f3f8;border-color:#0000;box-shadow:none;color:var(--color-text)}.signup-button{background:var(--color-accent);box-shadow:none}.login-button,.signup-button,.toast-notification,.user-menu-button,.user-menu-dropdown,.user-menu-item{border-radius:8px}.toast-notification.error{border-color:#c2413547;color:var(--color-danger)}.toast-notification svg{flex-shrink:0}html{scroll-behavior:smooth}@keyframes slideIn{0%{width:0}to{width:80%}}.navbar{background:#ffffffe6;border-bottom:1px solid #12172214;box-shadow:0 12px 34px #1217220f}.navbar-container{max-width:1240px}.navbar-logo{font-size:1.28rem}.navbar-logo:hover,.navbar-logo:hover .navbar-logo-image{transform:translateY(-1px)}.nav-link{color:#586174;font-weight:700}.nav-link.active,.nav-link:hover{background:#f2f6fb}.signup-button{background:linear-gradient(135deg,var(--color-text),#263246)}.signup-button:hover{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-strong))}.navbar{background:#08111fdb;border-bottom-color:var(--color-border);box-shadow:0 14px 40px #00000047}.nav-link,.navbar-logo,.user-menu-button{color:var(--color-text)}.nav-link{color:var(--color-muted)}.nav-link.active,.nav-link:hover{background:#c985161f;color:var(--color-text)}.login-button,.toast-notification,.user-menu-button,.user-menu-dropdown{background:#101b2cf0;border-color:var(--color-border);color:var(--color-text)}.signup-button{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));color:#17130c}.user-menu-item,.user-menu-name{color:var(--color-text)}.user-menu-email{color:var(--color-muted)}.navbar-logo{flex-shrink:0;gap:.65rem}.navbar-logo-image{background:#23004f;border:1px solid #c9851638;border-radius:12px;height:42px;max-height:none;max-width:none;padding:2px;width:42px}.navbar-logo-wordmark{align-items:center;color:var(--color-text);display:inline-flex;font-size:1.18rem;font-weight:950;line-height:1}@media (max-width:968px){.navbar-container{min-height:68px}.navbar-logo-image{height:40px;width:40px}.navbar-logo-wordmark{font-size:1.12rem}}@media (max-width:420px){.navbar-logo{gap:.5rem}.navbar-logo-image{border-radius:10px;height:36px;width:36px}.navbar-logo-wordmark{font-size:1.02rem}}.admin-seed-page{background:linear-gradient(180deg,#0a0a0f,#1a1a2e 50%,#16213e);color:#fff;min-height:100vh;padding:4rem 0 6rem}.container{max-width:900px}.admin-header{margin-bottom:3rem;text-align:center}.admin-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c98516,#8a5b12);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:.5rem}.admin-header p{color:#ffffffb3;font-size:1.125rem}.seed-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;padding:2rem}.control-group{margin-bottom:2rem}.control-group h3{color:#ffffffe6;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.button-group{display:flex;flex-wrap:wrap;gap:1rem}.seed-button{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.seed-button:hover:not(:disabled){background:#ffffff1a;border-color:#c985164d;transform:translateY(-2px)}.seed-button:disabled{cursor:not-allowed;opacity:.5}.seed-all-button{background:linear-gradient(135deg,#c98516,#8a5b12);border:none;box-shadow:0 4px 20px #c985164d}.seed-all-button:hover:not(:disabled){box-shadow:0 6px 30px #c9851666}.results-section{border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:2rem}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.results-header h3{font-size:1.125rem;font-weight:600;margin:0}.clear-button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s ease}.clear-button:hover{background:#ffffff1a;color:#fff}.results-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.result-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:flex;font-size:.9rem;gap:1rem;padding:.75rem 1rem}.result-item.success{border-color:#2ed5734d;color:#2ed573}.result-item.error{border-color:#e74c3c4d;color:#e74c3c}.result-item.info{border-color:#c985164d;color:#c98516}.result-time{color:#ffffff80;font-size:.75rem;min-width:80px}.result-message{flex:1 1}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.info-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:16px;margin-top:3rem;padding:2rem}.info-section h3{color:#ffffffe6;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.info-section ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.info-section li{color:#ffffffb3;line-height:1.6;padding-left:1.5rem;position:relative}.info-section li:before{color:#c98516;content:"•";font-weight:700;left:0;position:absolute}.info-section code{background:#ffffff1a;border-radius:4px;color:#c98516;font-size:.875rem;padding:.25rem .5rem}@media (max-width:640px){.container{padding:0 1rem}.seed-controls{padding:1.5rem}.button-group{flex-direction:column}.seed-button{justify-content:center;width:100%}}.admin-catalog-page{background:#f6f4ef;color:#151515;min-height:100vh;padding:112px 24px 56px}.admin-catalog-error,.admin-catalog-hero,.admin-catalog-log,.admin-catalog-panel,.admin-catalog-table,.admin-catalog-warning{margin:0 auto;width:min(1080px,100%)}.admin-catalog-hero{margin-bottom:24px}.admin-catalog-kicker{align-items:center;color:#c98516;display:inline-flex;font-size:.76rem;font-weight:800;gap:8px;margin-bottom:14px;text-transform:uppercase}.admin-catalog-hero h1{font-size:clamp(2.3rem,5vw,4.8rem);letter-spacing:0;line-height:.98;margin:0;max-width:760px}.admin-catalog-hero p{color:#5f5b53;font-size:1.04rem;line-height:1.7;margin:18px 0 0;max-width:760px}.admin-catalog-warning{align-items:flex-start;background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;display:flex;gap:14px;margin-bottom:18px;padding:16px}.admin-catalog-warning svg{color:#b45309;flex:0 0 auto;margin-top:3px}.admin-catalog-warning p{color:#6b5b28;margin:4px 0 0}.admin-catalog-warning code{font-weight:800}.admin-catalog-panel{grid-gap:16px;align-items:center;background:#fff;border:1px solid #e5e0d7;border-radius:8px;display:grid;gap:16px;grid-template-columns:minmax(220px,1fr) auto auto;padding:18px}.admin-file-picker{align-items:center;border:1px dashed #8b5cf6;border-radius:8px;color:#4c1d95;cursor:pointer;display:flex;font-weight:800;gap:10px;min-height:48px;padding:0 16px}.admin-file-picker input{display:none}.admin-catalog-summary{display:flex;gap:10px}.admin-catalog-summary div{background:#f8f7f4;border-radius:8px;min-width:78px;padding:9px 12px}.admin-catalog-summary span,.admin-file-row span{color:#767067;display:block;font-size:.78rem}.admin-catalog-summary strong{font-size:1.2rem}.admin-seed-button{background:#151515;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:900;min-height:48px;padding:0 18px}.admin-seed-button:disabled{cursor:not-allowed;opacity:.5}.admin-catalog-error{background:#fee2e2;border-radius:8px;color:#991b1b;margin-top:16px;padding:14px 16px}.admin-catalog-error.inline{margin:12px 0 0;width:100%}.admin-catalog-log,.admin-catalog-table{background:#fff;border:1px solid #e5e0d7;border-radius:8px;margin-top:22px;padding:18px}.admin-catalog-log h2,.admin-catalog-table h2{margin:0 0 14px}.admin-withdrawals-panel{margin-bottom:22px}.admin-withdrawals-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.admin-withdrawals-header h2{margin:0}.admin-paid-button,.admin-refresh-button{align-items:center;background:#151515;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:40px}.admin-refresh-button{padding:0 14px}.admin-paid-button{padding:0 16px}.admin-paid-button:disabled,.admin-refresh-button:disabled{cursor:not-allowed;opacity:.55}.admin-empty-state{background:#fbfaf7;border:1px dashed #d6cfc2;border-radius:8px;color:#767067;font-weight:800;padding:18px}.admin-withdrawal-row{grid-gap:16px;align-items:center;border-top:1px solid #eee8df;display:grid;gap:16px;grid-template-columns:minmax(190px,1fr) 150px minmax(190px,1fr) auto;padding:14px 0}.admin-withdrawal-row span{color:#767067;display:block;font-size:.78rem;margin-top:4px;overflow-wrap:anywhere}.admin-file-row{grid-gap:16px;align-items:center;border-top:1px solid #eee8df;display:grid;gap:16px;grid-template-columns:minmax(220px,1fr) 180px 180px;padding:12px 0}.admin-file-row.skipped{opacity:.52}.admin-log-row{align-items:center;border-top:1px solid #eee8df;display:flex;gap:10px;padding:10px 0}.admin-log-row.success svg{color:#16a34a}.admin-log-row.error svg{color:#dc2626}@media (max-width:820px){.admin-catalog-panel,.admin-file-row,.admin-withdrawal-row{grid-template-columns:1fr}.admin-withdrawals-header{flex-direction:column}.admin-catalog-summary,.admin-paid-button,.admin-refresh-button{width:100%}.admin-catalog-summary div{flex:1 1}}.analytics-page{background:var(--color-background);color:#000;min-height:100vh;padding:3rem 0 5rem}.analytics-container{max-width:1200px}.analytics-header{margin-bottom:2.5rem;text-align:center}.analytics-title{font-size:clamp(2.25rem,4vw,3.25rem);font-weight:700;margin-bottom:.75rem}.analytics-subtitle{font-size:1.05rem}.analytics-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2.5rem}.overview-card{background:#fff;border:1px solid #0000001f;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.overview-label{font-size:.9rem}.overview-value{font-size:1.6rem;font-weight:700}.analytics-sections{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.analytics-panel{background:#fff;border:1px solid #0000001f;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.75rem}.revenue-panel{margin-bottom:1.5rem}.panel-heading{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.analytics-eyebrow{color:#0f766e;font-size:.78rem;font-weight:700;letter-spacing:0;margin:0 0 .35rem;text-transform:uppercase}.projection-badge{align-items:center;background:#ecfeff;border-radius:999px;color:#155e75;display:inline-flex;font-size:.78rem;font-weight:700;min-height:2rem;padding:.35rem .65rem;white-space:nowrap}.revenue-table{border:1px solid #0f172a1f;border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden}.revenue-row{grid-gap:1rem;align-items:center;border-top:1px solid #0f172a1a;display:grid;gap:1rem;grid-template-columns:.8fr .8fr 1fr 1fr minmax(220px,1.7fr);padding:1rem}.revenue-row:first-child{border-top:0}.revenue-row-header{background:#f8fafc;color:#334155;font-size:.8rem;font-weight:700;text-transform:uppercase}.revenue-row:not(.revenue-row-header) span:first-child,.revenue-row:not(.revenue-row-header) span:nth-child(2),.revenue-row:not(.revenue-row-header) span:nth-child(3),.revenue-row:not(.revenue-row-header) span:nth-child(4){font-weight:700}.revenue-row span:last-child{color:#475569}.revenue-assumptions{color:#475569;line-height:1.5;margin:1rem 0 0}.analytics-panel h2{font-size:1.25rem;margin-bottom:.75rem}.analytics-panel ul{display:flex;flex-direction:column;gap:.5rem;margin:0;padding-left:1.1rem}@media (max-width:640px){.analytics-page{padding:2rem 0 4rem}.panel-heading{flex-direction:column}.projection-badge{white-space:normal}.revenue-row,.revenue-row-header{grid-template-columns:1fr 1fr}.revenue-row-header{display:none}.revenue-row span{display:flex;flex-direction:column;gap:.25rem}.revenue-row span:before{color:#64748b;font-size:.72rem;font-weight:700;text-transform:uppercase}.revenue-row span:first-child:before{content:"Users"}.revenue-row span:nth-child(2):before{content:"Paid"}.revenue-row span:nth-child(3):before{content:"GMV"}.revenue-row span:nth-child(4):before{content:"Revenue"}.revenue-row span:nth-child(5){grid-column:1/-1}.revenue-row span:nth-child(5):before{content:"Scenario"}}.artist-profile{background:linear-gradient(180deg,#0a0a0f,#1a1a2e 50%,#16213e);color:#c8c8dcfa;min-height:100vh;padding:4rem 0 6rem}.artist-profile-container{margin:0 auto;max-width:1200px;padding:0 2rem}.artist-profile-header{margin-bottom:4rem;text-align:center}.artist-profile-avatar{background:#ffffff1a;border:5px solid #c985164d;border-radius:50%;box-shadow:0 8px 32px #c9851633;height:180px;margin:0 auto 2rem;overflow:hidden;width:180px}.artist-profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#c98516,#8a5b12);color:#ffffff4d;font-size:4rem}.artist-profile-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fffffff2,#f0f0f0e6);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:.5rem}.artist-profile-bio{color:#ffffffb3;font-size:1.1rem;line-height:1.6;margin:0 auto 1.5rem;max-width:600px}.artist-profile-genre{background:#c9851633;border:1px solid #c985164d;border-radius:50px;color:#c98516;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:2rem;padding:.5rem 1.25rem}.artist-social-links{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.artist-social-links .social-link{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fffc;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.artist-social-links .social-link:hover{background:#fff3;border-color:#c9851680;color:#c8c8dcfa;transform:translateY(-2px)}.artist-follow-button-wrapper{display:flex;justify-content:center;margin-bottom:1.5rem}.artist-profile-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-bottom:3rem}.artist-stat{text-align:center}.artist-stat-value{color:#c8c8dcfa;font-size:2rem;font-weight:700;margin-bottom:.25rem}.artist-stat-label{color:#fff9;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.artist-tracks-section{margin-top:4rem}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.tracks-count{color:#ffffff80;font-size:1rem;font-weight:400}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c98516,#8a5b12);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700}.artist-tracks-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.artist-track-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ecc;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;padding:1.5rem;position:relative;transition:all .3s ease}.artist-track-card:hover{background:#1e1e32e6;border-color:#c9851680;box-shadow:0 12px 40px #c9851633;transform:translateY(-8px)}.artist-track-card:hover .play-overlay{opacity:1}.track-card-artwork{border-radius:12px;margin-bottom:1rem;width:100%}.track-card-artwork img{height:100%;object-fit:cover;width:100%}.track-artwork-placeholder{background:linear-gradient(135deg,#c98516,#8a5b12);height:100%;width:100%}.play-overlay{background:#00000080;border-radius:12px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.play-button,.play-overlay{align-items:center;display:flex;justify-content:center}.play-button{background:linear-gradient(135deg,#c98516e6,#8a5b12e6);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #c9851666;color:#c8c8dcfa;cursor:pointer;height:60px;transition:all .3s ease;width:60px}.play-button:hover{background:linear-gradient(135deg,#c98516,#8a5b12);box-shadow:0 6px 20px #c9851699;transform:scale(1.1)}.track-card-info{text-align:left}.track-card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;transition:color .3s ease}.track-card-title,.track-card-title:hover{color:#000!important}.track-card-meta{align-items:center;margin-bottom:1rem}.track-genre-badge{background:#c9851633;border-radius:12px;color:#c98516;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.track-price-badge{color:#c8c8dcfa;font-size:1rem;font-weight:600}.buy-now-btn-small{background:linear-gradient(135deg,#c98516,#8a5b12);border:none;border-radius:12px;box-shadow:0 4px 15px #c985164d;color:#c8c8dcfa;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.625rem 1.25rem;transition:all .3s ease;width:100%}.buy-now-btn-small:hover{box-shadow:0 6px 20px #c9851666;transform:translateY(-2px)}.buy-now-btn-small:active{transform:translateY(0)}.loading-state{color:#fff9;padding:4rem 2rem;text-align:center}.empty-state svg{color:#ffffff4d}.empty-state p{margin-bottom:1rem}@media (max-width:968px){.artist-profile-stats{gap:2rem}.artist-tracks-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:640px){.artist-profile-container{padding:0 1rem}.artist-profile{padding:2rem 0 4rem}.artist-profile-stats{gap:1.5rem}.artist-tracks-grid{grid-template-columns:1fr}}.auth-form-container{align-items:center;display:flex;justify-content:center;min-height:60vh}.auth-form{background:#222;border-radius:10px;box-shadow:0 2px 12px #00000026;display:flex;flex-direction:column;gap:1rem;min-width:300px;padding:2rem 2.5rem}.auth-form h2{color:#ffa726;margin-bottom:1rem;text-align:center}.auth-form button[type=submit],.auth-form input{border:none;border-radius:5px;font-size:1rem;padding:.7rem}.auth-form button[type=submit]{background:#ffa726;color:#fff;cursor:pointer;transition:background .2s}.auth-form button[type=submit]:hover{background:#ff9800}.auth-error{background:#fff0f0;border-radius:5px;color:#ff5252;padding:.5rem 1rem;text-align:center}.switch-btn{background:none;border:none;color:#ffa726;cursor:pointer;font-size:1rem;margin-left:.5rem;text-decoration:underline}.switch-btn:hover{color:#ff9800}.community-page{background:radial-gradient(circle at 14% 4%,#c9851629,#0000 28rem),radial-gradient(circle at 86% 8%,#f2bd6221,#0000 26rem),linear-gradient(180deg,#17130c,#24190c 42%,#120d08);color:var(--color-text);min-height:100vh;padding:3rem 0 5rem}.community-page *{box-sizing:border-box}.community-shell{margin:0 auto;width:min(1180px,calc(100% - 2rem))}.community-hero{grid-gap:1.25rem;align-items:stretch;background:#101b2cd1;border:1px solid var(--color-border);border-radius:18px;box-shadow:0 30px 90px #00000052;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) 360px;margin-bottom:1.25rem;padding:1.4rem}.community-kicker,.community-section-header span,.community-week-card span{align-items:center;color:var(--color-muted);display:inline-flex;font-size:.82rem;font-weight:900;gap:.45rem;text-transform:uppercase}.community-hero h1{color:var(--color-text);font-size:clamp(2.35rem,5vw,4.55rem);letter-spacing:0;line-height:.98;margin:.6rem 0 .75rem;max-width:760px}.community-beat-card p,.community-hero p,.community-week-card p,.producer-card p{color:var(--color-muted);line-height:1.55;margin:0}.community-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.35rem}.community-card-link,.community-inline-link,.community-primary-action,.community-secondary-action{align-items:center;border-radius:12px;display:inline-flex;font-weight:900;gap:.45rem;justify-content:center;min-height:42px;text-decoration:none}.community-card-link,.community-primary-action{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));color:#17130c;padding:.7rem 1rem}.community-inline-link,.community-secondary-action{background:#ffffff0f;border:1px solid var(--color-border);color:var(--color-text);padding:.68rem .95rem}.community-beat-card,.community-empty,.community-loading,.community-section,.community-stat-card,.community-week-card,.producer-card{background:#101b2ce6;border:1px solid var(--color-border);box-shadow:0 22px 60px #00000042}.community-week-card{background:radial-gradient(circle at 18% 18%,#c985163b,#0000 13rem),hsla(0,0%,100%,.055);border-color:#f2bd6247;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem}.producer-artwork{aspect-ratio:16/10;background:radial-gradient(circle at 20% 20%,#c985166b,#0000 28%),radial-gradient(circle at 80% 18%,#f2bd6247,#0000 32%),linear-gradient(135deg,#0f172a,#1e3a5f 58%,#8a5b12);border:1px solid var(--color-border);border-radius:14px;display:grid;margin:.85rem 0;overflow:hidden;place-items:center;width:100%}.community-artwork img,.producer-artwork img,.producer-card-art img{height:100%;object-fit:cover;width:100%}.community-beat-card h3,.community-section-header h2,.community-week-card h2,.producer-card h3{color:var(--color-text);margin:.25rem 0}.community-stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.25rem}.community-stat-card{border-radius:14px;min-height:96px;padding:1rem}.community-stat-card strong{color:var(--color-accent);display:block;font-size:1.45rem}.community-stat-card span{color:var(--color-muted);display:block;font-weight:800;margin-top:.3rem}.community-section{border-radius:18px;margin-top:1.25rem;padding:1rem}.community-section-header{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.producer-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(5,minmax(0,1fr))}.producer-card{border-radius:14px;color:inherit;display:flex;flex-direction:column;gap:.42rem;min-height:214px;padding:.65rem;position:relative;text-decoration:none}.producer-rank{background:#08111fc7;border-radius:9px;color:var(--color-text);display:grid;font-weight:900;height:26px;left:.8rem;place-items:center;position:absolute;top:.8rem;width:26px;z-index:1}.community-artwork,.producer-card-art{background:radial-gradient(circle at 20% 20%,#c985166b,#0000 28%),radial-gradient(circle at 80% 18%,#f2bd6247,#0000 32%),linear-gradient(135deg,#0f172a,#1e3a5f 58%,#8a5b12);border:1px solid var(--color-border);border-radius:14px;color:#f8fafcb8;display:grid;overflow:hidden;place-items:center}.producer-card-art{aspect-ratio:4/3;width:100%}.producer-card h3{font-size:.98rem}.producer-card p{font-size:.82rem}.community-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}.community-tags span{background:hsla(0,0%,100%,.055);border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);font-size:.76rem;font-weight:800;min-height:27px;padding:.25rem .55rem}.community-beat-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(5,minmax(0,1fr))}.community-beat-grid.compact{display:grid}.community-beat-card{border-radius:14px;display:flex;flex-direction:column;gap:.5rem;padding:.65rem}.community-artwork{aspect-ratio:4/3;width:100%}.community-beat-copy{display:flex;flex-direction:column;gap:.2rem}.community-beat-card h3{font-size:.98rem}.community-beat-card p{font-size:.82rem}.community-empty,.community-error,.community-loading{border-radius:16px;color:var(--color-muted)}.community-error{background:#f871711a;border:1px solid #f8717140;color:#fca5a5;padding:1rem}.community-empty,.community-loading{display:grid;min-height:220px;padding:1.5rem;place-items:center;text-align:center}.community-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top:4px solid var(--color-accent);height:44px;margin-bottom:1rem;width:44px}@media (max-width:980px){.community-hero{grid-template-columns:1fr 1fr}.community-beat-grid,.community-beat-grid.compact,.producer-grid{display:flex;overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x proximity;scrollbar-width:thin}.community-beat-card,.producer-card{flex:0 0 190px;scroll-snap-align:start}.community-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.community-page{padding-top:1.25rem}.community-shell{width:min(100% - 1rem,1180px)}.community-hero,.community-stats-grid{grid-template-columns:1fr}.community-beat-card,.producer-card{flex-basis:172px}.community-section-header{align-items:flex-start;flex-direction:column}}.community-page{background:#f4f6fa;color:#111827;padding:0 0 5rem}.community-shell{width:min(1280px,calc(100% - 32px))}.community-hero{background:linear-gradient(135deg,#081222f0,#0a2134e0),url(https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-size:cover;border:0;border-radius:0;box-shadow:none;color:#fff;margin:0 calc(50% - 50vw) 1.25rem;padding:clamp(2rem,5vw,4rem) max(16px,calc(50vw - 640px))}.community-kicker,.community-section-header span,.community-week-card span{color:#8a5b12;letter-spacing:.08em}.community-hero .community-kicker,.community-hero .community-primary-action,.community-hero h1{color:#fff}.community-hero p{color:#ffffffbd}.community-card-link,.community-primary-action{background:#111827;border-radius:8px;color:#fff}.community-hero .community-primary-action{background:#fff;color:#111827}.community-inline-link,.community-secondary-action{background:#ffffff14;border-color:#fff3;border-radius:8px;color:#fff}.community-beat-card,.community-empty,.community-loading,.community-section,.community-stat-card,.community-week-card,.producer-card{background:#fff;border-color:#dbe3ee;border-radius:8px;box-shadow:0 8px 24px #0f172a0a;color:#111827}.community-week-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081222b8;border-color:#ffffff24;box-shadow:0 26px 80px #00000038;color:#fff}.community-week-card h2{color:#fff}.community-week-card p{color:#ffffffa8}.community-stat-card strong{color:#8a5b12}.community-beat-card p,.community-empty,.community-loading,.community-stat-card span,.producer-card p{color:#64748b}.community-section{box-shadow:0 16px 42px #0f172a0f}.community-section-header{border-bottom:1px solid #e2e8f0;padding-bottom:.9rem}.community-beat-card h3,.community-section-header h2,.producer-card h3{color:#111827}.community-beat-card:hover,.community-stat-card:hover,.producer-card:hover{border-color:#11182738;box-shadow:0 20px 44px #0f172a1a;transform:translateY(-3px)}.community-tags span{background:#f8fafc;border-color:#dbe3ee;color:#64748b}.producer-rank{background:#111827db;color:#fff}@media (max-width:980px){.community-hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.home-page{background:radial-gradient(circle at 12% 18%,#3b0a7814,#0000 28rem),linear-gradient(180deg,#fbf5eb,#f7f3ea 44%,#fffaf0);color:#17130c;min-height:100vh;overflow-x:hidden}.home-hero{align-items:stretch;background:radial-gradient(circle at 18% 18%,#3b0a78b3,#0000 30rem),radial-gradient(circle at 82% 16%,#c9851657,#0000 26rem),linear-gradient(90deg,#140f09ed,#140f09c9 48%,#140f092e),url(https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=85) 50% /cover;border-bottom:1px solid #fff8ea24;display:flex;min-height:min(660px,calc(100vh - 64px))}.home-hero-overlay{align-items:center;display:flex;padding:clamp(2.6rem,6vw,4.2rem) clamp(1.25rem,5vw,4rem);width:100%}.home-hero-content{max-width:760px}.home-eyebrow{color:#b97815;font-size:.78rem;font-weight:850;letter-spacing:.08em;margin:0 0 .8rem;text-transform:uppercase}.home-hero .home-eyebrow{color:#f4d08b}.home-final-cta h2,.home-hero h1,.home-section h2{letter-spacing:0}.home-hero h1{text-wrap:balance;color:#fff8ea;font-size:clamp(2.9rem,6.1vw,5.05rem);font-weight:900;line-height:.98;margin:0;max-width:720px}.home-hero-copy{color:#fff8ead1;font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.65;margin:1rem 0 1.25rem;max-width:640px}.home-search{align-items:center;background:#fffcf5f5;border:1px solid #f5cc84b8;border-radius:8px;box-shadow:0 26px 80px #00000057;display:grid;grid-template-columns:auto minmax(0,1fr) auto;max-width:720px;min-height:58px;outline:1px solid #5b21b629;padding:.45rem}.home-search-icon{color:#8a5b12;margin-left:.85rem}.home-search input{background:#0000;border:0;color:#17130c;font-size:1rem;min-width:0;outline:0;padding:0 .9rem;width:100%}.home-search input::placeholder{color:#7e725e}.home-button,.home-search button{border-radius:8px;cursor:pointer;font-weight:850}.home-search button{background:#17130c;border:0;color:#fff8ea;min-height:44px;padding:0 1.25rem}.home-button-primary:hover,.home-search button:hover{background:#8a5b12}.home-final-actions,.home-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.1rem}.home-hero-stats{grid-gap:1px;background:#fff8ea29;border:1px solid #fff8ea29;border-radius:8px;box-shadow:0 22px 60px #00000038;display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem;max-width:720px;overflow:hidden}.home-hero-stats div{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#100c0794;padding:.78rem .9rem}.home-hero-stats span,.home-hero-stats strong{display:block}.home-hero-stats strong{color:#f2bd62;font-size:clamp(1.35rem,2.6vw,2rem);font-weight:950;line-height:1}.home-hero-stats span{color:#fff8eab8;font-size:.82rem;font-weight:750;margin-top:.4rem}.home-button{align-items:center;border:1px solid #0000;display:inline-flex;justify-content:center;min-height:46px;padding:.85rem 1.2rem;text-decoration:none}.home-button-primary{background:#c98516;box-shadow:0 14px 34px #72480a3d;color:#fff8ea}.home-button-secondary{background:#fff8eaeb;border-color:#89673347;color:#17130c}.home-button-secondary:hover{border-color:#c98516;color:#8a5b12}.home-proof-strip{grid-gap:1px;background:#89673338;border:1px solid #89673338;border-radius:8px;box-shadow:0 28px 80px #4933132e;display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin:-2.4rem auto 0;max-width:1180px;overflow:hidden;position:relative;z-index:2}.home-proof-strip div{background:#fffaf0;padding:1.25rem}.home-proof-strip span,.home-proof-strip strong{display:block}.home-proof-strip strong{color:#17130c;font-size:.98rem}.home-proof-strip span{color:#6f624f;font-size:.9rem;line-height:1.5;margin-top:.45rem}.home-final-cta,.home-section{margin:0 auto;max-width:1180px;padding:clamp(4rem,7vw,6rem) clamp(1.25rem,3vw,2rem)}.home-section-heading{margin-bottom:2rem;max-width:700px}.home-final-cta h2,.home-producer-copy h2,.home-section-heading h2{color:#17130c;font-size:clamp(2rem,4vw,3.3rem);font-weight:900;line-height:1.02;margin:0}.home-producer-copy p,.home-section-heading p:last-child{color:#6f624f;font-size:1rem;line-height:1.65}.home-focus-grid,.home-step-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.home-focus-grid article,.home-step-grid article,.home-tool-list div{background:#fffaf0;border:1px solid #8967332e;border-radius:8px;box-shadow:0 18px 50px #49331314;padding:1.25rem}.home-focus-grid article:hover,.home-step-grid article:hover,.home-tool-list div:hover{border-color:#c9851657;transform:translateY(-2px);transition:transform .16s ease,border-color .16s ease}.home-step-grid span{align-items:center;background:#f3dfb8;border-radius:50%;color:#7c4f0b;display:inline-flex;font-weight:900;height:2.4rem;justify-content:center;margin-bottom:1rem;width:2.4rem}.home-focus-grid h3,.home-step-grid h3{color:#17130c;font-size:1.08rem;margin:0 0 .55rem}.home-focus-grid p,.home-step-grid p,.home-tool-list span{color:#6f624f;line-height:1.55;margin:0}.home-producer-panel{grid-gap:clamp(1.5rem,5vw,4rem);align-items:center;background:radial-gradient(circle at 92% 12%,#3b0a781a,#0000 22rem),linear-gradient(180deg,#fffaf080,#fffaf000);border-bottom:1px solid #8967332e;border-top:1px solid #8967332e;display:grid;gap:clamp(1.5rem,5vw,4rem);grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}.home-producer-copy .home-button{margin-top:.5rem}.home-tool-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.home-tool-list strong{color:#17130c;display:block;margin-bottom:.45rem}.home-value-section{padding-top:clamp(4rem,7vw,6rem)}.home-focus-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-final-cta{align-items:center;background:radial-gradient(circle at 16% 20%,#3b0a7894,#0000 30rem),linear-gradient(135deg,#17130c,#2b1308);border-radius:0;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:0;max-width:none;padding-left:max(1.25rem,calc(50vw - 590px + 2rem));padding-right:max(1.25rem,calc(50vw - 590px + 2rem));width:100%}.home-final-cta h2{color:#fff8ea;max-width:720px}.home-final-cta .home-eyebrow{color:#f2bd62}.home-final-cta .home-button-secondary{background:#0000;border-color:#fff8ea47;color:#fff8ea}@media (max-width:920px){.home-hero{min-height:700px}.home-final-cta,.home-focus-grid,.home-hero-stats,.home-producer-panel,.home-proof-strip,.home-step-grid,.home-tool-list{grid-template-columns:1fr}.home-proof-strip{border-left:0;border-radius:0;border-right:0;margin:0}.home-final-cta{display:grid;margin-left:0;margin-right:0}}@media (max-width:620px){.home-hero{background:radial-gradient(circle at 20% 18%,#3b0a7885,#0000 22rem),linear-gradient(180deg,#140f09eb,#140f09c7 56%,#140f0994),url(https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1200&q=85) 50% /cover;min-height:auto}.home-hero-overlay{align-items:flex-end;padding:2.4rem 1.1rem 2.2rem}.home-hero h1{font-size:clamp(2.35rem,12vw,3.35rem)}.home-hero-copy{font-size:.98rem;margin-bottom:1rem}.home-search{gap:.3rem;grid-template-columns:auto minmax(0,1fr);padding:.55rem}.home-search button{grid-column:1/-1;width:100%}.home-hero-stats div{padding:.72rem}.home-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.home-hero-stats strong{font-size:1.08rem}.home-hero-stats span{font-size:.68rem;line-height:1.25}.home-button,.home-final-actions,.home-hero-actions{width:100%}.home-final-cta,.home-section{padding-left:1.1rem;padding-right:1.1rem}}.library-page{background:radial-gradient(circle at 16% 4%,#c9851629,#0000 28rem),radial-gradient(circle at 86% 8%,#f2bd6221,#0000 26rem),linear-gradient(180deg,#17130c,#24190c 42%,#120d08);color:var(--color-text);min-height:100vh;padding:3rem 0 5rem}.library-page *{box-sizing:border-box}.library-shell{margin:0 auto;width:min(1180px,calc(100% - 2rem))}.library-hero{grid-gap:1.25rem;align-items:stretch;background:#101b2cd1;border:1px solid var(--color-border);border-radius:18px;box-shadow:0 30px 90px #00000052;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) 340px;margin-bottom:1.25rem;padding:1.4rem}.library-kicker,.library-promise-card span,.library-row-kicker{color:var(--color-muted);font-size:.82rem;font-weight:900;text-transform:uppercase}.library-hero h1{color:var(--color-text);font-size:clamp(2.35rem,5vw,4.6rem);letter-spacing:0;line-height:.98;margin:.5rem 0 .75rem;max-width:720px}.library-hero p,.library-promise-card p{color:var(--color-muted);font-size:1rem;line-height:1.6;margin:0;max-width:680px}.library-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.35rem}.library-card-link,.library-icon-button,.library-primary-action,.library-secondary-action{align-items:center;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:900;gap:.5rem;justify-content:center;min-height:42px;text-decoration:none}.library-primary-action{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border:0;color:#17130c;padding:.7rem 1rem}.library-secondary-action{background:#ffffff0f;border:1px solid var(--color-border);color:var(--color-text);padding:.68rem .95rem}.library-card-link{background:#c985161a;border:1px solid #c9851659;color:var(--color-text);font-size:.82rem;min-height:34px;padding:.4rem .65rem}.library-promise-card{background:radial-gradient(circle at 18% 18%,#c985163b,#0000 13rem),hsla(0,0%,100%,.055);border:1px solid #f2bd6247;border-radius:16px;display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;padding:1rem}.library-promise-card strong{color:var(--color-text);display:block;font-size:2rem;margin:.4rem 0}.library-stats-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.25rem}.library-empty-state,.library-row,.library-stat-card,.library-track-card,.library-workspace,.license-card,.loading-container{background:#101b2ce6;border:1px solid var(--color-border);box-shadow:0 22px 60px #00000042}.library-stat-card{border-radius:14px;min-height:96px;padding:1rem}.library-row-actions strong,.library-stat-card strong{color:var(--color-accent);display:block;font-size:1.45rem}.library-stat-card span{color:var(--color-muted);display:block;font-weight:800;margin-top:.3rem}.library-workspace{grid-gap:1rem;border-radius:18px;display:grid;gap:1rem;grid-template-columns:230px minmax(0,1fr);padding:1rem}.library-tabs{display:flex;flex-direction:column;gap:.55rem}.library-tab{grid-gap:.65rem;align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:var(--color-muted);cursor:pointer;display:grid;font:inherit;font-weight:850;gap:.65rem;grid-template-columns:20px minmax(0,1fr) auto;min-height:46px;padding:.7rem .8rem;text-align:left}.library-tab:hover{background:#ffffff0f;border-color:var(--color-border);color:var(--color-text)}.library-tab.active{background:#f2bd6221;border-color:#f2bd6261;color:var(--color-text)}.library-tab strong{background:#ffffff14;border-radius:999px;color:var(--color-text);font-size:.78rem;min-width:28px;padding:.15rem .45rem;text-align:center}.library-panel{min-width:0}.library-list,.license-list{grid-gap:.8rem;display:grid;gap:.8rem}.library-row{grid-gap:.95rem;align-items:center;border-radius:16px;display:grid;gap:.95rem;grid-template-columns:96px minmax(0,1fr) auto;padding:.85rem}.library-track-artwork{aspect-ratio:1;background:radial-gradient(circle at 20% 20%,#c985166b,#0000 28%),radial-gradient(circle at 80% 18%,#f2bd6247,#0000 32%),linear-gradient(135deg,#0f172a,#1e3a5f 58%,#8a5b12);border:1px solid var(--color-border);border-radius:14px;color:#f8fafcb8;display:grid;overflow:hidden;place-items:center;width:96px}.library-track-artwork img{height:100%;object-fit:cover;width:100%}.library-track-artwork svg{height:34px;width:34px}.library-empty-state h2,.library-row-main h3,.library-track-card h3,.license-card h3{color:var(--color-text);margin:.18rem 0}.library-empty-state p,.library-row-main p,.library-track-card p,.license-card p{color:var(--color-muted);margin:0}.library-row-tags,.license-details{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.library-row-tags span,.license-details span{align-items:center;background:hsla(0,0%,100%,.055);border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);display:inline-flex;font-size:.78rem;font-weight:800;gap:.35rem;min-height:28px;padding:.25rem .55rem}.library-row-actions{align-items:center;display:flex;gap:.55rem}.library-icon-button{background:#ffffff0f;border:1px solid var(--color-border);color:var(--color-text);padding:0;width:42px}.library-card-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr))}.library-track-card{border-radius:16px;display:flex;flex-direction:column;gap:.75rem;padding:.8rem}.library-track-card .library-track-artwork{width:100%}.library-card-footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-top:auto}.library-card-footer span{color:var(--color-text);font-weight:900}.license-card{grid-gap:1rem;align-items:center;border-radius:16px;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);padding:1rem}.license-details{justify-content:flex-end;margin-top:0}.license-details svg{color:var(--color-secondary)}.library-empty-state,.loading-container{border-radius:16px;display:grid;min-height:360px;padding:2rem;place-items:center;text-align:center}.library-empty-state>svg{color:var(--color-accent);height:56px;margin-bottom:1rem;width:56px}.library-empty-state .library-primary-action{margin-top:1.25rem}.message{border-radius:14px;font-weight:700;margin-bottom:1rem;padding:1rem}.error-message{border:1px solid #f8717140}.spinner{border-top:4px solid var(--color-accent);height:44px;margin-bottom:1rem;width:44px}@media (max-width:980px){.library-hero,.library-workspace,.license-card{grid-template-columns:1fr}.library-tabs{flex-direction:row;overflow-x:auto;padding-bottom:.2rem}.library-tab{min-width:170px}.library-card-grid,.library-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.license-details{justify-content:flex-start}}@media (max-width:640px){.library-page{padding-top:1.25rem}.library-shell{width:min(100% - 1rem,1180px)}.library-hero,.library-workspace{padding:.8rem}.library-card-grid,.library-stats-grid{grid-template-columns:1fr}.library-row{grid-template-columns:72px minmax(0,1fr)}.library-row .library-track-artwork{width:72px}.library-row-actions{grid-column:1/-1;justify-content:space-between}}.library-page{background:#f4f6fa;color:#111827;padding:0 0 5rem}.library-shell{width:min(1280px,calc(100% - 32px))}.library-hero{background:linear-gradient(135deg,#081222f0,#0a2134e0),url(https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-size:cover;border:0;border-radius:0;box-shadow:none;color:#fff;margin:0 calc(50% - 50vw) 1.25rem;padding:clamp(2rem,5vw,4rem) max(16px,calc(50vw - 640px))}.library-kicker,.library-promise-card span,.library-row-kicker{color:#8a5b12;letter-spacing:.08em}.library-hero .library-kicker,.library-hero h1{color:#fff}.library-hero p{color:#ffffffbd}.library-primary-action{background:#fff;border-radius:8px;color:#111827}.library-card-link,.library-icon-button,.library-secondary-action{border-radius:8px}.library-hero .library-secondary-action{background:#ffffff14;border-color:#fff3;color:#fff}.library-promise-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081222b8;border-color:#ffffff24;border-radius:8px;box-shadow:0 26px 80px #00000038}.library-promise-card strong{color:#fff}.library-promise-card p{color:#ffffffa8}.library-empty-state,.library-row,.library-stat-card,.library-track-card,.library-workspace,.license-card,.loading-container{background:#fff;border-color:#dbe3ee;border-radius:8px;box-shadow:0 8px 24px #0f172a0a;color:#111827}.library-empty-state>svg,.library-row-actions strong,.library-stat-card strong{color:#8a5b12}.library-empty-state p,.library-row-main p,.library-stat-card span,.library-tab,.library-track-card p,.license-card p{color:#64748b}.library-workspace{box-shadow:0 16px 42px #0f172a0f}.library-tab{border-radius:8px}.library-tab.active,.library-tab:hover{background:#111827;border-color:#111827;color:#fff}.library-tab strong{background:#0f766e1a;color:#8a5b12}.library-tab.active strong{background:#ffffff29;color:#fff}.library-card-footer span,.library-empty-state h2,.library-row-main h3,.library-track-card h3,.license-card h3{color:#111827}.library-row-tags span,.license-details span{background:#f8fafc;border-color:#dbe3ee;color:#64748b}.library-card-link{background:#111827;border-color:#dbe3ee;color:#fff}.library-icon-button,.library-secondary-action{background:#fff;border-color:#dbe3ee;color:#111827}@media (max-width:980px){.library-hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.marketplace-page{background:#f4f6fa;color:#111827;min-height:100vh;padding-bottom:3rem}.marketplace-page.has-player{padding-bottom:7rem}.market-shell{margin:0 auto;width:min(1280px,calc(100% - 32px))}.market-hero{background:radial-gradient(circle at 16% 12%,#5b21b66b,#0000 30rem),linear-gradient(135deg,#081222f0,#0a2134e0),url(https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-size:cover;color:#fff;overflow:hidden;position:relative}.market-hero:after{background:linear-gradient(180deg,#f4f6fa00,#f4f6fa);content:"";height:110px;inset:auto 0 0;pointer-events:none;position:absolute}.market-hero-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) 360px;padding:clamp(2.5rem,6vw,5rem) 0 1.5rem;position:relative;z-index:1}.market-eyebrow,.market-section-header span{align-items:center;color:#d8b4fe;display:inline-flex;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.market-hero-copy h1{font-size:clamp(2.65rem,6vw,5.8rem);letter-spacing:0;line-height:.95;margin:.7rem 0 1rem;max-width:780px}.market-hero-copy p{color:#ffffffc2;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.6;margin:0 0 1.5rem;max-width:620px}.market-search-panel{align-items:center;background:#fffffff5;border:1px solid #ffffff38;border-radius:8px;box-shadow:0 26px 70px #0000003d;color:#111827;display:flex;gap:.85rem;max-width:760px;min-height:64px;outline:1px solid #d8b4fe29;padding:0 .75rem 0 1.2rem}.market-search-panel svg{color:#64748b;flex-shrink:0}.market-search-panel input{background:#0000;border:0;color:#111827;font:inherit;font-size:1rem;min-width:0;outline:0;width:100%}.market-search-panel button{align-items:center;background:#edf2f7;border:0;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;height:40px;justify-content:center;width:40px}.market-trust-strip{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.market-trust-strip span{background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;color:#ffffffd1;font-size:.86rem;font-weight:700;padding:.5rem .7rem}.market-hero-card{align-self:end;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081222b8;border:1px solid #ffffff24;border-radius:8px;box-shadow:0 26px 80px #00000038;padding:1rem}.market-hero-card-top{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;padding:.35rem .35rem 1rem}.market-hero-card-top span{color:#ffffff9e;font-size:.82rem;font-weight:700}.market-hero-card-top strong{color:#fff;font-size:1.8rem}.market-mini-stack{grid-gap:.7rem;display:grid;gap:.7rem}.market-mini-row{grid-gap:.75rem;align-items:center;background:#ffffff12;border:1px solid #ffffff14;border-radius:8px;color:#fff;cursor:pointer;display:grid;gap:.75rem;grid-template-columns:52px minmax(0,1fr) auto;padding:.65rem;text-align:left;width:100%}.market-mini-row:hover{background:#ffffff1f}.market-mini-row:disabled{cursor:not-allowed;opacity:.72}.market-mini-row img{border-radius:6px;height:52px;object-fit:cover;width:52px}.market-mini-row span{min-width:0}.market-mini-row small,.market-mini-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-mini-row small{color:#ffffffa3;margin-top:.18rem}.market-mini-row em{color:#c98516;font-style:normal;font-weight:800}.market-stats-row{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:2rem;position:relative;width:min(760px,100%);z-index:1}.market-stats-row div{background:#ffffff1a;border:1px solid #ffffff1f;padding:1rem}.market-stats-row span,.market-stats-row strong{display:block}.market-stats-row strong{font-size:1.3rem}.market-stats-row span{color:#ffffff9e;font-size:.82rem;font-weight:700;margin-top:.2rem}.market-active-filter,.market-price-panel,.market-section,.market-toolbar{background:#ffffffe6;border:1px solid #dbe3ee;border-radius:8px;box-shadow:0 16px 42px #0f172a0f}.market-toolbar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;gap:1rem;justify-content:space-between;margin:-.4rem 0 1rem;padding:.85rem;position:sticky;top:var(--nav-height);z-index:30}.market-filter-group{display:flex;flex-wrap:wrap;gap:.45rem}.market-active-filter button,.market-clear-button,.market-filter-group button,.market-filter-toggle,.market-price-panel button{background:#fff;border:1px solid #dbe3ee;border-radius:8px;color:#475569;cursor:pointer;font:inherit;font-size:.88rem;font-weight:800;min-height:38px;padding:0 .8rem}.market-active-filter button:hover,.market-clear-button:hover,.market-filter-group button.active,.market-filter-group button:hover,.market-filter-toggle.active,.market-filter-toggle:hover,.market-price-panel button:hover{background:#111827;border-color:#111827;color:#fff}.market-toolbar-actions{align-items:center;display:flex;gap:.6rem}.market-select{align-items:center;background:#fff;border:1px solid #dbe3ee;border-radius:8px;color:#475569;display:inline-flex;font-size:.88rem;font-weight:800;gap:.45rem;min-height:38px;padding:0 2rem 0 .8rem;position:relative}.market-select span{color:#94a3b8}.market-select select{cursor:pointer;inset:0;opacity:0;position:absolute;width:100%}.market-select svg{color:#64748b;position:absolute;right:.75rem}.market-filter-toggle{align-items:center;display:inline-flex;gap:.45rem}.market-price-panel{align-items:end;display:flex;gap:.8rem;margin-bottom:1rem;padding:1rem}.market-price-panel label{grid-gap:.35rem;color:#64748b;display:grid;font-size:.78rem;font-weight:800;gap:.35rem;text-transform:uppercase}.market-price-panel input{border:1px solid #dbe3ee;border-radius:8px;color:#111827;font:inherit;min-height:42px;padding:0 .75rem;width:130px}.market-active-filter{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.85rem 1rem}.market-section{margin-bottom:1.25rem;padding:clamp(1rem,2vw,1.35rem)}.market-section.recent{margin-bottom:2rem}.market-section-header{align-items:end;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.9rem}.market-section-header h2{color:#111827;font-size:clamp(1.35rem,2.5vw,2rem);letter-spacing:0;margin:.18rem 0 0}.market-clear-button,.market-section-header strong{white-space:nowrap}.market-section-header strong{border:1px solid #dbe3ee;border-radius:8px;color:#64748b;font-size:.82rem;padding:.35rem .6rem}.market-featured-grid,.market-track-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(5,minmax(0,1fr))}.market-track-grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}.market-track-card{background:#fff;border:1px solid #dbe3ee;border-radius:8px;box-shadow:0 8px 24px #0f172a0a;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.market-track-card:hover{border-color:#11182738;box-shadow:0 20px 44px #0f172a1a;transform:translateY(-3px)}.market-track-card.featured{border-color:#46d6c873}.market-card-media{aspect-ratio:1;background:#e2e8f0;overflow:hidden;position:relative}.market-card-media img{height:100%;object-fit:cover;transition:transform .24s ease;width:100%}.market-track-card:hover .market-card-media img{transform:scale(1.035)}.market-play-button,.market-save-button{align-items:center;border:0;cursor:pointer;display:inline-flex;justify-content:center;position:absolute}.market-play-button{background:#fff;border-radius:999px;box-shadow:0 16px 36px #00000047;color:#111827;height:48px;left:50%;top:50%;transform:translate(-50%,-50%);width:48px}.market-play-button svg{height:21px;width:21px}.market-play-button.disabled{cursor:not-allowed;opacity:.72}.market-play-button.disabled:after{background:currentColor;content:"";height:2px;position:absolute;transform:rotate(-38deg);width:28px}.market-save-button{background:#ffffffeb;border-radius:999px;color:#111827;height:34px;right:.55rem;top:.55rem;width:34px}.market-save-button.active{background:#ff4f83;color:#fff}.market-card-badge{align-items:center;background:#111827d1;border-radius:8px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:900;gap:.35rem;left:.55rem;padding:.34rem .48rem;position:absolute;top:.55rem}.market-card-body{grid-gap:.58rem;display:grid;gap:.58rem;padding:.72rem}.market-card-title-row{grid-gap:.5rem;align-items:start;display:grid;gap:.5rem;grid-template-columns:minmax(0,1fr) auto}.market-card-title-row h3{color:#111827;font-size:.92rem;line-height:1.25;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-card-title-row strong{background:#eef6f5;border-radius:8px;color:#8a5b12;font-size:.8rem;padding:.22rem .42rem}.market-artist-link{color:#64748b;display:block;font-size:.8rem;font-weight:700;margin-top:.22rem;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.market-artist-link:hover{color:#111827}.market-card-license,.market-card-meta{display:flex;flex-wrap:wrap;gap:.28rem}.market-card-license span,.market-card-meta span{border-radius:7px;font-size:.68rem;font-weight:800;padding:.25rem .38rem}.market-card-meta span{background:#f1f5f9;color:#475569}.market-card-license span{background:#f7fbfa;color:#8a5b12}.market-card-actions{grid-gap:.42rem;align-items:center;display:grid;gap:.42rem;grid-template-columns:minmax(0,1fr) minmax(96px,auto)}.market-card-actions .follow-button-small{border-radius:8px;justify-content:center;min-height:34px;width:100%}.market-follow-placeholder{border:1px solid #dbe3ee;border-radius:8px;color:#64748b;font-size:.76rem;font-weight:800;gap:.35rem}.market-follow-placeholder,.market-license-button,.market-player-license{align-items:center;display:inline-flex;justify-content:center;min-height:34px}.market-license-button,.market-player-license{background:#111827;border:0;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-size:.82rem;font-weight:900;gap:.45rem}.market-license-button:hover,.market-player-license:hover{background:#8a5b12}.market-state{background:#fff;border:1px solid #dbe3ee;border-radius:8px;color:#64748b;display:grid;min-height:280px;padding:2rem;place-items:center;text-align:center}.market-state svg{color:#94a3b8;height:44px;width:44px}.market-state h2{color:#111827;margin:.5rem 0 .2rem}.spinner{animation:spin .9s linear infinite;border:4px solid #dbe3ee;border-radius:999px;border-top-color:#8a5b12;height:46px;width:46px}.market-player{grid-gap:.85rem;align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081222f5;border:1px solid #ffffff1f;border-radius:8px;bottom:1rem;box-shadow:0 24px 70px #0000005c;color:#fff;display:grid;gap:.85rem;grid-template-columns:minmax(220px,320px) 48px minmax(240px,1fr) auto;left:50%;padding:.75rem;position:fixed;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));z-index:1200}.market-player-track{grid-gap:.7rem;align-items:center;display:grid;gap:.7rem;grid-template-columns:48px minmax(0,1fr);min-width:0}.market-player-track img{border-radius:6px;height:48px;object-fit:cover;width:48px}.market-player-track span{min-width:0}.market-player-track small,.market-player-track strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-player-track small{color:#ffffff94;margin-top:.16rem}.market-player-play{align-items:center;background:#c98516;border:0;border-radius:999px;color:#06111f;cursor:pointer;display:inline-flex;height:48px;justify-content:center;width:48px}.market-player-progress{grid-gap:.6rem;align-items:center;color:#ffffff9e;display:grid;font-size:.78rem;font-weight:800;gap:.6rem;grid-template-columns:42px minmax(0,1fr) 42px;min-width:0}.market-player-progress input{accent-color:#c98516;width:100%}.market-player-license{background:#fff;color:#111827;min-height:48px;padding:0 1rem;white-space:nowrap}@media (max-width:1100px){.market-hero-grid{grid-template-columns:1fr}.market-hero-card{max-width:620px}.market-featured-grid,.market-track-grid,.market-track-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.market-player{grid-template-columns:minmax(200px,1fr) 48px minmax(220px,1fr)}.market-player-license{grid-column:1/-1}}@media (max-width:820px){.market-toolbar{align-items:stretch;flex-direction:column;position:static}.market-toolbar-actions{justify-content:space-between}.market-featured-grid,.market-track-grid,.market-track-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.market-price-panel{align-items:stretch;flex-direction:column}.market-price-panel input{width:100%}.market-player{grid-template-columns:minmax(0,1fr) 48px}.market-player-license,.market-player-progress{grid-column:1/-1}}@media (max-width:600px){.market-shell{width:min(100% - 20px,1280px)}.market-hero-grid{padding-top:2rem}.market-hero-copy h1{font-size:clamp(2.35rem,14vw,3.6rem)}.market-search-panel{min-height:56px}.market-stats-row{grid-template-columns:1fr}.market-filter-group{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem}.market-filter-group button{white-space:nowrap}.market-toolbar-actions{align-items:stretch;flex-direction:column}.market-filter-toggle,.market-select{justify-content:center;width:100%}.market-featured-grid,.market-track-grid,.market-track-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.market-active-filter,.market-section-header{align-items:stretch;flex-direction:column}.market-player{bottom:.5rem;gap:.65rem;grid-template-columns:minmax(0,1fr) 44px;padding:.6rem;width:calc(100% - 16px)}.market-player-track{grid-template-columns:42px minmax(0,1fr)}.market-player-play,.market-player-track img{height:42px;width:42px}.market-player-progress{grid-template-columns:34px minmax(0,1fr) 34px}}@media (max-width:430px){.market-featured-grid,.market-track-grid,.market-track-grid.compact{grid-template-columns:1fr}}.playlists-page{background:linear-gradient(180deg,#0a0a0f,#1a1a2e 50%,#16213e);color:#fff;padding:4rem 0 6rem}.container{max-width:1400px}.playlists-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-bottom:3rem}.page-title{font-size:clamp(2.5rem,5vw,3.5rem);letter-spacing:-.02em;line-height:1.1;margin-bottom:.75rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c98516,#8a5b12);-webkit-background-clip:text;background-clip:text}.page-subtitle{color:#ffffffb3;font-size:clamp(1rem,2vw,1.125rem)}.create-playlist-button{align-items:center;background:linear-gradient(135deg,#c98516,#8a5b12);border:none;border-radius:16px;box-shadow:0 4px 20px #c985164d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.75rem;padding:1rem 2rem;transition:all .3s ease;white-space:nowrap}.create-playlist-button:hover{box-shadow:0 6px 30px #c9851666;transform:translateY(-2px)}.create-playlist-button svg{flex-shrink:0}.auth-warning{border-radius:16px;gap:1rem;padding:1.25rem 1.5rem}.auth-warning p{font-weight:500;margin:0}.message{margin-bottom:2rem}.message svg{flex-shrink:0}.loading-container{color:#fff9}.spinner{border:4px solid #ffffff1a;border-top-color:#c98516}.empty-state{color:#fff9;padding:6rem 2rem}.empty-state svg{margin-bottom:1.5rem;opacity:.5}.empty-state h3{color:#fffc}.empty-state p{color:#ffffff80;margin-bottom:2rem}.create-first-button{background:linear-gradient(135deg,#c98516,#8a5b12);border:none;border-radius:16px;box-shadow:0 4px 20px #c985164d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.create-first-button:hover{box-shadow:0 6px 30px #c9851666;transform:translateY(-2px)}.playlists-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.playlist-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;padding:1.5rem;position:relative;transition:all .3s ease}.playlist-card:hover{background:#ffffff0d;border-color:#c9851680;box-shadow:0 12px 40px #c9851633;transform:translateY(-8px)}.playlist-cover{aspect-ratio:1;border-radius:12px;margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.playlist-cover img{height:100%;object-fit:cover;width:100%}.playlist-cover-placeholder{background:linear-gradient(135deg,#c98516,#8a5b12);color:#ffffff80;height:100%;width:100%}.playlist-cover-placeholder,.playlist-overlay{align-items:center;display:flex;justify-content:center}.playlist-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.playlist-card:hover .playlist-overlay{opacity:1}.playlist-play-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 20px #0000004d;color:#c98516;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.playlist-play-btn:hover{background:#fff;transform:scale(1.1)}.playlist-info{margin-bottom:1rem}.playlist-name{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-meta{color:#fff9;font-size:.875rem;margin:0}.playlist-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.action-btn:hover{background:#c9851633;border-color:#c98516;transform:scale(1.1)}.action-btn.delete-btn:hover{background:#e74c3c33;border-color:#e74c3c;color:#e74c3c}.modal-overlay{padding:2rem;z-index:1000}.modal-content{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ff2;border:1px solid #ffffff1a;border-radius:24px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.modal-header{margin-bottom:2rem}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#c98516,#8a5b12);-webkit-background-clip:text;background-clip:text;font-size:1.75rem}.modal-close{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#fff;height:40px;width:40px}.modal-close:hover{background:#ffffff1a;transform:rotate(90deg)}.modal-form{gap:1.5rem}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:.75rem}.form-label{color:#ffffffe6;font-size:.95rem}.form-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;transition:all .3s ease;width:100%}.form-input::placeholder{color:#fff6}.form-input:focus{background:#ffffff14;border-color:#c9851680;box-shadow:0 0 0 4px #c985161a;outline:none}.modal-actions{gap:1rem;justify-content:flex-end;margin-top:1rem}.cancel-button,.submit-button{border-radius:12px}.cancel-button{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffb3}.cancel-button:hover{background:#ffffff1a;color:#fff}.submit-button{background:linear-gradient(135deg,#c98516,#8a5b12);box-shadow:0 4px 20px #c985164d}.submit-button:hover:not(:disabled){box-shadow:0 6px 30px #c9851666}.playlist-detail-modal{max-width:600px}.playlist-detail-content{max-height:60vh;overflow-y:auto}.playlist-tracks-list{display:flex;flex-direction:column;gap:.5rem}.track-number{align-items:center;color:#ffffff80;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.track-info h4{font-size:1rem;margin-bottom:.25rem}.track-info p{color:#fff9;font-size:.875rem;margin:0}.track-duration{color:#ffffff80;flex-shrink:0;font-size:.875rem}.empty-playlist{color:#fff9;padding:4rem 2rem;text-align:center}.empty-playlist svg{margin-bottom:1.5rem;opacity:.5}.empty-playlist p{margin:.5rem 0}.empty-playlist .hint{color:#fff6;font-size:.875rem}.add-first-track-btn{background:linear-gradient(135deg,#c98516,#8a5b12);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;margin-top:1.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-first-track-btn:hover{box-shadow:0 4px 15px #c985164d;transform:translateY(-2px)}.playlist-detail-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.playlist-stats{color:#fff9;gap:.75rem}.add-track-to-playlist-btn,.playlist-stats{align-items:center;display:flex;font-size:.9rem}.add-track-to-playlist-btn{background:linear-gradient(135deg,#c98516,#8a5b12);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.add-track-to-playlist-btn:hover{box-shadow:0 4px 15px #c985164d;transform:translateY(-2px)}.track-cover-small{background:#c9851633;border-radius:8px;flex-shrink:0;height:50px;overflow:hidden;position:relative;width:50px}.track-cover-small img{height:100%;object-fit:cover;width:100%}.track-cover-placeholder-small{background:linear-gradient(135deg,#c98516,#8a5b12);height:100%;width:100%}.track-play-small{align-items:center;background:#00000080;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.track-cover-small:hover .track-play-small{opacity:1}.track-genre-small{background:#c9851633;border-radius:8px;color:#c98516;display:inline-block;font-size:.7rem;font-weight:500;margin-top:.25rem;padding:.2rem .5rem}.track-price-small{color:#fff;font-size:.9rem;font-weight:700}.track-actions-playlist{align-items:center;display:flex;gap:1rem}.remove-track-btn{height:36px;width:36px}.playlist-track-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .3s ease}.playlist-track-item:hover{background:#ffffff0d;border-color:#c985164d}.add-tracks-modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.add-tracks-content{padding:2rem}.search-tracks{margin-bottom:1.5rem}.search-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:.95rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.search-input:focus{background:#ffffff14;border-color:#c9851680;box-shadow:0 0 0 3px #c985161a;outline:none}.search-input::placeholder{color:#fff6}.available-tracks-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.available-track-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.available-track-item:hover{background:#ffffff0d;border-color:#c985164d}.available-track-item .track-info{flex:1 1;min-width:0}.available-track-item .track-info h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.available-track-item .track-info p{color:#fff9;font-size:.875rem;margin:0}.track-actions-add{align-items:center;display:flex;gap:1rem}.add-track-btn{align-items:center;background:linear-gradient(135deg,#c98516,#8a5b12);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.add-track-btn:hover{box-shadow:0 4px 15px #c985164d;transform:translateY(-2px)}.no-tracks-found{color:#ffffff80;padding:3rem 2rem;text-align:center}@media (max-width:968px){.playlists-header{align-items:flex-start;flex-direction:column}.playlists-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:640px){.container{padding:0 1rem}.playlists-page{padding:2rem 0 4rem}.playlists-grid{grid-template-columns:1fr}.modal-content{margin:1rem;padding:1.5rem}.modal-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.playlists-page{background:#f4f6fa;color:#111827;min-height:100vh;padding:clamp(2rem,5vw,4rem) 0 5rem}.playlists-page .container{max-width:none;padding:0;width:min(1280px,calc(100% - 32px))}.playlists-header{align-items:center;background:linear-gradient(135deg,#081222f0,#0a2134e0),url(https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-size:cover;border:1px solid #dbe3ee;border-radius:8px;box-shadow:0 16px 42px #0f172a1f;color:#fff;margin-bottom:1.25rem;padding:clamp(1.25rem,3vw,2rem)}.playlists-page .gradient-text,.playlists-page .page-title{-webkit-text-fill-color:#fff;background-image:none;color:#fff}.playlists-page .page-subtitle{color:#ffffffb8}.add-first-track-btn,.add-track-btn,.add-track-to-playlist-btn,.create-first-button,.create-playlist-button,.submit-button{background:#fff;border-radius:8px;box-shadow:none;color:#111827}.playlists-header .create-playlist-button{background:#fff;color:#111827}.add-first-track-btn:hover,.add-track-btn:hover,.add-track-to-playlist-btn:hover,.create-first-button:hover,.create-playlist-button:hover,.submit-button:hover:not(:disabled){background:#8a5b12;box-shadow:0 16px 34px #0f766e2e;color:#fff;transform:translateY(-1px)}.add-tracks-modal,.auth-warning,.available-track-item,.empty-state,.loading-container,.message,.modal-content,.playlist-card,.playlist-track-item{background:#fff;border:1px solid #dbe3ee;border-radius:8px;box-shadow:0 8px 24px #0f172a0a;color:#111827}.playlists-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.playlist-card{padding:.8rem}.playlist-card:hover{background:#fff;border-color:#11182738;box-shadow:0 20px 44px #0f172a1a;transform:translateY(-3px)}.playlist-cover{border-radius:8px}.playlist-cover-placeholder,.track-cover-placeholder-small{background:radial-gradient(circle at 20% 20%,#46d6c86b,#0000 28%),linear-gradient(135deg,#111827,#8a5b12);color:#ffffffc2}.available-track-item .track-info h4,.empty-state h3,.modal-header h2,.playlist-name,.track-info h4{-webkit-text-fill-color:#111827;background-image:none;color:#111827}.available-track-item .track-info p,.empty-playlist,.empty-playlist .hint,.empty-state,.empty-state p,.playlist-meta,.playlist-stats,.track-info p{color:#64748b}.action-btn,.cancel-button,.modal-close,.remove-track-btn{background:#f8fafc;border-color:#dbe3ee;border-radius:8px;color:#111827}.action-btn:hover,.cancel-button:hover,.modal-close:hover{background:#111827;border-color:#111827;color:#fff;transform:none}.action-btn.delete-btn:hover,.remove-track-btn:hover{background:#fff1f2;border-color:#fecdd3;color:#be123c;transform:none}.form-label{color:#111827}.form-input,.search-input{background:#fff;border-color:#dbe3ee;border-radius:8px;color:#111827}.form-input::placeholder,.search-input::placeholder{color:#94a3b8}.form-input:focus,.search-input:focus{border-color:#8a5b12;box-shadow:0 0 0 4px #0f766e1a}.modal-overlay{background:#081222b8}.modal-header{border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.playlist-detail-header{border-bottom-color:#e2e8f0}.track-genre-small{background:#ecfdf5;color:#8a5b12}.track-price-small{color:#8a5b12}@media (max-width:640px){.playlists-page .container{width:min(100% - 20px,1280px)}.playlists-header{align-items:stretch}.create-playlist-button{justify-content:center;width:100%}}.pricing-page{background:radial-gradient(circle at 12% 18%,#3b0a7814,#0000 28rem),linear-gradient(180deg,#fbf5eb,#f7f3ea 48%,#fffaf0);color:#17130c;min-height:100vh}.pricing-example,.pricing-grid,.pricing-hero,.pricing-note,.pricing-proof-strip,.pricing-tiers{margin:0 auto;max-width:1180px;padding-left:clamp(1.25rem,3vw,2rem);padding-right:clamp(1.25rem,3vw,2rem)}.pricing-hero{grid-gap:clamp(1.5rem,4vw,3.5rem);align-items:end;background:radial-gradient(circle at 18% 18%,#3b0a789e,#0000 30rem),radial-gradient(circle at 84% 14%,#c9851657,#0000 24rem),linear-gradient(135deg,#17130c,#2b1308);border-bottom:1px solid #fff8ea1f;color:#fff8ea;display:grid;gap:clamp(1.5rem,4vw,3.5rem);grid-template-columns:minmax(0,1fr) minmax(280px,.42fr);max-width:none;padding:clamp(4.2rem,7vw,6.2rem) max(1.25rem,calc(50vw - 590px + 2rem)) clamp(4.4rem,7vw,6rem)}.pricing-hero-copy{max-width:880px}.pricing-eyebrow{color:#b97815;font-size:.78rem;font-weight:850;letter-spacing:.08em;margin:0 0 .8rem;text-transform:uppercase}.pricing-example h2,.pricing-hero h1,.pricing-note h2{color:#17130c;font-weight:900;letter-spacing:0;line-height:1.02;margin:0}.pricing-hero h1{text-wrap:balance;color:#fff8ea;font-size:clamp(2.9rem,6.4vw,5.35rem);max-width:880px}.pricing-hero p{color:#fff8eac7;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.65;margin:1rem 0 0;max-width:720px}.pricing-hero .pricing-eyebrow{color:#f2bd62}.pricing-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.25rem}.pricing-button{align-items:center;border:1px solid #0000;border-radius:8px;display:inline-flex;font-weight:850;justify-content:center;min-height:48px;padding:.85rem 1.2rem;text-decoration:none}.pricing-button-primary{background:#c98516;box-shadow:0 14px 34px #72480a3d;color:#fff8ea}.pricing-button-primary:hover{background:#8a5b12}.pricing-button-secondary{background:#fff8eaf0;border-color:#fff8ea57;color:#17130c}.pricing-button-secondary:hover{border-color:#c98516;color:#8a5b12}.pricing-hero-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#100c078f;border:1px solid #fff8ea29;border-radius:8px;box-shadow:0 28px 80px #00000042;padding:clamp(1.25rem,3vw,1.6rem)}.pricing-hero-panel small,.pricing-hero-panel span{color:#fff8eaad;font-size:.82rem;font-weight:850;text-transform:uppercase}.pricing-hero-panel strong{color:#f2bd62;display:block;font-size:clamp(3.6rem,8vw,6rem);font-weight:950;line-height:.9;margin:.5rem 0 0}.pricing-hero-panel p{color:#fff8eac7;font-size:.98rem;margin:1rem 0 1.2rem}.pricing-hero-panel div{align-items:center;border-top:1px solid #fff8ea24;display:flex;gap:1rem;justify-content:space-between;padding-top:1rem}.pricing-hero-panel b{color:#fff8ea;font-size:1.35rem}.pricing-proof-strip{grid-gap:1px;background:#89673338;border:1px solid #89673338;border-radius:8px;box-shadow:0 28px 80px #4933132e;display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:-2.4rem;overflow:hidden;position:relative;z-index:2}.pricing-proof-strip div{background:#fffaf0;padding:1.25rem}.pricing-proof-strip span,.pricing-proof-strip strong{display:block}.pricing-proof-strip strong{color:#17130c;font-size:.98rem}.pricing-proof-strip span{color:#6f624f;font-size:.9rem;line-height:1.5;margin-top:.45rem}.pricing-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:clamp(3rem,6vw,5rem);padding-top:clamp(4rem,6vw,5rem)}.pricing-card,.pricing-tier-card{background:#fffaf0;border:1px solid #8967332e;border-radius:8px;box-shadow:0 18px 50px #49331314;min-height:100%;padding:1.35rem;position:relative}.pricing-card:hover,.pricing-tier-card:hover{border-color:#c9851657;transform:translateY(-2px);transition:transform .16s ease,border-color .16s ease}.pricing-card-featured,.pricing-tier-card-live{background:radial-gradient(circle at 88% 10%,#3b0a781a,#0000 16rem),#fffaf0;border-color:#c985166b;box-shadow:0 24px 70px #49331324}.pricing-badge,.pricing-tier-status{background:#f3dfb8;border:1px solid #c9851659;border-radius:999px;color:#7c4f0b;display:inline-flex;font-size:.76rem;font-weight:900;padding:.35rem .65rem}.pricing-badge{margin-bottom:1rem}.pricing-card h2,.pricing-tier-card h3{color:#17130c;font-size:1.18rem;margin:0}.pricing-rate{align-items:baseline;display:flex;gap:.55rem;margin:1rem 0}.pricing-rate strong{color:#b97815;font-size:clamp(2.4rem,5vw,4rem);font-weight:950;line-height:.95}.pricing-breakdown span,.pricing-card li,.pricing-card p,.pricing-note p,.pricing-rate span{color:#6f624f}.pricing-card p,.pricing-section-heading p,.pricing-tier-card p{line-height:1.62;margin:0}.pricing-card ul,.pricing-tier-card ul{grid-gap:.65rem;display:grid;gap:.65rem;list-style:none;margin:0;padding:0}.pricing-card li,.pricing-tier-card li{line-height:1.45}.pricing-tiers{background:radial-gradient(circle at 8% 12%,#3b0a7814,#0000 22rem),linear-gradient(180deg,#fffaf080,#fffaf000);border-top:1px solid #8967332e;padding-bottom:clamp(3rem,6vw,5rem);padding-top:clamp(3rem,6vw,5rem)}.pricing-section-heading{grid-gap:.85rem;display:grid;gap:.85rem;margin-bottom:1.5rem;max-width:820px}.pricing-section-heading h2{color:#17130c;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;letter-spacing:0;line-height:1.05;margin:0}.pricing-section-heading p,.pricing-tier-card li,.pricing-tier-card p{color:#6f624f}.pricing-tier-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-tier-card{display:flex;flex-direction:column;gap:1rem}.pricing-tier-topline{align-items:center;display:flex;gap:1rem;justify-content:space-between}.pricing-tier-topline strong{color:#b97815;font-size:1.1rem;font-weight:950}.pricing-example{grid-gap:1.5rem;align-items:center;background:#fffaf06b;border-bottom:1px solid #8967332e;border-top:1px solid #8967332e;display:grid;gap:1.5rem;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);padding-bottom:clamp(3rem,6vw,5rem);padding-top:clamp(3rem,6vw,5rem)}.pricing-example h2,.pricing-note h2{font-size:clamp(2rem,4vw,3.2rem)}.pricing-breakdown{grid-gap:1px;background:#89673333;border:1px solid #89673333;border-radius:8px;display:grid;gap:1px;overflow:hidden}.pricing-breakdown div{background:#fffaf0;display:flex;gap:1rem;justify-content:space-between;padding:1rem}.pricing-breakdown strong{color:#17130c;font-size:1.1rem}.pricing-note{background:radial-gradient(circle at 18% 20%,#3b0a786b,#0000 28rem),linear-gradient(135deg,#17130c,#2b1308);max-width:none;padding:clamp(3rem,6vw,5rem) max(1.25rem,calc(50vw - 590px + 2rem)) clamp(5rem,8vw,7rem)}.pricing-note p{color:#fff8eabd;font-size:1rem;line-height:1.65;margin:1rem 0 0;max-width:760px}.pricing-note h2{color:#fff8ea}@media (max-width:860px){.pricing-example,.pricing-grid,.pricing-hero,.pricing-proof-strip,.pricing-tier-grid{grid-template-columns:1fr}.pricing-hero{align-items:start}.pricing-proof-strip{border-left:0;border-radius:0;border-right:0;margin-top:0}}@media (max-width:640px){.pricing-hero{padding:3.4rem 1.1rem 3.2rem}.pricing-hero h1{font-size:clamp(2.35rem,12vw,3.35rem)}.pricing-hero p{font-size:.98rem}.pricing-hero-panel{display:none}.pricing-actions,.pricing-button{width:100%}.pricing-breakdown div{align-items:flex-start;flex-direction:column;gap:.35rem}}.profile-page-modern{--profile-page-bg:#f7f2ec;--profile-surface:#fffaf4;--profile-surface-soft:#fcf4ea;--profile-text:#211815;--profile-muted:#79665d;--profile-border:#eadbcc;--profile-ink:#2a1711;--profile-accent:#b45309;--profile-accent-soft:#f7dfc3;--profile-accent-border:#e3b27c;--profile-banner:linear-gradient(135deg,#29160ed1,#8541187a),url(https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=80);--profile-rail:linear-gradient(180deg,#c2410c,#431407);background:var(--profile-page-bg);color:var(--profile-text);min-height:100vh;overflow-x:hidden}.profile-page-modern.profile-theme-olive{--profile-page-bg:#f4f2e8;--profile-surface:#fffdf5;--profile-surface-soft:#faf8ec;--profile-text:#1b1d14;--profile-muted:#696d54;--profile-border:#e2dec7;--profile-ink:#202515;--profile-accent:#4d7c0f;--profile-accent-soft:#e4edc7;--profile-accent-border:#bdcf88;--profile-banner:linear-gradient(135deg,#1d2211c7,#4e5d238a),url(https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=80);--profile-rail:linear-gradient(180deg,#65a30d,#1f2a12)}.profile-page-modern.profile-theme-granite{--profile-page-bg:#f4f5f3;--profile-surface:#fff;--profile-surface-soft:#f8faf8;--profile-text:#141719;--profile-muted:#667076;--profile-border:#dde2df;--profile-ink:#151719;--profile-accent:#3f4a45;--profile-accent-soft:#e7ece8;--profile-accent-border:#bcc8c2;--profile-banner:linear-gradient(135deg,#0f1214c2,#343a368a),url(https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=80);--profile-rail:linear-gradient(180deg,#3f4a45,#151719)}.profile-page-modern *{box-sizing:border-box}.container-profile{margin:0 auto;max-width:none;padding:0;width:min(1280px,calc(100% - 32px))}.profile-banner{background:var(--profile-banner);background-position:50%;background-size:cover;height:clamp(240px,29vw,340px);overflow:hidden}.banner-overlay{inset:0;pointer-events:none;position:absolute}.banner-content{align-items:flex-end;display:flex;height:100%;justify-content:flex-start;margin:0 auto;padding-bottom:22px;position:relative;width:min(1280px,calc(100% - 32px));z-index:1}.profile-avatar-large,.profile-picture-preview,.user-avatar-small{overflow:hidden}.profile-avatar-large{background:#fff;border:6px solid #fff;border-radius:50%;box-shadow:0 22px 54px #02061747;height:clamp(118px,10vw,142px);outline:1px solid #0f172a14;position:relative;width:clamp(118px,10vw,142px)}.avatar-image,.profile-picture-preview-img,.user-avatar-small img{display:block;height:100%;object-fit:cover;width:100%}.profile-avatar-initials{background:var(--profile-rail);color:#fff;display:grid;font-size:2.8rem;font-weight:900;height:100%;letter-spacing:0;place-items:center;width:100%}.profile-picture-upload-input{display:none}.profile-header-modern,.profile-tabs-modern{background:color-mix(in srgb,var(--profile-surface) 94%,#0000);border-color:var(--profile-border)}.profile-header-modern{border-bottom:1px solid var(--profile-border);border-top:1px solid var(--profile-border);box-shadow:0 18px 44px #0f172a0f;padding:clamp(3rem,4vw,4.1rem) 0 1.5rem}.profile-header-content{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) auto}.profile-main-info{min-width:0;text-align:left}.profile-kicker,.profile-settings-current,.profile-storefront-strip span,.track-genre-badge,.track-price-badge{align-items:center;background:var(--profile-accent-soft);border:1px solid var(--profile-accent-border);border-radius:999px;color:var(--profile-ink);display:inline-flex;font-size:.78rem;font-weight:900;min-height:30px;padding:.25rem .65rem}.profile-kicker{letter-spacing:.04em;margin-bottom:.7rem;text-transform:uppercase}.profile-name{color:var(--profile-text);font-size:clamp(2rem,5vw,4.5rem);font-weight:900;letter-spacing:0;line-height:.96;margin:0 0 .45rem;max-width:760px}.profile-bio-text{color:var(--profile-muted);font-size:1rem;line-height:1.6;margin:0;max-width:680px}.profile-actions-modern,.social-links-modern,.track-card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.social-links-modern{margin-top:1rem}.profile-actions-modern{justify-content:flex-end}.btn-cancel,.btn-primary,.btn-save,.btn-secondary{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:800;gap:.5rem;justify-content:center;min-height:44px;padding:.75rem 1.2rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.btn-primary,.btn-save{background:var(--profile-ink);color:#fff}.btn-cancel,.btn-secondary,.social-link{background:var(--profile-surface);border-color:var(--profile-border);color:var(--profile-text)}.btn-cancel:hover:not(:disabled),.btn-primary:hover,.btn-save:hover:not(:disabled),.btn-secondary:hover,.social-link:hover{border-color:var(--profile-accent-border);box-shadow:0 12px 28px #0f172a1a;transform:translateY(-1px)}.social-link{align-items:center;border-radius:8px;display:inline-flex;height:38px;justify-content:center;text-decoration:none;width:38px}.analytics-overview-modern,.analytics-panels-modern,.earnings-overview,.profile-settings-grid,.profile-stats-modern{grid-gap:1rem;display:grid;gap:1rem}.profile-stats-modern{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.35rem}.profile-storefront-strip{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:.9rem}.profile-storefront-strip span{justify-content:center;min-height:34px;text-align:center}.activity-item,.analytics-card-modern,.analytics-panel-modern,.breakdown-item,.earnings-card,.empty-state-modern,.profile-settings-card,.sale-item,.stat-card,.track-card-modern,.user-item{background:var(--profile-surface);border:1px solid var(--profile-border);border-radius:8px;box-shadow:0 10px 28px #0f172a0d;color:var(--profile-text)}.analytics-card-modern,.analytics-panel-modern,.earnings-card,.profile-settings-card,.stat-card{padding:1.2rem}.stat-card{min-height:96px}.breakdown-amount,.earnings-amount,.sale-amount,.stat-value{color:var(--profile-accent);font-size:2rem;font-weight:900;line-height:1}.activity-content p,.analytics-card-modern span,.analytics-panel-modern li,.breakdown-price,.breakdown-track-meta,.earnings-label,.empty-state-modern,.empty-state-modern p,.profile-settings-card p,.profile-settings-eyebrow,.profile-settings-summary,.sale-date,.stat-label,.user-bio{color:var(--profile-muted)}.profile-settings-summary{grid-gap:.45rem;background:var(--profile-surface-soft);border:1px solid var(--profile-border);border-radius:8px;display:grid;font-size:.92rem;gap:.45rem;margin:.85rem 0 1rem;padding:.85rem}.profile-settings-summary strong{color:var(--profile-text)}.profile-tabs-modern{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--profile-border);position:sticky;top:var(--nav-height);z-index:20}.tabs-wrapper{display:flex;gap:.6rem;overflow-x:auto;padding:.7rem 0;scrollbar-width:none}.tabs-wrapper::-webkit-scrollbar{display:none}.tab-button{align-items:center;background:var(--profile-surface);border:1px solid var(--profile-border);border-radius:999px;color:var(--profile-muted);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:800;gap:.5rem;min-height:42px;padding:.55rem 1rem;white-space:nowrap}.tab-button svg{color:var(--profile-accent)}.profile-theme-option.active,.profile-theme-option:hover,.tab-button.active,.tab-button:hover{background:var(--profile-accent-soft);border-color:var(--profile-accent-border);color:var(--profile-ink)}.profile-content-modern{background:var(--profile-page-bg);min-height:420px;padding:clamp(2rem,4vw,3.5rem) 0 4rem}.section-header-modern{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.analytics-card-modern strong,.analytics-panel-modern h3,.breakdown-track-title,.empty-state-modern h3,.profile-settings-card h3,.sale-track-title,.section-title-modern,.track-card-title,.user-name{color:var(--profile-text)}.section-title-modern{font-size:1.5rem;font-weight:900;letter-spacing:0;margin:0}.tracks-grid-modern{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.track-card-modern{overflow:hidden}.track-card-artwork{aspect-ratio:1;background:var(--profile-rail);overflow:hidden;position:relative}.track-artwork-placeholder,.track-card-artwork img{height:100%;object-fit:cover;width:100%}.track-artwork-placeholder{background:var(--profile-rail)}.track-play-overlay{background:#00000073;display:grid;inset:0;opacity:0;place-items:center;position:absolute;transition:opacity .2s ease}.track-card-modern:hover .track-play-overlay{opacity:1}.track-play-btn{background:#fff;border:0;border-radius:50%;color:var(--profile-ink);cursor:pointer;display:grid;height:48px;place-items:center;width:48px}.track-audio-preview{display:none}.track-card-info{padding:1rem}.track-card-title{font-size:1rem;font-weight:900;margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-card-meta{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between}.track-genre-badge{line-height:1.35;max-width:100%}.action-btn{background:var(--profile-surface-soft);border:1px solid var(--profile-border);border-radius:8px;color:var(--profile-text);cursor:pointer;display:grid;height:34px;place-items:center;width:34px}.delete-action{color:#be123c}.analytics-overview-modern,.earnings-overview{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.analytics-panels-modern{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.activity-section-modern,.analytics-section-modern,.earnings-section-modern,.followers-section,.following-section,.profile-settings-section,.tracks-section-modern{color:var(--profile-text)}.activity-item,.breakdown-item,.earnings-card,.sale-item,.user-item{align-items:center;display:flex;gap:1rem}.earnings-card{min-height:118px}.activity-icon,.earnings-icon,.user-avatar-small{background:var(--profile-rail);border-radius:8px;color:#fff;display:grid;flex:0 0 auto;height:44px;place-items:center;width:44px}.activity-item,.breakdown-item,.sale-item,.user-item{min-height:68px;padding:1rem}.activity-content,.breakdown-track-info,.earnings-content,.sale-info,.user-info{flex:1 1;min-width:0}.breakdown-track-title,.sale-track-title,.user-name{font-weight:900}.breakdown-track-meta{display:flex;flex-wrap:wrap;font-size:.85rem;gap:.6rem;margin-top:.3rem}.breakdown-earnings,.sale-amount{text-align:right}.breakdown-price{font-size:.8rem;margin-top:.25rem}.activity-list,.earnings-breakdown,.sales-history{display:flex;flex-direction:column;gap:.8rem}.users-list{grid-gap:.9rem;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.user-item{background:var(--profile-surface);color:var(--profile-text);overflow:hidden;position:relative;text-decoration:none}.user-item:before{background:var(--profile-rail);content:"";inset:0 auto 0 0;position:absolute;width:4px}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-item .user-name{color:var(--profile-text)}.user-bio{color:var(--profile-muted);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state-modern{padding:3rem 2rem;text-align:center}.empty-state-modern svg{color:var(--profile-accent);margin-bottom:1rem}.empty-state-modern h3{margin:0 0 .45rem}.loading-state,.profile-loading{color:var(--profile-muted);display:grid;min-height:320px;place-items:center}.spinner{animation:profile-spin 1s linear infinite;border:4px solid var(--profile-border);border-top-color:var(--profile-accent);height:42px;width:42px}@keyframes profile-spin{to{transform:rotate(1turn)}}.profile-error-message{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;color:#be123c;margin:1rem auto;padding:1rem;width:min(1280px,calc(100% - 32px))}.profile-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-settings-card{display:flex;flex-direction:column;gap:1rem;min-height:210px}.profile-settings-card-wide{grid-column:1/-1}.profile-settings-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.profile-settings-card h3{font-size:1.2rem;letter-spacing:0;margin:.25rem 0 0}.profile-connect-card{min-height:0}.profile-connect-layout{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}.profile-connect-main{display:flex;flex-direction:column;gap:1rem}.profile-payout-mode{grid-gap:.5rem;background:var(--profile-surface-soft);border:1px solid var(--profile-border);border-radius:8px;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:.35rem}.profile-payout-mode button{background:#0000;border:1px solid #0000;border-radius:8px;color:var(--profile-muted);cursor:pointer;font:inherit;font-weight:900;min-height:40px}.profile-payout-mode button.active{background:var(--profile-accent);border-color:var(--profile-accent-border);color:var(--profile-accent-contrast)}.profile-manual-payout-form{grid-gap:.8rem;display:grid;gap:.8rem}.profile-manual-payout-form label{grid-gap:.45rem;color:var(--profile-muted);display:grid;font-size:.82rem;font-weight:900;gap:.45rem;letter-spacing:.04em;text-transform:uppercase}.profile-manual-payout-form input,.profile-manual-payout-form select{background:#fff;border:1px solid var(--profile-border);border-radius:8px;color:var(--profile-text);font:inherit;min-height:44px;padding:0 .85rem;width:100%}.profile-manual-payout-form input:focus,.profile-manual-payout-form select:focus{border-color:var(--profile-accent-border);outline:3px solid color-mix(in srgb,var(--profile-accent) 22%,#0000)}.profile-payout-saved{align-items:center;color:var(--profile-ink);display:inline-flex;font-size:.84rem;font-weight:900;min-height:36px}.profile-withdrawal-balances{grid-gap:.55rem;display:grid;gap:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.profile-withdrawal-balances div{background:var(--profile-surface-soft);border:1px solid var(--profile-border);border-radius:8px;min-width:0;padding:.75rem}.profile-withdrawal-balances span,.profile-withdrawal-form label{color:var(--profile-muted);display:block;font-size:.74rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.profile-withdrawal-balances strong{color:var(--profile-ink);display:block;font-size:1.1rem;margin-top:.28rem}.profile-withdrawal-form{grid-gap:.6rem;align-items:end;display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr) auto}.profile-withdrawal-form label{grid-gap:.45rem;display:grid;gap:.45rem}.profile-withdrawal-form input{background:#fff;border:1px solid var(--profile-border);border-radius:8px;color:var(--profile-text);font:inherit;min-height:42px;padding:0 .8rem;width:100%}.profile-withdrawal-message{background:var(--profile-surface-soft);border:1px solid var(--profile-border);border-radius:8px;color:var(--profile-muted);font-size:.84rem;font-weight:800;padding:.75rem .85rem}.profile-connect-status{align-items:center;background:var(--profile-accent-soft);border:1px solid var(--profile-accent-border);border-radius:999px;color:var(--profile-ink);display:inline-flex;font-size:.78rem;font-weight:900;letter-spacing:.04em;min-height:32px;padding:0 .75rem;text-transform:uppercase;white-space:nowrap}.profile-connect-status.pending{background:var(--profile-surface-soft);border-color:var(--profile-border);color:var(--profile-muted)}.profile-connect-actions,.profile-connect-details{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem}.profile-connect-details span{align-items:center;background:var(--profile-surface-soft);border:1px solid var(--profile-border);border-radius:999px;color:var(--profile-muted);display:inline-flex;font-size:.82rem;font-weight:800;min-height:34px;padding:0 .7rem}.profile-connect-error{background:#fff1f2;border:1px solid #fecaca;border-radius:8px;color:#9f1239;font-weight:800;padding:.8rem}.profile-connect-checklist{grid-gap:.65rem;background:var(--profile-surface-soft);border:1px solid var(--profile-border);border-radius:8px;display:grid;gap:.65rem;padding:.85rem}.profile-connect-check{grid-gap:.65rem;align-items:center;color:var(--profile-muted);display:grid;font-size:.86rem;gap:.65rem;grid-template-columns:36px minmax(0,1fr);min-height:42px}.profile-connect-check span{background:var(--profile-surface);border:1px solid var(--profile-border);border-radius:50%;color:var(--profile-muted);display:grid;font-size:.68rem;font-weight:900;height:34px;place-items:center;width:34px}.profile-connect-check.complete{color:var(--profile-ink)}.profile-connect-check.complete span{background:var(--profile-accent);border-color:var(--profile-accent-border);color:var(--profile-accent-contrast)}.profile-connect-note{background:color-mix(in srgb,var(--profile-accent-soft) 55%,#fff);border:1px solid var(--profile-border);border-radius:8px;color:var(--profile-muted);font-size:.84rem;font-weight:800;padding:.8rem .9rem}.profile-settings-eyebrow{font-size:.75rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.profile-theme-picker{align-items:center;background:var(--profile-surface-soft);border:1px solid var(--profile-border);border-radius:8px;display:flex;gap:.55rem;justify-content:space-between;padding:.7rem;width:100%}.profile-theme-picker-label{color:var(--profile-muted);font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.profile-theme-options{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.profile-theme-option{align-items:center;background:#0000;border:1px solid #0000;border-radius:999px;color:var(--profile-muted);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:800;gap:.4rem;min-height:34px;padding:.4rem .65rem}.profile-theme-swatch{border:2px solid var(--profile-surface);border-radius:50%;box-shadow:0 0 0 1px #0f172a1f;height:14px;width:14px}.profile-theme-option-amber .profile-theme-swatch{background:linear-gradient(135deg,#431407 50%,#b45309 0)}.profile-theme-option-olive .profile-theme-swatch{background:linear-gradient(135deg,#202515 50%,#65a30d 0)}.profile-theme-option-granite .profile-theme-swatch{background:linear-gradient(135deg,#151719 50%,#3f4a45 0)}.edit-profile-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827b8;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.edit-profile-modal-container{background:var(--profile-surface);border:1px solid var(--profile-border);border-radius:8px;box-shadow:0 28px 80px #0f172a47;color:var(--profile-text);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(620px,100%)}.edit-profile-modal-footer,.edit-profile-modal-header{align-items:center;background:var(--profile-surface);border-color:var(--profile-border);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.edit-profile-modal-header{border-bottom:1px solid var(--profile-border)}.edit-profile-modal-footer{border-top:1px solid var(--profile-border)}.edit-profile-modal-title{align-items:center;color:var(--profile-text);display:flex;font-size:1.2rem;gap:.6rem;margin:0}.edit-profile-close-btn{background:var(--profile-surface-soft);border:1px solid var(--profile-border);border-radius:8px;color:var(--profile-text);cursor:pointer;display:grid;height:36px;place-items:center;width:36px}.edit-profile-modal-content{overflow-y:auto;padding:1.25rem}.edit-profile-picture-section{display:flex;justify-content:center;margin-bottom:1.25rem}.profile-picture-preview{background:var(--profile-surface-soft);border:4px solid var(--profile-accent-border);border-radius:50%;height:120px;position:relative;width:120px}.profile-picture-overlay{background:#00000094;border-radius:50%;color:#fff;display:grid;inset:0;opacity:0;place-items:center;position:absolute;transition:opacity .2s ease}.profile-picture-preview:hover .profile-picture-overlay{opacity:1}.profile-picture-upload-label{grid-gap:.35rem;cursor:pointer;display:grid;font-size:.8rem;font-weight:800;gap:.35rem;place-items:center}.edit-profile-form{grid-gap:1rem;display:grid;gap:1rem}.form-group{grid-gap:.45rem;display:grid;gap:.45rem}.form-label{align-items:center;color:var(--profile-text);display:inline-flex;font-weight:800;gap:.5rem}.edit-profile-form .form-helper{color:var(--profile-muted);font-size:.78rem;line-height:1.35}.form-input,.form-textarea{background:#fff;border:1px solid var(--profile-border);border-radius:8px;color:var(--profile-text);font:inherit;padding:.75rem .9rem;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--profile-accent-border);outline:3px solid color-mix(in srgb,var(--profile-accent) 22%,#0000)}.form-textarea{min-height:110px;resize:vertical}.form-help{color:var(--profile-muted);font-size:.8rem}.form-error,.form-success{border-radius:8px;font-size:.9rem;padding:.75rem}.form-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.form-success{background:var(--profile-accent-soft);border:1px solid var(--profile-accent-border);color:var(--profile-ink)}.btn-save:disabled{cursor:not-allowed;opacity:.65}@media (max-width:980px){.profile-header-content{grid-template-columns:1fr}.profile-actions-modern,.social-links-modern{justify-content:flex-start}.profile-settings-grid,.profile-stats-modern,.profile-storefront-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-connect-layout{grid-template-columns:1fr}}@media (max-width:640px){.banner-content,.container-profile,.profile-error-message{width:min(100% - 20px,1280px)}.profile-banner{height:190px}.banner-content{justify-content:center;padding-bottom:18px}.profile-avatar-large{border-width:5px;height:104px;width:104px}.profile-header-modern{padding-top:1.8rem}.profile-bio-text,.profile-main-info{margin-left:auto;margin-right:auto;text-align:center}.profile-actions-modern,.social-links-modern{justify-content:center}.profile-settings-grid,.profile-stats-modern,.profile-storefront-strip,.users-list{grid-template-columns:1fr}.profile-settings-card-header,.profile-theme-picker,.section-header-modern{align-items:stretch;flex-direction:column}.profile-theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch}.profile-theme-option{justify-content:center}.profile-connect-actions .btn-primary,.profile-connect-actions .btn-secondary{width:100%}.profile-withdrawal-balances,.profile-withdrawal-form{grid-template-columns:1fr}}.profile-page{padding:24px}.profile-content-section,.profile-header-section{margin-bottom:24px}.profile-avatar{border-radius:9999px;height:120px;object-fit:cover;width:120px}.empty-state,.profile-track-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.social-feed-page{background:var(--color-background);color:var(--color-text);min-height:100vh;padding:2rem 0 4rem}.container{max-width:700px}.feed-header{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:2rem;text-align:center}.page-title{color:var(--color-text)}.gradient-text{color:var(--color-accent)}.page-subtitle{color:var(--color-muted);margin-bottom:1.5rem}.create-post-button{align-items:center;background:var(--color-accent);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-post-button:hover{background:var(--color-accent-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.feed-filter{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.filter-btn{background:var(--color-card);border:1px solid var(--color-border);border-radius:20px;color:var(--color-text);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.loading-container{color:var(--color-muted);padding:4rem 2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid var(--color-border);border-radius:50%;border-top-color:var(--color-accent);height:50px;margin:0 auto 1rem;width:50px}.empty-state{color:var(--color-muted);padding:4rem 2rem;text-align:center}.empty-state svg{height:64px;margin-bottom:1rem;opacity:.3;width:64px}.empty-state h3{color:var(--color-text);font-size:1.5rem;margin-bottom:.5rem}.posts-timeline{display:flex;flex-direction:column;gap:1.5rem}.feed-post{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-sm);padding:1.25rem;transition:all .3s ease}.feed-post:hover{border-color:#2f80ed59;box-shadow:var(--shadow-md)}.post-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.user-avatar{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;height:44px;overflow:hidden;width:44px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#eef3fd;color:#fff;display:flex;font-size:1rem;font-weight:700;height:100%;justify-content:center;width:100%}.user-info{flex:1 1;min-width:0}.user-name{color:var(--color-text);display:block;font-size:.95rem;font-weight:600;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.user-name:hover{color:var(--color-accent)}.post-time{color:var(--color-muted);font-size:.8rem;margin-top:.25rem}.post-header-actions{display:flex;gap:.5rem}.delete-post-btn{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:8px;color:#e74c3c;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.delete-post-btn:hover{background:#e74c3c33;transform:scale(1.1)}.post-content{margin-bottom:1rem}.post-content p{color:var(--color-text);font-size:.95rem;line-height:1.6;margin:0}.track-preview{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:inherit;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;text-decoration:none;transition:all .3s ease}.track-preview:hover{border-color:#2f80ed59}.track-cover{border-radius:8px;flex-shrink:0;height:70px;overflow:hidden;width:70px}.track-cover img{height:100%;object-fit:cover;width:100%}.track-cover-placeholder{background:#eef3fd;height:100%;width:100%}.track-info{display:flex;flex:1 1;flex-direction:column;gap:.375rem;justify-content:center;min-width:0}.track-info h4{color:var(--color-text);font-size:.95rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-genre{background:#eef3fd;border-radius:8px;color:var(--color-accent);display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .625rem;width:fit-content}.buy-track-btn-small{background:var(--color-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;margin-top:.5rem;padding:.5rem 1rem;transition:all .3s ease;width:fit-content}.buy-track-btn-small:hover{background:var(--color-accent-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.post-actions{border-top:1px solid var(--color-border);display:flex;gap:.75rem;padding-top:1rem}.action-button{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem .875rem;transition:all .3s ease}.action-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.like-button.liked{background:#e74c3c26;border-color:#e74c3c4d;color:#e74c3c}.comment-button:hover{background:#eef3fd;border-color:#2f80ed59;color:var(--color-accent)}.comments-section{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.comments-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.comment-item{align-items:flex-start;display:flex;gap:.75rem}.comment-avatar{align-items:center;background:#eef3fd;border-radius:50%;color:var(--color-accent);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:28px;justify-content:center;width:28px}.comment-content{flex:1 1;min-width:0}.comment-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.comment-user{color:var(--color-text);font-size:.85rem;font-weight:600}.comment-time{color:var(--color-muted);font-size:.75rem}.comment-text{color:var(--color-text);font-size:.875rem;line-height:1.5;margin:0}.comment-form{display:flex;flex-direction:column;gap:.75rem}.comment-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:inherit;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.comment-input::placeholder{color:var(--color-muted)}.comment-input:focus{border-color:var(--color-accent);outline:none}.comment-form-actions{display:flex;gap:.75rem;justify-content:flex-end}.cancel-comment-btn,.submit-comment-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.cancel-comment-btn{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text)}.cancel-comment-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.submit-comment-btn{background:var(--color-accent);color:#fff}.submit-comment-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.submit-comment-btn:disabled{cursor:not-allowed;opacity:.5}.add-comment-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;width:100%}.add-comment-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-post-modal{animation:slideUp .3s ease;background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-md);max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:var(--color-text);font-size:1.25rem;font-weight:700;margin:0}.modal-close{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.modal-close:hover{border-color:var(--color-accent);color:var(--color-accent)}.create-post-form{padding:1.5rem}.post-content-input{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:inherit;font-size:.95rem;min-height:120px;padding:1rem;resize:vertical;transition:all .3s ease;width:100%}.post-content-input:focus{border-color:var(--color-accent);outline:none}.post-content-input::placeholder{color:var(--color-muted)}.selected-track-preview{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;display:flex;gap:1rem;margin-top:1rem;padding:1rem;position:relative}.selected-track-cover{border-radius:8px;flex-shrink:0;height:50px;overflow:hidden;width:50px}.selected-track-cover img{height:100%;object-fit:cover;width:100%}.selected-track-info{flex:1 1;min-width:0}.selected-track-info h4{color:#fff;font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-track-btn{align-items:center;background:#e74c3c33;border:1px solid #e74c3c4d;border-radius:8px;color:#e74c3c;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.remove-track-btn:hover{background:#e74c3c4d;transform:scale(1.1)}.attach-track-btn{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;transition:all .3s ease}.attach-track-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.cancel-button,.submit-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-button{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text)}.cancel-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.track-selection-modal{max-height:80vh;max-width:600px;overflow-y:auto}.tracks-selection-list{display:flex;flex-direction:column;gap:.75rem;max-height:60vh;overflow-y:auto}.track-selection-item{align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.track-selection-item:hover{border-color:#2f80ed59}.track-selection-cover{border-radius:8px;flex-shrink:0;height:50px;overflow:hidden;width:50px}.track-selection-cover img{height:100%;object-fit:cover;width:100%}.track-selection-info{flex:1 1;min-width:0}.track-selection-info h4{color:#fff;font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-message{align-items:center;animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141ef2;border:1px solid #2ed5734d;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#2ed573;display:flex;font-weight:500;gap:.75rem;padding:1rem 1.25rem;position:fixed;right:2rem;top:2rem;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.container{padding:0 1.5rem}.feed-post{padding:1rem}.post-actions{flex-wrap:wrap;gap:.5rem}.action-button{flex:1 1;justify-content:center;min-width:0}}@media (max-width:640px){.page-title{font-size:2rem}.posts-timeline{gap:1rem}.action-button span{display:none}.create-post-button{justify-content:center;width:100%}}.upload-page{background:var(--color-background);color:#000;padding:2rem 0 4rem}.upload-page *{color:#000}.container{margin:0 auto;max-width:800px;padding:0 2rem}.upload-header{margin-bottom:2rem;padding-bottom:2rem}.page-title{color:#000;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.gradient-text{color:#000}.page-subtitle{color:#000;font-size:1.125rem}.auth-warning{align-items:center;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:12px;color:#ffc107;display:flex;gap:.75rem;margin-bottom:2rem;padding:1rem 1.25rem}.auth-warning svg{flex-shrink:0}.message{align-items:center;border-radius:12px;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.error-message{background:#e74c3c1a;border:1px solid #e74c3c4d;color:#e74c3c}.success-message{background:#2ed5731a;border:1px solid #2ed5734d;color:#2ed573}.upload-form{background:#fff;border:1px solid #0000001f;border-radius:16px;box-shadow:var(--shadow-sm);padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{color:#000;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.required{color:#e74c3c}.form-input,.form-select{border:1px solid #0000001f;color:#000;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-input::placeholder{color:#000}.form-input:focus,.form-select:focus{outline:none}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23121212' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:3rem}.form-hint{color:#000;font-size:.8rem;margin-top:.5rem}.price-input-wrapper{position:relative}.price-symbol{color:#000;font-weight:600;left:1.25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.price-input{padding-left:3.1rem}.drop-zone{align-items:center;background:#f0f3f7;border:2px dashed #00000026;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:160px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.drop-zone.active,.drop-zone:hover{background:#eaf1fd;border-color:var(--color-accent)}.drop-zone.active{border-style:solid}.drop-zone.has-file{background:#2ed5730d;border-color:#2ed57380}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.drop-zone-content{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:1.5rem;text-align:center;width:100%}.drop-zone-content svg{color:#000;transition:color .3s ease}.drop-zone:hover .drop-zone-content svg{color:#000}.drop-zone-text{display:flex;flex-direction:column;gap:.25rem}.drop-zone-title{color:#000;font-size:.95rem;font-weight:600;margin:0}.drop-zone-subtitle{color:#000;font-size:.8rem;margin:0}.file-info{display:flex;flex-direction:column;gap:.25rem;width:100%}.file-name{color:#000;font-size:.9rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#000;font-size:.8rem;margin:0}.cover-preview{border-radius:8px;margin-bottom:.5rem;max-width:180px;object-fit:cover}.cover-drop-zone{min-height:200px}.file-preview-section{background:#f7f9fc;border:1px solid #0000001a;border-radius:8px;margin-top:1rem;padding:1rem}.audio-preview{width:100%}.audio-player-preview{border-radius:8px;height:40px;width:100%}.progress-container{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.progress-info{align-items:center;display:flex;justify-content:space-between}.progress-label{color:#000;font-size:.8rem;font-weight:500}.progress-bar{background:var(--color-border);border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden;width:100%}.progress-fill{background:var(--color-accent);border-radius:3px;height:100%;transition:width .3s ease}.progress-fill.indeterminate{animation:progressIndeterminate 1.5s ease-in-out infinite;background:linear-gradient(90deg,#2f80ed,#1f6fe0 50%,#2f80ed);background-size:200% 100%;width:100%}@keyframes progressIndeterminate{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-complete{align-items:center;background:#2ed5731a;border:1px solid #2ed5734d;border-radius:8px;color:#2ed573;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.625rem .875rem}.progress-text{color:#000;font-size:.8rem;font-weight:600}.or-divider{margin:1.5rem 0;position:relative;text-align:center}.or-divider:after,.or-divider:before{background:var(--color-border);content:"";height:1px;position:absolute;top:50%;width:45%}.or-divider:before{left:0}.or-divider:after{right:0}.or-divider span{background:var(--color-background);color:#000;font-size:.8rem;font-weight:600;padding:0 1rem;position:relative}.submit-button{align-items:center;background:var(--color-accent);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){background:var(--color-accent-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.5}.button-spinner{animation:spin .8s linear infinite;border:2px solid #fff9;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:0 1.5rem}.upload-form{padding:1.5rem}.drop-zone{min-height:140px}.cover-drop-zone{min-height:180px}}@media (max-width:640px){.upload-page{padding:1.5rem 0 3rem}.page-title{font-size:2rem}.upload-form{padding:1.25rem}.form-group{margin-bottom:1.25rem}.drop-zone-content{padding:1rem}}.upload-page{background:radial-gradient(circle at 80% 0,#0f9f8f17,#0000 28rem),linear-gradient(180deg,#f7f9fc,#fff 50%,#f6f8fb)}.upload-page .container{max-width:860px}.upload-header{border-bottom-color:var(--color-border);padding:3rem 0 2rem}.upload-header .page-title{font-size:clamp(2.25rem,4vw,3.7rem);letter-spacing:0}.drop-zone-subtitle,.form-hint,.upload-header .page-subtitle{color:var(--color-muted)}.upload-form{background:#ffffffe6;border-color:#1217221a;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.form-input,.form-select{background-color:#fff;border-color:var(--color-border);border-radius:var(--radius-md);min-height:48px}.drop-zone{background:#f7f9fc;border-color:#12172229;border-radius:var(--radius-lg)}.drop-zone.active,.drop-zone:hover{background:var(--color-accent-soft)}.drop-zone.has-file{background:#0f9f8f14;border-color:#0f9f8f5c}.drop-zone-content svg{color:var(--color-accent)}.auth-warning,.message{border-radius:var(--radius-lg)}.submit-button{background:var(--color-text);border-radius:var(--radius-md);box-shadow:0 18px 38px #12172229;min-height:52px}.submit-button:hover:not(:disabled){background:var(--color-accent)}.upload-page{background:radial-gradient(circle at 14% 6%,#c9851626,#0000 27rem),radial-gradient(circle at 86% 8%,#f2bd6224,#0000 26rem),linear-gradient(180deg,#17130c,#24190c 42%,#120d08);color:var(--color-text);padding:3rem 0 5rem}.upload-page *{box-sizing:border-box}.upload-page .container{max-width:1180px;padding:0 1.5rem}.upload-header{border-bottom:1px solid var(--color-border);margin:0 auto 2rem;max-width:760px;padding:2.5rem 0 1.75rem;text-align:center}.upload-kicker,.upload-trust-row span{align-items:center;display:inline-flex;gap:.45rem}.upload-kicker{background:#f2bd621a;border:1px solid #f2bd623d;border-radius:999px;color:var(--color-muted);font-size:.8rem;font-weight:800;margin-bottom:1rem;padding:.4rem .75rem;text-transform:uppercase}.upload-header .page-title{color:var(--color-text);font-size:clamp(2.3rem,5vw,4rem);line-height:.98;margin:0 0 .75rem}.upload-header .gradient-text{color:var(--color-accent)}.upload-header .page-subtitle{color:var(--color-muted);margin:0 auto;max-width:620px}.upload-trust-row{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-top:1.3rem}.upload-trust-row span{background:#ffffff0d;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);font-size:.82rem;font-weight:700;min-height:34px;padding:.4rem .7rem}.upload-workspace{grid-gap:1.25rem;align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) 360px}.upload-form,.upload-side-panel>*{background:#101b2ceb;border:1px solid var(--color-border);box-shadow:0 30px 90px #00000052}.upload-form{border-radius:18px;padding:1.5rem}.form-section-heading{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;gap:.8rem;margin:0 0 1.2rem;padding-bottom:1rem}.form-section-heading+.form-section-heading{margin-top:1.5rem}.section-step{align-items:center;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));border-radius:10px;color:#17130c;display:inline-flex;flex:0 0 32px;font-size:.9rem;font-weight:900;height:32px;justify-content:center;width:32px}.form-section-heading h2{color:var(--color-text);font-size:1.05rem;margin:0 0 .2rem}.drop-zone-subtitle,.file-size,.form-hint,.form-section-heading p,.progress-label,.progress-text{color:var(--color-muted)}.form-group{margin-bottom:1.15rem}.drop-zone-title,.file-name,.form-label,.price-symbol{color:var(--color-text)}.form-input,.form-select{background:#ffffff0f;border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);min-height:50px}.upload-page .price-symbol{color:var(--color-muted);left:1.25rem;text-align:center;width:1rem}.upload-page .price-input{padding-left:3.1rem}.form-select option{color:#24190c}.form-input::placeholder{color:var(--color-subtle)}.form-input:focus,.form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #c985161f}.genre-fieldset{border:0;margin:0;padding:0}.genre-fieldset .form-label{margin-bottom:.65rem}.genre-picker{display:flex;flex-wrap:wrap;gap:.55rem}.genre-choice{background:hsla(0,0%,100%,.055);border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);cursor:pointer;font:inherit;font-size:.86rem;font-weight:800;min-height:36px;padding:.45rem .75rem;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.genre-choice:hover{border-color:#c9851673;color:var(--color-text);transform:translateY(-1px)}.genre-choice.selected{background:#f2bd6224;border-color:#f2bd628c;color:var(--color-text)}.drop-zone{background:radial-gradient(circle at 18% 12%,#c985161f,#0000 15rem),hsla(0,0%,100%,.045);border-color:#94a3b847;border-radius:16px;min-height:176px}.drop-zone.active,.drop-zone:hover{background:#c985161a;border-color:#c985168c}.drop-zone.has-file{background:#f2bd6214;border-color:#f2bd6275}.drop-zone-content{gap:.85rem}.drop-zone-icon{color:var(--color-accent);height:46px;width:46px}.file-preview-section{background:#ffffff0d;border-color:var(--color-border);border-radius:14px}.audio-player-preview{filter:invert(1) hue-rotate(180deg)}.cover-preview{border:1px solid var(--color-border);border-radius:14px;box-shadow:0 18px 45px #0000003d;max-height:180px;width:min(180px,100%)}.auth-warning,.message,.or-divider:after,.or-divider:before{border-color:var(--color-border)}.or-divider span{background:#101b2ceb;color:var(--color-muted)}.progress-bar{background:#ffffff14}.progress-fill,.progress-fill.indeterminate{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary))}.progress-complete,.success-message{background:#f2bd621a;border-color:#f2bd6240;color:#6ee7d8}.error-message{background:#f871711a;border-color:#f8717140;color:#fca5a5}.auth-warning{background:#fbbf241a;color:#fde68a}.submit-button{border-radius:14px;box-shadow:0 18px 42px #c9851633;color:#17130c;font-weight:900;min-height:54px}.submit-button,.submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent),var(--color-secondary))}.submit-button:hover:not(:disabled){transform:translateY(-2px)}.submit-button:disabled{opacity:.42}.button-spinner{border-color:#17130c #03111d59 #03111d59}.upload-side-panel{display:flex;flex-direction:column;gap:1rem;position:sticky;top:1rem}.license-note-card,.publish-checklist-card,.release-preview-card{border-radius:18px;padding:1rem}.release-artwork{align-items:center;aspect-ratio:1;background:radial-gradient(circle at 26% 18%,#c9851659,#0000 34%),radial-gradient(circle at 76% 18%,#f2bd623d,#0000 32%),linear-gradient(135deg,#0f172a,#1e3a5f 58%,#8a5b12);border:1px solid var(--color-border);border-radius:16px;display:flex;justify-content:center;overflow:hidden;width:100%}.release-artwork img{height:100%;object-fit:cover;width:100%}.release-artwork svg{color:#f8fafcbf;height:58px;width:58px}.release-preview-copy{padding:1rem 0 .85rem}.license-note-card p,.release-meta-grid span,.release-preview-copy span,.side-card-heading span{color:var(--color-muted)}.license-note-card h3,.release-preview-copy h2,.side-card-heading h3{color:var(--color-text);margin:0}.release-preview-copy h2{font-size:1.35rem;margin-top:.25rem}.release-preview-copy p{color:var(--color-muted);margin:.25rem 0 0}.release-meta-grid{grid-gap:.65rem;display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr))}.release-meta-grid div{background:#ffffff0d;border:1px solid var(--color-border);border-radius:14px;padding:.75rem}.release-meta-grid span,.release-meta-grid strong{display:block}.release-meta-grid strong{color:var(--color-text);margin-top:.25rem}.side-card-heading{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.8rem}.publish-checklist-card ul{grid-gap:.55rem;display:grid;gap:.55rem;list-style:none;margin:0;padding:0}.publish-checklist-card li{align-items:center;color:var(--color-muted);display:flex;font-weight:700;gap:.55rem;min-height:34px}.publish-checklist-card li svg{color:#94a3b88c}.publish-checklist-card li.complete{color:var(--color-text)}.publish-checklist-card li.complete svg{color:var(--color-secondary)}.license-note-card{display:flex;gap:.8rem}.license-note-card>svg{color:var(--color-accent);flex:0 0 auto;height:24px;width:24px}.license-note-card p{line-height:1.5;margin:.3rem 0 0}@media (max-width:980px){.upload-workspace{grid-template-columns:1fr}.upload-side-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:static}.license-note-card{grid-column:1/-1}}@media (max-width:640px){.upload-page{padding-top:1.25rem}.upload-page .container{padding:0 1rem}.upload-header{padding-top:1.25rem}.upload-form{padding:1rem}.release-meta-grid,.upload-side-panel{grid-template-columns:1fr}}.upload-page{background:#f4f6fa;color:#111827;min-height:100vh;padding:clamp(2rem,5vw,4rem) 0 5rem}.upload-page *{color:inherit}.upload-page .container{max-width:none;padding:0;width:min(1280px,calc(100% - 32px))}.upload-header{background:linear-gradient(135deg,#081222f0,#0a2134e0),url(https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-size:cover;border:0;border-radius:8px;box-shadow:0 16px 42px #0f172a1f;color:#fff;margin-bottom:1.25rem;padding:clamp(1.5rem,4vw,2.5rem)}.upload-page .gradient-text,.upload-page .page-title{-webkit-text-fill-color:#fff;background-image:none;color:#fff}.upload-page .page-subtitle{color:#ffffffb8}.auth-warning,.license-note-card,.message,.publish-checklist-card,.release-preview-card,.upload-form{background:#fff;border:1px solid #dbe3ee;border-radius:8px;box-shadow:0 8px 24px #0f172a0a;color:#111827}.upload-form{box-shadow:0 16px 42px #0f172a0f}.drop-zone-title,.file-name,.form-label,.license-note-card h3,.publish-checklist-card li.complete,.release-meta-grid strong,.release-preview-copy h2,.side-card-heading h3{color:#111827}.drop-zone-subtitle,.file-size,.form-hint,.license-note-card p,.publish-checklist-card li,.release-meta-grid span,.release-preview-copy p,.release-preview-copy span,.side-card-heading span{color:#64748b}.form-input,.form-select{background:#fff;border-color:#dbe3ee;border-radius:8px;color:#111827}.form-input::placeholder{color:#94a3b8}.form-input:focus,.form-select:focus{border-color:#8a5b12;box-shadow:0 0 0 4px #0f766e1a}.drop-zone{background:#f8fafc;border-color:#cbd5e1;border-radius:8px}.drop-zone.active,.drop-zone:hover{background:#ecfdf5;border-color:#8a5b12}.drop-zone-content svg,.drop-zone:hover .drop-zone-content svg,.file-info svg,.price-symbol{color:#8a5b12}.release-artwork,.release-meta-grid div{background:#f8fafc;border-color:#dbe3ee;border-radius:8px}.btn-submit,.publish-button,.submit-upload-button,.upload-submit-button{background:#111827;border-radius:8px;color:#fff}.btn-submit:hover,.publish-button:hover,.submit-upload-button:hover,.upload-submit-button:hover{background:#8a5b12}.success-message{background:#ecfdf5;border-color:#bbf7d0;color:#8a5b12}.error-message{background:#fff1f2;border-color:#fecdd3;color:#be123c}.auth-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}@media (max-width:640px){.upload-page .container{width:min(100% - 20px,1280px)}}.upload-page .license-note-card h3,.upload-page .release-meta-grid strong,.upload-page .release-preview-copy h2,.upload-page .side-card-heading h3,.upload-page .upload-form .drop-zone-title,.upload-page .upload-form .file-name,.upload-page .upload-form .form-label,.upload-page .upload-form h2{color:#111827!important}.upload-page .license-note-card p,.upload-page .publish-checklist-card li,.upload-page .release-meta-grid span,.upload-page .release-preview-copy p,.upload-page .release-preview-copy span,.upload-page .side-card-heading span,.upload-page .upload-form .drop-zone-subtitle,.upload-page .upload-form .file-size,.upload-page .upload-form .form-hint,.upload-page .upload-form p{color:#64748b!important}.upload-page .upload-form .form-input,.upload-page .upload-form .form-select,.upload-page .upload-form .price-input{background:#fff!important;border-color:#dbe3ee!important;color:#111827!important}.upload-page .upload-form .form-input::placeholder{color:#94a3b8!important}.upload-page{padding:24px}.upload-form,.upload-header,.upload-section{margin-bottom:24px}.upload-drop-zone{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:24px;text-align:center}.upload-drop-zone.active{background:#eff6ff;border-color:#2563eb}*{box-sizing:border-box}:root{--color-background:#17130c;--color-surface:#24190c;--color-surface-raised:#2e2112;--color-card:#251b10;--color-text:#fff8ea;--color-muted:#d8c6a7;--color-subtle:#a7906c;--color-border:#f5cc8429;--color-border-strong:#f5cc8447;--color-accent:#c98516;--color-accent-strong:#8a5b12;--color-accent-soft:#c9851629;--color-secondary:#f2bd62;--color-brand-purple:#3b0a78;--color-brand-purple-deep:#21004f;--color-brand-purple-soft:#5b21b62e;--color-warm:#f59e0b;--color-danger:#fb7185;--radius-lg:10px;--radius-md:8px;--radius-sm:8px;--shadow-xs:0 1px 2px #00000038;--shadow-sm:0 10px 24px #0000003d;--shadow-md:0 18px 44px #00000052;--shadow-lg:0 26px 70px #0000006b;--nav-height:72px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#17130c;background:var(--color-background);color:#fff8ea;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;margin:0}body,html{overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}button{font-family:inherit}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c9851647;outline-offset:2px}img{height:auto;max-width:100%}::selection{background:#c985164d}
/*# sourceMappingURL=main.38b50a8c.css.map*/