:root{--primary-color:#78ced6;--primary-dark:#3389b1;--secondary-color:#ff6b6b;--danger-color:#c62828;--danger-hover:#b71c1c;--accent-color:#ff8e53;--third-color:#667eea;--third-dark:#764ba2;--background-dark:#1a1a1a;--surface-color:#2a2a2a;--text-primary:#fff;--text-secondary:#9a9a9a;--border-color:#333;--btn-primary-from:#2a7ea6;--btn-primary-to:#1d5f80;--btn-accent-from:#c0392b;--btn-accent-to:#b34a1a;--btn-third-from:#5a67d8;--btn-third-to:#6b46a1;--btn-primary-bg:linear-gradient(45deg,var(--btn-primary-from),var(--btn-primary-to));--btn-accent-bg:linear-gradient(45deg,var(--btn-accent-from),var(--btn-accent-to));--btn-third-bg:linear-gradient(45deg,var(--btn-third-from),var(--btn-third-to))}button,input,select,textarea{font-family:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.visually-hidden{clip:rect(0 0 0 0)}.profile-avatar-component{align-items:center;background:var(--btn-primary-bg);border-radius:50%;color:#fff;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative}.profile-avatar-component.avatar-xsmall{font-size:13px;height:32px;width:32px}.profile-avatar-component.avatar-small{font-size:16px;height:40px;width:40px}.profile-avatar-component.avatar-medium{font-size:18px;height:50px;width:50px}.profile-avatar-component.avatar-large{border:4px solid var(--background-dark);font-size:36px;height:120px;width:120px}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-initial{font-weight:700;letter-spacing:.5px;line-height:1;-webkit-user-select:none;user-select:none}@media (max-width:768px){.profile-avatar-component.avatar-large{font-size:30px;height:100px;width:100px}}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#1a1a1acc;border-bottom:1px solid var(--border-color);box-shadow:0 2px 10px #0000004d;padding:0 20px;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1400px}.navbar-logo{align-items:center;color:#fff;display:inline-flex;font-size:28px;font-weight:700;gap:.5rem;text-decoration:none;transition:all .3s ease}.navbar-logo-mark{border-radius:8px;flex-shrink:0;height:32px;width:32px}.navbar-logo .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--secondary-color),var(--primary-color));-webkit-background-clip:text;background-clip:text}.navbar-logo:hover{transform:scale(1.05)}.search-form{flex:1 1;margin:0 40px;max-width:500px}.search-container{position:relative;width:100%}.search-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#2a2a2a33;border:2px solid #444;border-radius:25px;color:#fff;font-size:16px;outline:none;padding:12px 50px 12px 20px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4ecdc41a}.search-button,.search-input::placeholder{color:var(--text-secondary)}.search-button{background:none;border:none;border-radius:50%;cursor:pointer;padding:8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease}.search-button:hover{background:#4ecdc41a;color:var(--primary-color)}.navbar-actions{gap:20px}.navbar-actions,.upload-button{align-items:center;display:flex}.upload-button{background:var(--btn-accent-bg);border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.upload-button:hover{box-shadow:0 6px 20px #ff6b6b66;color:#fff;text-decoration:none;transform:translateY(-2px)}.cart-button{align-items:center;background:var(--btn-primary-bg);border-radius:25px;box-shadow:0 4px 15px #2ed5734d;color:#fff;display:flex;font-weight:600;gap:8px;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s ease}.cart-button:hover{box-shadow:0 6px 20px #2ed57366;color:#fff;text-decoration:none;transform:translateY(-2px)}.cart-badge{align-items:center;background:var(--btn-accent-from);border-radius:10px;box-shadow:0 2px 8px #ff6b6b80;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-8px;top:-8px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.profile-button{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:8px;transition:all .3s ease}.profile-button:hover{background:#ffffff1a}.profile-avatar-wrap{display:inline-flex;position:relative}.profile-unread-dot{background:var(--secondary-color);border:2px solid var(--background-dark);border-radius:50%;box-sizing:border-box;height:11px;pointer-events:none;position:absolute;right:-1px;top:-1px;width:11px}.profile-dropdown{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(10px);background-color:#2a2a2aa6;border:1px solid #444;border-radius:12px;box-shadow:0 10px 30px #0000004d;margin-right:0;min-width:200px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;right:max(20px,calc(50% - 700px));top:78px;transform:translateY(-10px);transition:opacity .2s ease-out,transform .2s ease-out,visibility 0s linear .2s;visibility:hidden;z-index:1001}.profile-dropdown.show{opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s;visibility:visible}.dropdown-item{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;gap:12px;padding:16px 20px;text-decoration:none;transition:all .3s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#78ced633;color:var(--primary-color)}.dropdown-item.logout-button{background:none;color:var(--text-primary)}.dropdown-item.logout-button:hover{background:#ff6b6b1a;color:#d15151}.hamburger-button{background:none;border:none;border-radius:6px;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;justify-content:center;padding:6px}.hamburger-button span{background:#fff;border-radius:2px;display:block;height:2px;transition:background .2s ease;width:22px}.hamburger-button:hover span{background:var(--primary-color)}@media (max-width:768px){.navbar-container{align-items:center;flex-wrap:wrap;height:auto;justify-content:flex-start;padding:8px 15px}.hamburger-button{display:flex;flex-shrink:0;margin-right:10px;order:1}.navbar-logo{flex-shrink:0;font-size:20px;margin-right:12px;order:2}.navbar-actions{flex-shrink:0;gap:8px;margin-left:auto;order:3}.search-form{flex-basis:100%;margin:6px 0 2px;max-width:none;order:9;width:100%}.search-input{backdrop-filter:none;-webkit-backdrop-filter:none;background-color:var(--surface-color);border-color:#555;font-size:16px;padding:9px 38px 9px 14px}.upload-button{align-items:center;border-radius:50%;box-shadow:none;display:flex;gap:0;height:36px;justify-content:center;padding:0;width:36px}.upload-label{display:none}.upload-button svg{flex-shrink:0;height:17px;width:17px}.cart-button{border-radius:50%;box-shadow:none;height:36px;justify-content:center;padding:0;width:36px}.cart-button svg{height:17px;width:17px}.cart-badge{right:-6px;top:-6px}.profile-button{border-radius:50%;gap:0;padding:0}.profile-button>svg{display:none}.profile-button .profile-avatar-component{font-size:14px;height:36px;width:36px}.profile-dropdown{margin-right:0;right:15px}}@media (max-width:480px){.navbar-logo-mark{display:none}}@media (max-width:360px){.navbar-container{padding:8px 10px}.hamburger-button{margin-right:6px}.navbar-logo{font-size:18px;margin-right:8px}.navbar-actions{gap:6px}.cart-button,.profile-button .profile-avatar-component,.upload-button{height:34px;width:34px}}.navbar-auth-link,.navbar-signup-button{align-items:center;border-radius:25px;display:inline-flex;font-weight:600;padding:10px 20px;text-decoration:none;transition:transform .2s ease,filter .2s ease;white-space:nowrap}.navbar-auth-link{border:1px solid var(--border-color);color:#fff}.navbar-signup-button{background:var(--btn-primary-bg);color:#fff}.navbar-auth-link:hover,.navbar-signup-button:hover{color:#fff;filter:brightness(1.12);text-decoration:none;transform:translateY(-1px)}.navbar-auth-link:focus-visible,.navbar-signup-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:768px){.navbar-auth-link,.navbar-signup-button{font-size:14px;padding:7px 12px}}.sidebar{background:var(--background-dark);border-right:1px solid var(--border-color);box-sizing:border-box;height:calc(100vh - 70px);overflow-y:auto;padding:20px;position:sticky;top:70px;width:300px}.sidebar-section{margin-bottom:22px}.sidebar-title{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.quick-actions{display:flex;flex-direction:column;gap:8px}.quick-action-item{align-items:center;background:var(--surface-color);border:1px solid #0000;border-radius:8px;color:var(--text-primary);display:flex;gap:12px;padding:10px 14px;text-decoration:none;transition:all .3s ease}.quick-action-item:hover{background:var(--border-color);border-color:var(--primary-color);color:var(--primary-color);text-decoration:none}.trending-hashtags{display:flex;flex-wrap:wrap;gap:8px}.hashtag{background:var(--btn-third-bg);border-radius:16px;color:#fff;display:inline-block;font-size:14px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.hashtag:hover{box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-2px)}.suggested-artists{display:flex;flex-direction:column;gap:8px}.suggested-artist{align-items:center;background:var(--surface-color);border-radius:12px;color:inherit;display:flex;justify-content:space-between;padding:10px 12px;text-decoration:none;transition:all .3s ease}.suggested-artist:hover{background:var(--border-color);transform:translateY(-2px)}.artist-info{gap:12px}.artist-avatar,.artist-info{align-items:center;display:flex}.artist-avatar{background:var(--btn-accent-bg);border-radius:50%;color:#fff;font-size:14px;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.artist-avatar img{height:100%;object-fit:cover;width:100%}.artist-info{min-width:0}.artist-avatar{flex-shrink:0}.artist-details{display:flex;flex-direction:column;min-width:0}.artist-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggested-artist-skeleton,.suggested-artist-skeleton:hover{background:var(--surface-color);transform:none}.suggested-artist-skeleton .artist-avatar{background:#ffffff14}.suggested-artist-skeleton .skeleton-line{animation:sidebar-skeleton-pulse 1.2s ease-in-out infinite;background:#ffffff14;border-radius:5px;height:10px;width:120px}.suggested-artist-skeleton .skeleton-line.short{margin-top:8px;width:70px}@keyframes sidebar-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.artist-name{color:var(--text-primary);font-size:14px;font-weight:600}.artist-followers{color:var(--text-secondary);font-size:12px}.follow-button{border-radius:16px;padding:6px 16px}.follow-button:hover{box-shadow:0 3px 10px #4ecdc44d}.see-more-button{background:none;border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;display:block;font-weight:600;margin-top:12px;padding:10px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.see-more-button:hover{background:var(--btn-primary-bg);color:#fff}.no-suggestions{color:var(--text-secondary);font-size:14px}.ad-space,.no-suggestions{padding:20px;text-align:center}.ad-space{background:var(--btn-third-bg);border-radius:12px;color:#fff}.ad-content h4{font-size:16px;font-weight:600;margin:0 0 8px}.ad-content p{font-size:14px;margin:0 0 15px;opacity:.9}.ad-cta{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.ad-cta:hover{background:#ffffff4d}.footer-links{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.footer-link{color:var(--text-secondary);font-size:12px;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:var(--primary-color);text-decoration:none}.copyright{color:#8a8a8a;font-size:12px;text-align:center}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--surface-color)}.sidebar::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@media (max-width:1024px){.sidebar{width:250px}}@media (max-width:768px){.sidebar{display:block;height:100vh;height:100dvh;left:0;max-width:85vw;padding-top:max(20px,env(safe-area-inset-top));position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease,visibility 0s linear .3s;visibility:hidden;width:280px;z-index:1002}.sidebar.open{transform:translateX(0);transition-delay:0s;visibility:visible}.sidebar-overlay{background:#00000080;display:block;inset:0;position:fixed;z-index:1001}}@media (min-width:769px){.sidebar-overlay{display:none}}.sidebar-join-text{color:var(--text-secondary);font-size:14px;line-height:1.45;margin:0 0 12px}.sidebar-join-button{background:var(--btn-primary-bg);border-radius:8px;color:#fff;display:block;font-weight:600;padding:10px;text-align:center;text-decoration:none}.sidebar-join-button:hover{color:#fff;filter:brightness(1.12)}.sidebar-join-login{color:var(--primary-color);display:block;font-weight:600;margin-top:8px;padding:8px;text-align:center;text-decoration:none}.sidebar-join-login:hover{text-decoration:underline}.toast-container{flex-direction:column;gap:10px;left:50%;padding-top:16px;pointer-events:none;position:fixed;top:70px;top:var(--navbar-height,var(--navbar-height-fallback,70px));transform:translateX(-50%);z-index:10000}.toast,.toast-container{align-items:center;display:flex}.toast{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#2a2a2af2;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0006;box-sizing:border-box;color:#fff;font-size:14px;font-weight:500;gap:12px;max-width:400px;min-width:280px;padding:14px 20px;pointer-events:auto}.toast-message{min-width:0;overflow-wrap:anywhere}.toast-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.toast-enter{animation:slideDown .3s ease-out forwards}.toast-exit{animation:slideUp .3s ease-in forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.toast-success{border-color:var(--primary-color)}.toast-success .toast-icon{color:var(--primary-color)}.toast-error{border-color:var(--secondary-color)}.toast-error .toast-icon{color:var(--secondary-color)}.toast-info{border-color:var(--third-color)}.toast-info .toast-icon{color:var(--third-color)}.toast-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast-message{flex:1 1;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.toast-close:hover{background:#ffffff1a;color:#fff}@media (max-width:480px){.toast-container{left:10px;padding-top:10px;right:10px;transform:none}.toast{min-width:auto;width:100%}}.ov-modal-overlay{align-items:center;background:#000000b3;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.ov-modal{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #00000080;box-sizing:border-box;color:#fff;max-height:calc(100vh - 32px);max-width:480px;outline:none;overflow-y:auto;width:100%}.ov-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding:20px 20px 12px}.ov-modal-header h2{color:#fff;font-size:20px;margin:0}.ov-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.ov-modal-close:hover{background:var(--border-color);color:#fff}.ov-modal-body{padding:16px 20px 20px}.ov-confirm-message{color:#ccc;line-height:1.5;margin:0 0 20px}.ov-modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.ov-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s ease,opacity .2s ease}.ov-btn:disabled{cursor:not-allowed;opacity:.6}.ov-btn-secondary{background:var(--border-color);border:1px solid #444;color:#ddd}.ov-btn-secondary:hover:not(:disabled){background:#444}.ov-btn-primary{background:var(--btn-primary-bg);color:#fff}.ov-btn-danger{background:#c62828;background:var(--danger-color,#c62828);color:#fff}.ov-btn-danger:hover:not(:disabled){background:#b71c1c;background:var(--danger-hover,#b71c1c)}.ov-modal :focus-visible,.ov-modal-overlay :focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.ov-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.ov-field label{color:var(--text-secondary);font-size:13px;font-weight:600}.ov-field input,.ov-field select,.ov-field textarea{background:var(--background-dark);border:1px solid #444;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:16px;padding:10px 12px;width:100%}.ov-field input:focus,.ov-field select:focus,.ov-field textarea:focus{border-color:var(--primary-color);outline:none}.ov-field-hint{color:var(--text-secondary);font-size:12px}.ov-form-error{background:#ff6b6b26;border:1px solid var(--secondary-color);border-radius:8px;color:var(--secondary-color);font-size:14px;margin-bottom:14px;padding:10px 12px}@media (max-width:480px){.ov-modal-actions .ov-btn{flex:1 1}}.report-dialog-intro{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 14px}.report-dialog-optional{color:var(--text-secondary);font-weight:400}.report-dialog .ov-field textarea{min-height:96px;resize:vertical}.report-dialog .ov-field-hint{align-self:flex-end}.track-card{background-color:#2a2a2abf;border:1px solid var(--border-color);border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.track-card:hover{background:var(--surface-color);border-color:var(--primary-color);box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.track-cover-container{aspect-ratio:1/1;border-radius:12px;margin-bottom:16px;overflow:hidden;position:relative}.track-cover{background:linear-gradient(45deg,var(--border-color),#555);border-radius:12px;display:block;height:100%;object-fit:cover;width:100%}.play-overlay{align-items:center;background:#00000080;border-radius:12px;bottom:0;display:none;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease}.track-cover-container:hover .play-overlay{opacity:1}.play-button{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:var(--border-color);cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.play-button:hover{background:#fff;transform:scale(1.1)}.track-info{color:#fff}.track-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.track-meta{flex:1 1;min-width:0}.track-title{color:#fff;font-size:24px;font-weight:700;line-height:1.2;margin:0 0 4px}.track-title-link{color:inherit;text-decoration:none}.track-title-link:focus-visible,.track-title-link:hover{text-decoration:underline}.track-artist{color:var(--primary-color);font-size:14px;font-weight:600;margin:0 0 8px}.track-artist-link{display:inline-block;text-decoration:none;transition:transform .2s ease}.track-artist-link:hover{transform:translateX(2px)}.track-artist-link:hover .track-artist{color:var(--secondary-color);text-decoration:underline}.track-type{align-items:center;display:flex;gap:8px}.type-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.type-badge.open{background:var(--btn-accent-bg);color:#fff}.type-badge.feature{background:var(--btn-primary-bg);color:#fff}.track-genre{color:var(--text-secondary);font-size:12px;font-weight:500}.track-price{flex-shrink:0;text-align:right;white-space:nowrap}.price{color:var(--primary-color);font-size:24px;font-weight:700}.track-caption{color:#ccc;font-size:14px;line-height:1.4;margin:12px 0}.track-hashtags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.hashtag{color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;transition:color .3s ease}.hashtag:hover{color:var(--secondary-color)}.track-credits{border-top:1px solid var(--border-color);margin:16px 0;padding-top:12px}.credits-toggle{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:4px;transition:color .3s ease}.credits-toggle:hover{color:var(--primary-color)}.credits-detail{margin-top:8px;padding:8px 0}.credit-item{display:flex;font-size:12px;gap:16px;justify-content:space-between;margin-bottom:4px}.credit-label{color:var(--text-secondary);flex-shrink:0;font-weight:500}.credit-value{color:#ccc;font-weight:600;text-align:right}.track-actions{align-items:center;flex-wrap:wrap;justify-content:space-between;margin:16px 0}.action-group,.track-actions{display:flex;gap:8px}.action-button{align-items:center;background:var(--border-color);border:1px solid #444;border-radius:8px;color:#ccc;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all .3s ease}.action-button:hover{background:#444;border-color:var(--primary-color);color:var(--primary-color)}@keyframes like-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.like-button.animating svg{animation:like-pulse .4s ease-in-out}.like-button svg{transition:transform .2s ease,fill .2s ease,stroke .2s ease}.like-button:not(:disabled):hover svg{transform:scale(1.1)}.like-button.liked svg{fill:var(--secondary-color);stroke:var(--secondary-color)}.like-button:not(.liked) svg{fill:none;stroke:currentColor}.follow-button{align-items:center;background:var(--btn-primary-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.follow-button.following{background:var(--surface-color);border:1px solid var(--primary-color);color:var(--primary-color)}.follow-button:hover{box-shadow:0 4px 12px #4ecdc44d;transform:translateY(-1px)}.buy-button{align-items:center;background:var(--btn-accent-bg);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;margin:16px 0;padding:16px;transition:all .3s ease;width:100%}.buy-button:hover:not(:disabled){box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}.buy-button:disabled{cursor:not-allowed;opacity:.7}.buy-button.sold{background:linear-gradient(45deg,#666,#888);cursor:not-allowed}.buy-button.sold:hover{box-shadow:none;transform:none}.track-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;font-size:12px;justify-content:space-between;padding-top:12px}.post-time,.track-footer{color:var(--text-secondary)}.track-stats{display:flex;gap:16px}.track-stats span{color:var(--text-secondary)}.audio-player-controls{align-items:center;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin:20px 0}.player-controls-row{align-items:center;display:flex;justify-content:space-between;width:100%}.player-play-button{align-items:center;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;margin:0 auto;padding:0;transition:all .2s ease;width:48px}.player-play-button:hover{background:var(--primary-dark);transform:scale(1.05)}.player-time-group{box-sizing:border-box;justify-content:space-between;left:0;padding:0;position:absolute;right:0;width:100%}.player-time{font-feature-settings:"tnum";color:var(--text-secondary);font-size:14px;font-variant-numeric:tabular-nums;font-weight:500;min-width:3.5em}.player-time.duration{text-align:right}.player-progress-bar{appearance:none;background-color:var(--border-color);background-image:linear-gradient(to right,var(--primary-dark),var(--primary-color));background-repeat:no-repeat;background-size:0 100%;background-size:var(--progress-percent,0) 100%;border-radius:4px;cursor:pointer;height:4px;outline:none;transition:height .2s ease;width:100%}.player-progress-bar::-webkit-slider-runnable-track{background:#0000;border-radius:4px;height:4px;-webkit-transition:height .2s ease;transition:height .2s ease;width:100%}.player-progress-bar::-webkit-slider-progress-element{background:linear-gradient(to right,var(--primary-dark),var(--primary-color));border-radius:4px;height:4px;-webkit-transition:height .2s ease;transition:height .2s ease}.player-progress-bar::-webkit-slider-thumb{appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:8px;margin-top:-6px;opacity:0;-webkit-transition:opacity .2s ease,transform .2s ease,width .2s ease,height .2s ease,margin-top .2s ease;transition:opacity .2s ease,transform .2s ease,width .2s ease,height .2s ease,margin-top .2s ease;width:8px}.player-progress-bar::-moz-range-track{background:#0000;width:100%}.player-progress-bar::-moz-range-progress,.player-progress-bar::-moz-range-track{border-radius:4px;height:4px;-moz-transition:height .2s ease;transition:height .2s ease}.player-progress-bar::-moz-range-progress{background:linear-gradient(to right,var(--primary-dark),var(--primary-color));border:none}.player-progress-bar::-moz-range-thumb{background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:8px;opacity:0;transform:scale(.5);-moz-transition:opacity .2s ease,transform .2s ease,width .2s ease,height .2s ease;transition:opacity .2s ease,transform .2s ease,width .2s ease,height .2s ease;width:8px}.track-card:hover .player-progress-bar{height:8px}.track-card:hover .player-progress-bar::-webkit-slider-progress-element,.track-card:hover .player-progress-bar::-webkit-slider-runnable-track{height:8px}.track-card:hover .player-progress-bar::-webkit-slider-thumb{height:16px;margin-top:-4px;opacity:1;transform:scale(1);width:16px}.track-card:hover .player-progress-bar::-moz-range-progress,.track-card:hover .player-progress-bar::-moz-range-track{height:8px}.track-card:hover .player-progress-bar::-moz-range-thumb{height:16px;opacity:1;transform:scale(1);width:16px}.track-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.track-title{overflow-wrap:anywhere}.track-actions{margin-top:auto}.action-group{flex-wrap:wrap}.hashtag{background:#78ced61a;border:1px solid #78ced640;border-radius:999px;font-family:inherit;line-height:1.4;padding:3px 10px}.hashtag:hover{border-color:var(--secondary-color)}.action-button{font-family:inherit;text-decoration:none}.action-button:disabled{cursor:not-allowed;opacity:.6}.delete-listing-button:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.follow-button:disabled{cursor:wait;opacity:.7}.track-sold-label{color:var(--secondary-color);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.track-card a:focus-visible,.track-card button:focus-visible,.track-card input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:768px){.track-card{padding:16px}.track-card:hover{transform:none}.track-header{align-items:flex-start;flex-direction:column;gap:8px}.track-title{font-size:20px}.track-actions{align-items:stretch;flex-direction:column}.action-group{justify-content:flex-start}.follow-button{justify-content:center}}.track-footer-end{align-items:center;display:inline-flex;gap:8px}.track-more{display:inline-flex;position:relative}.track-more-button{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:32px}.track-more-button:hover,.track-more-button[aria-expanded=true]{background:var(--border-color);color:#fff}.track-more-button:focus-visible,.track-more-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.track-more-menu{background:var(--surface-color);border:1px solid #444;border-radius:8px;bottom:calc(100% + 6px);box-shadow:0 8px 24px #00000073;min-width:160px;padding:4px;position:absolute;right:0;z-index:5}.track-more-item{align-items:center;background:none;border:none;border-radius:6px;color:#ddd;cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;padding:8px 10px;text-align:left;width:100%}.track-more-item:hover{background:var(--border-color);color:#fff}.home-page{overflow:hidden;padding-bottom:20px;padding-top:20px;position:relative;width:100%}.home-header,.home-page .tracks-grid,.no-results,.pagination{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:20px;padding-right:20px}.home-header{margin-bottom:32px;text-align:center}.page-title{color:#fff}.page-subtitle{margin:0 0 32px}.home-filters{flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:24px}.filter-group,.home-filters{align-items:center;display:flex}.filter-group{flex-direction:column;gap:8px}.filter-group label{color:#ccc;font-size:14px;font-weight:600}.filter-select{background:var(--surface-color);border:2px solid #444;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;min-width:150px;outline:none;padding:8px 16px;transition:all .3s ease}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4ecdc41a}.filter-select option{background:var(--surface-color);color:#fff}.retry-button{background:var(--btn-primary-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:10px 24px}.home-page button:focus-visible,.home-page select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.no-results h2{color:#fff;font-size:24px;margin:0 0 12px}.no-results p{font-size:16px;margin:0}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px}.pagination button{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.pagination button:hover:not(:disabled){background:var(--btn-primary-bg);border-color:#0000;box-shadow:0 6px 20px #78ced64d;transform:translateY(-2px)}.pagination button:disabled{background:var(--background-dark);cursor:not-allowed;opacity:.5}.pagination span{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:1px}@media (max-width:768px){.home-page{padding-bottom:16px;padding-top:16px}.home-header,.no-results,.tracks-grid{padding-left:16px;padding-right:16px}.page-title{font-size:28px}.page-subtitle{font-size:16px}.home-filters{flex-direction:column;gap:16px}.tracks-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.active-filter-banner{margin-left:16px;margin-right:16px;padding-left:14px;padding-right:14px}.pagination{padding-left:16px;padding-right:16px}.pagination button{padding:10px 16px}}@media (max-width:480px){.tracks-grid{grid-template-columns:1fr}.filter-select{min-width:120px}}.active-filter-banner{background:#78ced61a;border:1px solid #78ced64d;border-radius:8px;font-size:.95rem;gap:.75rem;justify-content:space-between;margin:0 auto 1.5rem;max-width:1200px;padding:.75rem 20px}.active-filter-banner,.filter-clear-btn{align-items:center;color:var(--primary-color);display:flex}.filter-clear-btn{background:#78ced633;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;font-size:1.1rem;height:28px;justify-content:center;transition:background .2s ease;width:28px}.filter-clear-btn:hover{background:#78ced666}.track-card-skeleton{background-color:#2a2a2abf;border:1px solid var(--border-color);border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;min-width:0;padding:20px;pointer-events:none}.track-card-skeleton .skeleton-block{animation:track-skeleton-shimmer 1.4s ease-in-out infinite;background-color:#ffffff0f;background-image:linear-gradient(90deg,#fff0,#ffffff14 50%,#fff0);background-repeat:no-repeat;background-size:200% 100%;border-radius:6px;display:block}.track-card-skeleton .skeleton-cover{aspect-ratio:1/1;border-radius:12px;margin-bottom:4px;width:100%}.track-card-skeleton .skeleton-line{height:14px;margin:0;width:55%}.track-card-skeleton .skeleton-line.wide{height:24px;width:75%}.track-card-skeleton .skeleton-line.short{margin:0;width:35%}.track-card-skeleton .skeleton-button{border-radius:8px;height:36px;margin-top:8px;width:100%}@keyframes track-skeleton-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}@media (max-width:768px){.track-card-skeleton{padding:16px}.track-card-skeleton .skeleton-line.wide{height:20px}}@media (prefers-reduced-motion:reduce){.track-card-skeleton .skeleton-block{animation:none}}.landing-page{background:var(--background-dark);color:#fff;display:flex;flex-direction:column;font-family:inherit;min-height:100vh;overflow:visible}.landing-wordmark{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--secondary-color),var(--primary-color));-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800;letter-spacing:-.3px}.landing-nav{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 48px}.landing-logo-img{display:block;height:36px;width:auto}.landing-nav-actions{align-items:center;display:flex;gap:16px}.btn-ghost{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 22px;text-decoration:none;transition:all .2s ease}.btn-ghost:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-primary{background:var(--btn-primary-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 24px;text-decoration:none;transition:all .2s ease}.btn-primary:hover{box-shadow:0 6px 20px #78ced64d;opacity:.85;transform:translateY(-1px)}.landing-hero{box-sizing:border-box;flex-shrink:0;margin:0 auto;max-width:680px;padding:48px 24px 40px;text-align:center;width:100%}.landing-eyebrow{animation:fadeInUp .6s ease .1s forwards;border:1px solid #78ced64d;border-radius:20px;color:var(--primary-color);display:inline-block;font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:16px;opacity:0;padding:4px 12px;text-transform:uppercase}.landing-hero h1{-webkit-text-fill-color:#0000;animation:fadeInUp .6s ease .2s forwards;background:linear-gradient(45deg,#fff 40%,var(--primary-color));-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,6vw,46px);font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 14px;opacity:0}.landing-hero p{animation:fadeInUp .6s ease .3s forwards;color:#aaa;color:var(--text-secondary,#aaa);font-size:15px;line-height:1.6;margin:0 0 28px;opacity:0}.landing-hero-actions{animation:fadeInUp .6s ease .4s forwards;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;opacity:0}.btn-large{border-radius:10px;font-size:16px;max-width:320px;padding:14px 32px;width:100%}.landing-features{box-sizing:border-box;margin:0 auto;max-width:1100px;padding:40px 24px;width:100%}.landing-features-title{color:#aaa;color:var(--text-secondary,#aaa);font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:20px;text-align:center;text-transform:uppercase}.features-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.feature-card{animation:fadeInUp .5s ease forwards;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;box-sizing:border-box;opacity:0;padding:20px;transition:border-color .2s ease,transform .2s ease}.feature-card:hover{background:#ffffff0d;transform:translateY(-2px)}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-card h3{color:#fff;font-size:14px;font-weight:700;margin:0 0 8px}.feature-card p{color:#aaa;color:var(--text-secondary,#aaa);font-size:13px;line-height:1.55;margin:0}.landing-how{border-top:1px solid #ffffff0f;box-sizing:border-box;margin:0 auto;max-width:700px;padding:40px 24px;text-align:center;width:100%}.landing-how h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,var(--primary-color));-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;letter-spacing:-.5px;margin-bottom:24px}.steps{display:flex;flex-direction:column;gap:0;text-align:left}.step{align-items:flex-start;border-bottom:1px solid #ffffff0f;display:flex;gap:16px;padding:16px 0}.step:last-child{border-bottom:none}.step-number{align-items:center;background:var(--btn-primary-bg);border-radius:50%;color:#000;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:32px;justify-content:center;margin-top:1px;width:32px}.step h3{color:#fff;font-size:15px;font-weight:700;margin:0 0 4px}.step p{font-size:13px;line-height:1.55;margin:0}.landing-footer,.step p{color:#aaa;color:var(--text-secondary,#aaa)}.landing-footer{align-items:center;border-top:1px solid #ffffff0f;display:flex;flex-shrink:0;flex-wrap:wrap;font-size:12px;gap:8px;justify-content:space-between;padding:20px 48px}.landing-footer-links{display:flex;gap:20px}.landing-footer-links a{color:#aaa;color:var(--text-secondary,#aaa);text-decoration:none;transition:color .2s}.landing-footer-links a:hover{color:var(--primary-color)}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.landing-nav{padding:14px 20px}.landing-hero{padding:36px 20px 32px}.landing-features,.landing-how{padding:32px 20px}.landing-footer{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}}@media (max-width:480px){.features-grid{grid-template-columns:1fr}.landing-hero h1{font-size:clamp(26px,8vw,36px)}.btn-large{max-width:100%}}.landing-hero-actions .btn-ghost{align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center}.login-container{align-items:center;background:var(--background-dark);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.login-container:before{animation:shiftBlobs 30s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 30%,var(--primary-color),#0000 30%),radial-gradient(circle at 80% 40%,var(--secondary-color),#0000 30%),radial-gradient(circle at 50% 90%,var(--primary-dark),#0000 35%);background-size:200% 200%;content:"";filter:blur(120px);height:100%;left:0;opacity:.09;pointer-events:none;position:absolute;top:0;width:100%}@keyframes shiftBlobs{0%{background-position:0 0}to{background-position:100% 100%}}.login-form{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;max-width:420px;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-form h1,.login-form h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,var(--primary-color));-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;font-size:.85rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.form-group input{background:#ffffff0d;background:var(--surface-color,#ffffff0d);border:2px solid #444;border-radius:10px;box-sizing:border-box;color:#fff;font-size:1rem;padding:1rem 1.2rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #78ced61a;outline:none}.form-group input:hover{border-color:#666}.form-group input.error{border-color:#e53e3e}.form-group input.error:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.field-error{color:#fc8181;font-size:.8rem;font-weight:500;margin-top:.25rem}.field-optional{color:#888;color:var(--text-secondary,#888);font-size:.85em;font-weight:400}.password-input-container{position:relative}.password-toggle{background:none;border:none;border-radius:6px;color:#888;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#fff}.submit-button{background:var(--btn-primary-bg);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:.5rem;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease;width:100%}.submit-button:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-button:hover:before{left:100%}.submit-button:hover{box-shadow:0 6px 20px #78ced64d;opacity:.88;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.submit-button:disabled:before{display:none}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.5rem;width:16px}.switch-mode{color:#888;font-size:.9rem;margin-top:2rem;text-align:center}.link-button{background:none;border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;font-weight:600;padding:.2rem .5rem;transition:opacity .2s ease}.link-button:hover{opacity:.75}.error-message{animation:shake .5s ease-in-out;background:#e53e3e1a;border-left:3px solid #e53e3e;border-radius:10px;color:#fc8181;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.2rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.confirmation-box{color:#fff;text-align:center}.confirmation-box h1,.confirmation-box h2{-webkit-text-fill-color:#fff!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#fff;font-size:1.6rem;margin-bottom:.5rem}.confirmation-box p{color:#aaa;font-size:.98rem}@media (max-width:480px){.login-container{padding:.5rem}.login-form{border-radius:16px;padding:2rem 1.5rem}.login-form h1,.login-form h2{font-size:1.5rem}.form-group input{padding:.9rem 1rem}.submit-button{padding:.9rem}}@media (max-width:360px){.login-form{padding:1.5rem 1rem}.login-form h1,.login-form h2{font-size:1.3rem}}.auth-back-link{align-items:center;color:#888;color:var(--text-secondary,#888);display:inline-flex;font-size:.85rem;gap:.4rem;margin:-1rem 0 1.5rem;text-decoration:none;transition:color .2s ease}.auth-back-link:focus-visible,.auth-back-link:hover{color:#fff}.auth-intro{color:#aaa;font-size:.95rem;line-height:1.5;margin:-1rem 0 1.75rem;text-align:center}.auth-muted{color:#888!important;color:var(--text-secondary,#888)!important;font-size:.85rem!important}.auth-checkbox a,.auth-muted a{color:var(--primary-color)}.field-hint{color:#888;color:var(--text-secondary,#888);font-size:.8rem;margin-top:.3rem}.auth-name-row{grid-gap:0 .75rem;display:grid;gap:0 .75rem;grid-template-columns:1fr 1fr}.auth-forgot-row{display:flex;justify-content:flex-end;margin:-.75rem 0 1rem}.auth-forgot-row .link-button{font-size:.85rem;padding:.2rem 0}.auth-terms{margin-bottom:1.25rem}.form-group .auth-checkbox{align-items:flex-start;color:#bbb;cursor:pointer;display:flex;font-size:.88rem;font-weight:400;gap:.6rem;letter-spacing:normal;line-height:1.45;margin:0;text-transform:none}.form-group .auth-checkbox input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:18px;margin:1px 0 0;padding:0;width:18px}.auth-notice{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.auth-notice p{line-height:1.55;margin:0;max-width:360px}.auth-notice .submit-button{margin-top:.75rem}.auth-success-icon{background:#4ade8026;color:#4ade80}.auth-success-icon,.auth-warning-icon{align-items:center;border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.auth-warning-icon{background:#f59e0b26;color:#f59e0b}.password-toggle{align-items:center;display:flex;justify-content:center}.auth-back-link:focus-visible,.link-button:focus-visible,.password-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:420px){.auth-name-row{grid-template-columns:1fr}}.page-container{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:60vh;padding:20px}.page-header{margin-bottom:40px;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text;color:#fff;font-size:36px;font-weight:700;margin:0 0 8px}.page-header p{color:var(--text-secondary);font-size:18px;margin:0}.empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.empty-state svg{color:var(--primary-color);margin-bottom:24px}.empty-state h3{font-weight:600}.empty-state p{line-height:1.5;margin:0 0 32px;max-width:400px}.cta-button{background:var(--btn-primary-bg);border:none;border-radius:12px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:16px 32px;transition:all .3s ease}.cta-button,.cta-button:hover{color:#fff;text-decoration:none}.cta-button:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}a.cta-button,button.cta-button{border:2px solid #0000;box-sizing:border-box;line-height:1.2;text-align:center;vertical-align:middle}.cta-button-sm.cta-upload,.cta-button.cta-upload{background:var(--btn-accent-bg)}.cta-button-sm.cta-upload:hover,.cta-button.cta-upload:hover{box-shadow:0 6px 20px #ff6b6b66}.cta-button.cta-button-secondary{background:#0000;border-color:var(--primary-color);color:var(--primary-color)}.cta-button.cta-button-secondary:hover{background:#4ecdc41a;color:#fff}.checkout-success-items{display:flex;flex-direction:column;gap:6px;list-style:none;margin:.75rem auto 0;max-width:420px;padding:0}.checkout-success-items li{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:600;overflow-wrap:anywhere;padding:8px 12px}.cart-content{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(280px,360px)}@media (max-width:1200px){.cart-content{grid-template-columns:minmax(0,1fr)}.cart-summary{position:static}}.cart-items{display:flex;flex-direction:column;gap:16px}.cart-item{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.cart-item:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #4ecdc41a}.cart-item-image{background:var(--border-color);border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.cart-item-details{flex:1 1;min-width:0}.cart-item-details h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px;overflow-wrap:anywhere}.cart-item-artist{color:var(--text-secondary);font-size:14px;margin:0 0 4px}.cart-item-genre{color:var(--primary-color);font-size:12px;font-weight:600;margin:0;text-transform:uppercase}.cart-item-price{color:#fff;font-size:20px;font-weight:700;margin-right:20px}.cart-item-remove{align-items:center;background:none;border:2px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .3s ease}.cart-item-remove:hover{background:#d151511a;border-color:#d15151;color:#d15151}.cart-summary{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:24px;position:sticky;top:90px}.cart-summary h2{color:#fff;font-size:22px;font-weight:700;margin:0 0 20px}.cart-summary-row{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:16px;justify-content:space-between;padding:12px 0}.cart-summary-row:last-of-type{border-bottom:none}.cart-summary-total{border-top:2px solid var(--border-color);color:#fff;font-size:20px;font-weight:700;margin-top:12px;padding-top:20px}.checkout-button{background:var(--btn-primary-bg);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:16px;transition:all .3s ease;width:100%}.checkout-button:hover:not(:disabled){box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}.checkout-button:disabled{cursor:not-allowed;opacity:.6}.clear-cart-button{background:#ff6b6b1a;border:2px solid var(--accent-color);border-radius:12px;color:var(--accent-color);cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:12px;transition:all .3s ease;width:100%}.clear-cart-button:hover{background:var(--btn-accent-bg);color:#fff;transform:translateY(-1px)}.continue-shopping{color:var(--primary-color);display:block;font-weight:600;margin-top:16px;text-align:center;text-decoration:none;transition:all .3s ease}.continue-shopping:hover{color:var(--primary-dark);text-decoration:underline}.error-text{color:var(--secondary-color)}.section-title{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 1rem}.cta-button-sm{align-items:center;background:var(--btn-primary-bg);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.6rem 1.5rem;transition:all .3s ease}.cta-button-sm:hover{box-shadow:0 6px 20px #4ecdc44d;transform:translateY(-2px)}.cta-button-sm.cta-button-danger{background:#0000;border:1px solid #ff6b6b;border:1px solid var(--secondary-color,#ff6b6b);color:#ff6b6b;color:var(--secondary-color,#ff6b6b);padding:calc(.6rem - 1px) calc(1.5rem - 1px)}.cta-button-sm.cta-button-danger.armed,.cta-button-sm.cta-button-danger:hover:not(:disabled){background:#c62828;background:var(--danger-color,#c62828);box-shadow:0 6px 20px #ff6b6b40;color:#fff}.cta-button-sm:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}@media (max-width:768px){.admin-tabs .profile-nav{flex-wrap:wrap;overflow-x:visible}.admin-tabs .profile-nav .nav-tab{flex:1 1 auto;padding:10px 14px}}@media (min-width:1024px){.stats-grid[style*="--stat-cols"]{grid-template-columns:repeat(var(--stat-cols),minmax(0,1fr))}}.stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;container-type:inline-size;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;padding:1.5rem;text-align:center;transition:all .2s ease}.stat-card:hover{border-color:#78ced64d}.stat-card-label{align-items:flex-end;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:center;letter-spacing:.5px;line-height:1.3;margin:0 0 .5rem;min-height:2.6em;text-transform:uppercase}.stat-card-value{color:#fff;font-size:2rem;font-size:clamp(1.1rem,15cqi,2rem);font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-card-value.earnings{color:#4ade80}.stat-card-value.pending{color:#fb923c}.stat-card-value.stat-card-value-alert{color:#f87171}button.stat-card.stat-card-button{color:inherit;cursor:pointer;font:inherit;width:100%}button.stat-card.stat-card-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.status-badge{border-radius:8px;display:inline-block;font-size:.8rem;font-weight:600;padding:.35rem .85rem}.status-badge.active,.status-badge.paid{background:#4ade8026;border:1px solid #4ade804d;color:#4ade80}.status-badge.processing{background:#fb923c26;border:1px solid #fb923c4d;color:#fb923c}.status-badge.held{background:#ff6b6b26;border:1px solid #ff6b6b4d;color:var(--secondary-color)}.status-badge.unlisted{background:#94a3b826;border:1px solid #94a3b859;color:#cbd5e1;color:var(--text-secondary,#cbd5e1)}.warning-banner{background:#f59e0b1a;border-left:4px solid #f59e0b;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.warning-banner-content{align-items:flex-start;display:flex}.warning-banner-icon{align-items:center;background:#f59e0b;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:1rem;width:40px}.warning-banner-body{flex:1 1 220px;min-width:0}.warning-banner-title{color:#fbbf24;font-size:1rem;font-weight:600;margin:0 0 .5rem}.warning-banner-text{color:#f59e0b;font-size:.95rem;line-height:1.5;margin:0 0 1.25rem}.legal-content{color:var(--text-secondary);line-height:1.7;margin:0 auto;max-width:800px}.legal-content .legal-updated{color:var(--text-secondary);font-size:.85rem;margin-bottom:2rem;text-align:center}.legal-content h2{color:#fff;font-size:1.25rem;font-weight:700;margin:2rem 0 .75rem}.legal-content h2:first-of-type{margin-top:0}.legal-content p{margin:0 0 1rem}.legal-content ol,.legal-content ul{margin:0 0 1rem;padding-left:1.4rem}.legal-content h2,.legal-content h3{scroll-margin-top:1.5rem}.legal-content h3{color:#fff;font-size:1.05rem;font-weight:600;margin:1.5rem 0 .5rem}.legal-content .legal-steps li{margin-bottom:.75rem}.legal-content .legal-toc{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;margin:0 0 2.5rem;padding:1rem 1.25rem}.legal-content .legal-toc-title{color:#fff;font-weight:700;margin:0 0 .5rem}.legal-content .legal-toc ol{column-count:2;column-gap:2rem;margin:0}.legal-content .legal-toc li{break-inside:avoid;margin-bottom:.25rem;page-break-inside:avoid}.legal-content .legal-toc a{text-decoration:none}.legal-content .legal-toc a:focus-visible,.legal-content .legal-toc a:hover{text-decoration:underline}@media (max-width:600px){.legal-content .legal-toc ol{column-count:1}}.legal-content li{margin-bottom:.4rem}.legal-content strong{color:#fff}.legal-content a{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}.legal-content a:focus-visible,.legal-content a:hover{color:#fff}.legal-page{background:var(--background-dark);display:flex;flex-direction:column;min-height:100vh}.legal-page .page-container{flex:1 1;width:100%}.legal-page .page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff 40%,var(--primary-color));-webkit-background-clip:text;background-clip:text}.legal-nav{margin:.5rem auto 1.5rem;max-width:800px;width:100%}.legal-back-link{color:var(--primary-color);font-weight:600;text-decoration:none}.legal-back-link:focus-visible,.legal-back-link:hover{color:#fff}.legal-footer{border-top:1px solid #ffffff0f;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem 1.5rem;justify-content:center;margin-top:2rem;padding:2rem 1rem}.legal-footer,.legal-footer a{color:var(--text-secondary)}.legal-footer a:focus-visible,.legal-footer a:hover{color:#fff}.purchases-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.purchase-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;cursor:default;overflow:hidden;transition:all .3s ease}.purchase-card:hover{border-color:var(--primary-color);box-shadow:0 8px 30px #4ecdc426;transform:translateY(-4px)}.purchase-card-cover{aspect-ratio:1/1;background:var(--border-color);overflow:hidden;width:100%}.purchase-card-cover img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.purchase-card:hover .purchase-card-cover img{transform:scale(1.05)}.purchase-card-body{padding:1.25rem}.purchase-card-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.purchase-card-artist{color:var(--primary-color);font-size:.9rem;font-weight:500;margin:0 0 .6rem}.purchase-card-date{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:.3rem;margin:0 0 1rem}.purchase-card-footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.price-badge{background:#78ced61a;border:1px solid #78ced633;border-radius:8px;padding:.4rem .85rem}.price-value{color:var(--primary-color);font-size:1.15rem;font-weight:700;margin:0}.selling-layout{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:300px 1fr}.selling-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:90px}.selling-main{min-width:0}.item-list{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:2rem}.item-card{grid-gap:1.25rem;align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;display:grid;gap:1.25rem;padding:1.25rem;transition:all .2s ease}.item-card:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #4ecdc41a;transform:translateY(-2px)}.item-card.listing-item{grid-template-columns:70px 1fr auto}.item-card.sale-item{grid-template-columns:70px 1fr auto auto}.item-cover{background:var(--border-color);border-radius:8px;flex-shrink:0;height:70px;overflow:hidden;width:70px}.item-cover img{height:100%;object-fit:cover;width:100%}.item-details{min-width:0}.item-title{color:#fff;font-size:1.05rem;font-weight:600;margin:0 0 .4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-title.item-title-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem .5rem;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.item-title-wrap .status-badge{margin-left:0}.admin-row-actions{display:flex;flex-wrap:wrap;gap:.5rem}.item-meta a{color:var(--primary-color)}.item-subtitle{font-size:.9rem;margin:0 0 .25rem}.item-meta,.item-subtitle{color:var(--text-secondary)}.item-meta{font-size:.8rem;margin:0}.earnings-breakdown{text-align:right}.earnings-line{color:var(--text-secondary);font-size:.8rem;margin:0 0 .2rem}.earnings-total{color:#4ade80;font-size:1.15rem;font-weight:600;margin:.25rem 0 0}.earnings-total.reversed{color:var(--text-secondary)}.payout-status{text-align:right}.payout-status .setup-link{color:var(--secondary-color);display:block;font-size:.8rem;margin-top:.5rem;text-decoration:underline}.browse-more-section{background:var(--surface-color);border:2px dashed var(--border-color);border-radius:16px;margin-top:2rem;padding:2rem;text-align:center}.browse-more-section h3{color:#fff;font-size:1.3rem;margin:0 0 .5rem}.browse-more-section p{color:var(--text-secondary);font-size:.95rem;margin:0 0 1.5rem}.info-footer{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-top:2rem;padding:1.5rem;text-align:center}.info-footer p{color:var(--text-secondary);font-size:.9rem;margin:0 0 .5rem}.info-footer p:last-of-type{margin-bottom:1rem}.analytics-section{margin-top:.5rem}.sidebar-analytics-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:10px;padding:1rem}.sidebar-analytics-card .analytics-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;margin:0 0 .4rem;text-transform:uppercase}.sidebar-analytics-card .analytics-value{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.sidebar-analytics-card .analytics-value.green{color:#4ade80}.revenue-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.revenue-section .section-title{margin-bottom:1rem}.revenue-timeline{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem}.revenue-month{grid-gap:.6rem;align-items:center;display:grid;gap:.6rem;grid-template-columns:55px 1fr 60px}.month-label{color:var(--text-secondary);font-size:.75rem;text-align:right}.revenue-bar-track{background:#ffffff0d;border-radius:4px;height:8px;overflow:hidden}.revenue-bar{background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));border-radius:4px;height:100%;min-width:4px;transition:width .5s ease}.month-amount{color:#fff;font-size:.8rem;font-weight:600;text-align:right}@media (max-width:768px){.page-container{padding:16px}.page-header h1{font-size:28px}.page-header p{font-size:16px}.empty-state{padding:40px 16px}.empty-state h3{font-size:20px}.cart-content{gap:24px;grid-template-columns:1fr}.cart-item{grid-gap:4px 12px;align-items:center;display:grid;gap:4px 12px;grid-template-areas:"img details remove" "img details price";grid-template-columns:64px minmax(0,1fr) auto;padding:12px}.cart-item-image{grid-area:img;height:64px;width:64px}.cart-item-details{grid-area:details}.cart-item-details h3{font-size:15px;margin-bottom:2px}.cart-item-artist{margin-bottom:2px}.cart-item-type{margin:0}.cart-item-price{font-size:16px;grid-area:price;justify-self:end;margin-right:0}.cart-item-remove{grid-area:remove;justify-self:end;padding:8px}.cart-summary{position:static}.purchases-grid{gap:16px}.purchases-grid,.selling-layout{grid-template-columns:1fr}.selling-sidebar{position:static}.item-card.listing-item,.item-card.sale-item{gap:.75rem 1rem;grid-template-columns:64px minmax(0,1fr);text-align:left}.item-card.listing-item>:nth-child(n+3),.item-card.sale-item>:nth-child(n+3){grid-column:1/-1;justify-self:start;max-width:100%;width:auto}.item-card.listing-item>:nth-child(3){align-items:center;display:flex;gap:.5rem}.item-card.listing-item>:nth-child(3) .status-badge{display:inline-block!important;margin-top:0!important}.item-cover{aspect-ratio:1/1;border-radius:8px;height:64px;width:64px}.item-card .earnings-breakdown,.item-card .payout-status{text-align:left}.item-card.admin-row{grid-template-columns:minmax(0,1fr)!important}.stats-grid{gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:1rem .75rem}.stat-card-label{font-size:.75rem}.stat-card-value{font-size:1.5rem;font-size:clamp(1.1rem,15cqi,1.5rem)}.warning-banner{padding:1rem}}.admin-search{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;display:flex;gap:10px;margin:0 0 1rem;max-width:480px;padding:10px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.admin-search:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #78ced61f}.admin-search svg{color:var(--text-secondary);flex-shrink:0}.admin-search input{background:none;border:none;color:var(--text-primary);flex:1 1;font-size:16px;min-width:0;outline:none}.admin-search input::placeholder{color:var(--text-secondary)}@media (max-width:768px){.admin-search{max-width:none}}.stat-card-note{color:var(--text-secondary);font-size:.75rem;margin:.4rem 0 0}.earnings-line.refunded{color:#fca5a5}.earnings-total-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.selling-payout-bar{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:space-between;margin:0 0 1.5rem;padding:.9rem 1.1rem}.selling-payout-bar p{color:var(--text-secondary);flex:1 1 260px;font-size:.9rem;margin:0}.cta-button-sm.cta-button-sm-outline{background:#0000;border:1px solid var(--border-color);color:#fff}.cta-button-sm.cta-button-sm-outline:hover:not(:disabled){border-color:var(--primary-color)}.profile-page{margin:0 auto;max-width:1200px;padding:0}.profile-header{background:var(--background-dark);border-radius:0 0 20px 20px;margin-bottom:20px;overflow:hidden}.cover-image,.profile-cover{position:relative}.cover-image{background:linear-gradient(135deg,#667eea,#764ba2);height:200px}.profile-info{padding:20px 30px;position:relative}.avatar-section{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:20px}.profile-avatar-wrapper{margin-top:-60px;position:relative;z-index:2}.profile-page-avatar{margin-top:0}.profile-page-avatar.large{border:4px solid var(--background-dark);border-radius:50%;display:block;height:120px;object-fit:cover;width:120px}.edit-profile-button{background:var(--border-color);border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.edit-profile-button:hover{background:var(--primary-color);color:#fff}.profile-actions-container{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.action-button-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:10px 24px;transition:all .3s ease}.follow-button-profile{background:var(--btn-primary-bg);border:none;color:#fff}.follow-button-profile.following{background:var(--surface-color);border:1px solid var(--primary-color);color:var(--primary-color)}.follow-button-profile:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}.message-button-profile{background:#ffffff0d;border:1px solid var(--border-color);color:#fff}.message-button-profile:hover{background:#ffffff26;border-color:#fff;transform:translateY(-2px)}.user-details{color:#fff}.user-name{font-size:32px}.username{color:var(--primary-color);font-size:18px;font-weight:600;margin:0 0 16px}.user-bio{color:#ccc;font-size:16px;max-width:600px}.user-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:16px}.join-date,.location{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:4px}.user-genres{display:flex;flex-wrap:wrap;gap:8px}.genre-tag{background:var(--btn-accent-bg);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.user-stats-inline{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:16px;margin-top:16px}.user-stats-inline .stat-item{align-items:baseline;border-radius:8px;color:#fff;display:flex;gap:6px;padding:4px 8px;text-align:left}.user-stats-inline .stat-number{color:var(--primary-color);font-size:18px;font-weight:700;margin-bottom:0}.user-stats-inline .stat-label{color:var(--text-secondary);font-size:13px;font-weight:600;text-transform:uppercase}.stat-item{color:#fff;text-align:center}.stat-number{color:var(--primary-color);display:block;font-size:24px;font-weight:700;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:600;text-transform:uppercase}.profile-nav-wrapper{margin:0 20px 20px;position:relative}.profile-nav{-webkit-overflow-scrolling:touch;background:var(--surface-color);border-radius:12px;display:flex;gap:4px;overflow-x:auto;padding:4px;scrollbar-width:none}.profile-nav::-webkit-scrollbar{display:none}.nav-tab{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:600;line-height:1.2;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-tab.active{background:var(--btn-primary-bg);color:#fff}.nav-tab:hover:not(.active){background:var(--border-color);color:#ccc}.profile-content{padding:0 20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.upload-first-button,.upload-new-button{background:var(--btn-accent-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.upload-first-button:hover,.upload-new-button:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.tracks-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));margin-bottom:40px}.empty-state{color:var(--text-secondary);padding:60px 20px;text-align:center}.empty-state h3{color:#fff;font-size:24px;margin:0 0 12px}.empty-state p{font-size:16px;margin:0 0 24px}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.analytics-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:center}.analytics-card h3{color:var(--text-secondary);font-size:14px;font-weight:600;margin:0 0 12px;text-transform:uppercase}.analytics-number{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px}.analytics-change{font-size:14px;font-weight:600}.analytics-change.positive{color:var(--primary-color)}.analytics-change.negative{color:var(--secondary-color)}.analytics-change.neutral{color:var(--text-secondary)}.error-state,.loading-state{color:#fff}.error-state p{font-size:16px}.error-state button{font-size:14px}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--background-dark);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:28px 32px 20px}.modal-header h2{color:#fff;font-size:24px;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.modal-close:hover{background:var(--border-color);color:#fff}.edit-profile-form{padding:32px}.ov-modal.edit-profile-modal{max-width:600px}.edit-profile-modal .ov-modal-body.edit-profile-form{padding:20px}.edit-profile-modal .ov-modal-actions{border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px}.edit-error-message{background:#ff6b6b1a;border:1px solid var(--secondary-color);border-radius:8px;color:var(--secondary-color);font-size:14px;margin-bottom:20px;padding:12px 16px}.form-section{margin-bottom:24px}.profile-picture-edit-section{align-items:center;display:flex;gap:20px;margin-top:12px}.profile-picture-preview{border:3px solid var(--primary-color);border-radius:50%;height:100px;object-fit:cover;width:100px}.upload-picture-button{background:var(--border-color);border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.upload-picture-button:hover{background:var(--primary-color);color:#fff}.banner-image-edit-section{align-items:center;display:flex;flex-direction:column;gap:12px;margin-top:12px}.banner-image-preview{aspect-ratio:6/1;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;height:auto;max-width:480px;object-fit:cover;width:100%}.form-group{margin-bottom:20px}.form-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-input,.form-textarea{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:#fff;font-family:inherit;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4ecdc41a;outline:none}.form-textarea{min-height:100px;resize:vertical}.modal-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-button{background:var(--border-color);color:var(--text-secondary)}.cancel-button:hover:not(:disabled){background:var(--surface-color);color:#fff}.save-button{background:var(--btn-primary-bg);color:#fff}.save-button:hover:not(:disabled){box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6}.tracks-grid .track-card{animation:fadeInUp .5s ease forwards;opacity:0}@media (max-width:768px){.profile-info{align-items:stretch;display:flex;flex-direction:column;gap:16px;padding:20px 16px}.avatar-section{display:contents}.profile-avatar-wrapper{align-self:center;margin-top:-50px;order:0}.profile-details-flex-container{order:1}.profile-actions-container{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center;order:2}.profile-blocked-note,.profile-safety-actions{flex-basis:100%;justify-content:center;text-align:center}.profile-page-avatar.large{height:100px;width:100px}.user-name{font-size:24px}.user-name,.username{text-align:center}.user-stats-inline{gap:20px;justify-content:center}.user-bio{text-align:center}.user-genres,.user-meta{justify-content:center}.profile-stats{padding:20px 16px}.profile-nav-wrapper{margin:0 16px 20px}.profile-nav-wrapper.is-scrollable:after{background:linear-gradient(to right,#0000,var(--surface-color));border-radius:0 12px 12px 0;bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:36px}.is-scrollable .profile-nav .nav-tab{flex:0 0 auto;padding:10px 16px}.is-scrollable .profile-nav .nav-tab:last-child{margin-right:28px}.profile-content{padding:0 16px}.tracks-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}.analytics-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:16px}.modal-content{max-height:95vh}.modal-header{padding:24px 20px 16px}.edit-profile-form,.feature-price-form,.feature-request-form{padding:24px 20px}.profile-picture-edit-section{align-items:center;flex-direction:column;text-align:center}.modal-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}.profile-details-flex-container{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.profile-details-flex-container .user-details{flex-grow:1}.feature-price-inline{flex-shrink:0;margin-bottom:30px}.feature-price-inline .request-feature-button{border-radius:8px;box-shadow:0 4px 15px #ff6b6b33;font-size:14px;padding:12px 24px}.feature-price-inline .feature-price-own{gap:16px;padding:12px 16px}.feature-price-inline .feature-price-amount{font-size:20px}.feature-price-inline .feature-price-label{font-size:12px}.feature-price-own{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:20px;padding:16px 24px}.feature-price-info{align-items:center;display:flex;gap:12px}.feature-price-label{color:var(--text-secondary);font-size:14px;font-weight:600;text-transform:uppercase}.feature-price-amount{color:var(--primary-color);font-size:24px;font-weight:700}.edit-feature-price-button{background:var(--border-color);border:1px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.edit-feature-price-button:hover{background:var(--primary-color);color:#fff}.request-feature-button{background:var(--btn-accent-bg);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .3s ease}.request-feature-button:hover{box-shadow:0 8px 25px #ff6b6b80;transform:translateY(-2px)}.feature-price-modal,.feature-request-modal{padding:8px}.feature-price-form,.feature-request-form{padding:32px}.feature-price-modal .form-helper-text,.feature-request-modal .form-helper-text{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:12px}.price-input-wrapper{align-items:center;display:flex;position:relative}.price-symbol{color:var(--primary-color);font-size:20px;font-weight:700;left:16px;pointer-events:none;position:absolute}.price-input{font-size:18px;font-weight:600;padding-left:40px!important}.request-info{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:16px}.request-info p{color:#fff;font-size:14px;margin:8px 0}.file-selected,.request-info strong{color:var(--primary-color)}.file-selected{font-size:13px;font-weight:600;margin-top:8px}.payment-notice{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;margin-top:20px;padding:12px 16px}.payment-notice p{align-items:flex-start;color:#ffc107;display:flex;font-size:13px;gap:8px;line-height:1.5;margin:0}.requests-section{margin-bottom:40px}.requests-list{display:flex;flex-direction:column;gap:24px}.request-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.request-card:hover{border-color:var(--primary-color);box-shadow:0 4px 20px #4ecdc41a}.request-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.request-requester-info h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.requester-name{color:var(--primary-color)}.request-date{color:var(--text-secondary);font-size:13px}.request-status{border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.status-pending{background:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}.status-accepted{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.status-in_progress{background:#2196f31a;border:1px solid #2196f34d;color:#2196f3}.status-completed{background:#4ecdc41a;border:1px solid #4ecdc44d;color:var(--primary-color)}.status-cancelled,.status-rejected{background:#f443361a;border:1px solid #f443364d;color:#f44336}.request-price{align-items:baseline;background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px 16px}.request-price .price-label{color:var(--text-secondary);font-size:14px;font-weight:600;text-transform:uppercase}.request-price .price-amount{color:var(--primary-color);font-size:24px;font-weight:700}.request-notes{background:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;padding:16px}.request-notes strong{color:var(--text-secondary);display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.request-notes p{color:#fff;font-size:14px;line-height:1.6;margin:0}.request-audio-section{margin-bottom:16px}.request-audio-section label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.request-audio-player{background:var(--background-dark);border-radius:8px;height:40px;width:100%}.request-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;margin-top:20px;padding-top:20px}.accept-request-button,.reject-request-button,.upload-response-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.accept-request-button{background:var(--btn-primary-bg);color:#fff}.accept-request-button:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}.reject-request-button{background:var(--border-color);color:var(--text-secondary)}.reject-request-button:hover{background:var(--surface-color);border:1px solid #f44336;color:#f44336}.upload-response-button{background:var(--btn-accent-bg);color:#fff}.upload-response-button:hover{box-shadow:0 8px 25px #ff6b6b66;transform:translateY(-2px)}@media (max-width:768px){.feature-price-own{flex-direction:column;text-align:center;width:100%}.feature-price-info{flex-direction:column;gap:8px}.request-feature-button{padding:16px 24px;width:100%}.profile-details-flex-container{align-items:center;flex-direction:column}.feature-price-inline{margin-bottom:16px;width:100%}.feature-price-inline .feature-price-own,.feature-price-inline .request-feature-button{justify-content:center;width:100%}}.social-links-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;margin-top:16px}.social-link{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 12px;text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--border-color);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.social-link img{border-radius:3px;flex-shrink:0;height:20px;object-fit:contain;width:20px}.social-link-text{white-space:nowrap}@media (max-width:768px){.social-links-section{justify-content:center}.user-details{align-items:center}.request-actions{flex-direction:column}.accept-request-button,.reject-request-button,.upload-response-button{width:100%}.request-header{align-items:flex-start;flex-direction:column}}.stat-item.clickable{cursor:pointer;transition:background .2s ease}.stat-item.clickable:hover{background:#ffffff1a}.users-list-modal{display:flex;flex-direction:column;height:600px;max-width:500px}.users-list-container{flex:1 1;overflow-y:auto;padding:0 20px 20px}.user-list-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 0}.user-list-item:last-child{border-bottom:none}.user-list-link{align-items:center;display:flex;flex:1 1;gap:12px;text-decoration:none}.user-list-avatar{background:var(--surface-color);border-radius:50%;height:44px;object-fit:cover;width:44px}.user-list-info{display:flex;flex-direction:column}.user-list-name{color:#fff;font-size:15px;font-weight:600}.user-list-username{color:var(--text-secondary);font-size:13px}.user-list-action-button{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;margin-left:12px;padding:6px 16px;transition:all .2s ease}.user-list-action-button.remove{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.user-list-action-button.remove:hover{border-color:#ff6b6b;color:#ff6b6b}.user-list-action-button.unfollow{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.user-list-action-button.unfollow:hover{border-color:var(--primary-color);color:var(--primary-color)}.user-list-action-button.follow{background:var(--primary-color);color:#fff}.user-list-action-button.follow:hover{background:var(--primary-dark)}.empty-list-state,.list-loading{color:var(--text-secondary);padding:40px 0;text-align:center}button.stat-item{background:none;border:none;color:inherit;cursor:pointer;font:inherit}.profile-page-avatar.profile-avatar-component{border:4px solid var(--background-dark)}.user-list-avatar.profile-avatar-component{font-size:16px;height:44px;width:44px}.profile-picture-preview.profile-avatar-component{font-size:32px;height:100px;width:100px}.banner-image-placeholder{background:linear-gradient(135deg,#667eea,#764ba2)}.visually-hidden-input{height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.upload-picture-button{display:inline-block;position:relative}.upload-picture-button:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.analytics-error{align-items:center;background:#ff6b6b1f;border:1px solid var(--secondary-color);border-radius:10px;color:var(--secondary-color);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.analytics-error button{background:#c62828;background:var(--danger-color,#c62828);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:6px 14px}.analytics-footnote{color:var(--text-secondary);font-size:14px;margin:0 0 40px}.analytics-footnote a{color:var(--primary-color)}.user-bio,.user-name{overflow-wrap:anywhere}.user-bio{white-space:pre-line}.profile-page a:focus-visible,.profile-page button:focus-visible,.profile-page input:focus-visible,.profile-page textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:768px){.analytics-grid{gap:12px}.analytics-grid,.user-stats-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.user-stats-inline{grid-gap:8px 12px;display:grid;gap:8px 12px;margin-left:auto;margin-right:auto;max-width:320px;width:100%}.user-stats-inline .stat-item{justify-content:center;min-width:0}.analytics-card{padding:16px 12px}.analytics-number{font-size:24px}.profile-actions-container{flex-wrap:wrap;justify-content:center}.user-list-item{gap:8px}.user-list-info{min-width:0}.user-list-name,.user-list-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.profile-links-helper{color:#aaa;font-size:13px;line-height:1.4;margin-bottom:16px;margin-top:-4px}.profile-safety-actions{align-items:center;display:flex;font-size:13px;gap:6px}.profile-safety-button{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font:inherit;padding:4px 6px;text-decoration:underline;text-underline-offset:2px}.profile-safety-button:hover:not(:disabled){color:#fff}.profile-safety-button:disabled{cursor:wait;opacity:.6}.profile-safety-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.profile-safety-sep{color:var(--text-secondary)}.profile-blocked-note{font-size:13px;line-height:1.4;margin:0;max-width:240px}.form-char-count,.profile-blocked-note{color:var(--text-secondary);text-align:right}.form-char-count{display:block;font-size:12px;margin-top:4px}@media (max-width:768px){.profile-blocked-note{text-align:center}}.cm-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:600;gap:6px;justify-content:center;line-height:1;min-height:40px;padding:0 18px;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;white-space:nowrap}.cm-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.cm-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.cm-btn-primary{background:var(--btn-primary-bg);color:#fff}.cm-btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #78ced64d;color:#fff;transform:translateY(-1px)}.cm-btn-secondary{background:#78ced61a;border-color:#78ced659;color:var(--primary-color)}.cm-btn-secondary:hover:not(:disabled){background:#78ced62e}.cm-btn-ghost{background:#0000;border-color:var(--border-color);color:var(--text-primary)}.cm-btn-ghost:hover:not(:disabled){background:#ffffff0a;border-color:#555}.cm-btn-danger{background:#c62828;background:var(--danger-color,#c62828);color:#fff}.cm-btn-danger:hover:not(:disabled){background:#b71c1c;background:var(--danger-hover,#b71c1c)}.cm-btn-danger-ghost{background:#0000;border-color:#d1515173;color:#e27d7d}.cm-btn-danger-ghost:hover:not(:disabled){background:#d151511a}.cm-icon-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.cm-icon-btn:hover:not(:disabled){background:var(--border-color);color:#fff}.cm-link-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;font:inherit;font-size:13px;font-weight:600;padding:0}.cm-link-btn:hover{text-decoration:underline}.cm-badge{align-items:center;border:1px solid #0000;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.2px;padding:4px 10px;white-space:nowrap}.cm-badge:before{background:currentColor;border-radius:50%;content:"";height:6px;width:6px}.cm-badge-warn{background:#f2b35b1f;border-color:#f2b35b4d;color:#f2b35b}.cm-badge-info{background:#78ced61f;border-color:#78ced64d;color:var(--primary-color)}.cm-badge-success{background:#5fd08a1f;border-color:#5fd08a4d;color:#5fd08a}.cm-badge-muted{background:#ffffff0d;border-color:#3a3a3a;color:#9a9a9a}.cm-overlay{align-items:center;animation:cm-fade .15s ease-out;background:#000000b8;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1100}.cm-dialog{animation:cm-rise .18s ease-out;background:var(--background-dark);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 24px 64px #0000008c;display:flex;flex-direction:column;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);max-width:560px;width:100%}.cm-dialog-wide{max-width:720px}.cm-dialog-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:12px;justify-content:space-between;padding:22px 24px 16px}.cm-dialog-header h2{color:#fff;font-size:20px;font-weight:700;margin:0}.cm-dialog-subtitle{color:var(--text-secondary);font-size:14px;margin:4px 0 0;overflow-wrap:anywhere}.cm-dialog-body{overflow-y:auto;padding:20px 24px}.cm-dialog-footer{border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.cm-dialog-text{color:#cfcfcf;font-size:14px;line-height:1.5;margin:0 0 16px}@keyframes cm-fade{0%{opacity:0}to{opacity:1}}@keyframes cm-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cm-form{gap:18px}.cm-field,.cm-form{display:flex;flex-direction:column}.cm-field{gap:6px;min-width:0;position:relative}.cm-field label:not(.cm-file){color:#d6d6d6;font-size:13px;font-weight:600}.cm-optional{color:var(--text-secondary);font-weight:500;margin-left:4px}.cm-field-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.cm-input{background:var(--surface-color);border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;color:#fff;color-scheme:dark;font:inherit;font-size:15px;min-height:44px;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.cm-input::placeholder{color:#9a9a9a}.cm-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #78ced626;outline:none}.cm-input[aria-invalid=true]{border-color:#d15151b3}.cm-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #d151512e}.cm-textarea{line-height:1.5;min-height:96px;resize:vertical}.cm-select{min-width:140px;width:auto}.cm-money-input{position:relative}.cm-money-input span{color:var(--text-secondary);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cm-money-input .cm-input{padding-left:28px}.cm-hint{color:var(--text-secondary);font-size:12px;line-height:1.4}.cm-hint-right{align-self:flex-end}.cm-file{align-items:center;background:#ffffff05;border:1px dashed #4a4a4a;border-radius:10px;color:#cfcfcf;cursor:pointer;display:flex;font-size:14px;gap:10px;min-height:48px;padding:10px 14px;transition:border-color .2s ease,background .2s ease}.cm-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-file svg{color:var(--primary-color);flex-shrink:0}.cm-file:hover{background:#78ced60d;border-color:var(--primary-color)}.cm-file-input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.cm-field:focus-within .cm-file,.cm-file-input:focus-visible+.cm-hint{border-color:var(--primary-color)}.cm-alert{border-radius:10px;font-size:14px;line-height:1.4;padding:12px 14px}.cm-alert-error{background:#d151511f;border:1px solid #d1515166;color:#f0a0a0}.cm-callout{background:#78ced60f;border:1px solid #78ced633;border-radius:12px;color:#cfcfcf;font-size:13px;line-height:1.5;padding:14px 16px}.cm-callout strong{color:#fff;display:block;margin-bottom:4px}.cm-callout ol{margin:0;padding-left:18px}.cm-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;display:flex;flex-direction:column;gap:14px;min-width:0;padding:20px;transition:border-color .2s ease}.cm-card:hover{border-color:#444}.cm-card-closed{opacity:.8}.cm-card-head{gap:12px;justify-content:space-between}.cm-card-head,.cm-person{align-items:center;display:flex}.cm-person{color:inherit;gap:10px;min-width:0;text-decoration:none}.cm-person:hover .cm-person-name{color:var(--primary-color)}.cm-avatar{background:var(--border-color);border-radius:50%;flex-shrink:0;height:36px;object-fit:cover;width:36px}.cm-avatar-fallback{align-items:center;background:linear-gradient(135deg,var(--third-color),var(--third-dark));color:#fff;display:inline-flex;font-size:14px;font-weight:700;justify-content:center}.cm-person-text{display:flex;flex-direction:column;min-width:0}.cm-person-role{color:var(--text-secondary);font-size:11px;letter-spacing:.6px;text-transform:uppercase}.cm-person-name{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.cm-card-title{color:#fff;font-size:18px;font-weight:700;line-height:1.3;margin:0;overflow-wrap:anywhere}.cm-meta{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0}.cm-meta div{min-width:0}.cm-meta dt{color:var(--text-secondary);font-size:11px;letter-spacing:.6px;margin-bottom:2px;text-transform:uppercase}.cm-meta dd{color:#e6e6e6;font-size:14px;margin:0}.cm-meta-strong{color:#fff!important;font-size:16px!important;font-weight:700}.cm-meta-sub{color:var(--text-secondary)}.cm-meta-urgent,.cm-meta-urgent .cm-meta-sub{color:#f2b35b}.cm-steps{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:2px 0 0;padding:0}.cm-steps li{align-items:center;color:#9a9a9a;display:flex;flex-direction:column;font-size:11px;gap:6px;position:relative;text-align:center}.cm-steps li:before{background:#3a3a3a;content:"";height:2px;left:calc(-50% + 8px);position:absolute;right:calc(50% + 8px);top:5px}.cm-steps li:first-child:before{display:none}.cm-step-dot{background:#3a3a3a;border-radius:50%;height:12px;position:relative;width:12px;z-index:1}.cm-steps li.done{color:#bdbdbd}.cm-steps li.done .cm-step-dot,.cm-steps li.done:before{background:var(--primary-dark)}.cm-steps li.current{color:#fff;font-weight:600}.cm-steps li.current .cm-step-dot{background:var(--primary-color);box-shadow:0 0 0 4px #78ced633}.cm-steps li.current:before{background:var(--primary-dark)}.cm-brief p{color:#cfcfcf;font-size:14px;line-height:1.55;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.cm-clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cm-brief .cm-link-btn{margin-top:6px}.cm-section-label{color:var(--text-secondary);display:block;font-size:11px;font-weight:600;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.cm-reference-row{display:flex;flex-wrap:wrap;gap:8px}.cm-chip{align-items:center;background:#ffffff08;border:1px solid var(--border-color);border-radius:999px;color:#e6e6e6;cursor:pointer;display:inline-flex;font:inherit;font-size:13px;gap:6px;max-width:100%;min-height:32px;overflow:hidden;padding:0 12px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.cm-chip svg{color:var(--primary-color);flex-shrink:0}.cm-chip:hover:not(:disabled){border-color:var(--primary-color);color:#fff}.cm-audio{height:40px;margin-top:10px;width:100%}.cm-note{background:#ffffff08;border-left:3px solid var(--primary-dark);border-radius:0 10px 10px 0;color:#d6d6d6;font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere;padding:12px 14px;white-space:pre-wrap}.cm-note-muted{border-left-color:#555}.cm-file-line{color:var(--text-secondary);font-size:13px;margin:0;overflow-wrap:anywhere}.cm-card-foot{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:space-between;padding-top:14px}.cm-hint-line{color:var(--text-secondary);flex:1 1 240px;font-size:13px;line-height:1.45;margin:0}.cm-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}.cm-actions-compact .cm-btn{font-size:13px;min-height:32px;padding:0 12px}@media (max-width:600px){.cm-dialog-body,.cm-dialog-footer,.cm-dialog-header{padding-left:16px;padding-right:16px}.cm-field-row{grid-template-columns:1fr}.cm-card{padding:16px}.cm-step-label{display:none}.cm-steps li.current .cm-step-label{display:block;white-space:nowrap}.cm-actions{margin-left:0;width:100%}.cm-actions .cm-btn{flex:1 1 auto}.cm-dialog-footer .cm-btn{flex:1 1}}@media (prefers-reduced-motion:reduce){.cm-dialog,.cm-overlay{animation:none}.cm-btn{transition:none}}.cm-toggle{align-items:center;color:#e6e6e6;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:12px}.cm-toggle input{height:1px;opacity:0;position:absolute;width:1px}.cm-toggle-track{background:#444;border-radius:999px;flex-shrink:0;height:24px;position:relative;transition:background .2s ease;width:42px}.cm-toggle-thumb{background:#fff;border-radius:50%;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.cm-toggle input:checked+.cm-toggle-track{background:var(--primary-dark)}.cm-toggle input:checked+.cm-toggle-track .cm-toggle-thumb{transform:translateX(18px)}.cm-toggle input:focus-visible+.cm-toggle-track{outline:2px solid var(--primary-color);outline-offset:2px}a.edit-feature-price-button,a.nav-tab,a.upload-first-button{align-items:center;display:inline-flex;justify-content:center;text-decoration:none}.cm-card-report{display:flex;justify-content:flex-end;margin-top:4px}.cm-report-btn{color:var(--text-secondary);font-size:12px;font-weight:500}.cm-report-btn:hover:not(:disabled){color:#e07a7a}.cm-report-btn:disabled{cursor:not-allowed;opacity:.55}.upload-page{margin:0 auto;max-width:800px;padding:20px}.upload-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:32px}.upload-header{margin-bottom:32px;text-align:center}.upload-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text;color:#fff;font-size:36px;font-weight:700;margin:0 0 8px}.upload-header p{color:var(--text-secondary);font-size:16px;margin:0}.upload-form{display:flex;flex-direction:column;gap:32px}.upload-section{border-bottom:1px solid var(--border-color);padding-bottom:24px}.upload-section:last-of-type{border-bottom:none;padding-bottom:0}.upload-section h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 20px}.file-uploads{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.file-upload-item{display:flex;position:relative}.file-upload-label{cursor:pointer;display:flex;flex:1 1}.file-input{display:none}.file-upload-area{align-items:center;background:var(--background-dark);border:2px dashed #444;border-radius:12px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px 20px;text-align:center;transition:all .3s ease}.file-upload-area:hover{background:#222;border-color:var(--primary-color)}.file-upload-area svg{color:var(--primary-color);margin-bottom:16px}.file-upload-area h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.file-upload-area p{color:var(--text-secondary);font-size:14px;margin:0}.file-name{color:var(--primary-color);display:block;font-size:12px;font-weight:600;margin-top:8px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#ccc;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--background-dark);border:2px solid #444;border-radius:8px;color:#fff;font-size:16px;outline:none;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4ecdc41a}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group select option{background:var(--background-dark);color:#fff}.form-group textarea{min-height:100px;resize:vertical}.upload-actions{border-top:1px solid var(--border-color);display:flex;gap:16px;justify-content:flex-end;padding-top:24px}.cancel-button{background:none;border:2px solid #666;border-radius:8px;color:#666;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-button:hover{border-color:var(--text-secondary);color:var(--text-secondary)}.upload-submit-button{background:var(--btn-primary-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.upload-submit-button:hover:not(:disabled){box-shadow:0 6px 20px #4ecdc466;transform:translateY(-2px)}.upload-submit-button:disabled{cursor:not-allowed;opacity:.6}.snippet-selector-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;margin-top:32px;padding:24px}.custom-audio-preview{align-items:center;background:#0003;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:24px;margin-top:16px;padding:24px}.preview-play-btn{align-items:center;background:var(--btn-primary-bg);border:none;border-radius:50%;box-shadow:0 4px 15px #4ecdc44d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:54px;justify-content:center;transition:transform .2s;width:54px}.preview-play-btn:hover{transform:scale(1.05)}.preview-sliders-container{display:flex;flex:1 1;flex-direction:column;gap:12px}.time-labels{grid-gap:8px;font-feature-settings:"tnum";align-items:center;color:var(--text-secondary);display:grid;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600;gap:8px;grid-template-areas:"start title end";grid-template-columns:auto minmax(0,1fr) auto}.time-labels>span:first-child{grid-area:start}.time-labels>span:last-child{grid-area:end}.time-labels-title{color:var(--primary-color);font-size:12px;grid-area:title;letter-spacing:1px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.dual-slider-wrapper{align-items:center;display:flex;height:32px;position:relative;width:100%}.dual-slider-wrapper:before{background:#ffffff26;border-radius:4px;content:"";height:6px;width:100%;z-index:1}.dual-slider-wrapper:before,.slider-active-track{position:absolute;top:50%;transform:translateY(-50%)}.slider-active-track{background:var(--primary-color);border:2px solid #fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;height:18px;pointer-events:none;z-index:2}.dual-slider{appearance:none;background:#0000;cursor:pointer;height:100%;margin:0;outline:none;position:absolute;width:100%;z-index:3}.dual-slider::-webkit-slider-thumb{appearance:none;background:#0000;border:none;cursor:grab;height:32px;width:40px}.dual-slider::-webkit-slider-thumb:active{cursor:grabbing}.dual-slider::-moz-range-thumb{background:#0000;border:none;cursor:grab;height:32px;width:40px}.dual-slider::-moz-range-thumb:active{cursor:grabbing}.hashtag-input-container{align-items:center;background:var(--background-dark);border:2px solid #444;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:6px 16px;transition:all .3s ease}.hashtag-input-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #4ecdc41a}.hashtag-input-field{background:#0000!important;border:none!important;box-shadow:none!important;color:#fff!important;flex-grow:1;font-size:16px;margin:0!important;min-width:120px;outline:none!important;padding:4px 0!important}.hashtag-input-field::placeholder{color:#666}.hashtag-pill{background:var(--btn-primary-bg);border-radius:16px;font-size:14px;font-weight:500;gap:8px;padding:6px 12px}.hashtag-pill,.hashtag-remove-btn{align-items:center;border:none;color:#fff;display:flex}.hashtag-remove-btn{background:none;cursor:pointer;font-size:16px;justify-content:center;line-height:1;padding:0;transition:color .2s ease}.hashtag-remove-btn:hover{color:#ff6b6b}.upload-submit-button{align-items:center;display:flex;gap:8px}.upload-actions-centered,.upload-submit-button{justify-content:center}.upload-form .upload-actions{border-top:none;padding-top:0}.upload-requirements-hint{color:var(--text-secondary);font-size:13px;margin:12px 0 0;text-align:center}.upload-error-banner{background-color:#ff6b6b26;border:1px solid var(--secondary-color);border-radius:8px;color:var(--secondary-color);font-weight:600;margin-bottom:20px;overflow-wrap:anywhere;padding:14px 16px}.field-hint{color:var(--text-secondary);font-size:12px}.field-hint.error{color:var(--secondary-color)}.upload-progress{margin:8px 0 20px}.upload-progress-label{align-items:center;color:#ccc;display:flex;font-size:14px;gap:12px;justify-content:space-between;margin-bottom:8px}.upload-cancel-button{background:none;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;font-size:13px;padding:4px 12px}.upload-cancel-button:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.upload-progress-track{background:var(--border-color);border-radius:999px;height:8px;overflow:hidden}.upload-progress-fill{background:linear-gradient(90deg,var(--primary-dark),var(--primary-color));border-radius:999px;height:100%;transition:width .2s ease}.upload-progress-track.indeterminate .upload-progress-fill{animation:upload-pulse 1.2s ease-in-out infinite}@keyframes upload-pulse{0%,to{opacity:.5}50%{opacity:1}}.file-input{display:block;height:1px;opacity:0;overflow:hidden;pointer-events:none;position:absolute;width:1px}.file-upload-label:focus-within .file-upload-area{border-color:var(--primary-color);box-shadow:0 0 0 3px #78ced640}.file-name{overflow-wrap:anywhere}.upload-page button:focus-visible,.upload-page input:focus-visible,.upload-page select:focus-visible,.upload-page textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.upload-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@media (max-width:768px){.upload-page{padding:16px}.upload-container{padding:24px 20px}.file-uploads,.form-grid{grid-template-columns:1fr}.upload-actions{flex-direction:column}.upload-header h1{font-size:28px}.file-upload-area svg{height:32px;width:32px}.file-upload-area{padding:20px 16px}.custom-audio-preview{gap:12px;padding:14px}.preview-play-btn{font-size:16px;height:44px;width:44px}.time-labels{font-size:13px;grid-template-areas:"title title title" "start . end";grid-template-columns:auto 1fr auto;row-gap:4px}.time-labels-title{font-size:11px}}.field-hint-fee{display:block;margin-top:4px}.pay-wrap{margin:0 auto;max-width:800px;width:100%}.pay-wrap.narrow{max-width:700px}.pay-card{background:#2a2a2a;background:var(--surface-color,#2a2a2a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:16px;box-sizing:border-box;color:#fff;color:var(--text-primary,#fff);margin-bottom:1.5rem;padding:2rem}.pay-card.center{text-align:center}.pay-card-head{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.pay-card-head h2{color:#fff;font-size:1.35rem;margin:0}.pay-card-head p{color:#888;color:var(--text-secondary,#888);font-size:.9rem;margin:.25rem 0 0}.pay-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.pay-icon.large{border-radius:50%;height:72px;margin:0 auto 1.25rem;width:72px}.pay-icon.success{background:#4ade8026;color:#4ade80}.pay-icon.warning{background:#f59e0b26;color:#f59e0b}.pay-icon.danger{background:#c628282e;color:#ff6b6b;color:var(--secondary-color,#ff6b6b)}.pay-card.pay-danger{border-color:#c628288c}.pay-danger-list{color:#bbb;font-size:.95rem;line-height:1.6;margin:0 0 1.5rem;padding-left:1.25rem}.pay-danger-list li+li{margin-top:.5rem}.pay-card h2.pay-title{color:#fff;font-size:1.6rem;margin:0 0 .6rem}.pay-lead{color:#bbb;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.pay-muted{color:#888;color:var(--text-secondary,#888);font-size:.85rem;line-height:1.6;margin:1.25rem 0 0}.pay-panel{background:#ffffff08;border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem 1.5rem;text-align:left}.pay-panel h3{color:#fff;font-size:1rem;margin:0 0 .75rem}.pay-panel p{color:#bbb;font-size:.95rem;line-height:1.6;margin:0}.pay-row{color:#888;color:var(--text-secondary,#888);display:flex;font-size:.95rem;gap:1rem;justify-content:space-between;padding:.5rem 0}.pay-row+.pay-row{border-top:1px solid #333;border-top:1px solid var(--border-color,#333)}.pay-row strong{color:#fff;font-weight:600}.pay-row .ok{color:#4ade80}.pay-row .pending{color:#fbbf24}.pay-status{align-items:flex-start;border-left:4px solid;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;text-align:left}.pay-status.success{background:#4ade8014;border-color:#4ade80}.pay-status.warning{background:#f59e0b14;border-color:#f59e0b}.pay-status.neutral{background:#ffffff0a;border-color:#888;border-color:var(--text-secondary,#888)}.pay-status.error{background:#ff6b6b14;border-color:#ff6b6b;border-color:var(--secondary-color,#ff6b6b)}.pay-status-title{color:#fff;font-weight:600;margin:0 0 .35rem}.pay-status.success .pay-status-title{color:#4ade80}.pay-status.warning .pay-status-title{color:#fbbf24}.pay-status.error .pay-status-title{color:#ff6b6b;color:var(--secondary-color,#ff6b6b)}.pay-status-text{color:#ccc;font-size:.95rem;line-height:1.55;margin:0 0 1rem}.pay-status-text:last-child{margin-bottom:0}.pay-link{color:var(--primary-color);font-size:.95rem;font-weight:600;text-decoration:none}.pay-link:hover{text-decoration:underline}.pay-list{grid-gap:.6rem;display:grid;gap:.6rem;list-style:none;margin:0;padding:0}.pay-list li{align-items:center;background:#ffffff08;border-radius:8px;color:#ddd;display:flex;font-size:.95rem;gap:.75rem;padding:.7rem .9rem}.pay-list li svg{color:var(--primary-color);flex-shrink:0}.pay-due{color:#ddd;font-size:.9rem;line-height:1.7;margin:.5rem 0 1rem;padding-left:1.2rem}.pay-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.pay-actions.start{justify-content:flex-start}.pay-secondary{align-items:center;background:#0000;border:1px solid #444;border:1px solid var(--border-color,#444);border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;text-decoration:none}.pay-secondary:hover{border-color:var(--primary-color)}.pay-full{justify-content:center;width:100%}@media (max-width:600px){.pay-card{padding:1.5rem 1.25rem}.pay-status{padding:1rem}}.messages-page{box-sizing:border-box;height:calc(100vh - 110px);margin:0 auto;max-width:1200px;padding:20px}.messages-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;display:grid;grid-template-columns:320px 1fr;height:100%;overflow:hidden}.conversations-list{background:#1e1e1e80;border-right:1px solid var(--border-color);display:flex;flex-direction:column}.list-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.list-header h2{color:#fff;font-size:20px;margin:0}.new-message-button{background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:32px;width:32px}.conversations{flex:1 1;overflow-y:auto}.conversation-item{border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;padding:16px;transition:background .2s ease}.conversation-item:hover{background:var(--border-color)}.conversation-item.active{background:#78ced624;box-shadow:inset 3px 0 0 var(--primary-color)}.convo-avatar{align-items:center;background:var(--btn-accent-bg);border-radius:50%;color:#fff;display:flex;font-weight:700;height:48px;justify-content:center;margin-right:12px;width:48px}.convo-details{flex:1 1}.convo-header{display:flex;justify-content:space-between;margin-bottom:4px}.convo-name{color:#fff;font-weight:600}.convo-time{color:#d6d6d6;font-size:12px}.convo-last-message{align-items:center;display:flex;justify-content:space-between}.convo-last-message p{color:#d6d6d6;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-count{background:#c62828;background:var(--danger-color,#c62828);border-radius:10px;color:#fff;font-size:12px;font-weight:700;padding:2px 6px}.chat-window{display:flex;flex-direction:column;overflow-y:auto}.chat-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;padding:16px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:12px}.chat-avatar{align-items:center;background:var(--btn-primary-bg);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.chat-header h3{color:#fff;font-size:18px;margin:0}.chat-actions-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:24px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.date-separator{display:flex;justify-content:center;margin:24px 0 12px}.date-separator:first-child{margin-top:0}.date-label{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:var(--background-dark);border:1px solid #ffffff0d;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.message-item{display:flex}.message-item.sent{justify-content:flex-end}.message-bubble{border-radius:18px;max-width:70%;padding:12px 16px}.message-item.sent .message-bubble{background:linear-gradient(135deg,var(--primary-dark),#2a6f91);border-bottom-right-radius:4px;color:#fff}.message-item.received .message-bubble{background:#3a3a3a;border-bottom-left-radius:4px;color:#fff}.message-text{margin:0 0 4px}.message-time{display:block;font-size:12px;opacity:.7;text-align:right}.chat-input-area{border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;padding:20px}.chat-input{background:var(--background-dark);border:2px solid #444;border-radius:20px;color:#fff;flex:1 1;font-size:16px;padding:12px 16px}.send-button{background:var(--btn-primary-bg);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:0 24px}.no-conversation-selected{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.conversation-ul{list-style:none;margin:0;padding:0}button.conversation-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-color);color:inherit;font:inherit;gap:12px;text-align:left;width:100%}.conversation-item .profile-avatar-component{flex-shrink:0}.convo-details{display:flex;flex-direction:column;min-width:0}.convo-header{gap:8px}.convo-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo-time{flex-shrink:0}.convo-last-message{gap:8px}.convo-preview{color:#d6d6d6;flex:1 1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.has-unread .convo-name,.conversation-item.has-unread .convo-preview{color:#fff;font-weight:700}.unread-count{box-sizing:border-box;flex-shrink:0;min-width:20px;text-align:center}.chat-window{min-height:0;min-width:0;overflow:hidden}.chat-header h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-info{min-width:0}.chat-back-button{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:none;flex-shrink:0;height:36px;justify-content:center;padding:0;width:36px}.chat-back-button:hover{background:var(--border-color)}.message-bubble{overflow-wrap:anywhere}.chat-form{display:flex;gap:10px;width:100%}.chat-form,.chat-input{min-width:0}.send-button:disabled{cursor:not-allowed;opacity:.5}.chat-input:disabled{cursor:not-allowed;opacity:.6}.chat-input-area:has(.chat-recipient-gone){flex-wrap:wrap}.chat-recipient-gone{flex:1 0 100%;margin:0}.chat-recipient-gone,.messages-status{color:var(--text-secondary);font-size:14px;text-align:center}.messages-status{padding:24px 16px}.messages-status p{margin:0 0 8px}.messages-status.error{color:var(--secondary-color)}.messages-status-hint{color:var(--text-secondary);font-size:13px}@media (min-width:769px){.messages-status-hint{display:none}}a.messages-retry{display:inline-block;text-decoration:none}.messages-retry{background:var(--btn-primary-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:8px;padding:8px 18px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}.messages-page button:focus-visible,.messages-page input:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.conversation-item:focus-visible{outline-offset:-2px}@media (max-width:768px){.messages-page{height:calc(100vh - 130px);height:calc(100vh - var(--messages-top, 130px));height:calc(100dvh - 130px);height:calc(100dvh - var(--messages-top, 130px));padding:0}html.messages-route .content-area,html.messages-route .main-content{min-height:0}.messages-container{border-left:none;border-radius:0;border-right:none;grid-template-columns:minmax(0,1fr)}.conversations-list{border-right:none;min-height:0}.chat-window,.messages-container.chat-open .conversations-list{display:none}.messages-container.chat-open .chat-window{display:flex}.chat-back-button{display:inline-flex}.chat-header{padding:10px 12px}.chat-messages{padding:12px}.message-bubble{max-width:85%}.chat-input-area{padding:12px}.send-button{padding:0 16px}}.chat-header-menu{flex-shrink:0;position:relative}.chat-header-menu .chat-actions-button{align-items:center;border-radius:8px;display:inline-flex;height:40px;justify-content:center;width:40px}.chat-header-menu .chat-actions-button:hover,.chat-header-menu .chat-actions-button[aria-expanded=true]{background:var(--border-color);color:#fff}.chat-menu{background:var(--surface-color);border:1px solid #444;border-radius:8px;box-shadow:0 8px 24px #00000073;display:flex;flex-direction:column;min-width:180px;padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:20}.chat-menu-item{background:none;border:none;border-radius:6px;box-sizing:border-box;color:#ddd;cursor:pointer;display:block;font:inherit;font-size:14px;padding:10px 12px;text-align:left;text-decoration:none;width:100%}.chat-menu-item:hover:not(:disabled){background:var(--border-color);color:#fff}.chat-menu-item.danger{color:var(--secondary-color)}.chat-menu-item:disabled{cursor:wait;opacity:.6}.chat-actions-button:focus-visible,.chat-inline-link:focus-visible,.chat-menu-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.chat-inline-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font:inherit;padding:0;text-decoration:underline}.chat-inline-link:disabled{cursor:wait;opacity:.6}.users-page{margin:0 auto;max-width:1400px;padding:20px}.users-header{margin-bottom:40px;text-align:center}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin:0 0 8px}.page-subtitle{color:var(--text-secondary);font-size:18px;margin:0 0 30px}.search-box{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;display:flex;margin:0 auto;max-width:600px;padding:12px 20px;position:relative;transition:all .3s ease}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #4ecdc41a}.search-box svg{color:var(--text-secondary);margin-right:12px}.search-box input{background:none;border:none;color:#fff;flex:1 1;font-size:16px;outline:none}.search-box input::placeholder{color:var(--text-secondary)}.users-stats{display:flex;gap:40px;justify-content:center;margin-bottom:40px}.users-stats .stat{text-align:center}.users-stats .stat-number{color:var(--primary-color);display:block;font-size:32px;font-weight:700;margin-bottom:4px}.users-stats .stat-label{color:var(--text-secondary);display:block;font-size:14px;font-weight:600;text-transform:uppercase}.users-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.user-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s ease}.user-card:before{background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.user-card:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.user-card:hover:before{opacity:1}.user-card-header{display:flex;justify-content:center;margin-bottom:16px}.user-avatar{border:3px solid var(--border-color);border-radius:50%;height:80px;overflow:hidden;transition:border-color .3s ease;width:80px}.user-card:hover .user-avatar{border-color:var(--primary-color)}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;font-size:32px;font-weight:700;height:100%;justify-content:center;width:100%}.user-card-body{flex:1 1;text-align:center}.user-name{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px}.user-username{color:var(--primary-color);font-size:14px;font-weight:600;margin:0 0 12px}.user-bio{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.user-stats{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;gap:24px;justify-content:center;margin-bottom:16px;padding:16px 0}.user-stats .stat-item{align-items:center;display:flex;flex-direction:column}.user-stats .stat-value{color:var(--primary-color);font-size:20px;font-weight:700}.user-stats .stat-label{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase}.user-card-footer{margin-top:8px}.view-profile-button{background:var(--btn-primary-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.view-profile-button:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.error-state h2,.loading-state h2{color:#fff;font-size:24px;margin-bottom:16px}.error-state p{color:var(--text-secondary);margin-bottom:20px}.error-state button{background:var(--btn-primary-bg);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.error-state button:hover{box-shadow:0 8px 25px #4ecdc466;transform:translateY(-2px)}.no-results{color:var(--text-secondary);padding:60px 20px;text-align:center}.no-results h3{color:#fff;font-size:24px;margin-bottom:12px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.users-grid .user-card{animation:fadeInUp .5s ease forwards;opacity:0}.tracks-grid .track-card:first-child,.users-grid .user-card:first-child{animation-delay:.05s}.tracks-grid .track-card:nth-child(2),.users-grid .user-card:nth-child(2){animation-delay:.1s}.tracks-grid .track-card:nth-child(3),.users-grid .user-card:nth-child(3){animation-delay:.15s}.tracks-grid .track-card:nth-child(4),.users-grid .user-card:nth-child(4){animation-delay:.2s}.tracks-grid .track-card:nth-child(5),.users-grid .user-card:nth-child(5){animation-delay:.25s}.tracks-grid .track-card:nth-child(6),.users-grid .user-card:nth-child(6){animation-delay:.3s}.tracks-grid .track-card:nth-child(7),.users-grid .user-card:nth-child(7){animation-delay:.35s}.tracks-grid .track-card:nth-child(8),.users-grid .user-card:nth-child(8){animation-delay:.4s}@media (max-width:768px){.users-grid{gap:16px;grid-template-columns:1fr}.page-title{font-size:28px}.search-box{margin:0 16px}.users-stats{gap:20px}}.user-avatar .profile-avatar-component{border:none;font-size:28px;height:100%;width:100%}span.view-profile-button{box-sizing:border-box;display:block;text-align:center}.user-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.users-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}@media (max-width:768px){.users-grid{grid-template-columns:1fr}.users-page{padding:16px}.search-box{margin:0}.user-card{padding:20px 16px}.user-bio{overflow-wrap:anywhere}}.users-notice{color:var(--text-secondary);font-size:14px;margin:0 auto 24px;max-width:600px;text-align:center}.users-notice.error{color:#ff6b6b;color:var(--error-color,#ff6b6b);margin-top:24px}.users-load-more{display:flex;justify-content:center;margin:32px 0 16px}.users-load-more button{background:#0000;border:2px solid var(--primary-color);border-radius:10px;color:var(--primary-color);cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:background .2s ease,color .2s ease}.users-load-more button:focus-visible,.users-load-more button:hover:not(:disabled){background:var(--primary-color);color:#0b0b0b}.users-load-more button:disabled{cursor:default;opacity:.6}.not-found{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:3rem 1rem;text-align:center}.not-found-code{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,var(--primary-color),var(--primary-dark));-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,14vw,7rem);font-weight:800;letter-spacing:-2px;line-height:1;margin:0}.not-found h1{font-size:1.6rem;margin:1rem 0 .5rem}.not-found-text{color:#888;color:var(--text-secondary,#888);line-height:1.6;margin:0 0 2rem;max-width:420px;overflow-wrap:anywhere}.not-found-text code{background:#ffffff0f;border-radius:6px;color:#ccc;padding:.1rem .4rem}.not-found-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.not-found-primary,.not-found-secondary{border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.6rem;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.not-found-primary{background:var(--btn-primary-bg);border:none;color:#fff}.not-found-secondary{background:#0000;border:1px solid #333;border:1px solid var(--border-color,#333);color:#fff}.not-found-primary:hover,.not-found-secondary:hover{transform:translateY(-2px)}.not-found-primary:focus-visible,.not-found-secondary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.public-not-found{align-items:center;background:var(--background-dark);display:flex;justify-content:center;min-height:100vh}.cm-page{max-width:880px}.cm-page .page-header{margin-bottom:28px}.cm-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:4px;margin-bottom:18px;overflow-x:auto;scrollbar-width:none}.cm-tabs::-webkit-scrollbar{display:none}.cm-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:inline-flex;font:inherit;font-size:15px;font-weight:600;gap:8px;margin-bottom:-1px;padding:12px 16px;transition:color .2s ease,border-color .2s ease;white-space:nowrap}.cm-tab:hover{color:#fff}.cm-tab.active{border-bottom-color:var(--primary-color);color:#fff}.cm-tab:focus-visible{border-radius:6px 6px 0 0;outline:2px solid var(--primary-color);outline-offset:-2px}.cm-count{align-items:center;background:var(--primary-color);border-radius:999px;color:#0d2a2e;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.cm-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.cm-filter{background:#0000;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:13px;font-weight:600;min-height:34px;padding:0 14px}.cm-filter:hover{border-color:#555;color:#fff}.cm-filter.active{background:#78ced61f;border-color:#78ced666;color:var(--primary-color)}.cm-list{display:flex;flex-direction:column;gap:14px}.cm-load-more{align-self:center}.cm-banner{align-items:center;background:#f2b35b14;border:1px solid #f2b35b4d;border-radius:12px;color:#e8d2b0;display:flex;flex-wrap:wrap;font-size:14px;gap:12px 20px;justify-content:space-between;line-height:1.45;margin-bottom:18px;padding:14px 18px}.cm-banner strong{color:#f2b35b}.cm-empty{padding-top:48px}.cm-empty svg{color:var(--primary-color)}.cm-empty-inline{color:var(--text-secondary);padding:40px 0;text-align:center}.cm-skeleton{pointer-events:none}.cm-sk{animation:cm-shimmer 1.3s ease infinite;background:linear-gradient(90deg,#2f2f2f 25%,#383838 37%,#2f2f2f 63%);background-size:400% 100%;border-radius:8px}.cm-sk-row{height:36px;width:40%}.cm-sk-title{height:22px;width:65%}.cm-sk-line{height:14px;width:100%}.cm-sk-line.short{width:55%}@keyframes cm-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.cm-sk{animation:none}}.cm-admin-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.cm-admin-toolbar .cm-section-label{margin:0}.cm-table-wrap{background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.cm-table{border-collapse:collapse;font-size:14px;min-width:720px;width:100%}.cm-table th{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.6px;padding:12px 14px;text-align:left;text-transform:uppercase}.cm-table td{border-bottom:1px solid #303030;color:#e6e6e6;padding:12px 14px;vertical-align:middle}.cm-table tr:last-child td{border-bottom:none}.cm-table-title{color:#fff;font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-table-sub{color:var(--text-secondary);font-size:12px}.cm-table-alert{color:#e0a23a;font-weight:600;margin-top:2px}@media (max-width:600px){.cm-page .page-header h1{font-size:28px}.cm-page .page-header p{font-size:15px}.cm-tab{font-size:14px;padding:12px}.cm-banner .cm-btn{width:100%}}.track-page{box-sizing:border-box;color:var(--text-primary);margin:0 auto;max-width:992px;padding:24px 16px 40px}.track-page-card{grid-gap:28px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;display:grid;gap:28px;grid-template-columns:minmax(0,340px) minmax(0,1fr);padding:24px}.track-page-cover{aspect-ratio:1/1;background:#333;border-radius:12px;overflow:hidden;position:relative}.track-page-cover img{display:block;height:100%;object-fit:cover;width:100%}.track-page-type{background:var(--btn-accent-bg);border-radius:999px;color:#fff;font-size:12px;font-weight:700;left:12px;letter-spacing:.3px;padding:4px 10px;position:absolute;text-transform:uppercase;top:12px}.track-page-type.feature{background:var(--btn-primary-bg)}.track-page-info{display:flex;flex-direction:column;gap:12px;min-width:0}.track-page-title{font-size:clamp(24px,4vw,34px);font-weight:800;line-height:1.15;margin:0;overflow-wrap:anywhere}.track-page-artist{color:var(--text-secondary);font-size:17px;margin:0}.track-page-artist a{color:var(--primary-color);font-weight:600;text-decoration:none}.track-page-artist a:hover{text-decoration:underline}.track-page-meta,.track-page-note{color:var(--text-secondary);font-size:14px;margin:0}.track-page-note a{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}.track-page-label{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.track-page-player audio{display:block;max-width:480px;width:100%}.track-page-buy{align-items:center;display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:4px}.track-page-price{font-size:28px;font-weight:800}.track-page-sold{border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-weight:600;padding:6px 12px}.track-page-primary,.track-page-secondary{border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:10px 20px;transition:filter .2s ease,border-color .2s ease}.track-page-primary{background:var(--btn-accent-bg);border:none;color:#fff}.track-page-secondary{background:#0000;border:1px solid var(--border-color);color:#fff}.track-page-secondary.is-active{border-color:var(--secondary-color);color:#ffb3b3}.track-page-primary:hover:not(:disabled){filter:brightness(1.12)}.track-page-secondary:hover:not(:disabled){border-color:var(--primary-color)}.track-page-primary:disabled,.track-page-secondary:disabled{cursor:default;opacity:.6}.track-page a:focus-visible,.track-page-primary:focus-visible,.track-page-secondary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.track-page-actions{display:flex;flex-wrap:wrap;gap:8px}.track-page-caption{line-height:1.55;margin:4px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.track-page-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.track-page-tags a{background:#78ced61a;border:1px solid #78ced640;border-radius:999px;color:var(--text-primary);display:inline-block;font-size:13px;font-weight:500;line-height:1.4;padding:3px 10px;text-decoration:none;transition:color .3s ease,border-color .3s ease}.track-page-tags a:hover{border-color:var(--secondary-color);color:var(--secondary-color)}.track-page-credits{grid-gap:10px 18px;display:grid;gap:10px 18px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:4px 0 0}.track-page-credits dt{color:var(--text-secondary);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.track-page-credits dd{margin:2px 0 0;overflow-wrap:anywhere}.track-page-back{margin:12px 0 0}.track-page-back a{align-items:center;color:var(--primary-color);display:inline-flex;min-height:44px;text-decoration:none}.track-page-back a:hover{text-decoration:underline}.track-page-error{padding:48px 16px;text-align:center}.track-page-error h1{font-size:24px;margin:0 0 8px}.track-page-error p{color:var(--text-secondary);margin:0 0 20px}.track-page-skeleton .skeleton-block{animation:track-page-shimmer 1.4s ease infinite;background:linear-gradient(90deg,#2f2f2f 25%,#383838 37%,#2f2f2f 63%);background-size:400% 100%;border-radius:8px}.track-page-skeleton .skeleton-line{height:18px;width:60%}.track-page-skeleton .skeleton-line.wide{height:30px;width:85%}.track-page-skeleton .skeleton-line.short{width:35%}@keyframes track-page-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.track-page-skeleton .skeleton-block{animation:none}}@media (max-width:720px){.track-page{padding-top:16px}.track-page-card{gap:18px;grid-template-columns:minmax(0,1fr);padding:16px}.track-page-cover{margin:0 auto;max-width:420px;width:100%}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.App,body{background:var(--background-dark)}.App{min-height:100vh}:root{--navbar-height-fallback:70px}.main-content{display:flex}.content-area,.main-content{min-height:calc(100vh - 70px);min-height:calc(100vh - var(--navbar-height, var(--navbar-height-fallback)));min-height:calc(100dvh - 70px);min-height:calc(100dvh - var(--navbar-height, var(--navbar-height-fallback)))}.content-area{background:var(--background-dark);flex:1 1;min-width:0}@media (max-width:768px){:root{--navbar-height-fallback:130px}.content-area{width:100%}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}a{color:inherit;text-decoration:none}::selection{background:#4ecdc44d;color:#fff}.page-loading{align-items:center;display:flex;justify-content:center;min-height:50vh;padding:2rem 1rem}.loading-spinner-large{animation:spin 1s linear infinite;border:5px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin:0 auto;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;flex-grow:1;gap:20px;justify-content:center;padding:80px 20px}.loading-container h3{color:#fff;font-size:20px;font-weight:600;margin:0}.unread-badge{background:var(--btn-accent-from);border-radius:10px;box-sizing:border-box;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;height:20px;line-height:20px;margin-left:auto;min-width:20px;padding:0 6px;text-align:center}.signup-banner{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;margin:0 0 20px;padding:12px 16px}.signup-banner p{color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.signup-banner p strong{color:var(--text-primary)}.signup-banner-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px 12px}.signup-banner-primary,.signup-banner-secondary{border-radius:8px;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;white-space:nowrap}.signup-banner-primary{background:var(--btn-primary-bg);color:#fff}.signup-banner-secondary{border:1px solid var(--border-color);color:var(--text-primary)}.signup-banner-primary:hover,.signup-banner-secondary:hover{filter:brightness(1.12)}.signup-banner-link{color:var(--primary-color);font-size:14px;text-decoration:underline}.signup-banner a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}
/*# sourceMappingURL=main.96f4fd8f.css.map*/