@font-face{font-display:swap;font-family:Archivo Variable;font-stretch:62% 125%;font-style:normal;font-weight:100 900;src:url(/static/media/archivo-vietnamese-wdth-normal.164cfad175548d8d65ee.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Archivo Variable;font-stretch:62% 125%;font-style:normal;font-weight:100 900;src:url(/static/media/archivo-latin-ext-wdth-normal.009725e3b373d5e8f0a1.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Archivo Variable;font-stretch:62% 125%;font-style:normal;font-weight:100 900;src:url(/static/media/archivo-latin-wdth-normal.bb1dad4de4bf8ae0cf6f.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--bg:#161616;--bg-raised:#1f1f1f;--surface:#262626;--surface-hover:#2e2e2e;--line:#333;--line-strong:#474747;--ink:#f4f4f4;--ink-2:#a8a8a8;--ink-3:#969696;--teal:#78ced6;--teal-soft:#78ced61f;--coral:#ff6b6b;--coral-soft:#ff6b6b1f;--action:#23779e;--action-hover:#1c6386;--action-brand:#c4433c;--action-brand-hover:#aa3530;--action-danger:#c62828;--action-danger-hover:#b71c1c;--success:#4ade80;--warning:#f5a524;--danger-text:#ff8a8a;--sidebar-width:224px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--font-display:"Archivo Variable","Arial Narrow",sans-serif;--background-dark:var(--bg);--surface-color:var(--surface);--border-color:var(--line);--text-primary:var(--ink);--text-secondary:var(--ink-2);--primary-color:var(--teal);--primary-dark:var(--action);--secondary-color:var(--coral);--accent-color:var(--coral);--third-color:var(--teal);--third-dark:var(--action);--danger-color:var(--action-danger);--danger-hover:var(--action-danger-hover);--error-color:var(--danger-text);--btn-primary-from:var(--action);--btn-primary-to:var(--action-hover);--btn-accent-from:var(--action-brand);--btn-accent-to:var(--action-brand-hover);--btn-third-from:var(--surface-hover);--btn-third-to:var(--surface-hover);--btn-primary-bg:var(--action);--btn-accent-bg:var(--action-brand);--btn-third-bg:var(--surface-hover)}body{background:#161616;background:var(--bg);color:#f4f4f4;color:var(--ink)}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)}.skip-link{align-items:center;background:#161616;background:var(--bg);border:2px solid #78ced6;border:2px solid var(--teal);border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;color:#f4f4f4;color:var(--ink);display:inline-flex;font-size:15px;font-weight:700;left:8px;min-height:44px;padding:10px 16px;position:fixed;text-decoration:none;top:8px;transform:translateY(calc(-100% - 16px));z-index:10001}.skip-link:focus,.skip-link:focus-visible{outline:none;transform:none}#main:focus{outline:none}.profile-avatar-component{align-items:center;background:var(--coral-soft);border-radius:50%;color:var(--coral);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:before{content:attr(data-normal);content:attr(data-initial)}.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{background:var(--bg-raised);border-bottom:1px solid var(--line);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;position:relative}.navbar-logo{align-items:center;color:var(--ink);display:inline-flex;font-size:28px;font-weight:800;gap:.4em;text-decoration:none}.navbar-logo-mark{color:var(--ink);flex-shrink:0;height:.74em;transition:color .15s ease;width:auto}.navbar-logo:hover .navbar-logo-mark{color:var(--coral)}.navbar-logo .logo-text{color:var(--ink);font-family:var(--font-display);font-stretch:85%}.navbar-logo:focus-visible{border-radius:4px;outline:2px solid var(--teal);outline-offset:4px}.search-form{flex:1 1;margin:0 40px;max-width:500px}.search-container{position:relative;width:100%}.search-input{background:var(--surface);border:1px solid var(--line-strong);border-radius:22px;color:var(--ink);font-size:16px;height:44px;outline:none;padding:0 48px 0 18px;transition:border-color .15s ease;width:100%}.search-input:focus{border-color:var(--teal)}.search-input:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.search-input::placeholder{color:var(--ink-3)}.search-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--ink-2);cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:2px;top:50%;transform:translateY(-50%);transition:color .15s ease,background-color .15s ease;width:40px}.search-button:hover{background:var(--surface-hover);color:var(--ink)}.search-button:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}.navbar-actions{align-items:center;display:flex;gap:12px}.navbar-icon-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--ink);cursor:pointer;display:inline-flex;flex-shrink:0;height:44px;justify-content:center;padding:0;position:relative;text-decoration:none;transition:background-color .15s ease,color .15s ease;width:44px}.navbar-icon-button:hover{background:var(--surface-hover);color:var(--ink);text-decoration:none}.hamburger-button:focus-visible,.navbar-icon-button:focus-visible,.profile-button:focus-visible,.upload-button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.navbar-icon-button svg{height:22px;width:22px}.upload-button{align-items:center;background:var(--action-brand);border-radius:22px;color:#fff;display:flex;font-weight:600;gap:8px;height:44px;padding:0 20px;text-decoration:none;transition:background-color .15s ease}.upload-button:hover{background:var(--action-brand-hover);color:#fff;text-decoration:none}.upload-icon{display:inline-flex}.cart-badge,.upload-icon{align-items:center;justify-content:center}.cart-badge{background:var(--action-brand);border:2px solid var(--bg-raised);border-radius:9px;box-sizing:initial;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;line-height:1;min-width:18px;padding:0 4px;position:absolute;right:0;top:2px}.profile-button{align-items:center;background:none;border:none;border-radius:24px;color:var(--ink-2);cursor:pointer;display:flex;gap:6px;min-height:44px;padding:4px 6px 4px 4px;transition:background-color .15s ease}.profile-button:hover{background:var(--surface-hover)}.profile-button .profile-avatar-component{font-size:14px;height:36px;width:36px}.profile-avatar-wrap{display:inline-flex;position:relative}.profile-unread-dot{background:var(--coral);border:2px solid var(--bg-raised);border-radius:50%;box-sizing:border-box;height:11px;pointer-events:none;position:absolute;right:-1px;top:-1px;width:11px}.profile-dropdown{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);margin-right:0;min-width:200px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;right:max(20px,calc(50% - 700px));top:78px;top:calc(var(--navbar-height, 70px) + 8px);transform:translateY(-6px);transition:opacity .15s ease-out,transform .15s ease-out,visibility 0s linear .15s;visibility:hidden;z-index:1001}.profile-dropdown.show{opacity:1;pointer-events:auto;transform:none;transition-delay:0s;visibility:visible}.dropdown-item{align-items:center;border-bottom:1px solid var(--line);color:var(--ink);display:flex;gap:12px;min-height:44px;padding:0 16px;text-decoration:none;transition:background-color .15s ease,color .15s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--surface-hover);color:var(--ink)}.dropdown-item.logout-button{background:none;color:var(--ink)}.dropdown-item.logout-button:hover{background:var(--surface-hover);color:var(--danger-text)}.hamburger-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:5px;height:44px;justify-content:center;padding:0;width:44px}.hamburger-button span{background:var(--ink);border-radius:2px;display:block;height:2px;transition:background-color .15s ease;width:22px}.hamburger-button:hover span{background:var(--teal)}.navbar-auth-link,.navbar-signup-button{align-items:center;border-radius:22px;display:inline-flex;font-weight:600;height:44px;padding:0 20px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease;white-space:nowrap}.navbar-auth-link{border:1px solid var(--line);color:var(--ink)}.navbar-signup-button{background:var(--action);color:#fff}.navbar-auth-link:hover{background:var(--surface);border-color:var(--line-strong);color:var(--ink);text-decoration:none}.navbar-signup-button:hover{background:var(--action-hover);color:#fff;text-decoration:none}.navbar-auth-link:focus-visible,.navbar-signup-button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.navbar-search-overlay .search-form,.navbar-search-row .search-form{margin:0;max-width:none}@media (max-width:768px){.navbar{padding:0}.navbar-container{gap:4px;height:64px;justify-content:flex-start;padding:0 16px}.hamburger-button{display:flex;margin-left:-11px}.navbar-logo{flex-shrink:0;font-size:22px;margin-left:4px;min-height:44px}.navbar-actions{flex-shrink:0;gap:4px;margin-left:auto}.upload-button{border-radius:50%;gap:0;height:44px;justify-content:center;padding:0;width:44px}.upload-button,.upload-button:hover{background:#0000}.upload-icon{background:var(--action-brand);border-radius:50%;height:36px;transition:background-color .15s ease;width:36px}.upload-button:hover .upload-icon{background:var(--action-brand-hover)}.upload-label{display:none}.profile-button{border-radius:50%;gap:0;height:44px;justify-content:center;margin-right:-6px;padding:0;width:44px}.profile-button>svg{display:none}.profile-button .profile-avatar-component{font-size:13px;height:32px;width:32px}.profile-dropdown{right:16px}.navbar-search-row{background:var(--bg);padding:12px 16px 4px}.navbar-search-overlay{align-items:center;background:var(--bg-raised);display:flex;gap:4px;inset:0;padding:0 6px 0 16px;position:absolute;z-index:1}.navbar-search-overlay .search-form{flex:1 1;min-width:0}.navbar-auth-link,.navbar-signup-button{font-size:15px;padding:0 14px}.navbar-auth-link{border-color:#0000;padding:0 10px}.navbar-signup-button{height:40px}}@media (max-width:480px){.navbar-logo .logo-text{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.navbar-logo-mark{height:28px}}@media (max-width:360px){.navbar-auth-link{padding:0 8px}.navbar-signup-button{padding:0 12px}}.sidebar{background:var(--bg-raised);border-right:1px solid var(--line);box-sizing:border-box;flex-shrink:0;height:calc(100vh - 70px);height:calc(100vh - var(--navbar-height, 70px));overflow-y:auto;padding:16px 12px;position:sticky;top:70px;top:var(--navbar-height,70px);width:var(--sidebar-width)}.sidebar-section{margin-bottom:24px}.sidebar-title{color:var(--ink-3);font-size:13px;font-weight:600;margin:0 0 6px;padding:0 12px}.quick-actions{display:flex;flex-direction:column;gap:2px}.quick-action-item{align-items:center;background:#0000;border-radius:var(--radius-sm);color:var(--ink-2);display:flex;font-size:15px;font-weight:500;gap:12px;min-height:40px;padding:0 12px;text-decoration:none;transition:background-color .15s ease,color .15s ease}.quick-action-item svg{color:var(--ink-3);flex-shrink:0;transition:color .15s ease}.quick-action-item:hover{background:var(--surface);color:var(--ink);text-decoration:none}.quick-action-item:hover svg{color:var(--ink-2)}.quick-action-item.active,.quick-action-item.active:hover{background:var(--teal-soft);color:var(--teal)}.quick-action-item.active svg{color:var(--teal)}.sidebar a:focus-visible,.sidebar button:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}.trending-hashtags{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px}.hashtag{background:var(--teal-soft);border-radius:16px;color:var(--teal);cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:6px 12px;text-decoration:none;transition:background-color .15s ease}.suggested-artists{display:flex;flex-direction:column;gap:2px}.suggested-artist{align-items:center;border-radius:var(--radius-sm);color:inherit;display:flex;min-height:48px;padding:6px 12px;text-decoration:none;transition:background-color .15s ease}.suggested-artist:hover{background:var(--surface);text-decoration:none}.artist-info{gap:10px;min-width:0}.artist-avatar,.artist-info{align-items:center;display:flex}.artist-avatar{background:var(--coral-soft);border-radius:50%;color:var(--coral);flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;overflow:hidden;width:32px}.artist-avatar img{height:100%;object-fit:cover;width:100%}.artist-details{display:flex;flex-direction:column;min-width:0}.artist-name{color:var(--ink);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-followers{color:var(--ink-3);font-size:12px}.suggested-artist-skeleton,.suggested-artist-skeleton:hover{background:none}.suggested-artist-skeleton .artist-avatar{background:var(--surface)}.suggested-artist-skeleton .skeleton-line{animation:sidebar-skeleton-pulse 1.2s ease-in-out infinite;background:var(--surface);border-radius:5px;height:10px;width:110px}.suggested-artist-skeleton .skeleton-line.short{margin-top:6px;width:64px}@keyframes sidebar-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.suggested-artist-skeleton .skeleton-line{animation:none}}.see-more-button{color:var(--teal);display:inline-block;font-size:14px;font-weight:600;margin:6px 12px 0;padding:4px 0;text-decoration:none}.see-more-button:hover{text-decoration:underline;text-underline-offset:3px}.no-suggestions{color:var(--ink-3);font-size:14px;padding:4px 12px}.no-suggestions p{margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:0 16px;margin-bottom:0;padding:0 12px}.footer-link{align-items:center;color:var(--ink-3);display:inline-flex;font-size:12px;min-height:44px;text-decoration:none;transition:color .15s ease}.footer-link:hover{color:var(--ink);text-decoration:none}.copyright{color:var(--ink-3);font-size:12px;padding:0 12px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.sidebar-join{padding:0 12px}.sidebar-join .sidebar-title{padding:0}.sidebar-join-text{color:var(--ink-2);font-size:14px;line-height:1.45;margin:0 0 12px}.sidebar-join-button{align-items:center;background:var(--action);border-radius:var(--radius-sm);color:#fff;display:flex;font-weight:600;justify-content:center;min-height:40px;text-decoration:none;transition:background-color .15s ease}.sidebar-join-button:hover{background:var(--action-hover);color:#fff}.sidebar-join-login{color:var(--teal);display:block;font-weight:600;margin-top:4px;padding:8px;text-align:center;text-decoration:none}.sidebar-join-login:hover{text-decoration:underline}.sidebar-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;display:flex;height:44px;justify-content:center;margin:-8px -4px 8px auto;width:44px}.sidebar-close:hover{background:var(--surface);color:var(--ink)}@media (max-width:768px){.sidebar{display:block;height:100vh;height:100dvh;left:0;max-width:85vw;padding-top:max(16px,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}.quick-action-item{min-height:44px}.sidebar-overlay{background:#00000080;display:block;inset:0;position:fixed;z-index:1001}}@media (prefers-reduced-motion:reduce){.sidebar{transition:visibility 0s linear .3s}}@media (min-width:769px){.sidebar-overlay{display:none}}.staging-banner{background:var(--warning);color:#161616;font-size:.8125rem;line-height:1.4;padding:6px 16px;text-align:center}.staging-banner strong{font-weight:700;letter-spacing:.04em;text-transform:uppercase}.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:toast-in .3s ease-out forwards}.toast-exit{animation:toast-out .3s ease-in forwards}@media (prefers-reduced-motion:reduce){.toast-enter{animation:toast-fade-in .2s linear forwards}.toast-exit{animation:toast-fade-out .2s linear forwards}}@keyframes toast-fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-fade-out{0%{opacity:1}to{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.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:var(--ink-2);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 var(--line-strong);color:var(--ink)}.ov-btn-secondary:hover:not(:disabled){background:var(--surface-hover)}.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 var(--line-strong);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}.preview-player{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;gap:14px;max-width:460px;padding:12px 14px}.preview-player-toggle{align-items:center;background:var(--teal);border:none;border-radius:50%;color:#10282b;cursor:pointer;display:flex;flex:none;height:44px;justify-content:center;transition:background-color .15s ease;width:44px}.preview-player-toggle:hover:not(:disabled){background:#9adbe1}.preview-player-toggle:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.preview-player-toggle:disabled{background:var(--surface-hover);color:var(--ink-3);cursor:not-allowed}.preview-player-track{flex:1 1;min-width:0}.preview-player-times{font-feature-settings:"tnum";color:var(--ink-3);display:flex;font-size:12px;font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px}.preview-player--card{background:none;border:none;gap:12px;max-width:none;padding:0}.preview-player--card .preview-player-times{margin-top:4px}.preview-player--page{gap:16px;max-width:none;padding:5px 16px 5px 5px}.preview-player--page .preview-player-toggle{height:52px;width:52px}.player-progress-bar{appearance:none;background-color:var(--line-strong);background-image:linear-gradient(var(--teal),var(--teal));background-repeat:no-repeat;background-size:0 100%;background-size:var(--progress-percent,0) 100%;border-radius:999px;cursor:pointer;display:block;height:6px;margin:0;outline:none;width:100%}.player-progress-bar:disabled{cursor:default}.player-progress-bar::-webkit-slider-runnable-track{background:#0000;border-radius:999px;height:6px}.player-progress-bar::-moz-range-track{background:#0000;border-radius:999px;height:6px}.player-progress-bar::-moz-range-progress{background:var(--teal);border-radius:999px;height:6px}.player-progress-bar::-webkit-slider-thumb{appearance:none;background:var(--ink);border-radius:50%;height:14px;margin-top:-4px;opacity:0;-webkit-transition:opacity .15s ease;transition:opacity .15s ease;width:14px}.player-progress-bar::-moz-range-thumb{background:var(--ink);border:none;border-radius:50%;height:14px;opacity:0;-moz-transition:opacity .15s ease;transition:opacity .15s ease;width:14px}.player-progress-bar:focus-visible::-webkit-slider-thumb,.preview-player:hover .player-progress-bar:not(:disabled)::-webkit-slider-thumb{opacity:1}.player-progress-bar:focus-visible::-moz-range-thumb,.preview-player:hover .player-progress-bar:not(:disabled)::-moz-range-thumb{opacity:1}.player-progress-bar:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.track-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:0;padding:12px;position:relative;transition:background-color .15s ease,border-color .15s ease}.track-card:hover{background:var(--surface-hover);border-color:var(--line-strong)}.track-cover-container{aspect-ratio:1/1;background:var(--surface-hover);border-radius:var(--radius-sm);overflow:hidden;position:relative}.track-cover{display:block;height:100%;object-fit:cover;width:100%}.track-info{color:var(--ink);display:flex;flex:1 1;flex-direction:column;min-width:0;padding-top:12px}.track-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.track-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink);display:-webkit-box;font-size:17px;font-weight:700;line-height:1.3;margin:0;min-width:0;overflow:hidden;overflow-wrap:anywhere}.track-title-link{color:inherit;text-decoration:none}.track-title-link:hover{text-decoration:underline;text-underline-offset:2px}.track-card .price{font-feature-settings:"tnum";color:var(--coral);flex:none;font-size:17px;font-variant-numeric:tabular-nums;font-weight:800;white-space:nowrap}.track-byline{color:var(--ink-3);font-size:14px;line-height:1.4;margin:4px 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist-link{color:var(--ink-2);font-weight:600;text-decoration:none}a.track-artist-link:hover{color:var(--teal);text-decoration:underline;text-underline-offset:2px}.track-no-preview{color:var(--ink-3);font-size:13px;margin:0}.track-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink-2);display:-webkit-box;font-size:14px;line-height:1.45;margin:10px 0 0;overflow:hidden;overflow-wrap:anywhere}.track-hashtags{display:flex;gap:6px;margin-top:10px;overflow:hidden}.track-card .hashtag{background:var(--teal-soft);border:1px solid #0000;border-radius:999px;color:var(--ink);cursor:pointer;flex:none;font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;max-width:100%;overflow:hidden;padding:2px 10px;text-overflow:ellipsis;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.track-card .hashtag:hover{border-color:var(--teal);color:var(--teal)}.credits-detail{border-top:1px solid var(--line);margin:10px 0 0;padding:10px 0 0}.credit-item{display:flex;font-size:13px;gap:16px;justify-content:space-between;margin-bottom:4px}.credit-label{color:var(--ink-3);flex-shrink:0}.credit-value{color:var(--ink-2);font-weight:600;margin:0;overflow-wrap:anywhere;text-align:right}.track-actions{align-items:center;display:flex;gap:8px;margin-top:auto;padding-top:12px}.buy-button,.track-edit-button{border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:14px;font-weight:700;min-height:40px;min-width:0;padding:0 14px;transition:background-color .15s ease;white-space:nowrap}.buy-button{background:var(--action-brand)}.buy-button:hover:not(:disabled){background:var(--action-brand-hover)}.buy-button:disabled{background:var(--surface-hover);color:var(--ink-2);cursor:default}.track-edit-button{background:var(--action)}.track-edit-button:hover{background:var(--action-hover)}.track-status{color:var(--ink-3);flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-actions-end{margin-left:auto}.action-button,.track-actions-end{align-items:center;display:inline-flex;gap:6px}.action-button{background:#0000;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 10px;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.action-button:hover{border-color:var(--ink-3);color:var(--ink)}.action-button:disabled{cursor:not-allowed;opacity:.6}.like-button svg{fill:none;stroke:currentColor;transition:fill .15s ease,stroke .15s ease}.like-button.liked{color:var(--coral)}.like-button.liked svg{fill:var(--coral);stroke:var(--coral)}@keyframes like-pulse{50%{transform:scale(1.25)}}.like-button.animating svg{animation:like-pulse .4s ease-in-out}@media (prefers-reduced-motion:reduce){.like-button.animating svg{animation:none}}.track-more{display:inline-flex;position:relative}.track-more-button{padding:0}.track-more-button[aria-expanded=true]{background:var(--surface-hover);color:var(--ink)}.track-more-menu{background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:var(--radius-sm);bottom:calc(100% + 6px);min-width:190px;padding:4px;position:absolute;right:0;z-index:5}.track-more-item{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--ink);cursor:pointer;display:flex;font-family:inherit;font-size:14px;min-height:40px;padding:0 10px;text-align:left;white-space:nowrap;width:100%}.track-more-item:hover{background:var(--surface-hover)}.track-more-item:disabled{color:var(--ink-3);cursor:wait}.track-more-item.danger{color:var(--danger-text)}.track-card a:focus-visible,.track-card button:focus-visible,.track-card input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.home-page{overflow:hidden;padding-bottom:20px;padding-top:20px;position:relative;width:100%}.feed-empty-wrap,.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:24px}.home-filters{flex-wrap:wrap;gap:24px;justify-content:flex-start;margin-top:20px}.filter-group,.home-filters{align-items:center;display:flex}.filter-group{gap:10px}.filter-group label{color:var(--ink-2);font-size:14px;font-weight:600}.filter-select{background:var(--surface-color);border:2px solid var(--line-strong);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 #78ced61a}.filter-select option{background:var(--surface-color);color:#fff}.tracks-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));margin-bottom:40px}.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}.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}.tracks-grid .track-card{animation:fadeInUp .5s ease forwards;opacity:0}@media (prefers-reduced-motion:reduce){.tracks-grid .track-card{animation:none;opacity:1}}.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}@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:15px}.home-filters{margin-top:16px}.feed-empty-wrap{padding-left:16px;padding-right: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}}.no-results a{color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:3px}.feed-empty{margin-top:8px;max-width:480px}.feed-empty h2{color:var(--ink);font-size:22px;font-weight:700;line-height:1.25;margin:0 0 8px}.feed-empty p{color:var(--ink-2);font-size:16px;line-height:1.5;margin:0}.feed-empty-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}.feed-button{align-items:center;background:var(--action);border-radius:var(--radius-sm);color:#fff;display:inline-flex;font-size:15px;font-weight:600;justify-content:center;min-height:44px;padding:0 22px;text-decoration:none;transition:background-color .15s ease}.feed-button:hover{background:var(--action-hover);color:#fff;text-decoration:none}.feed-button-brand{background:var(--action-brand)}.feed-button-brand:hover{background:var(--action-brand-hover)}.feed-link{align-items:center;color:var(--teal);display:inline-flex;font-size:15px;font-weight:600;min-height:44px;text-decoration:underline;text-underline-offset:3px}.feed-link:hover{color:var(--ink)}.feed-artist:focus-visible,.feed-button:focus-visible,.feed-link:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.feed-suggested{margin-top:48px;max-width:480px;padding-bottom:40px}.feed-suggested h2{color:var(--ink-3);font-size:14px;font-weight:600;margin:0 0 8px}.feed-suggested-list{border-top:1px solid var(--line);list-style:none;margin:0;padding:0}.feed-suggested-list li{border-bottom:1px solid var(--line)}.feed-artist{align-items:center;border-radius:var(--radius-sm);color:var(--ink);display:flex;gap:14px;margin:0 -8px;padding:12px 8px;text-decoration:none;transition:background-color .15s ease}a.feed-artist:hover{background:var(--surface);text-decoration:none}.feed-artist-avatar{align-items:center;background:var(--coral-soft);border-radius:50%;color:var(--coral);display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:48px;justify-content:center;overflow:hidden;width:48px}.feed-artist-avatar img{height:100%;object-fit:cover;width:100%}.feed-artist-text{display:flex;flex-direction:column;gap:2px;min-width:0}.feed-artist-name{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-artist-meta{color:var(--ink-3);font-size:13px}.feed-artist-skeleton .feed-artist-avatar,.feed-artist-skeleton .skeleton-bar{background:var(--surface)}.feed-artist-skeleton .skeleton-bar{border-radius:6px;height:12px;width:140px}.feed-artist-skeleton .skeleton-bar.short{margin-top:6px;width:80px}.landing-page{--gutter:clamp(16px,4vw,48px);--content:1240px;--edge:max(var(--gutter),calc((100vw - var(--content))/2));--ease-out:cubic-bezier(0.16,1,0.3,1);background:var(--bg);color:var(--ink);display:flex;flex-direction:column;min-height:100vh;overflow-x:clip}.landing-page main{flex:1 1}.landing-nav{border-bottom:1px solid var(--line);gap:16px;height:64px;justify-content:space-between;padding:0 var(--gutter)}.landing-logo,.landing-nav{align-items:center;display:flex}.landing-logo{color:var(--ink);gap:8px;text-decoration:none}.landing-logo-mark{display:block;height:.95rem;transition:color .15s ease;width:auto}.landing-logo:hover .landing-logo-mark{color:var(--coral)}.landing-wordmark{font-family:var(--font-display);font-size:1.3rem;font-stretch:85%;font-weight:800;letter-spacing:-.01em}.landing-nav-actions{align-items:center;display:flex;gap:4px}.landing-nav-link{align-items:center;background:none;border:none;border-radius:var(--radius-sm);box-sizing:border-box;color:var(--ink-2);cursor:pointer;display:inline-flex;font:inherit;font-size:15px;font-weight:600;min-height:44px;padding:10px 14px;text-decoration:none;transition:color .15s ease}.landing-nav-link:hover{color:var(--ink)}.landing-nav .btn-ghost{margin-left:8px;padding:8px 16px}.landing-page .btn-dark,.landing-page .btn-ghost,.landing-page .btn-primary{align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font:inherit;font-size:15px;font-weight:700;justify-content:center;min-height:44px;padding:10px 20px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.landing-page .btn-primary{background:var(--action);border:1px solid var(--action);color:#fff}.landing-page .btn-primary:hover{background:var(--action-hover);border-color:var(--action-hover)}.landing-page .btn-brand{background:var(--action-brand);border-color:var(--action-brand)}.landing-page .btn-brand:hover{background:var(--action-brand-hover);border-color:var(--action-brand-hover)}.landing-page .btn-ghost{background:#0000;border:1px solid var(--line-strong);color:var(--ink)}.landing-page .btn-ghost:hover{border-color:var(--ink)}.landing-page .btn-dark{background:var(--bg);border:1px solid var(--bg);color:var(--ink)}.landing-page .btn-dark:hover{background:#000;border-color:#000}.landing-page .btn-dark:active,.landing-page .btn-ghost:active,.landing-page .btn-primary:active{transform:translateY(1px)}.landing-footer a:focus-visible,.landing-logo:focus-visible,.landing-nav-link:focus-visible,.landing-page .btn-ghost:focus-visible,.landing-page .btn-primary:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.landing-page .btn-dark:focus-visible{outline:2px solid var(--bg);outline-offset:3px}.landing-page .btn-large{font-size:16px;min-height:52px;padding:14px 26px}.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46vw);min-height:min(calc(100svh - 65px),900px)}.landing-hero-copy{align-self:center;padding:clamp(48px,7vw,96px) clamp(32px,5vw,72px) clamp(48px,7vw,96px) var(--edge)}.landing-hero h1{font-family:var(--font-display);font-size:clamp(3.4rem,7.6vw,6rem);font-stretch:75%;font-weight:850;letter-spacing:-.015em;line-height:.9;margin:0 0 28px;text-transform:uppercase}.hero-line{overflow:hidden;padding-bottom:.04em}.hero-line,.hero-line>span{display:block}.landing-hero h1 em{color:var(--coral);font-style:normal}.landing-lede{text-wrap:pretty;color:#bdbdbd;font-size:18px;line-height:1.65;margin:0 0 36px;max-width:44ch}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:12px}.landing-hero-media{background:var(--bg-raised);min-height:100%;position:relative}.landing-hero-media img,.landing-hero-media picture{height:100%;inset:0;position:absolute;width:100%}.landing-hero-media picture{overflow:hidden}.landing-hero-media img{filter:contrast(1.08) brightness(.82);object-fit:cover;object-position:50% 62%}.hero-listing{background:var(--bg);border:1px solid var(--line-strong);border-radius:var(--radius-lg);bottom:clamp(32px,6vw,72px);box-sizing:border-box;display:flex;flex-direction:column;gap:12px;left:clamp(-120px,-6vw,-48px);padding:18px 20px 20px;position:absolute;width:min(340px,80%)}.hero-listing-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.hero-listing-tag{background:var(--coral-soft);border-radius:999px;color:var(--coral);font-size:12px;font-weight:700;padding:4px 10px}.hero-listing-meta{font-feature-settings:"tnum";color:var(--ink-3);font-size:13px;font-variant-numeric:tabular-nums}.hero-listing-title{font-family:var(--font-display);font-size:24px;font-stretch:85%;font-weight:800;line-height:1.1}.hero-wave{height:40px;position:relative}.hero-wave-bars{align-items:center;display:flex;gap:3px;inset:0;position:absolute}.hero-wave-bars span{background:var(--line-strong);border-radius:2px;flex:1 1;height:calc(var(--h)*100%)}.hero-wave-played{clip-path:inset(0 62% 0 0)}.hero-wave-played span{background:var(--coral)}.hero-listing-buy{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.hero-listing-price{color:var(--coral);font-family:var(--font-display);font-size:28px;font-stretch:85%;font-weight:800}.hero-listing-button{align-items:center;background:var(--action-brand);border-radius:8px;box-sizing:border-box;color:#fff;display:inline-flex;font-size:14px;font-weight:700;min-height:44px;padding:10px 16px;text-decoration:none;transition:background-color .15s ease}.hero-listing-button:hover{background:var(--action-brand-hover)}.hero-listing-button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.landing-kinds h2{text-wrap:balance;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-stretch:80%;font-weight:800;letter-spacing:-.01em;line-height:1;margin:0}.landing-kinds{grid-gap:clamp(40px,7vw,112px);align-items:start;box-sizing:border-box;display:grid;gap:clamp(40px,7vw,112px);grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin:0 auto;max-width:var(--content);padding:clamp(72px,10vw,136px) var(--gutter)}.kinds-aside{display:flex;flex-direction:column;gap:32px;position:sticky;top:40px}.kinds-photo{aspect-ratio:4/5;background:var(--bg-raised);overflow:hidden}.kinds-photo img{display:block;filter:contrast(1.05) brightness(.9);height:100%;object-fit:cover;object-position:50% 55%;width:100%}.kinds-list{list-style:none;margin:0;padding:0}.kinds-list li{grid-row-gap:14px;border-top:1px solid var(--line);display:grid;padding:clamp(28px,4vw,44px) 0;row-gap:14px}.kinds-list li:first-child{border-top:0;padding-top:0}.kinds-list h3{font-family:var(--font-display);font-size:clamp(2.75rem,6vw,4.75rem);font-stretch:75%;font-weight:850;letter-spacing:-.01em;line-height:.9;margin:0;text-transform:uppercase}.kinds-list p{text-wrap:pretty;color:var(--ink-2);font-size:17px;line-height:1.65;margin:0;max-width:48ch}.landing-sides{background:var(--bg-raised);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.side{align-items:flex-start;display:flex;flex-direction:column;gap:20px;padding:clamp(64px,9vw,120px) clamp(32px,5vw,72px)}.side-buy{border-right:1px solid var(--line);padding-left:var(--edge)}.side-sell{padding-right:var(--edge)}.side h2{font-family:var(--font-display);font-size:clamp(3rem,7vw,5.5rem);font-stretch:75%;font-weight:850;letter-spacing:-.015em;line-height:.9;margin:0 0 4px;text-transform:uppercase}.side-sell h2{color:var(--coral)}.side p{text-wrap:pretty;color:var(--ink-2);font-size:17px;line-height:1.65;margin:0;max-width:40ch}.side-link{align-items:center;background:none;border:0;box-sizing:border-box;color:var(--ink);cursor:pointer;display:inline-flex;font:inherit;font-size:16px;font-weight:700;margin-top:4px;min-height:44px;padding:4px 0;text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:2px;text-underline-offset:6px;transition:text-decoration-color .15s ease,color .15s ease}.side-buy .side-link:hover{text-decoration-color:var(--teal)}.side-sell .side-link:hover{text-decoration-color:var(--coral)}.side-link:focus-visible{border-radius:2px;outline:2px solid var(--teal);outline-offset:4px}.landing-cta{align-items:flex-end;background:var(--coral);color:var(--bg);display:flex;flex-wrap:wrap;gap:32px 48px;justify-content:space-between;padding:clamp(64px,9vw,120px) var(--edge)}.landing-cta h2{text-wrap:balance;flex:0 1 auto;font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-stretch:75%;font-weight:850;letter-spacing:-.015em;line-height:.9;margin:0;max-width:6em;text-transform:uppercase}.landing-cta-side{align-items:flex-start;display:flex;flex-direction:column;gap:20px;max-width:340px}.landing-cta-side p{font-size:17px;font-weight:500;line-height:1.55;margin:0}.landing-footer{align-items:center;color:var(--ink-2);display:flex;flex-wrap:wrap;font-size:14px;gap:12px 24px;justify-content:space-between;padding:24px var(--gutter)}.landing-footer-links{display:flex;flex-wrap:wrap;gap:0 20px}.landing-footer-links a{align-items:center;color:var(--ink-2);display:inline-flex;min-height:44px;text-decoration:none}.landing-footer-links a:hover{color:var(--ink)}@media (prefers-reduced-motion:no-preference){.landing-hero-media:after{animation:photo-uncover 1.1s var(--ease-out) both;background:var(--bg);content:"";inset:0;pointer-events:none;position:absolute;transform-origin:left center;z-index:1}.hero-listing{z-index:2}.landing-hero-media img{animation:photo-settle 1.4s var(--ease-out) both}.hero-line>span{animation:line-up .9s var(--ease-out) both}.hero-line:first-child>span{animation-delay:.08s}.hero-line:nth-child(2)>span{animation-delay:.16s}.hero-line:nth-child(3)>span{animation-delay:.24s}.landing-hero-actions,.landing-lede{animation:fade-up .8s var(--ease-out) .4s both}.landing-hero-actions{animation-delay:.5s}.hero-listing{animation:fade-up .8s var(--ease-out) .7s both}.hero-wave-played{animation:wave-play 9s linear 1.2s infinite}}@keyframes photo-uncover{0%{transform:scaleX(.45)}to{transform:scaleX(0)}}@keyframes photo-settle{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes line-up{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes wave-play{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media (max-width:1100px){.hero-listing{left:24px}}@media (max-width:900px){.landing-sides{grid-template-columns:1fr}.side-buy,.side-sell{padding-left:var(--gutter);padding-right:var(--gutter)}.side-buy{border-bottom:1px solid var(--line);border-right:0}.landing-hero{grid-template-columns:1fr;min-height:0}.landing-hero-copy{padding:48px var(--gutter) 40px}.landing-hero-media{aspect-ratio:3/4;max-height:720px;width:100%}.hero-listing{bottom:var(--gutter);left:var(--gutter);width:min(340px,calc(100% - var(--gutter)*2))}.landing-kinds{grid-template-columns:1fr}.kinds-aside{position:static}.kinds-photo{aspect-ratio:3/2}}@media (max-width:640px){.landing-nav-browse{display:none}.landing-nav-link{padding:10px}.landing-lede{font-size:17px}.landing-cta .btn-large,.landing-hero-actions .btn-large{width:100%}.landing-cta-side{max-width:none;width:100%}}@media (max-width:479px){.landing-wordmark{display:none}.landing-logo-mark{height:1.1rem}}.login-container{align-items:center;background:var(--background-dark);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1rem;position:relative}.login-form{animation:auth-rise .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 auth-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-form h1,.login-form h2{color:var(--text-primary);font-family:var(--font-display);font-size:1.8rem;font-stretch:85%;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:.95rem;margin-bottom:.5rem}.form-group input{background:#ffffff0d;background:var(--surface-color,#ffffff0d);border:2px solid var(--line-strong);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(--teal);outline:2px solid var(--teal);outline-offset:2px}.form-group input:hover{border-color:var(--line-strong)}.form-group input.error,.form-group input.error:focus{border-color:var(--danger-text)}.form-group input.error:focus{outline-color:var(--danger-text)}.form-group input[type=checkbox]:focus{outline:revert;outline-offset:revert}.field-error{color:var(--danger-text);font-size:.8rem;font-weight:500;margin-top:.25rem}.field-optional{color:var(--ink-2);color:var(--text-secondary,var(--ink-2));font-size:.85em;font-weight:400}.password-input-container{position:relative}.password-toggle{background:none;border:none;border-radius:6px;color:var(--ink-2);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:hover{background:var(--action-hover)}.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:var(--ink-2);font-size:.9rem;margin-top:2rem;text-align:center}.link-button{align-items:center;background:none;border:none;border-radius:6px;box-sizing:border-box;color:var(--primary-color);cursor:pointer;display:inline-flex;font:inherit;font-weight:600;min-height:44px;padding:.5rem;transition:opacity .2s ease}.link-button:hover{opacity:.75}.link-button:disabled{cursor:default;opacity:.75}.link-button.link-button-inline{display:inline;min-height:0;padding:0;text-decoration:underline;text-underline-offset:2px}.submit-button.submit-button-secondary{background:#0000;border:1px solid var(--line-strong)}.submit-button.submit-button-secondary:hover{background:var(--surface-hover)}.auth-resend-form{text-align:left;width:100%}.auth-resend-row{margin:-.75rem 0 1.25rem;text-align:center}.error-message{animation:auth-shake .5s ease-in-out;background:#e53e3e1a;border:1px solid var(--danger-text);border-radius:10px;color:var(--danger-text);font-weight:500;margin-bottom:1.5rem;padding:1rem 1.2rem}@keyframes auth-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (prefers-reduced-motion:reduce){.error-message,.login-form{animation:none}}.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:var(--ink-2);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-legal-hint{margin:-1.1rem 0 1.5rem}.auth-back-link{align-items:center;color:var(--ink-2);color:var(--text-secondary,var(--ink-2));display:inline-flex;font-size:.85rem;gap:.4rem;margin:-1.75rem 0 .75rem;min-height:44px;text-decoration:none;transition:color .2s ease}.auth-back-link:focus-visible,.auth-back-link:hover{color:#fff}.auth-intro{color:var(--ink-2);font-size:.95rem;line-height:1.5;margin:-1rem 0 1.75rem;text-align:center}.auth-muted{color:var(--ink-2)!important;color:var(--text-secondary,var(--ink-2))!important;font-size:.85rem!important}.auth-checkbox a,.auth-muted a{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}.field-hint{color:var(--ink-2);color:var(--text-secondary,var(--ink-2));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:-1.25rem 0 .5rem}.auth-forgot-row .link-button{font-size:.85rem;padding:.5rem 0}.auth-terms{margin-bottom:1.25rem}.form-group .auth-checkbox{align-items:flex-start;color:var(--ink-2);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:var(--success)}.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:var(--warning)}.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:24px;text-align:left}.page-header h1{color:var(--ink);font-family:var(--font-display);font-size:32px;font-stretch:85%;font-weight:800;line-height:1.1;margin:0 0 6px}.page-header p{color:var(--ink-2);font-size:16px;line-height:1.45;margin:0}.page-header:has(+.pay-wrap){margin-left:auto;margin-right:auto;max-width:800px;width:100%}.page-header:has(+.pay-wrap.narrow){max-width:700px}.legal-page .page-header{margin-left:auto;margin-right:auto;max-width:800px;width:100%}.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}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.cta-button-secondary,.cta-button.cta-upload:hover{background:#0000;border-color:var(--primary-color);color:var(--primary-color)}.cta-button.cta-button-secondary:hover{background:#78ced61a;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)}.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}.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:var(--danger-text);color:var(--danger-text)}.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: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(--action-danger);color:#fff}.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.cta-button-danger{background:#0000;border:1px solid var(--secondary-color,var(--coral));color:var(--coral);color:var(--secondary-color,var(--coral));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);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;line-height:1.3;margin:0 0 .5rem;min-height:2.6em}.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:var(--success)}.stat-card-value.pending{color:var(--warning)}.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:var(--success)}.status-badge.processing{background:#fb923c26;border:1px solid #fb923c4d;color:var(--warning)}.status-badge.held{background:#ff6b6b26;border:1px solid #ff6b6b4d;color:var(--danger-text)}.status-badge.unlisted{background:#94a3b826;border:1px solid #94a3b859;color:#cbd5e1;color:var(--text-secondary,#cbd5e1)}.warning-banner{background:#f59e0b1a;border:1px solid var(--warning);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:var(--warning);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:var(--warning);font-size:1rem;font-weight:600;margin:0 0 .5rem}.warning-banner-text{color:var(--warning);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}.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{color:var(--text-primary);font-family:var(--font-display);font-stretch:85%}.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)}.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-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}.purchase-license{border-top:1px solid var(--line);margin-top:.75rem}.purchase-license summary{align-items:center;color:var(--ink-2);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;list-style:none;min-height:44px;transition:color .15s;width:fit-content}.purchase-license summary::-webkit-details-marker{display:none}.purchase-license summary:after{border-bottom:2px solid;border-right:2px solid;content:"";height:6px;margin-left:2px;transform:translateY(-2px) rotate(45deg);width:6px}.purchase-license[open]>summary:after{transform:translateY(1px) rotate(-135deg)}.purchase-license summary:hover{color:var(--ink)}.purchase-license summary:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--teal);outline-offset:2px}.purchase-license-lines{font-size:13px;margin:0 0 .5rem}.purchase-license-lines div{color:var(--ink-2);display:flex;gap:16px;justify-content:space-between;padding:3px 0}.purchase-license-lines dd{color:var(--ink);margin:0;overflow-wrap:anywhere;text-align:right}.purchase-license-heading{color:var(--ink);font-size:13px;font-weight:600;margin:.75rem 0 .25rem}.purchase-license-text{color:var(--ink-2);font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere;white-space:pre-line}.purchase-license-meta{color:var(--ink-3);font-size:12px;line-height:1.5;margin:.5rem 0 .25rem}.purchase-license-meta a{color:var(--teal);text-decoration:underline}.refund-issue-notice{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--warning);border-radius:var(--radius);margin:0 0 24px;padding:16px 20px}.refund-issue-notice h2{color:var(--ink);font-size:16px;font-weight:700;margin:0 0 8px}.refund-issue-notice ul{color:var(--ink);font-size:14px;margin:0 0 8px;padding-left:1.2rem}.refund-issue-notice p{color:var(--ink-2);font-size:14px;line-height:1.5;margin:0}.refund-issue-notice a{color:var(--teal);text-decoration:underline}.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)}.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}.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}.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;margin:0 0 .4rem}.sidebar-analytics-card .analytics-value{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.sidebar-analytics-card .analytics-value.green{color:var(--success)}.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:var(--teal);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:15px}.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-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;grid-template-columns:1fr}.item-cover{aspect-ratio:1/1;border-radius:8px;height:64px;width:64px}.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}.sell-summary{align-items:flex-end;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;padding:0 0 20px}.sell-figure dt,.sell-net-label{color:var(--ink-2);font-size:14px;font-weight:600;margin:0}.sell-net-value{font-feature-settings:"tnum";color:var(--ink);font-family:var(--font-display);font-size:36px;font-stretch:85%;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1;margin:4px 0 2px}.sell-net-period{color:var(--ink-3);font-size:13px;margin:0}.sell-figures{display:flex;gap:40px;margin:0}.sell-figure dd{font-feature-settings:"tnum";color:var(--ink);font-family:var(--font-display);font-size:24px;font-stretch:85%;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.15;margin:4px 0 0}.sell-figure dd.sell-figure-note{color:var(--ink-3);font-family:inherit;font-size:12px;font-stretch:normal;font-weight:400;margin-top:2px}.sell-breakdown{border-bottom:1px solid var(--line);margin:0 0 24px}.sell-breakdown summary,.sell-sale-details summary{align-items:center;color:var(--teal);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;list-style:none;min-height:44px;width:fit-content}.sell-breakdown summary::-webkit-details-marker,.sell-sale-details summary::-webkit-details-marker{display:none}.sell-breakdown summary:after,.sell-sale-details summary:after{border-bottom:2px solid;border-right:2px solid;content:"";height:6px;margin-left:2px;transform:translateY(-2px) rotate(45deg);width:6px}.sell-breakdown[open]>summary:after,.sell-sale-details[open]>summary:after{transform:translateY(1px) rotate(-135deg)}.sell-breakdown summary:focus-visible,.sell-sale-details summary:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--teal);outline-offset:2px}.sell-breakdown-list{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:4px 0 16px}.sell-breakdown-list dt{color:var(--ink-2);font-size:13px}.sell-breakdown-list dd{font-feature-settings:"tnum";color:var(--ink);font-size:18px;font-variant-numeric:tabular-nums;font-weight:600;margin:2px 0 0}.sell-breakdown-list dd.sell-breakdown-note{color:var(--ink-3);font-size:12px;font-weight:400}.sell-breakdown-foot{color:var(--ink-3);font-size:13px;line-height:1.5;margin:0 0 20px;max-width:68ch}.selling-payout-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;margin:0 0 32px}.selling-payout-bar p{color:var(--ink-2);flex:1 1 260px;font-size:14px;line-height:1.5;margin:0;max-width:68ch}.sell-summary+.selling-payout-bar{margin-top:20px}.sell-rows{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0 0 32px;padding:0}.sell-row{grid-gap:4px 16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:4px 16px;grid-template-columns:56px minmax(0,1fr) auto;padding:12px}.sell-row-cover{background:var(--line);border-radius:var(--radius-sm);height:56px;object-fit:cover;width:56px}.sell-row-main{min-width:0}.sell-row-title{color:var(--ink);font-size:16px;font-weight:600;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sell-row-meta{color:var(--ink-2);font-size:13px;margin:0}.sell-row-price{font-feature-settings:"tnum";color:var(--coral);font-size:17px;font-variant-numeric:tabular-nums;font-weight:700;margin:0}.sell-sale{grid-template-columns:56px minmax(0,1fr) auto auto}.sell-sale-amounts{display:flex;gap:20px;margin:0;text-align:right}.sell-sale-amounts dt{color:var(--ink-3);font-size:12px}.sell-sale-amounts dd{font-feature-settings:"tnum";color:var(--ink-2);font-size:15px;font-variant-numeric:tabular-nums;margin:0}.sell-sale-amounts dd.sell-sale-net{color:var(--ink);font-weight:700}.sell-sale.is-reversed .sell-sale-net{color:var(--ink-3)}.sell-sale-status{align-items:flex-end;display:flex;flex-direction:column;gap:4px;min-width:140px}.sell-sale-setup{color:var(--teal);font-size:13px;text-decoration:underline}.sell-sale-hold{color:var(--ink-2);font-size:13px;text-align:right}.sell-sale-details{grid-column:2/-1}.sell-sale-details summary{color:var(--ink-2);font-size:13px;min-height:32px}.sell-sale-details summary:hover{color:var(--ink)}.sell-sale-lines{font-size:13px;margin:0 0 4px;max-width:360px}.sell-sale-lines div{color:var(--ink-2);display:flex;gap:16px;justify-content:space-between;padding:3px 0}.sell-sale-lines dd{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:0}.sell-sale-lines .is-deduction{color:var(--danger-text)}.sell-sale-lines .is-total{border-top:1px solid var(--line);color:var(--ink);font-weight:600;margin-top:4px;padding-top:6px}.sell-foot{align-items:center;display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;margin:-8px 0 16px}.sell-foot p{color:var(--ink-3);font-size:13px;margin:0}.sell-foot-actions{display:flex;flex-wrap:wrap;gap:12px}@media (max-width:768px){.sell-summary{display:block}.sell-figures{border-top:1px solid var(--line);gap:0;margin-top:16px;padding-top:12px}.sell-figure{flex:1 1}.sell-figure+.sell-figure{border-left:1px solid var(--line);padding-left:16px}.sell-row,.sell-sale{gap:6px 12px;grid-template-columns:48px minmax(0,1fr) auto}.sell-row-cover{height:48px;width:48px}.sell-row-title{font-size:15px}.sell-sale .sell-row-main{grid-column:2/-1}.sell-sale-amounts{grid-column:2;text-align:left}.sell-sale-status{align-self:end;grid-column:3;min-width:0}.sell-sale-details{grid-column:1/-1}.sell-foot{margin-top: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:var(--bg-raised);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)}.message-button-profile{background:#ffffff0d;border:1px solid var(--border-color);color:#fff}.message-button-profile:hover{background:#ffffff26;border-color:#fff}.user-details{color:#fff}.user-details .user-name{color:var(--ink);font-family:var(--font-display);font-size:36px;font-stretch:85%;font-weight:800;line-height:1.05;margin:0 0 4px}.username{color:var(--primary-color);font-size:18px;font-weight:600;margin:0 0 16px}.user-bio{color:var(--ink-2);font-size:16px;line-height:1.5;margin:0 0 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(--teal-soft);border-radius:12px;color:var(--teal);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(--ink-2);font-size:14px;font-weight:500}.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(--ink-2);font-size:14px;font-weight:500}.profile-nav-wrapper{margin:0 20px 20px;position:relative}.profile-nav{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--line);display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.profile-nav::-webkit-scrollbar{display:none}.nav-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;flex:none;font-family:inherit;font-size:.9rem;font-weight:600;line-height:1.2;margin-bottom:-1px;padding:12px 20px;text-align:center;text-decoration:none;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.nav-tab.active{border-bottom-color:var(--teal)}.nav-tab.active,.nav-tab:hover:not(.active){color:var(--ink)}.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}.profile-tracks-grid,.upload-new-button:hover{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:40px;max-width:848px}@media (max-width:1024px){.profile-tracks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.profile-tracks-grid{grid-template-columns:minmax(0,1fr)}}.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}.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}.profile-page .error-state h1{color:var(--ink);font-family:var(--font-display);font-size:28px;font-stretch:85%;font-weight:800;margin:0 0 12px}.profile-page .error-state p{max-width:44ch}.error-state-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center}.profile-page .error-state button{min-height:44px}.error-state-link{align-items:center;color:var(--teal);display:inline-flex;font-weight:600;min-height:44px;text-decoration:underline;text-underline-offset:3px}.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;outline:none;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 #78ced61a;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}.cancel-button:disabled,.save-button:disabled{cursor:not-allowed;opacity:.6}@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-details .user-name{font-size:28px;text-align:center}.username{text-align:center}.user-stats-inline{gap:20px;justify-content:center}.profile-page .user-bio{text-align:center}.profile-page .user-meta,.user-genres{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}.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;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}.feature-price-amount{color:var(--coral);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;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .3s ease}.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:var(--warning);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)}.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:var(--warning)}.status-accepted{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.status-in_progress{background:#2196f31a;border:1px solid #2196f34d;color:#2196f3}.status-completed{background:#78ced61a;border:1px solid #78ced64d;color:var(--primary-color)}.status-cancelled,.status-rejected{background:#f443361a;border:1px solid #f443364d;color:var(--danger-text)}.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}.request-price .price-amount{color:var(--coral);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;margin-bottom:8px}.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;margin-bottom:8px}.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}.reject-request-button{background:var(--border-color);color:var(--text-secondary)}.reject-request-button:hover{background:var(--surface-color);border:1px solid var(--danger-text);color:var(--danger-text)}.upload-response-button{background:var(--btn-accent-bg);color:#fff}@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)}.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:var(--coral);color:var(--coral)}.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:var(--bg-raised)}.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:var(--ink-2);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;min-height:44px;padding:4px 8px;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}}.profile-image-notice{color:var(--ink-3);font-size:.8rem;line-height:1.45;margin:.6rem 0 0}.profile-image-notice a{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}.form-hint{color:var(--text-secondary);display:block;font-size:12px;line-height:1.4;margin:4px 0 0}p.form-hint{margin:0 0 .5rem}.upload-page{margin:0 auto;max-width:760px;padding:32px 24px 64px}.upload-container{background:none}.upload-header{margin-bottom:24px}.upload-header h1{color:var(--text-primary);font-family:var(--font-display);font-size:36px;font-stretch:85%;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:24px}.upload-section{border-bottom:1px solid var(--line);padding-bottom:24px}.upload-section:last-of-type{border-bottom:none;padding-bottom:0}.upload-section h3,.upload-section-title{color:var(--ink);font-size:18px;font-weight:700;margin:0 0 16px;padding:0}.label-optional{color:var(--ink-3);font-weight:400}.upload-credits summary{align-items:baseline;cursor:pointer;display:flex;flex-wrap:wrap;gap:4px 12px;list-style:none}.upload-credits summary::-webkit-details-marker{display:none}.upload-credits summary:before{color:var(--teal);content:"+";font-weight:700;width:1ch}.upload-credits[open] summary:before{content:"\2212"}.upload-credits summary .upload-section-title{margin:0}.upload-credits summary:focus-visible{border-radius:4px;outline:2px solid var(--teal);outline-offset:4px}.upload-credits[open] summary{margin-bottom:16px}.file-uploads{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.file-upload-item{display:flex;flex-direction:column;gap:8px;min-width:0;position:relative}.file-upload-heading{color:var(--ink);font-size:14px;font-weight:600}.file-upload-required{color:var(--ink-3);font-weight:400}.file-upload-label{cursor:pointer;display:flex;flex:1 1}.file-upload-area{align-items:center;background:var(--surface);border:2px dashed var(--line-strong);border-radius:var(--radius);box-sizing:border-box;display:flex;flex:1 1;gap:14px;min-height:120px;min-width:0;padding:16px 20px;transition:border-color .15s ease,background-color .15s ease}.file-upload-area.is-dragging,.file-upload-area:hover{background:var(--surface-hover);border-color:var(--teal)}.file-upload-area.has-file{border-color:var(--line-strong);border-style:solid}.file-upload-area>svg,.file-upload-thumb{color:var(--teal);flex:none}.file-upload-thumb{align-items:center;background:var(--bg);border-radius:var(--radius-sm);display:flex;height:56px;justify-content:center;object-fit:cover;width:56px}.file-upload-text{display:flex;flex-direction:column;gap:4px;min-width:0}.file-upload-action{color:var(--ink);font-size:15px;font-weight:600;overflow-wrap:anywhere}.file-upload-hint{color:var(--ink-2);font-size:13px;line-height:1.4}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px;min-width:0}.upload-section>.form-group+.form-grid,.upload-section>.form-group+.form-group{margin-top:20px}.form-group label{color:var(--ink-2);font-size:14px;font-weight:600}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-sizing:border-box;color:var(--ink);font-size:16px;font-weight:400;line-height:1.4;min-height:48px;outline:none;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.form-group select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23a8a8a8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.form-group select:invalid{color:var(--ink-3)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #78ced61a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--ink-3)}.form-group select option{background:var(--background-dark);color:#fff}.form-group textarea{min-height:100px;resize:vertical}.upload-actions{align-items:center;display:flex;gap:16px 24px;justify-content:flex-end}.upload-checklist{flex:1 1;min-width:0}.upload-checklist-title{color:var(--ink-2);font-size:13px;font-weight:600;margin:0 0 8px}.upload-checklist ul{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:0;padding:0}.upload-checklist li{align-items:center;color:var(--ink);display:inline-flex;font-size:14px;gap:6px}.upload-checklist li.done{color:var(--ink-3);text-decoration:line-through}.upload-checklist-mark{align-items:center;border:1.5px solid var(--ink-3);border-radius:50%;box-sizing:border-box;display:inline-flex;height:16px;justify-content:center;width:16px}.upload-checklist li.done .upload-checklist-mark{background:var(--teal);border-color:var(--teal);color:var(--bg)}.cancel-button{background:none;border:2px solid var(--line-strong);border-radius:8px;color:var(--ink-3);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(--action-brand);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;flex:none;font-size:17px;font-weight:700;min-height:52px;padding:14px 32px;transition:background-color .15s ease;width:240px}.upload-submit-button:hover:not(:disabled){background:var(--action-brand-hover)}.upload-submit-button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.upload-submit-button:disabled{background:var(--surface-hover);color:var(--ink-3);cursor:not-allowed}.snippet-selector-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:16px;padding:20px}.snippet-selector-section .form-label{color:var(--ink);font-size:14px;font-weight:600;margin:0 0 4px}.snippet-selector-section .form-helper-text{color:var(--ink-2);font-size:13px;margin:0}.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%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:54px;justify-content:center;transition:transform .2s;width:54px}.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;overflow:hidden;text-align:center;text-overflow:ellipsis;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(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;min-height:48px;padding:5px 14px;transition:border-color .15s ease,box-shadow .15s ease}.hashtag-input-container:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #78ced61a}.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-height:0!important;min-width:120px;outline:none!important;padding:4px 0!important;width:auto!important}.hashtag-input-field::placeholder{color:var(--ink-3)}.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:var(--coral)}.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-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:var(--ink-2);display:flex;font-size:14px;gap:12px;justify-content:space-between;margin-bottom:8px}.upload-cancel-button{background:none;border:1px solid var(--line-strong);border-radius:6px;color:var(--ink-2);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:var(--teal);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(--teal);outline:2px solid var(--teal);outline-offset:2px}.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-header{margin-bottom:20px}.upload-header h1{font-size:28px;margin-bottom:4px}.upload-header p{font-size:15px}.file-uploads{grid-template-columns:1fr}.file-upload-area{padding:16px}.file-upload-cover .file-upload-area{border-style:solid;border-width:1px;min-height:0;padding:10px 12px}.file-upload-cover .file-upload-thumb{height:48px;width:48px}.form-grid{grid-template-columns:1fr}.upload-actions{align-items:stretch;flex-direction:column}.upload-submit-button{width:100%}.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}.upload-rights{margin:4px 0 20px}.pay-wrap{margin:0 auto;max-width:800px;width:100%}.pay-wrap.narrow{max-width:700px}.pay-card{background:var(--surface);background:var(--surface-color,var(--surface));border:1px solid var(--border-color,var(--line));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:var(--ink-2);color:var(--text-secondary,var(--ink-2));font-size:.9rem;margin:.25rem 0 0}.pay-icon{align-items:center;background:var(--teal-soft);border-radius:12px;color:#fff;color:var(--teal);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:var(--success)}.pay-icon.warning{background:#f59e0b26;color:var(--warning)}.pay-card h2.pay-title{color:#fff;font-size:1.6rem;margin:0 0 .6rem}.pay-lead{font-size:1rem;margin:0 0 1.5rem}.pay-lead,.pay-muted{color:var(--ink-2);line-height:1.6}.pay-muted{color:var(--text-secondary,var(--ink-2));font-size:.85rem;margin:1.25rem 0 0}.pay-panel{background:#ffffff08;border:1px solid var(--border-color,var(--line));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{line-height:1.6;margin:0}.pay-panel p,.pay-row{color:var(--ink-2);font-size:.95rem}.pay-row{color:var(--text-secondary,var(--ink-2));display:flex;gap:1rem;justify-content:space-between;padding:.5rem 0}.pay-row+.pay-row{border-top:1px solid var(--border-color,var(--line))}.pay-row strong{color:#fff;font-weight:600}.pay-row .ok{color:var(--success)}.pay-row .pending{color:var(--warning)}.pay-status{align-items:flex-start;border:1px 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:var(--success)}.pay-status.warning{background:#f59e0b14;border-color:var(--warning)}.pay-status.neutral{background:#ffffff0a;border-color:var(--text-secondary,var(--line-strong))}.pay-status.error{background:#ff6b6b14;border-color:var(--secondary-color,var(--coral))}.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:var(--ink-2);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:var(--ink);display:flex;font-size:.95rem;gap:.75rem;padding:.7rem .9rem}.pay-list li svg{color:var(--primary-color);flex-shrink:0}.pay-due{color:var(--ink);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-secondary{align-items:center;background:#0000;border:1px solid var(--border-color,var(--line-strong));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%}.settings-col{margin:0;max-width:680px;width:100%}.settings-section{border-top:1px solid var(--line);padding:32px 0}.settings-section:first-child{border-top:none;padding-top:0}.settings-heading{color:var(--ink);font-size:20px;font-weight:700;margin:0 0 16px}.settings-row{display:flex;flex-wrap:wrap;font-size:15px;gap:4px 24px;margin:0 0 16px}.settings-row dt{color:var(--ink-2);flex:0 0 96px}.settings-row dd{color:var(--ink);font-weight:600;margin:0;min-width:0;overflow-wrap:anywhere}.settings-row dd.settings-ok{color:var(--success)}.settings-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px 20px}.settings-section .payout-callout{margin:0}.settings-actions-tight{margin-top:12px}.settings-note{color:var(--ink-2);font-size:14px;line-height:1.6;margin:16px 0 0}.settings-note-top{margin:0 0 16px}.settings-danger-btn{background:#0000;border:1px solid var(--action-danger);border-radius:var(--radius);color:var(--danger-text);cursor:pointer;font:inherit;font-size:14px;font-weight:600;min-height:40px;padding:0 16px;transition:background-color .15s ease,color .15s ease}.settings-danger-btn:hover{background:var(--action-danger);color:#fff}.settings-danger-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (max-width:600px){.settings-row dt{flex-basis:100%}.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(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid;grid-template-columns:260px minmax(0,1fr);height:100%;overflow:hidden}.conversations-list{background:var(--bg-raised);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.list-header{align-items:center;border-bottom:1px solid var(--line);box-sizing:border-box;display:flex;flex-shrink:0;height:56px;justify-content:space-between;padding:0 16px}.list-header h1{color:var(--ink);font-family:var(--font-display);font-size:22px;font-stretch:85%;font-weight:800;margin:0}.conversations{flex:1 1;overflow-y:auto}.conversation-item{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;min-height:72px;padding:12px 16px;transition:background-color .15s ease}.conversation-item:hover{background:var(--surface)}.conversation-item.active{background:var(--surface-hover);box-shadow:inset 3px 0 0 var(--teal)}.convo-details{flex:1 1}.convo-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:2px}.convo-name{color:var(--ink);font-size:15px;font-weight:600}.convo-time{font-feature-settings:"tnum";color:var(--ink-2);font-size:12px;font-variant-numeric:tabular-nums}.convo-last-message{align-items:center;display:flex;justify-content:space-between}.unread-count{background:var(--action-brand);border-radius:999px;color:#fff;font-size:12px;font-weight:700;padding:2px 6px}.chat-window{background:var(--bg);display:flex;flex-direction:column}.chat-header{border-bottom:1px solid var(--line);box-sizing:border-box;flex-shrink:0;height:56px;justify-content:space-between;padding:0 12px 0 16px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:12px}.chat-header h3{color:var(--ink);font-size:16px;font-weight:700;margin:0}.chat-actions-button{background:none;border:none;color:var(--ink-2);cursor:pointer}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:20px 24px}.date-separator{display:flex;justify-content:center;margin:16px 0 8px}.date-separator:first-child{margin-top:0}.date-label{background:var(--bg-raised);border-radius:999px;color:var(--ink-2);font-size:12px;font-weight:600;padding:2px 10px}.message-item{display:flex}.message-item.sent{justify-content:flex-end}.message-bubble{border-radius:16px;color:var(--ink);max-width:min(70%,560px);padding:10px 14px 8px}.message-item.sent .message-bubble{background:var(--teal-soft);border-bottom-right-radius:4px}.message-item.received .message-bubble{background:var(--surface);border-bottom-left-radius:4px}.message-text{font-size:15px;line-height:22px;margin:0 0 2px}.message-time{font-feature-settings:"tnum";color:var(--ink-2);display:block;font-size:12px;font-variant-numeric:tabular-nums;line-height:16px;text-align:right}.chat-input-area{background:var(--bg);border-top:1px solid var(--line);display:flex;flex-shrink:0;gap:12px;padding:16px}.chat-input{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);box-sizing:border-box;color:var(--ink);flex:1 1;font-family:inherit;font-size:16px;min-height:44px;padding:10px 16px;transition:border-color .15s ease}.chat-input::placeholder{color:var(--ink-3)}.chat-input:focus{border-color:var(--teal)}.send-button{background:var(--action);border:none;border-radius:var(--radius);color:#fff;cursor:pointer;flex:none;font-family:inherit;font-size:15px;font-weight:600;min-height:44px;min-width:44px;padding:0 20px;transition:background-color .15s ease}.send-button:hover:not(:disabled){background:var(--action-hover)}.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(--line);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:var(--ink-2);flex:1 1;font-size:14px;line-height:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.has-unread .convo-name,.conversation-item.has-unread .convo-preview{color:var(--ink);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:var(--ink);cursor:pointer;display:none;flex-shrink:0;height:44px;justify-content:center;margin-left:-8px;padding:0;width:44px}.chat-back-button:hover{background:var(--surface)}.message-bubble{overflow-wrap:anywhere}.chat-form{display:flex;gap:10px;width:100%}.chat-form,.chat-input{min-width:0}.send-button:disabled{background:var(--surface-hover);color:var(--ink-3);cursor:not-allowed}.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(--teal);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:0 8px 0 12px}.chat-messages{padding:16px 12px}.message-bubble{max-width:85%}.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:44px;justify-content:center;width:44px}.chat-header-menu .chat-actions-button:hover,.chat-header-menu .chat-actions-button[aria-expanded=true]{background:var(--surface);color:var(--ink)}.chat-menu{background:var(--surface-color);border:1px solid var(--line-strong);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:var(--ink);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:1200px;padding:20px}.users-header{margin-bottom:24px}.page-title{color:var(--ink);font-family:var(--font-display);font-size:32px;font-stretch:85%;font-weight:800;line-height:1.1;margin:0 0 6px}.page-subtitle{color:var(--ink-2);font-size:16px;line-height:1.45;margin:0}.search-box{align-items:center;background:var(--surface-color);border:2px solid var(--border-color);border-radius:12px;display:flex;margin:20px 0 0;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 #78ced61a}.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-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));margin-bottom:40px}.user-card{grid-gap:14px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);display:grid;gap:14px;grid-template-columns:56px minmax(0,1fr);padding:16px;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.user-card:hover{background:var(--surface-hover);border-color:var(--line-strong)}.user-card .user-card-avatar{font-size:20px;height:56px;width:56px}.user-card .user-card-body{min-width:0}.user-card .user-name{color:var(--ink);font-size:16px;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card .user-username{color:var(--teal);font-size:14px;margin:2px 0 0}.user-card .user-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--ink-2);display:-webkit-box;font-size:14px;line-height:1.45;margin:8px 0 0;overflow:hidden;overflow-wrap:anywhere}.user-card .user-meta{color:var(--ink-3);font-size:13px;margin:8px 0 0}.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}.no-results{color:var(--text-secondary);padding:60px 20px;text-align:center}.no-results h2,.no-results h3{color:#fff;font-size:24px;margin-bottom:12px}.no-results-link{align-items:center;color:var(--teal);display:inline-flex;font-weight:600;min-height:44px;text-decoration:underline;text-underline-offset:3px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.users-grid{gap:16px;grid-template-columns:1fr}.page-title{font-size:28px}.page-subtitle{font-size:15px}.search-box{margin-top:16px}}.user-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}@media (max-width:768px){.users-grid{grid-template-columns:1fr}.users-page{padding:16px}}.users-notice{color:var(--text-secondary);font-size:14px;margin:0 0 24px;max-width:600px}.users-notice.error{color:var(--coral);color:var(--error-color,var(--coral));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{color:var(--secondary-color);font-family:var(--font-display);font-size:clamp(4rem,14vw,7rem);font-stretch:85%;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:var(--ink-2);color:var(--text-secondary,var(--ink-2));line-height:1.6;margin:0 0 2rem;max-width:420px;overflow-wrap:anywhere}.not-found-text code{background:#ffffff0f;border-radius:6px;color:var(--ink-2);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 var(--border-color,var(--line));color:#fff}.not-found-primary:focus-visible,.not-found-primary:hover,.not-found-secondary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.public-not-found{background:var(--background-dark);display:flex;min-height:100vh}.cm-btn,.public-not-found{align-items:center;justify-content:center}.cm-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:600;gap:6px;line-height:1;min-height:40px;padding:0 18px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.cm-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.cm-btn:disabled{cursor:not-allowed;opacity:.55}.cm-btn-primary{background:var(--action);color:#fff}.cm-btn-primary:hover:not(:disabled){background:var(--action-hover);color:#fff}.cm-btn-brand{background:var(--action-brand);color:#fff}.cm-btn-brand:hover:not(:disabled){background:var(--action-brand-hover);color:#fff}.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(--line-strong);color:var(--ink)}.cm-btn-ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--ink-3)}.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:var(--action-danger);color:var(--danger-text)}.cm-btn-danger-ghost:hover:not(:disabled){background:var(--surface-hover)}.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:var(--warning)}.cm-badge-info{background:#78ced61f;border-color:#78ced64d;color:var(--primary-color)}.cm-badge-success{background:#5fd08a1f;border-color:#5fd08a4d;color:var(--success)}.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:var(--ink);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 var(--line-strong);border-radius:10px;color:var(--ink);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:var(--ink);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:var(--line-strong)}.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:var(--coral-soft);color:#fff;color:var(--coral);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}.cm-person-name{color:#fff;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.cm-sent{color:var(--ink-3);flex-shrink:0;font-size:13px}.cm-title-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between}.cm-card-title{color:var(--ink);font-size:18px;font-weight:700;line-height:1.3;margin:0;min-width:0;overflow-wrap:anywhere}.cm-status{color:var(--ink-2);font-size:14px;font-weight:600;margin:0}.cm-status-action{color:var(--teal)}.cm-status-warn{color:var(--warning)}.cm-card-closed .cm-status:not(.cm-status-warn){color:var(--ink-3)}.cm-meta{display:flex;flex-wrap:wrap;gap:12px 40px;margin:0}.cm-meta div{min-width:0}.cm-meta dt{color:var(--ink-2);font-size:14px;margin-bottom:2px}.cm-meta dd{font-feature-settings:"tnum";color:var(--ink);font-size:18px;font-variant-numeric:tabular-nums;font-weight:600;margin:0}.cm-meta dd.cm-meta-price{color:var(--coral);font-weight:700}.cm-meta dd.cm-meta-none,.cm-meta-sub{color:var(--ink-2);font-weight:400}.cm-meta-sub{font-size:14px}.cm-meta dd.cm-meta-urgent,.cm-meta-urgent .cm-meta-sub{color:var(--warning)}.cm-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:0}.cm-steps li{align-items:flex-start;color:var(--ink-3);display:flex;flex-direction:column;font-size:13px;gap:6px;position:relative}.cm-steps li:after{background:var(--line);content:"";height:2px;left:16px;position:absolute;right:6px;top:4px}.cm-steps li:last-child:after{display:none}.cm-step-dot{border:2px solid var(--line-strong);border-radius:50%;box-sizing:border-box;height:10px;width:10px}.cm-steps li.done{color:var(--ink-2)}.cm-steps li.done .cm-step-dot{background:var(--ink-2);border-color:var(--ink-2)}.cm-steps li.done:after{background:var(--ink-3)}.cm-steps li.current{color:var(--ink);font-weight:600}.cm-steps li.current .cm-step-dot{background:var(--teal);border-color:var(--teal)}.cm-brief p{color:var(--ink);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;margin-bottom:6px}.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:var(--ink);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:1px solid var(--line-strong);border-radius:0 10px 10px 0;color:var(--ink);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(--ink-2);flex:1 1 240px;font-size:14px;line-height:1.45;margin:0}.cm-card-foot .cm-btn{min-height:44px}.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-steps li{font-size:12px}.cm-meta{gap:12px 24px}.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:var(--surface-hover);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}.cm-evidence{gap:18px}.cm-evidence,.cm-evidence-section{display:flex;flex-direction:column}.cm-evidence-section{gap:6px}.cm-evidence-section h3{margin:0}.cm-evidence-section a{color:var(--teal);overflow-wrap:anywhere;text-decoration:underline}.cm-evidence-text{color:var(--ink);font-size:14px;line-height:1.5;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.cm-evidence-reports{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.cm-evidence-reports li{border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px}.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-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,var(--surface) 25%,var(--surface-hover) 37%,var(--surface) 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}}.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);border:1px solid var(--line);border-radius:var(--radius-lg);display:grid;gap:28px;grid-template-columns:minmax(0,340px) minmax(0,1fr);padding:24px}.track-page-cover{aspect-ratio:1/1;background:var(--surface-hover);border-radius:12px;overflow:hidden;position:relative}.track-page-cover img{display:block;height:100%;object-fit:cover;width:100%}.track-page-info{display:flex;flex-direction:column;gap:12px;min-width:0}.track-page-title{font-family:var(--font-display);font-size:clamp(28px,4.4vw,40px);font-stretch:80%;font-weight:800;line-height:1.15;margin:0;overflow-wrap:anywhere}.track-page-artist{color:var(--ink-2);font-size:17px;margin:-4px 0 4px}.track-page-artist a{color:var(--teal);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-player{max-width:520px}.track-page-buy{align-items:center;display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:4px}.track-page-price{font-feature-settings:"tnum";color:var(--coral);font-family:var(--font-display);font-size:32px;font-stretch:85%;font-variant-numeric:tabular-nums;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-edit,.track-page-primary,.track-page-secondary{border-radius:var(--radius);cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;min-height:44px;padding:0 20px;transition:background-color .15s ease,border-color .15s ease}.track-page-primary{background:var(--action-brand);border:none;color:#fff}.track-page-edit{background:var(--action);border:none;color:#fff}.track-page-edit:hover{background:var(--action-hover)}.track-page-secondary{background:#0000;border:1px solid var(--line-strong);color:var(--ink)}.track-page-secondary.is-active{border-color:var(--secondary-color);color:var(--danger-text)}.track-page-primary:hover:not(:disabled){background:var(--action-brand-hover)}.track-page-secondary:hover:not(:disabled){border-color:var(--ink-3)}.track-page-primary:disabled,.track-page-secondary:disabled{cursor:default;opacity:.6}.track-page a:focus-visible,.track-page-edit: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 .15s ease,border-color .15s 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}.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,var(--surface) 25%,var(--surface-hover) 37%,var(--surface) 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:64px}.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:#78ced64d;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}
/*# sourceMappingURL=main.a21d2942.css.map*/