:root{--color-bg:#070915;--color-surface:#10162a;--color-surface-2:#171f39;--color-border:#2a3761;--color-text:#eef3ff;--color-muted:#a8b4d8;--color-primary:#ff4fb8;--color-primary-hover:#ff67c4;--color-accent:#47c8ff;--color-danger:#ff6b8f;--color-warning:#ffcb66;--color-iridescent-cyan:#47c8ff;--color-iridescent-magenta:#ff4fb8;--color-iridescent-violet:#8a5fff;--color-iridescent-gold:#ffcb66;--font-display:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";--font-body:var(--font-display);--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--line-tight:1.15;--line-body:1.45;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--shadow-0:0 0 0 rgba(0,0,0,0);--shadow-1:0 6px 18px rgba(0,0,0,0.25);--shadow-2:0 10px 28px rgba(0,0,0,0.35);--shadow-3:0 14px 44px rgba(0,0,0,0.45);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.3,0,0.2,1);--dur-1:0.12s;--dur-2:0.18s;--dur-3:0.26s;--container-max:1100px;--container-pad-x:var(--space-5);--player-height:96px;--bg:var(--color-bg);--panel:var(--color-surface);--elev:var(--color-surface);--text:var(--color-text);--muted:var(--color-muted);--border:var(--color-border);--btn:var(--color-surface);--btn-hover:var(--color-primary-hover);--scrollbar-track:color-mix(in oklab,var(--color-surface) 80%,var(--color-bg) 20%);--scrollbar-thumb-start:color-mix(in oklab,var(--color-surface-2) 68%,var(--color-primary) 32%);--scrollbar-thumb-mid:color-mix(in oklab,var(--color-surface-2) 74%,var(--color-primary) 26%);--scrollbar-thumb-end:color-mix(in oklab,var(--color-surface-2) 62%,var(--color-primary) 38%)}*{box-sizing:border-box}#__next,body,html{height:100%;width:100%;max-width:100%}body,html{overflow-x:clip}body{margin:0;background:radial-gradient(80rem 44rem at 12% 18%,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 24%,transparent),transparent 62%),radial-gradient(68rem 40rem at 50% 8%,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 20%,transparent),transparent 58%),radial-gradient(66rem 40rem at 86% 20%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 16%,transparent),transparent 62%),radial-gradient(72rem 45rem at 54% 100%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 18%,transparent),transparent 66%),var(--color-bg);font:14px/var(--line-body) var(--font-body)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-mid) var(--scrollbar-track)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{border-radius:999px;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid var(--scrollbar-track);background:linear-gradient(180deg,var(--scrollbar-thumb-start) 0,var(--scrollbar-thumb-mid) 56%,var(--scrollbar-thumb-end) 100%)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in oklab,var(--scrollbar-thumb-start) 78%,white 22%) 0,color-mix(in oklab,var(--scrollbar-thumb-mid) 78%,white 22%) 56%,color-mix(in oklab,var(--scrollbar-thumb-end) 78%,white 22%) 100%)}::-webkit-scrollbar-corner{background:transparent}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.artist-link{color:var(--color-text);text-decoration:none;transition:color .12s var(--ease-out)}.artist-link:hover{color:#38bdf8!important;text-decoration:underline!important;text-underline-offset:2px}.qd-card{width:min(440px,100%);margin:0 auto}.qd-stack{display:grid;grid-gap:12px;gap:12px}.qd-cover{position:relative;border-radius:18px;border:1px solid color-mix(in oklab,var(--color-border) 55%,transparent);overflow:hidden;aspect-ratio:1/1;background:color-mix(in oklab,var(--color-surface) 70%,transparent)}.qd-cover-img{object-fit:cover;object-position:center center;display:block}.qd-cover-fallback,.qd-cover-img{position:absolute;inset:0;z-index:1;width:100%;height:100%}.qd-cover-fallback{background:linear-gradient(180deg,color-mix(in oklab,var(--color-surface-2) 75%,transparent),transparent)}.qd-cover-gradient{inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,transparent,color-mix(in oklab,var(--color-bg) 70%,transparent));z-index:2}.qd-cover-gradient,.qd-progress{position:absolute;pointer-events:none}.qd-progress{left:12px;right:12px;bottom:12px;height:10px;border-radius:999px;background:color-mix(in oklab,var(--color-border) 55%,transparent);overflow:hidden;z-index:3}.qd-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),color-mix(in oklab,var(--color-primary) 50%,white))}.qd-play{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid color-mix(in oklab,var(--color-border) 55%,transparent);background:color-mix(in oklab,var(--color-bg) 45%,transparent);color:var(--color-text);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);cursor:pointer;z-index:4}.qd-play:hover{background:color-mix(in oklab,var(--color-bg) 35%,transparent)}.qd-play-center{left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:999px;border-color:color-mix(in oklab,var(--color-text) 18%,var(--color-border) 82%);background:color-mix(in oklab,var(--color-bg) 8%,transparent);outline:1px solid color-mix(in oklab,white 18%,transparent);outline-offset:-1px;box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.08)}.qd-play-center:hover{background:color-mix(in oklab,var(--color-bg) 14%,transparent)}.qd-play-center .icon.md svg{width:34px;height:34px}@media (max-height:900px){.qd-card{width:min(400px,100%)}.qd-cover{max-height:min(42dvh,340px)}.qd-play-center{width:88px;height:88px}.qd-play-center .icon.md svg{width:30px;height:30px}}@media (max-height:760px){.qd-card{width:min(360px,100%)}.qd-cover{max-height:min(34dvh,280px)}.qd-stack{gap:10px}.qd-title{font-size:18px}.qd-action{height:46px}}.qd-info{display:grid;grid-gap:6px;gap:6px;padding:2px 2px 0}.qd-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.qd-title{font-weight:950;font-size:20px;letter-spacing:-.2px;line-height:1.15}.qd-autoplay{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid color-mix(in oklab,var(--color-border) 55%,transparent);background:color-mix(in oklab,var(--color-surface) 65%,transparent);color:var(--color-text);font-size:12px;font-weight:850;cursor:pointer;white-space:nowrap}.qd-autoplay:hover{background:color-mix(in oklab,var(--color-surface) 55%,var(--color-text) 12%)}.qd-switch{width:38px;height:20px;border-radius:999px;border:1px solid color-mix(in oklab,var(--color-border) 55%,transparent);background:color-mix(in oklab,var(--color-bg) 55%,transparent);display:inline-flex;align-items:center;padding:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:background var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out)}.qd-switch-knob{width:16px;height:16px;border-radius:999px;background:color-mix(in oklab,var(--color-text) 85%,transparent);box-shadow:0 10px 20px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1);transform:translateX(0);transition:transform var(--dur-2) var(--ease-out),background var(--dur-2) var(--ease-out)}.qd-autoplay[aria-checked=true] .qd-switch{background:color-mix(in oklab,var(--color-primary) 45%,var(--color-bg) 55%);border-color:color-mix(in oklab,var(--color-primary) 55%,transparent)}.qd-autoplay[aria-checked=true] .qd-switch-knob{transform:translateX(18px);background:#052019}.qd-sub{font-size:13px}.qd-meta,.qd-sub{color:var(--color-muted)}.qd-meta{font-size:12px}.qd-access-stack{display:grid;grid-gap:8px;gap:8px;margin-top:6px}.qd-access-note{font-size:12px;line-height:1.45;color:color-mix(in oklab,var(--color-muted) 82%,white 18%)}.qd-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:6px}.qd-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;border-radius:16px;border:1px solid color-mix(in oklab,var(--color-border) 60%,transparent);background:color-mix(in oklab,var(--color-surface) 65%,transparent);color:var(--color-text);cursor:pointer;font-weight:850;letter-spacing:-.1px}.qd-action:hover{background:color-mix(in oklab,var(--color-surface) 55%,var(--color-text) 15%);border-color:color-mix(in oklab,var(--color-border) 55%,var(--color-text) 20%)}.qd-action-next{border-color:color-mix(in oklab,var(--color-border) 55%,#ff6b6b 35%)}.qd-action-like{border-color:color-mix(in oklab,var(--color-border) 55%,var(--color-primary) 45%)}.qd-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:12px;padding:2px 2px 0}.qd-foot,.qd-skip{color:var(--color-muted)}.qd-skip{background:transparent;cursor:pointer;padding:6px 10px;border-radius:10px;border:1px solid transparent}.qd-skip:hover{color:var(--color-text);border-color:var(--color-border);background:color-mix(in oklab,var(--color-surface) 65%,transparent)}.qd-loading-surface{border-radius:14px}.qd-loading-line,.qd-loading-surface{background:linear-gradient(110deg,color-mix(in oklab,var(--color-surface) 86%,transparent) 20%,color-mix(in oklab,var(--color-text) 10%,var(--color-surface) 90%) 40%,color-mix(in oklab,var(--color-surface) 86%,transparent) 60%);background-size:220% 100%;animation:qdShimmer 1.05s linear infinite}.qd-loading-line{border-radius:999px}.qd-loading-title-line{width:68%;height:22px}.qd-loading-sub-line{width:88%;height:14px}.qd-loading-meta-line{width:62%;height:13px}.qd-loading-button{height:52px}@keyframes qdShimmer{0%{background-position:200% 0}to{background-position:-20% 0}}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad-x)}.stack>*+*{margin-top:var(--space-4)}.cluster{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.grid{display:grid;grid-gap:var(--space-5);gap:var(--space-5);grid-template-columns:repeat(12,minmax(0,1fr))}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-12{grid-column:1/-1}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.app-header{position:sticky;top:0;z-index:300;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);background:linear-gradient(90deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 8%,transparent) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 9%,transparent) 54%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 8%,transparent) 100%),color-mix(in oklab,var(--color-bg) 82%,transparent);border-bottom:1px solid color-mix(in oklab,var(--color-border) 75%,#7e8dcb 25%)}.app-header .container{display:flex;align-items:center;gap:var(--space-4);padding:10px var(--container-pad-x)}.app-header .nav{min-height:66px;display:flex;align-items:center;gap:var(--space-5)}.header-primary-nav{min-width:0;width:100%}.header-primary-links{display:inline-flex;align-items:center;gap:var(--space-5)}.header-account-nav{margin-left:auto;display:inline-flex;align-items:center;gap:10px;min-width:0}.header-account-nav a:not(.btn){color:var(--color-muted);text-decoration:none;padding:8px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap;flex-shrink:0}.header-account-nav a:not(.btn):hover{color:var(--color-text);border-color:var(--color-border);background:color-mix(in oklab,var(--color-surface) 85%,var(--color-text) 15%)}.header-mobile-toggle{display:none;justify-content:center;gap:6px;padding:8px 12px;border-radius:var(--radius-pill);border:1px solid color-mix(in oklab,var(--color-border) 70%,var(--color-text) 30%);background:color-mix(in oklab,var(--color-bg) 76%,var(--color-surface) 24%);cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)}.brand,.header-mobile-toggle{align-items:center;color:var(--color-text)}.brand{font-weight:800;text-decoration:none;display:inline-flex;gap:8px}.brand-mark{display:inline-block;width:10px;height:10px;border-radius:50%;background:linear-gradient(140deg,var(--color-primary),color-mix(in oklab,var(--color-primary) 40%,#6aa9ff))}.brand-logo{display:inline-block;height:52px;width:auto;max-width:min(170px,24vw);object-fit:contain;filter:drop-shadow(0 2px 10px color-mix(in oklab,var(--color-primary) 28%,transparent))}@media (max-width:760px){.brand-logo{height:46px;max-width:min(146px,34vw)}}.app-header .nav a:not(.btn){color:var(--color-muted);text-decoration:none;padding:8px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap;flex-shrink:0}.app-header .nav a:not(.btn):hover{color:var(--color-text);border-color:var(--color-border);background:color-mix(in oklab,var(--color-surface) 85%,var(--color-text) 15%)}.nav-menu-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;line-height:1;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;color:var(--color-muted);text-decoration:none;padding:8px 10px;border-radius:999px;border:1px solid transparent;background:transparent;cursor:pointer}.nav-menu-btn,.nav-menu-label{white-space:nowrap}.nav-menu-caret{display:inline-flex;align-items:center;line-height:1;transform:translateY(-1px)}.nav-menu-btn:hover{color:var(--color-text);border-color:var(--color-border);background:color-mix(in oklab,var(--color-surface) 85%,var(--color-text) 15%)}.nav-menu-btn:active{transform:translateY(1px)}.spacer{flex:1 1}@media (max-width:900px){.app-header .container{flex-wrap:nowrap;row-gap:6px;align-items:center}.header-primary-nav{position:relative;flex:1 1 auto;width:100%;min-width:0;min-height:0;display:flex;align-items:center;gap:8px}.header-mobile-toggle{display:inline-flex;margin-left:auto;order:2;flex:0 0 auto;width:44px;min-width:44px;height:44px;padding:0;border-radius:12px}.header-primary-links{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:8px;border:1px solid color-mix(in oklab,var(--color-border) 68%,transparent);border-radius:14px;background:color-mix(in oklab,var(--color-bg) 82%,var(--color-surface) 18%);box-shadow:0 14px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05);z-index:320}.header-primary-links.is-open{display:flex}.header-primary-links>a:not(.btn){display:flex;align-items:center;justify-content:flex-start;width:100%;padding:10px 12px;border-radius:10px}.header-primary-links>.menu{width:100%}.header-primary-links .menu-content{left:0;right:auto;width:100%;min-width:0;max-width:100%}.header-primary-links .menu:focus-within .menu-content,.header-primary-links .menu:hover .menu-content{opacity:0;transform:translateY(6px);visibility:hidden;pointer-events:none;transition:opacity .08s var(--ease-out),transform .08s var(--ease-out),visibility 0s linear .08s}.header-primary-links .menu.menu-open-mobile .menu-content{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity .12s var(--ease-out),transform .12s var(--ease-out),visibility 0s}.header-primary-links .nav-menu-btn{display:flex;width:100%;justify-content:space-between;padding:10px 12px;border-radius:10px}.header-account-nav{order:3;justify-content:flex-end;width:auto;min-height:0;margin-left:0;gap:8px}.header-account-nav .header-subscribe-btn{min-height:40px;padding:8px 10px}.header-account-nav .user-chip{min-height:36px;padding:4px 6px;gap:5px;border-radius:12px}.header-account-nav .user-chip-name{display:none}.header-account-nav .user-chip-caret{font-size:11px;line-height:1;opacity:.88}.header-account-nav .avatar{width:24px;height:24px}}.site-sticky-search{position:sticky;top:var(--app-header-h,78px);z-index:290;padding:10px 0;background:linear-gradient(90deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 6%,transparent) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 7%,transparent) 56%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 5%,transparent) 100%),color-mix(in oklab,var(--color-bg) 18%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid color-mix(in oklab,var(--color-border) 35%,transparent)}.site-search-input{width:100%;padding:10px 44px 10px 12px;border-radius:12px;border:1px solid color-mix(in oklab,var(--color-text) 60%,var(--color-border) 40%);background:color-mix(in oklab,var(--color-surface) 70%,transparent);color:var(--color-text);outline:none;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.site-search-input::-moz-placeholder{color:color-mix(in oklab,var(--color-text) 40%,var(--color-muted) 60%)}.site-search-input::placeholder{color:color-mix(in oklab,var(--color-text) 40%,var(--color-muted) 60%)}.site-search-input-wrap{position:relative}.site-search-clear-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in oklab,var(--color-border) 72%,var(--color-text) 28%);background:color-mix(in oklab,var(--color-bg) 74%,var(--color-surface) 26%);color:var(--color-muted);cursor:pointer}.site-search-clear-btn:focus-visible,.site-search-clear-btn:hover{color:var(--color-text);border-color:var(--color-border);background:color-mix(in oklab,var(--color-bg) 66%,var(--color-surface) 34%)}.avatar{width:32px;height:32px;border-radius:999px;display:inline-block;background:var(--color-surface-2);object-fit:cover}.user-chip{display:inline-flex;align-items:center;gap:8px;background:color-mix(in oklab,var(--color-bg) 76%,var(--color-surface) 24%);color:var(--color-text);border:1px solid color-mix(in oklab,var(--color-border) 70%,var(--color-text) 30%);border-radius:var(--radius-pill);padding:6px 10px;box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)}.user-chip-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip-caret{display:inline-flex;align-items:center;line-height:1;transform:translateY(-1px)}.menu{position:relative}.menu-btn{display:inline-flex;align-items:center;gap:8px;background:color-mix(in oklab,var(--color-bg) 76%,var(--color-surface) 24%);color:var(--color-text);border:1px solid color-mix(in oklab,var(--color-border) 70%,var(--color-text) 30%);border-radius:var(--radius-pill);padding:8px 12px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)}.menu-content{position:absolute;right:0;top:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px;box-shadow:var(--shadow-1);min-width:180px;z-index:60;opacity:0;transform:translateY(6px);visibility:hidden;pointer-events:none;transition:opacity .08s var(--ease-out),transform .08s var(--ease-out),visibility 0s linear .08s}.menu:hover .menu-content{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity .12s var(--ease-out),transform .12s var(--ease-out),visibility 0s}.menu:focus-within .menu-content{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity .12s var(--ease-out),transform .12s var(--ease-out),visibility 0s}.menu.menu-click:focus-within .menu-content,.menu.menu-click:hover .menu-content{opacity:0;transform:translateY(6px);visibility:hidden;pointer-events:none;transition:opacity .08s var(--ease-out),transform .08s var(--ease-out),visibility 0s linear .08s}.menu.menu-click.menu-open .menu-content{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity .12s var(--ease-out),transform .12s var(--ease-out),visibility 0s}html.menu-force-close .menu .menu-content{opacity:0!important;transform:translateY(6px)!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}.menu-item{display:block;padding:8px 10px;border-radius:8px;color:var(--color-text);text-decoration:none;border:1px solid transparent;background:transparent}.menu-item:hover{color:var(--color-text);border-color:var(--color-border);background:color-mix(in oklab,var(--color-surface) 85%,var(--color-text) 15%)}.menu-sep{height:1px;background:var(--color-border);margin:6px;opacity:.9}.menu-label{padding:6px 10px;font-size:11px;letter-spacing:.2px;text-transform:uppercase;color:var(--color-text);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu-item.menu-sub{display:flex;align-items:center;gap:10px}.menu-item.menu-sub:before{content:"•";color:var(--color-muted);width:12px;flex:0 0 12px;text-align:center}.menu-btn:hover,.user-chip:hover{color:var(--color-text);background:color-mix(in oklab,var(--color-bg) 70%,var(--color-surface) 30%)}.header-subscribe-btn{padding:10px 12px;white-space:nowrap;font-size:13px;line-height:1;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.2)}.header-subscribe-btn,.header-subscribe-btn:hover{color:#13091f!important}.header-subscribe-price{font-size:12px;opacity:1;color:#13091f}@media (max-width:640px){.header-subscribe-btn{padding:10px 11px;min-height:42px}.header-subscribe-price{display:none}}.header{position:sticky;top:0;z-index:300;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);background:color-mix(in oklab,var(--color-bg) 70%,transparent);border-bottom:1px solid var(--color-border)}.header-row{justify-content:space-between;padding:12px var(--container-pad-x)}.header .nav,.header-row{display:flex;align-items:center;gap:var(--space-4)}.header .nav{height:58px}.card{background:linear-gradient(150deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 10%,transparent) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 11%,transparent) 54%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 8%,transparent) 100%),linear-gradient(180deg,var(--color-surface),var(--color-surface-2));border:1px solid color-mix(in oklab,var(--color-border) 82%,#8b97d5 18%);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-1);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.tile{background:linear-gradient(155deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 7%,transparent) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 8%,transparent) 52%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 7%,transparent) 100%),var(--color-surface);border:1px solid color-mix(in oklab,var(--color-border) 84%,#8d9ad8 16%);border-radius:var(--radius-md);padding:var(--space-4);transition:background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.tile:hover{background:linear-gradient(155deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 10%,transparent) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 12%,transparent) 52%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 10%,transparent) 100%),var(--color-surface-2);border-color:color-mix(in oklab,var(--color-border) 62%,#b5c0f2 38%)}.tile-cover{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-surface-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:10px 14px;border-radius:var(--radius-pill);border:1px solid color-mix(in oklab,var(--color-border) 70%,var(--color-text) 30%);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.02)),linear-gradient(120deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 24%,var(--color-bg) 76%) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 20%,var(--color-bg) 80%) 54%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 22%,black 78%) 100%);color:var(--color-text);box-shadow:0 10px 26px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),background var(--dur-1),border-color var(--dur-1)}.btn,.btn:hover{text-decoration:none}.btn:hover{border-color:color-mix(in oklab,var(--color-border) 55%,var(--color-text) 45%);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.03)),linear-gradient(120deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 30%,var(--color-bg) 70%) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 26%,var(--color-bg) 74%) 54%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 28%,black 72%) 100%);box-shadow:0 12px 30px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.1)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[disabled]{cursor:default;box-shadow:none;color:color-mix(in oklab,var(--color-text) 56%,var(--color-muted) 44%);border-color:color-mix(in oklab,var(--color-border) 78%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),color-mix(in oklab,var(--color-surface) 88%,transparent)}.btn-primary,.btn.primary{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0)),linear-gradient(120deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 92%,white 8%) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 94%,white 6%) 56%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 90%,white 10%) 100%);border-color:color-mix(in oklab,var(--color-primary) 58%,#2a3761 42%);color:#13091f;font-weight:800;box-shadow:0 12px 32px rgba(0,0,0,.42),0 14px 34px color-mix(in oklab,var(--color-primary) 28%,transparent)}.btn-primary:hover,.btn.primary:hover{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),linear-gradient(120deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 96%,white 4%) 0,color-mix(in oklab,var(--color-primary-hover,var(--color-iridescent-magenta,var(--color-primary))) 94%,white 6%) 56%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 92%,white 8%) 100%)}.btn-primary:disabled,.btn.primary:disabled{box-shadow:none}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 10px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:color-mix(in oklab,var(--color-primary) 18%,transparent);color:var(--color-text);font-weight:600;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),background var(--dur-1),color var(--dur-1)}.btn:not(.header-subscribe-btn):not(.auth-oauth-btn):not(:disabled):focus-visible,.btn:not(.header-subscribe-btn):not(.auth-oauth-btn):not(:disabled):hover,.seg-pill .seg:not(:disabled):not([aria-pressed=true]):focus-visible,.seg-pill .seg:not(:disabled):not([aria-pressed=true]):hover,a.pill:focus-visible,a.pill:hover,button.pill:not(:disabled):focus-visible,button.pill:not(:disabled):hover{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),linear-gradient(120deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 96%,white 4%) 0,color-mix(in oklab,var(--color-primary-hover,var(--color-iridescent-magenta,var(--color-primary))) 94%,white 6%) 56%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 92%,white 8%) 100%)!important;border-color:color-mix(in oklab,var(--color-primary) 58%,#2a3761 42%)!important;color:#13091f!important;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:0 12px 32px rgba(0,0,0,.42),0 14px 34px color-mix(in oklab,var(--color-primary) 28%,transparent);filter:saturate(115%)}.btn:not(.header-subscribe-btn):not(.auth-oauth-btn):not(:disabled):focus-visible,.seg-pill .seg:not(:disabled):not([aria-pressed=true]):focus-visible,a.pill:focus-visible,button.pill:not(:disabled):focus-visible{outline:2px solid color-mix(in oklab,var(--color-primary) 52%,white 48%);outline-offset:2px}label{font-weight:600}.input,.select,label{color:var(--color-text)}.input,.select{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;outline:none;transition:border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.input::-moz-placeholder{color:color-mix(in oklab,var(--color-text) 40%,var(--color-muted) 60%)}.input::placeholder{color:color-mix(in oklab,var(--color-text) 40%,var(--color-muted) 60%)}.input:focus,.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 30%,transparent)}input[type=file]{color:var(--color-muted);font:inherit}input[type=file]:active::-webkit-file-upload-button,input[type=file]:active::file-selector-button{transform:translateY(1px)}[data-theme-tone=light] input[type=file]:hover::-webkit-file-upload-button,[data-theme-tone=light] input[type=file]:hover::file-selector-button{background:color-mix(in oklab,var(--color-surface) 65%,black)}.file-btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:10px 14px;min-height:40px;border-radius:var(--radius-pill);border:1px solid color-mix(in oklab,var(--color-border) 70%,var(--color-text) 30%);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),linear-gradient(180deg,color-mix(in oklab,var(--color-bg) 76%,var(--color-surface) 24%),color-mix(in oklab,var(--color-bg) 88%,black 12%));color:var(--color-text);cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);transition:background var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out);max-width:min(280px,100%)}.file-btn,.file-btn-label{white-space:nowrap;overflow:hidden}.file-btn-label{display:block;min-width:0;max-width:100%;text-overflow:ellipsis}.file-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),linear-gradient(180deg,color-mix(in oklab,var(--color-bg) 70%,var(--color-surface) 30%),color-mix(in oklab,var(--color-bg) 84%,black 16%));box-shadow:0 12px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1)}.file-btn:active{transform:translateY(1px)}[data-theme-tone=dark] .file-btn{background:color-mix(in oklab,var(--color-surface) 60%,white);color:#0b0b0f;border-color:color-mix(in oklab,var(--color-border) 60%,white)}[data-theme-tone=dark] .file-btn:hover{background:color-mix(in oklab,var(--color-surface) 45%,white)}[data-theme-tone=light] .file-btn{background:color-mix(in oklab,var(--color-surface) 80%,black);color:#ffffff;border-color:color-mix(in oklab,var(--color-border) 80%,black)}[data-theme-tone=light] .file-btn:hover{background:color-mix(in oklab,var(--color-surface) 65%,black)}.upload-files{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;align-items:stretch}.upload-file{display:grid;grid-template-columns:110px 1fr;grid-gap:12px;gap:12px;align-items:center;border:1px solid var(--color-border);border-radius:14px;padding:12px;background:color-mix(in oklab,var(--color-surface) 55%,transparent);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);overflow:hidden}.upload-file-preview{display:grid;place-items:center}.upload-file-placeholder{width:96px;height:96px;border-radius:12px;border:1px dashed color-mix(in oklab,var(--color-border) 80%,transparent);background:color-mix(in oklab,var(--color-surface-2) 70%,transparent);color:var(--color-muted);display:grid;place-items:center;font-weight:800;letter-spacing:.3px}.upload-file-meta{display:grid;grid-gap:8px;gap:8px;min-width:0;overflow:hidden}.upload-file-label{text-align:left}.upload-file-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;width:100%;overflow:hidden}.upload-file-actions .file-btn{flex:1 1;min-width:0;max-width:100%;justify-content:flex-start}.upload-file-actions .btn{flex:0 0 auto}@media (max-width:760px){.upload-files{grid-template-columns:1fr}}.player-bar{position:fixed;left:0;right:0;bottom:0;min-height:var(--player-height,96px);height:auto;background:linear-gradient(180deg,color-mix(in oklab,var(--color-surface) 52%,transparent),color-mix(in oklab,var(--color-bg) 42%,transparent));border-top:1px solid color-mix(in oklab,var(--color-border) 38%,transparent);backdrop-filter:blur(40px) saturate(185%) contrast(102%);-webkit-backdrop-filter:blur(40px) saturate(185%) contrast(102%);box-shadow:0 -14px 34px color-mix(in oklab,black 14%,transparent);overflow:visible;isolation:isolate;z-index:350}.player-bar .inner{height:100%;display:grid;align-items:center}.player-inner{padding:10px 12px;gap:12px;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center}.player-cover-art{object-fit:cover}.player-cover-art,.player-cover-placeholder{border-radius:8px;border:1px solid var(--color-border)}.player-cover-placeholder{width:48px;height:48px;background:var(--color-surface-2)}.player-main{min-width:0}.player-track-title{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-progress-row{display:flex;align-items:center;gap:8px}.player-progress-slider{flex:1 1;min-width:0}.player-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:44px}.player-time-current{text-align:right}.player-actions-wrap{position:relative;justify-self:end;display:flex;gap:8px}@media (max-width:760px){.player-inner{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"main main main" "eq playback menus";gap:8px 10px;padding:8px 10px 14px}.player-main{grid-area:main}.player-eq-controls{grid-area:eq}.player-playback-controls{grid-area:playback}.player-actions-wrap{grid-area:menus;justify-self:stretch;width:100%}.player-eq-controls,.player-menu-controls,.player-playback-controls{width:100%;justify-content:center}.player-eq-controls .seg,.player-menu-controls .seg,.player-playback-controls .seg{flex:1 1;justify-content:center;padding:8px 6px;min-width:0}.player-cover-art,.player-cover-placeholder{display:none}.player-track-title{font-size:clamp(13px,3.7vw,15px)}.player-progress-row{gap:6px}.player-time{width:auto;min-width:34px;font-size:12px}}.pq-scrim{inset:0;background:transparent;z-index:355;pointer-events:none}.pq-flyout,.pq-scrim{position:fixed;bottom:var(--player-height,96px)}.pq-flyout{top:0;right:0;width:min(420px,92vw);z-index:356;border-left:1px solid color-mix(in oklab,var(--color-border) 42%,transparent);background:color-mix(in oklab,var(--color-surface) 82%,var(--color-bg) 18%);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:-18px 0 50px color-mix(in oklab,black 14%,transparent);display:flex;flex-direction:column;padding:10px}.msg-scrim{inset:0;background:color-mix(in oklab,var(--color-bg) 75%,transparent);z-index:355}.msg-flyout,.msg-scrim{position:fixed;bottom:var(--player-height,96px)}.msg-flyout{--msg-flyout-width:min(420px,92vw);top:0;left:0;width:var(--msg-flyout-width);z-index:356;border:1px solid color-mix(in oklab,var(--color-border) 25%,white 25%);background:color-mix(in oklab,var(--color-surface) 15%,transparent);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:18px 0 50px color-mix(in oklab,black 14%,transparent);display:flex;flex-direction:column;padding:10px}.msg-flyout .msg-thread-btn.btn,.msg-flyout .msg-thread-btn.btn:hover{border-radius:10px}.msg-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 6px}.msg-top-title{font-weight:800;letter-spacing:.2px}.msg-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:10px;border:1px solid var(--color-border);background:color-mix(in oklab,var(--color-surface) 78%,transparent);color:var(--color-text);cursor:pointer}.msg-icon-btn:hover{background:color-mix(in oklab,var(--color-surface) 70%,var(--color-text) 30%)}.msg-body{flex:1 1;min-height:0;overflow:hidden;padding:8px 10px}.msg-body>*{height:100%;min-height:0}.msg-chat-scrim{background:color-mix(in oklab,var(--color-bg) 55%,transparent);z-index:356}.msg-chat-flyout,.msg-chat-scrim{position:fixed;top:0;right:0;left:var(--msg-flyout-width);bottom:var(--player-height,96px)}.msg-chat-flyout{width:min(560px,calc(100vw - var(--msg-flyout-width)));z-index:357;border:1px solid color-mix(in oklab,var(--color-border) 25%,white 25%);background:linear-gradient(45deg,color-mix(in oklab,var(--color-bg) 76%,transparent) 0,color-mix(in oklab,var(--color-surface) 30%,transparent) 52%,color-mix(in oklab,var(--color-bg) 82%,transparent) 100%),color-mix(in oklab,var(--color-surface) 15%,transparent);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:-18px 0 50px color-mix(in oklab,black 14%,transparent);display:grid;grid-template-rows:auto 1fr;padding:10px}.msg-flyout .msg-chat-flyout,.msg-flyout .msg-chat-scrim{bottom:0}.msg-chat-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:10px 10px 6px}.msg-chat-body{display:grid;grid-template-rows:minmax(0,1fr) auto auto;grid-gap:10px;gap:10px;padding:8px 10px;min-height:0;height:100%}.msg-chat-body>:first-child{min-height:0}.msg-chat-inputbar{border-top:1px solid color-mix(in oklab,var(--color-border) 55%,transparent);background:color-mix(in oklab,var(--color-surface) 20%,transparent);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);border-radius:14px;padding:10px}@media (max-width:760px){.msg-chat-scrim{left:0}.msg-chat-flyout{left:0;width:100vw}}.themed-select{position:relative;width:100%;z-index:1}.themed-select.themed-select-open{z-index:130}.themed-select-native-source{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none!important}.themed-select-trigger{width:100%;min-height:44px;border:1px solid color-mix(in oklab,var(--color-primary) 58%,#2a3761 42%);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),linear-gradient(120deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 96%,white 4%) 0,color-mix(in oklab,var(--color-primary-hover,var(--color-iridescent-magenta,var(--color-primary))) 94%,white 6%) 56%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 92%,white 8%) 100%);color:#13091f;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:0 10px 24px rgba(0,0,0,.28),0 10px 26px color-mix(in oklab,var(--color-primary) 22%,transparent);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;cursor:pointer;transition:filter var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.themed-select-trigger:not(:disabled):hover{filter:saturate(115%)}.themed-select-trigger:focus-visible{outline:none;border-color:color-mix(in oklab,var(--color-primary) 52%,white 48%);box-shadow:0 0 0 2px color-mix(in oklab,var(--color-primary) 52%,white 48%),0 10px 24px rgba(0,0,0,.28)}.themed-select-trigger:disabled{cursor:not-allowed;filter:grayscale(12%);color:color-mix(in oklab,var(--color-text) 58%,var(--color-muted) 42%);border-color:color-mix(in oklab,var(--color-border) 78%,transparent);background:linear-gradient(155deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 6%,transparent) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 6%,transparent) 52%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 6%,transparent) 100%),color-mix(in oklab,var(--color-surface) 82%,transparent)}.themed-select-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.themed-select-caret{flex:0 0 auto;font-size:13px;line-height:1}.themed-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:140;display:grid;grid-gap:4px;gap:4px;padding:8px;max-height:280px;overflow:auto;border-radius:12px;border:1px solid color-mix(in oklab,var(--color-border) 60%,#9db5ff 40%);background:linear-gradient(155deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 10%,transparent) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 11%,transparent) 52%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 10%,transparent) 100%),color-mix(in oklab,var(--color-surface) 90%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 34px rgba(0,0,0,.42);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}.themed-select-menu[hidden]{display:none!important}.glass-tile:has(.themed-select.themed-select-open),.glass-tile:has([data-tip]:focus-visible),.glass-tile:has([data-tip]:hover),.glass-tile:has([data-tip][data-tip-force="1"]),.glass-tile:has([data-tip][data-tip-touch="1"]),.tile:has(.themed-select.themed-select-open),.tile:has([data-tip]:focus-visible),.tile:has([data-tip]:hover),.tile:has([data-tip][data-tip-force="1"]),.tile:has([data-tip][data-tip-touch="1"]){position:relative;z-index:120}.themed-select-option{width:100%;border:1px solid color-mix(in oklab,var(--color-border) 72%,transparent);border-radius:10px;background:color-mix(in oklab,var(--color-surface) 76%,transparent);color:var(--color-text);font-weight:700;text-align:left;padding:8px 10px;cursor:pointer}.themed-select-option--selected,.themed-select-option:focus-visible,.themed-select-option:hover{border-color:color-mix(in oklab,var(--color-primary) 58%,#2a3761 42%);background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),linear-gradient(120deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 96%,white 4%) 0,color-mix(in oklab,var(--color-primary-hover,var(--color-iridescent-magenta,var(--color-primary))) 94%,white 6%) 56%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 92%,white 8%) 100%);color:#13091f;text-shadow:0 1px 0 rgba(255,255,255,.2)}.themed-select-option:disabled{cursor:not-allowed;color:color-mix(in oklab,var(--color-text) 52%,var(--color-muted) 48%);border-color:color-mix(in oklab,var(--color-border) 78%,transparent);background:color-mix(in oklab,var(--color-surface) 88%,transparent)}.themed-select-empty{padding:8px 10px;color:var(--color-muted);font-size:12px}select:not([multiple]){-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:10px 38px 10px 12px;border-radius:12px;border:1px solid color-mix(in oklab,var(--color-primary) 58%,#2a3761 42%)!important;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),linear-gradient(120deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 96%,white 4%) 0,color-mix(in oklab,var(--color-primary-hover,var(--color-iridescent-magenta,var(--color-primary))) 94%,white 6%) 56%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 92%,white 8%) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat,no-repeat,no-repeat!important;background-size:auto,auto,16px 16px!important;background-position:0 0,0 0,right 12px center!important;color:#13091f!important;font-weight:800;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:0 10px 24px rgba(0,0,0,.28),0 10px 26px color-mix(in oklab,var(--color-primary) 22%,transparent)!important}select:not([multiple]):hover{filter:saturate(115%)}select:not([multiple]):focus-visible{outline:none;border-color:color-mix(in oklab,var(--color-primary) 52%,white 48%)!important;box-shadow:0 0 0 2px color-mix(in oklab,var(--color-primary) 52%,white 48%),0 10px 24px rgba(0,0,0,.28)!important}select:not([multiple]):disabled{opacity:.65;filter:grayscale(12%);cursor:not-allowed}select option{background:var(--color-surface);color:var(--color-text)}.discover-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:12px;gap:12px;align-items:start}.discover-roulette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:12px;gap:12px}.discover-filter-field{display:grid;grid-gap:6px;gap:6px;min-width:0}.discover-filter-stack{display:grid;grid-gap:10px;gap:10px;align-content:start;min-width:0}.discover-filter-helper{font-size:12px;line-height:1.45}.discover-top-tracks-list{max-height:126px;overflow-y:auto;padding-right:2px}.discover-city-input{min-height:44px;border-radius:12px;border-color:color-mix(in oklab,var(--color-border) 70%,#9db5ff 30%);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0)),color-mix(in oklab,var(--color-surface) 78%,transparent)}.discover-city-input:focus{border-color:color-mix(in oklab,var(--color-primary) 58%,#9db5ff 42%);box-shadow:0 0 0 2px color-mix(in oklab,var(--color-primary) 26%,transparent),0 10px 24px rgba(0,0,0,.28)}@media (max-width:760px){.discover-page{margin:16px auto!important;padding:12px!important;gap:12px!important}.discover-main-panel{padding:14px!important;border-radius:16px!important}.discover-filter-grid,.discover-roulette-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px}.discover-release-head{align-items:stretch!important}.discover-release-head label{width:100%;justify-content:space-between}}@media (max-width:1024px){.library-row.discover-release-row{display:flex!important;flex-direction:column;align-items:stretch;gap:10px}.library-row.discover-release-row .library-row-left{width:100%;min-width:0;align-items:flex-start}.library-row.discover-release-row .library-row-title{white-space:normal;line-height:1.3}.library-row.discover-release-row .library-row-sub{flex-wrap:wrap;row-gap:2px}.library-row.discover-release-row .library-row-right{display:flex!important;width:100%;justify-content:flex-start;margin:0;padding-left:64px}.library-row.discover-release-row .track-actions-shell{width:100%}.library-row.discover-release-row .track-actions.sm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;grid-gap:6px;gap:6px}.library-row.discover-release-row .track-actions.sm .icon-btn{width:100%;justify-content:center;padding:8px 0}}@media (max-width:560px){.library-row.discover-release-row .library-row-right{padding-left:0}}.discover-release-lock-overlay{display:grid;place-items:center;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(10,10,14,.1),rgba(10,10,14,.44)),linear-gradient(135deg,rgba(10,10,14,.08),rgba(10,10,14,.28))}.discover-release-lock-pill{justify-content:center;gap:4px;max-width:calc(100% + 10px);min-height:20px;padding:2px 7px;border-radius:999px;border:1px solid color-mix(in oklab,var(--color-warning) 42%,rgba(255,255,255,.18));background:rgba(10,10,14,.78);color:white;font-size:9px;line-height:1;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(10px) saturate(125%);backdrop-filter:blur(10px) saturate(125%);box-sizing:border-box;transform:translateX(-6px)}.discover-release-access-badge,.discover-release-lock-pill{display:inline-flex;align-items:center;font-weight:800;letter-spacing:.02em}.discover-release-access-badge{gap:6px;min-width:0;padding:3px 8px;border-radius:999px;border:1px solid transparent;font-size:11px;line-height:1.2}.discover-release-access-badge.is-paid{color:color-mix(in oklab,var(--color-primary) 82%,white);background:color-mix(in oklab,var(--color-primary) 14%,transparent);border-color:color-mix(in oklab,var(--color-primary) 28%,transparent)}.discover-release-access-badge.is-locked{color:color-mix(in oklab,var(--color-warning) 82%,white);background:color-mix(in oklab,var(--color-warning) 16%,transparent);border-color:color-mix(in oklab,var(--color-warning) 32%,transparent)}.discover-release-access-note{max-width:56ch}.pq-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 6px}.pq-top-title{font-weight:800;letter-spacing:.2px}.pq-section{padding:8px 10px}.pq-section-title{font-size:11px;letter-spacing:.2px;text-transform:uppercase;color:var(--color-muted);margin-bottom:8px}.pq-section-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pq-sep{height:1px;background:var(--color-border);opacity:.9;margin:6px 10px}.pq-empty{color:var(--color-muted);padding:8px 2px}.pq-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:10px;border-radius:14px;border:1px solid transparent;transition:background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.pq-click{cursor:pointer}.pq-click:hover{border-color:color-mix(in oklab,var(--color-primary) 38%,var(--color-border));background:color-mix(in oklab,var(--color-surface) 72%,var(--color-primary) 16%);box-shadow:0 0 0 1px color-mix(in oklab,var(--color-primary) 22%,transparent),0 12px 24px color-mix(in oklab,var(--color-primary) 14%,transparent)}.pq-cover{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid var(--color-border);background:var(--color-surface-2)}.pq-cover-fallback{border-style:dashed;opacity:.7}.pq-meta{min-width:0}.pq-title{font-weight:700}.pq-artist,.pq-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pq-artist{font-size:12px;color:var(--color-muted)}.pq-trailing{display:inline-flex;align-items:center;justify-content:flex-end}.pq-pill{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--color-border);background:color-mix(in oklab,var(--color-surface) 70%,transparent);color:var(--color-muted)}.pq-icon-btn,.pq-pill-now{color:var(--color-text)}.pq-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:10px;border:1px solid var(--color-border);background:color-mix(in oklab,var(--color-surface) 78%,transparent);cursor:pointer}.pq-icon-btn:hover{background:color-mix(in oklab,var(--color-surface) 70%,var(--color-text) 30%)}.pq-link-btn{font-size:12px;color:var(--color-muted);border:none;background:transparent;cursor:pointer;padding:4px 0}.pq-link-btn:hover{color:var(--color-text)}.track-actions-shell{display:grid;grid-gap:6px;gap:6px}.track-actions{display:inline-flex;align-items:center;gap:6px}.track-actions.sm{gap:4px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:10px;border:1px solid color-mix(in oklab,var(--color-border) 70%,var(--color-text) 30%);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),linear-gradient(180deg,color-mix(in oklab,var(--color-bg) 78%,var(--color-surface) 22%),color-mix(in oklab,var(--color-bg) 90%,black 10%));color:var(--color-text);cursor:pointer;text-decoration:none;box-shadow:0 10px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07);transition:background var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.track-actions.sm .icon-btn{padding:6px;border-radius:9px}.track-actions-mobile-notice{display:none;max-width:min(320px,90vw);padding:7px 10px;border-radius:10px;border:1px solid color-mix(in oklab,#f97316 35%,var(--color-border));background:color-mix(in oklab,#f97316 12%,var(--color-surface));color:var(--color-text);font-size:12px;font-weight:700;line-height:1.35}.icon-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),linear-gradient(180deg,color-mix(in oklab,var(--color-primary) 14%,var(--color-bg) 86%),color-mix(in oklab,var(--color-primary) 8%,black 92%));border-color:color-mix(in oklab,var(--color-primary) 42%,var(--color-border) 58%)}.icon-btn:active{transform:translateY(1px)}.icon-btn:disabled{cursor:default;color:color-mix(in oklab,var(--color-text) 56%,var(--color-muted) 44%);border-color:color-mix(in oklab,var(--color-border) 80%,transparent);background:color-mix(in oklab,var(--color-surface) 84%,transparent)}[data-tip]{position:relative}[data-tip]:after,[data-tip]:before{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%) translateY(6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .06s var(--ease-out),transform .06s var(--ease-out),visibility 0s linear .06s;z-index:340}[data-tip]:after{content:attr(data-tip);width:-moz-max-content;width:max-content;min-width:min(120px,calc(100vw - 28px));max-width:min(360px,calc(100vw - 20px));white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;line-height:1.35;text-align:left;padding:7px 10px;border-radius:10px;border:1px solid color-mix(in oklab,var(--color-border) 70%,transparent);color:var(--color-text);font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%);box-shadow:var(--shadow-2)}[data-tip]:after,[data-tip]:before{background:color-mix(in oklab,var(--color-surface) 70%,transparent)}[data-tip]:before{content:"";width:10px;height:10px;border-left:1px solid color-mix(in oklab,var(--color-border) 70%,transparent);border-bottom:1px solid color-mix(in oklab,var(--color-border) 70%,transparent);transform:translateX(-50%) translateY(6px) rotate(-45deg);bottom:calc(100% + 3px)}[data-tip]:focus-visible:after,[data-tip]:focus-visible:before,[data-tip]:focus:after,[data-tip]:focus:before,[data-tip]:hover:after,[data-tip]:hover:before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition:opacity .08s var(--ease-out),transform .08s var(--ease-out),visibility 0s}[data-tip][data-tip-force="1"]:after,[data-tip][data-tip-force="1"]:before,[data-tip][data-tip-touch="1"]:after,[data-tip][data-tip-touch="1"]:before{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition:opacity .08s var(--ease-out),transform .08s var(--ease-out),visibility 0s}.player-bar [data-tip]:after,.player-bar [data-tip]:before{z-index:380}.paid-track-watermark{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;border-radius:inherit;background:linear-gradient(160deg,color-mix(in oklab,var(--color-bg) 72%,transparent) 0,color-mix(in oklab,var(--color-bg) 40%,transparent) 45%,color-mix(in oklab,var(--color-bg) 78%,transparent) 100%)}.paid-track-watermark>span{padding:6px 10px;border-radius:999px;border:1px solid color-mix(in oklab,var(--color-border) 72%,transparent);background:color-mix(in oklab,var(--color-surface) 78%,transparent);color:var(--color-text);font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 8px 22px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(8px) saturate(130%);backdrop-filter:blur(8px) saturate(130%)}.back-btn{display:inline-flex;align-items:center;justify-self:start;gap:8px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in oklab,var(--color-border) 70%,var(--color-text) 30%);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),linear-gradient(180deg,color-mix(in oklab,var(--color-bg) 76%,var(--color-surface) 24%),color-mix(in oklab,var(--color-bg) 88%,black 12%));color:var(--color-text);cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);transition:background var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.back-btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),linear-gradient(180deg,color-mix(in oklab,var(--color-bg) 70%,var(--color-surface) 30%),color-mix(in oklab,var(--color-bg) 84%,black 16%));border-color:color-mix(in oklab,var(--color-border) 55%,var(--color-text) 45%)}.back-btn:active{transform:translateY(1px)}.back-btn span{font-weight:650}.glass-tile{background:linear-gradient(155deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 8%,transparent) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 10%,transparent) 52%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 8%,transparent) 100%),color-mix(in oklab,var(--color-surface) 65%,transparent);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.glass-tile:hover{background:linear-gradient(155deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 10%,transparent) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 12%,transparent) 52%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 10%,transparent) 100%),color-mix(in oklab,var(--color-surface) 55%,transparent)}.artist-page{position:relative;min-height:100vh}.artist-page-bg{z-index:0;background-position:50%;background-size:cover;background-repeat:no-repeat;filter:blur(26px) saturate(150%);transform:scale(1.18);opacity:.26}.artist-page-bg,.artist-page-wash{position:fixed;inset:0;pointer-events:none}.artist-page-wash{z-index:1;background:radial-gradient(1000px 320px at 20% 15%,color-mix(in oklab,var(--color-primary) 26%,transparent),transparent 62%),radial-gradient(820px 300px at 80% 10%,color-mix(in oklab,var(--color-text) 10%,transparent),transparent 58%),radial-gradient(900px 380px at 50% 38%,transparent 0,transparent 56%,var(--color-bg) 100%),linear-gradient(to right,var(--color-bg),transparent 18%,transparent 82%,var(--color-bg)),linear-gradient(to bottom,var(--color-bg),transparent 18%,transparent 86%,var(--color-bg))}.artist-page-content{position:relative;z-index:2}.artist-hero-cover{-webkit-mask-image:radial-gradient(80% 80% at 50% 50%,rgba(0,0,0,1) 62%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(80% 80% at 50% 50%,rgba(0,0,0,1) 62%,rgba(0,0,0,0) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.artist-hero-actions-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.artist-hero-actions-stack{overflow:visible;display:inline-flex;flex-direction:column;width:-moz-fit-content;width:fit-content;max-width:100%}.artist-hero-actions-line{display:flex;align-items:stretch;width:100%}.artist-hero-actions-line-top{justify-content:flex-end}.artist-hero-actions-line-bottom{justify-content:center}.artist-hero-actions-line-bottom>:first-child,.artist-hero-actions-line-bottom>:last-child{flex:1 1}.artist-hero-actions-line+.artist-hero-actions-line{border-top:1px solid var(--color-border)}.artist-hero-actions-line>*{position:relative;display:inline-flex;align-items:stretch}.artist-hero-actions-line>*+*{border-left:1px solid var(--color-border)}.artist-hero-actions-stack .seg{min-height:36px;padding-inline:14px}.artist-hero-actions-line-bottom>:first-child .seg,.artist-hero-actions-line-bottom>:first-child.seg,.artist-hero-actions-line-bottom>:last-child .seg,.artist-hero-actions-line-bottom>:last-child.seg{width:100%;justify-content:center}.artist-hero-actions-stack .artist-hero-browse .menu-content{left:0;right:auto;top:calc(100% + 6px);min-width:170px;z-index:120}.artist-hero-actions-stack .artist-hero-browse .menu-item{white-space:nowrap}.artist-hero-tip-host:after,.artist-hero-tip-host:before{display:none!important}.library-page{position:relative;min-height:100vh}.library-page-bg{z-index:0;background:url(/images/library-bg.jpg) 50%/cover no-repeat;filter:blur(26px) saturate(150%);transform:scale(1.18);opacity:.22;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,rgba(0,0,0,1) 62%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(80% 70% at 50% 30%,rgba(0,0,0,1) 62%,rgba(0,0,0,0) 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.library-page-bg,.library-page-wash{position:fixed;inset:0;pointer-events:none}.library-page-wash{z-index:1;background:radial-gradient(900px 340px at 18% 16%,color-mix(in oklab,var(--color-primary) 24%,transparent),transparent 62%),radial-gradient(900px 380px at 68% 22%,color-mix(in oklab,var(--color-text) 10%,transparent),transparent 60%),linear-gradient(to bottom,var(--color-bg),transparent 18%,transparent 86%,var(--color-bg)),linear-gradient(to right,var(--color-bg),transparent 18%,transparent 82%,var(--color-bg))}.library-page-content{position:relative;z-index:2;display:grid;grid-gap:16px;gap:16px;padding:18px 0 16px}.library-hero{display:grid;grid-template-columns:220px 1fr;grid-gap:18px;gap:18px;border-radius:18px;padding:16px;align-items:stretch;overflow:hidden}.library-hero-art{position:relative;border-radius:16px;border:1px solid color-mix(in oklab,var(--color-border) 60%,transparent);background:color-mix(in oklab,var(--color-surface) 60%,transparent);overflow:hidden}.library-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:8px;gap:8px;padding:10px;height:100%}.library-collage-fallback,.library-collage-img{width:100%;height:100%;border-radius:12px;border:1px solid color-mix(in oklab,var(--color-border) 70%,transparent);background:color-mix(in oklab,var(--color-surface-2) 70%,transparent);object-fit:cover}.library-art-fade{position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 70% at 50% 40%,transparent 0,transparent 56%,color-mix(in oklab,var(--color-bg) 80%,transparent) 100%),linear-gradient(to bottom,transparent,color-mix(in oklab,var(--color-bg) 78%,transparent))}.library-hero-meta{display:grid;grid-gap:10px;gap:10px;align-content:center;min-width:0}.library-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.library-controls{display:grid;grid-gap:10px;gap:10px}.library-controls-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.library-controls-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.seg-pill.library-playall-pill{display:inline-grid;min-width:0;width:auto;max-width:100%;grid-template-columns:auto 44px;overflow:hidden}.seg-pill.library-playall-pill .seg{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:0;font-weight:750;font-size:13px;letter-spacing:.08px}.seg-pill.library-playall-pill .library-playall-shuffle{width:44px;min-width:44px;padding-inline:0;justify-content:center;gap:0}.library-sort .seg{font-size:12px;padding:8px 12px}.library-list{display:grid;grid-gap:8px;gap:8px}.library-minimal{display:grid;grid-gap:0;gap:0}.library-minimal-head,.library-minimal-row{display:grid;grid-template-columns:minmax(200px,2.3fr) minmax(140px,1.5fr) minmax(140px,1.5fr) 70px 100px 40px;grid-gap:10px;gap:10px;align-items:center}.library-minimal-head{border-bottom:1px solid color-mix(in oklab,var(--color-border) 75%,transparent);padding:4px 8px 8px;color:var(--color-muted);font-size:11px;font-weight:800;letter-spacing:.35px;text-transform:uppercase}.library-minimal-row{padding:8px;border-radius:10px;border:1px solid transparent}.library-minimal-row:hover{border-color:color-mix(in oklab,var(--color-primary) 35%,var(--color-border));background:color-mix(in oklab,var(--color-surface) 72%,var(--color-primary) 18%);box-shadow:0 0 0 1px color-mix(in oklab,var(--color-primary) 26%,transparent),0 14px 28px color-mix(in oklab,var(--color-primary) 16%,transparent)}.library-minimal-row>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:14px;border:1px solid transparent;background:color-mix(in oklab,var(--color-surface) 55%,transparent);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.library-row-compact{padding:7px 8px;gap:10px;border-radius:12px}.library-row-compact .library-row-left{gap:10px}.library-row-compact .library-cover{width:44px;height:44px;border-radius:10px}.library-row-compact .library-cover-shell{border-radius:10px}.library-row-compact .library-row-title{font-size:13px;letter-spacing:.1px}.library-row-compact .library-row-sub{font-size:11px;gap:6px}.library-row-compact .library-row-right{gap:8px}.library-row-compact .track-actions.sm{gap:3px}.library-row-compact .track-actions.sm .icon-btn{padding:5px;border-radius:8px}.library-row:hover{border-color:color-mix(in oklab,var(--color-primary) 42%,var(--color-border));background:color-mix(in oklab,var(--color-surface) 72%,var(--color-primary) 18%);box-shadow:0 0 0 1px color-mix(in oklab,var(--color-primary) 28%,transparent),0 16px 30px color-mix(in oklab,var(--color-primary) 18%,transparent)}.tg-flat-row{background:transparent;border-radius:0;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.tg-flat-row:hover{background:color-mix(in oklab,var(--color-surface) 72%,var(--color-primary) 16%);border-color:color-mix(in oklab,var(--color-primary) 36%,var(--color-border));box-shadow:0 0 0 1px color-mix(in oklab,var(--color-primary) 22%,transparent),0 12px 24px color-mix(in oklab,var(--color-primary) 14%,transparent)}.tg-hover-bright{transition:background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.tg-hover-bright:hover{border-color:color-mix(in oklab,var(--color-primary) 38%,var(--color-border));background:color-mix(in oklab,var(--color-surface) 72%,var(--color-primary) 16%);box-shadow:0 0 0 1px color-mix(in oklab,var(--color-primary) 24%,transparent),0 14px 28px color-mix(in oklab,var(--color-primary) 15%,transparent)}.tg-context-active{border-color:color-mix(in oklab,var(--color-primary) 38%,var(--color-border))!important;background:color-mix(in oklab,var(--color-surface) 72%,var(--color-primary) 16%)!important;outline:1px solid color-mix(in oklab,var(--color-primary) 28%,transparent);outline-offset:0;box-shadow:0 0 0 1px color-mix(in oklab,var(--color-primary) 24%,transparent),0 14px 28px color-mix(in oklab,var(--color-primary) 15%,transparent)!important}.library-row-left{display:flex;align-items:center;gap:12px;min-width:0}.library-cover{width:52px;height:52px;border-radius:12px;object-fit:cover;border:1px solid var(--color-border);background:var(--color-surface-2);flex:0 0 auto}.library-cover-shell{position:relative;flex:0 0 auto;border-radius:12px}.library-cover-lock{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(10,10,14,.06),rgba(10,10,14,.42)),linear-gradient(135deg,rgba(10,10,14,.05),rgba(10,10,14,.22))}.library-cover-lock-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:calc(100% + 8px);min-height:20px;padding:2px 7px;border-radius:999px;border:1px solid color-mix(in oklab,var(--color-warning) 42%,rgba(255,255,255,.18));background:rgba(10,10,14,.78);color:white;font-size:9px;font-weight:800;letter-spacing:.02em;line-height:1;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(10px) saturate(125%);backdrop-filter:blur(10px) saturate(125%);box-sizing:border-box}.library-cover-fallback{border-style:dashed;opacity:.7}.library-row-meta{min-width:0;display:grid;grid-gap:2px;gap:2px}.library-row-title{color:var(--color-text);text-decoration:none;font-weight:800;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-row-title:hover{text-decoration:underline}.library-row-sub{display:flex;align-items:center;gap:8px;min-width:0;color:var(--color-muted);font-size:12px}.library-row-sub>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-lock-note{margin-top:4px;font-size:11px;line-height:1.4;color:color-mix(in oklab,var(--color-muted) 82%,white 18%)}.library-row-dot{opacity:.65;flex:0 0 auto}.library-row-right{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.library-minimal-lock-badge{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:color-mix(in oklab,var(--color-warning) 16%,transparent);border:1px solid color-mix(in oklab,var(--color-warning) 30%,transparent);color:color-mix(in oklab,var(--color-warning) 78%,white);font-size:10px;font-weight:800;letter-spacing:.02em;vertical-align:middle}@media (max-width:720px){.library-hero{grid-template-columns:1fr}.library-hero-art{height:180px}.library-row-right .muted{display:none}.library-minimal-head,.library-minimal-row{grid-template-columns:minmax(140px,2fr) minmax(110px,1.3fr) minmax(100px,1.2fr) 30px}.library-minimal-head span:nth-child(4),.library-minimal-head span:nth-child(5),.library-minimal-row span:nth-child(4),.library-minimal-row span:nth-child(5){display:none}}.hr{height:1px;background:var(--color-border);margin:var(--space-5) 0}.muted{color:var(--color-muted)}.tg-link-sky{text-decoration:none;transition:color .12s var(--ease-out)}.tg-link-sky:hover{color:#38bdf8!important;text-decoration:underline!important;text-underline-offset:2px}.tg-plain-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:4px;margin:0;color:var(--color-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:0}.tg-plain-icon-btn:hover{color:#7dd3fc}.tg-plain-icon-btn:focus-visible{outline:2px solid color-mix(in oklab,var(--color-primary) 70%,white 30%);outline-offset:2px;border-radius:8px}.tg-text-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer;text-shadow:none}.tg-text-btn:hover{color:#7dd3fc;text-decoration:underline}.tg-text-btn:disabled{opacity:.45;cursor:default}.tg-text-btn:focus-visible{outline:2px solid color-mix(in oklab,var(--color-primary) 70%,white 30%);outline-offset:2px;border-radius:8px}.title{font-weight:800;letter-spacing:.2px;line-height:var(--line-tight)}.dev-style .section-title{color:var(--color-text);display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dev-style .panel{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}.dev-style .row{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.dev-style .row>div{min-width:0}.dev-style .swatch{width:100%;height:44px;border-radius:var(--radius-sm)}.dev-style .swatch,.theme-preset{border:1px solid var(--color-border)}.theme-preset{border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.theme-preset:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.dev-style .theme-preset{transition:none}.dev-style .theme-preset:hover{transform:none;box-shadow:var(--shadow-1)}.theme-preset .preview{padding:var(--space-5);display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.theme-preset .name{font-weight:800;color:var(--color-text)}.theme-preset .meta{color:var(--color-muted)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;clip-path:inset(50%);border:0;padding:0;margin:-1px}.hl-mark,mark{background:color-mix(in oklab,var(--color-primary,#22d39a) 24%,transparent);color:inherit;padding:0 .08em;border-radius:3px}.seg-pill{display:inline-flex;border:1px solid color-mix(in oklab,var(--color-border) 70%,var(--color-text) 30%);border-radius:var(--radius-pill);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),linear-gradient(125deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 14%,var(--color-bg) 86%) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 12%,var(--color-bg) 88%) 56%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 12%,black 88%) 100%);box-shadow:0 10px 22px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)}.seg-pill .seg{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;text-decoration:none;color:var(--color-text);background:transparent;border:0;cursor:pointer}.seg-pill .seg:hover{background:color-mix(in oklab,var(--color-primary) 14%,transparent)}.seg-pill .seg[aria-pressed=true]{background:linear-gradient(120deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 22%,transparent) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 24%,transparent) 56%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 20%,transparent) 100%);font-weight:700}.seg-pill .seg:disabled{cursor:default;color:color-mix(in oklab,var(--color-text) 56%,var(--color-muted) 44%);background:color-mix(in oklab,var(--color-surface) 78%,transparent)}.seg-pill .seg+.seg{border-left:1px solid var(--color-border)}.hl-line mark{outline:0}.hl-dim{color:var(--color-muted,#a0a0b8)}.auth-page{max-width:560px;margin:32px auto;padding:16px}.auth-form,.auth-page{display:grid;grid-gap:12px;gap:12px}.auth-heading-row{align-items:baseline;justify-content:space-between}.auth-cta-row,.auth-heading-row{display:flex;gap:10px;flex-wrap:wrap}.auth-cta-row{align-items:center}.auth-cta-row--balanced{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.auth-cta-row--balanced .btn{width:100%}.auth-cta-row--signin .btn:first-child{grid-column:1/-1}.auth-oauth-btn{min-width:220px;justify-content:flex-start;gap:10px;font-weight:700;box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12)}.auth-oauth-icon{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center}.auth-oauth-btn--google{border-color:#d9dde5;color:#111827;background:linear-gradient(180deg,#ffffff,#f3f5f9)}.auth-oauth-btn--google:focus-visible,.auth-oauth-btn--google:hover{border-color:#c9ced9;background:linear-gradient(180deg,#ffffff,#eef1f6);color:#0b1220}.auth-oauth-btn--facebook{border-color:color-mix(in oklab,#1877f2 62%,#0d2f65 38%);color:#f8fbff;background:linear-gradient(120deg,color-mix(in oklab,#3b84ef 88%,#091a35 12%),color-mix(in oklab,#1877f2 86%,#0b1d3a 14%))}.auth-oauth-btn--facebook:focus-visible,.auth-oauth-btn--facebook:hover{border-color:color-mix(in oklab,#4392ff 72%,#0d2f65 28%);background:linear-gradient(120deg,color-mix(in oklab,#4b95ff 86%,#0a1a35 14%),color-mix(in oklab,#2c83f7 88%,#081730 12%));color:#ffffff}.auth-note{font-size:12px}.pay-page{max-width:980px;margin:24px auto;padding:16px}.pay-header{align-items:baseline;justify-content:space-between}.fan-centre-header-actions,.pay-actions,.pay-header{display:flex;gap:10px;flex-wrap:wrap}.fan-centre-sub-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px}.fan-centre-sub-main{display:flex;gap:12px;align-items:center;min-width:0}.fan-centre-sub-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media (max-width:760px){.fan-centre-sub-card{grid-template-columns:minmax(0,1fr);align-items:stretch}.fan-centre-sub-actions{width:100%;justify-content:flex-start;gap:6px}.fan-centre-sub-actions .btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 3px);min-width:0;justify-content:center;padding:8px 10px!important}.fan-centre-sub-actions .btn:only-child{flex-basis:100%}}@media (max-width:520px){.fan-centre-header-actions{width:100%}.fan-centre-header-actions .btn{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 5px);justify-content:center}.fan-centre-sub-actions .btn{flex-basis:100%}}.friends-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-gap:14px;gap:14px}.friends-request-actions{display:flex;gap:6px;flex-wrap:wrap}@media (max-width:980px){.friends-layout{grid-template-columns:minmax(0,1fr)!important}.friends-chat-panel,.friends-sidebar{min-height:0!important}.friends-sidebar{overflow:visible!important}}@media (max-width:760px){.friends-page{margin:16px auto!important;padding:12px!important;gap:12px!important}.friends-page-header{align-items:flex-start!important}.friends-page-header-actions{width:100%}.friends-page-header-actions .btn{flex:1 1 100%;width:100%;justify-content:center}.friends-request-row,.friends-search-row{grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}.friends-request-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;gap:6px}.friends-request-actions .btn{width:100%;justify-content:center}.friends-request-actions .btn:only-child,.friends-search-action{grid-column:1/-1;width:100%;justify-content:center}.friends-compose-row{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:stretch!important;grid-gap:8px!important;gap:8px!important}.friends-compose-send{width:100%;justify-content:center}}.royalties-artist-hero{position:relative;z-index:140;border-radius:16px;overflow:visible}.royalties-artist-hero-bg{position:relative;overflow:visible;padding:16px;background:linear-gradient(155deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 15%,transparent) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 16%,transparent) 52%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 15%,transparent) 100%),color-mix(in oklab,var(--color-surface) 88%,transparent);background-size:cover;background-position:50%}.royalties-artist-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:start}.royalties-artist-avatar{width:68px;height:68px;border-radius:14px;border:1px solid color-mix(in oklab,var(--color-border) 60%,transparent);background:linear-gradient(145deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 25%,transparent),color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 28%,transparent)),color-mix(in oklab,var(--color-surface-2) 82%,transparent);background-size:cover;background-position:50%;color:#fff;font-weight:900;letter-spacing:.06em;display:grid;place-items:center;flex:0 0 68px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(0,0,0,.3)}.royalties-artist-switcher{display:grid;grid-gap:6px;gap:6px;min-width:260px;position:relative;z-index:150}.royalties-artist-select{min-width:240px}.royalties-artist-hero:has(.themed-select.themed-select-open){z-index:190}.royalties-artist-hero .themed-select.themed-select-open{z-index:220}.royalties-artist-hero .themed-select-menu{z-index:230}.royalties-track-picker{display:grid;grid-gap:6px;gap:6px;min-width:320px}.royalties-track-picker-label{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--color-text) 84%,var(--color-muted) 16%)}.royalties-track-select{width:100%;min-width:320px}.royalties-percent-input-wrap{position:relative;width:100%}.royalties-percent-input-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-muted);font-weight:800;font-size:12px}.royalties-percent-input-wrap:focus-within .royalties-percent-input-suffix{color:var(--color-text)}.royalties-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid color-mix(in oklab,var(--color-border) 62%,#9db5ff 38%);background:linear-gradient(155deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 7%,transparent) 0,color-mix(in oklab,var(--color-iridescent-magenta,var(--color-primary)) 8%,transparent) 52%,color-mix(in oklab,var(--color-iridescent-violet,var(--color-accent)) 7%,transparent) 100%),color-mix(in oklab,var(--color-surface) 84%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 16px 32px rgba(0,0,0,.32)}.royalties-table{width:100%;min-width:880px;border-collapse:initial;border-spacing:0}.royalties-table td,.royalties-table th{padding:10px 8px;text-align:left;vertical-align:top}.royalties-table thead th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--color-text) 70%,var(--color-muted) 30%);border-bottom:1px solid color-mix(in oklab,var(--color-border) 70%,transparent);background:color-mix(in oklab,var(--color-surface-2) 65%,transparent)}.royalties-table tbody tr td{border-top:1px solid color-mix(in oklab,var(--color-border) 72%,transparent)}.royalties-table tbody tr:first-child td{border-top:none}.royalties-table-row{transition:background var(--dur-1) var(--ease-out)}.royalties-table-row:hover td{background:color-mix(in oklab,var(--color-primary) 8%,transparent)}.royalties-table-actions{gap:8px}.artist-cp-switcher{position:relative;z-index:2}.artist-cp-hero{z-index:150}.artist-cp-hero,.artist-cp-hero .artist-cp-hero-body,.artist-cp-hero .artist-cp-switcher{position:relative;overflow:visible}.artist-cp-hero .artist-cp-switcher{z-index:180}.artist-cp-hero .themed-select.themed-select-open{z-index:220}.artist-cp-hero .themed-select-menu{z-index:230}.artist-cp-switcher:has(.themed-select.themed-select-open){z-index:160}@media (max-width:860px){.royalties-artist-hero-grid{grid-template-columns:minmax(0,1fr)}.royalties-artist-switcher{min-width:0}.royalties-artist-select,.royalties-track-picker,.royalties-track-select{min-width:0;width:100%}}.artist-cp-action-card{transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.artist-cp-action-icon{color:var(--color-text)}.artist-cp-action-card:not(.artist-cp-action-card--monetization):focus-visible,.artist-cp-action-card:not(.artist-cp-action-card--monetization):hover{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),linear-gradient(120deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 96%,white 4%) 0,color-mix(in oklab,var(--color-primary-hover,var(--color-iridescent-magenta,var(--color-primary))) 94%,white 6%) 56%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 92%,white 8%) 100%)!important;border-color:color-mix(in oklab,var(--color-primary) 58%,#2a3761 42%)!important;color:#13091f!important;text-shadow:0 1px 0 rgba(255,255,255,.2);transform:translateY(-1px);box-shadow:0 12px 32px rgba(0,0,0,.42),0 14px 34px color-mix(in oklab,var(--color-primary) 28%,transparent)}.artist-cp-action-card:not(.artist-cp-action-card--monetization):focus-visible .artist-cp-action-icon,.artist-cp-action-card:not(.artist-cp-action-card--monetization):hover .artist-cp-action-icon{color:#fff!important}.artist-cp-action-card:not(.artist-cp-action-card--monetization):focus-visible .muted,.artist-cp-action-card:not(.artist-cp-action-card--monetization):hover .muted{color:color-mix(in oklab,#13091f 72%,black 28%)!important}.artist-cp-action-card:not(.artist-cp-action-card--monetization):focus-visible{outline:2px solid color-mix(in oklab,var(--color-primary) 52%,white 48%);outline-offset:2px}.artist-cp-subscribe-hover{transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.artist-cp-subscribe-hover:not(:disabled):focus-visible,.artist-cp-subscribe-hover:not(:disabled):hover{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),linear-gradient(120deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 96%,white 4%) 0,color-mix(in oklab,var(--color-primary-hover,var(--color-iridescent-magenta,var(--color-primary))) 94%,white 6%) 56%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 92%,white 8%) 100%)!important;border-color:color-mix(in oklab,var(--color-primary) 58%,#2a3761 42%)!important;color:#13091f!important;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:0 12px 32px rgba(0,0,0,.42),0 14px 34px color-mix(in oklab,var(--color-primary) 28%,transparent);filter:saturate(115%)}.artist-cp-subscribe-hover:not(:disabled):focus-visible{outline:2px solid color-mix(in oklab,var(--color-primary) 52%,white 48%);outline-offset:2px}.artist-cp-pill-btn{transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.artist-cp-pill-btn:not(:disabled):focus-visible,.artist-cp-pill-btn:not(:disabled):hover{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0)),linear-gradient(120deg,color-mix(in oklab,var(--color-iridescent-cyan,var(--color-accent)) 96%,white 4%) 0,color-mix(in oklab,var(--color-primary-hover,var(--color-iridescent-magenta,var(--color-primary))) 94%,white 6%) 56%,color-mix(in oklab,var(--color-iridescent-gold,var(--color-warning)) 92%,white 8%) 100%)!important;border-color:color-mix(in oklab,var(--color-primary) 58%,#2a3761 42%)!important;color:#13091f!important;text-shadow:0 1px 0 rgba(255,255,255,.2);box-shadow:0 12px 32px rgba(0,0,0,.42),0 14px 34px color-mix(in oklab,var(--color-primary) 28%,transparent);filter:saturate(115%)}.artist-cp-pill-btn:not(:disabled):focus-visible{outline:2px solid color-mix(in oklab,var(--color-primary) 52%,white 48%);outline-offset:2px}@media (max-width:900px){.artist-cp-hero-body{grid-template-columns:minmax(0,1fr)!important}.artist-cp-switcher{width:100%!important}}:root{--app-min-height:100vh;--safe-area-bottom:env(safe-area-inset-bottom,0px);--player-mobile-bottom-gap:0px}@supports (height:100dvh){:root{--app-min-height:100dvh}}html{height:-webkit-fill-available}body{min-height:var(--app-min-height);min-height:-webkit-fill-available}.player-bar{bottom:calc(var(--safe-area-bottom) + var(--player-mobile-bottom-gap))}.msg-chat-flyout,.msg-chat-scrim,.msg-flyout,.msg-scrim,.pq-flyout,.pq-scrim{bottom:calc(var(--player-height, 96px) + var(--safe-area-bottom) + var(--player-mobile-bottom-gap))}@media (max-width:760px){:root{--player-mobile-bottom-gap:0px}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.glass-tile,.msg-chat-flyout,.msg-flyout,.player-bar,.pq-flyout,.site-sticky-search{background:rgba(10,11,20,.94)}}@media (hover:none),(pointer:coarse){.app-header .nav a,.btn,.icon-btn,.menu-btn,.msg-icon-btn,.nav-menu-btn,.pq-icon-btn,.seg-pill .seg{min-height:44px}[data-tip]:after{max-width:min(320px,calc(100vw - 16px));font-size:13px}.app-header .nav a:hover,.btn:hover,.menu-item:hover,.nav-menu-btn:hover{background:transparent;transform:none}.track-actions-mobile-notice{display:block}}@media (max-width:640px){:root{--container-pad-x:12px}.auth-page{margin:20px auto;padding:12px}.auth-cta-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.auth-cta-row .btn,.auth-inline-btn,.pay-actions .btn,.pay-header .btn{width:100%!important;justify-content:center}.pay-page{margin:16px auto;padding:12px}.pay-header{align-items:stretch}.pay-checkout-root{min-height:520px!important}.artist-cp-page{margin:16px auto!important;padding:12px!important;gap:12px!important}.artist-cp-hero-main{flex-direction:column;align-items:flex-start;gap:10px!important}.artist-cp-avatar{width:80px!important;height:80px!important;flex-basis:80px!important}.artist-cp-switcher{justify-self:stretch!important}.artist-cp-switcher,.artist-cp-switcher .btn{width:100%!important}.artist-cp-add-row{display:grid!important;grid-template-columns:minmax(0,1fr)}.artist-cp-add-row .btn,.artist-cp-add-row input{width:100%!important;max-width:none!important}.artist-cp-actions-grid,.artist-cp-stats{grid-template-columns:minmax(0,1fr)!important}.artist-cp-action-card{min-height:96px!important}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}.pq-flyout{width:100vw;border-left:0;padding:8px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.card:hover,.library-minimal-row:hover,.library-row:hover,.theme-preset:hover,.tile:hover{transform:none!important;box-shadow:none!important}}@media (forced-colors:active){.btn,.glass-tile,.input,.menu-content,.msg-chat-flyout,.msg-flyout,.seg-pill,.tile{forced-color-adjust:auto;border-color:CanvasText!important}a{text-decoration:underline}}body{font-family:var(--font-body,system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif);color:var(--color-text);background:var(--color-bg)}.h1{font:700 28px/1.2 var(--font-display,Inter,ui-sans-serif,system-ui);letter-spacing:0}.h2{font:700 22px/1.25 var(--font-display,Inter,ui-sans-serif,system-ui)}.h3{font:600 18px/1.3 var(--font-display,Inter,ui-sans-serif,system-ui)}.text-muted{color:var(--color-muted)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-3{grid-template-columns:1fr}}.hairline{border-top:1px solid var(--color-border);transform:translateZ(0)}:where(button,a,input,select,textarea):focus-visible{outline:2px solid color-mix(in oklab,var(--color-primary) 65%,white);outline-offset:2px;border-radius:calc(var(--radius-sm) + 2px)}.hover-float{transition:transform .18s ease,box-shadow .18s ease}.hover-float:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.pressable:active{transform:translateY(1px)}.ds-surface{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.ds-contrast h1,.ds-contrast h2,.ds-contrast h3,.ds-contrast strong{color:color-mix(in oklab,var(--color-text) 92%,black)}.ds-contrast .muted{color:color-mix(in oklab,var(--color-muted) 90%,black)}.ug-player{position:fixed;left:0;right:0;bottom:0;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-sm);z-index:50}.ug-player .inner{max-width:1100px;margin:0 auto;padding:10px 12px;display:flex;align-items:center;gap:12px}.ug-cover{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--color-muted);flex:0 0 auto}.ug-title{min-width:0;flex:1 1 auto;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ug-time{width:44px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.icon{display:inline-block;line-height:0}.icon.sm svg{width:14px;height:14px}.icon.md svg{width:18px;height:18px}.icon.lg svg{width:22px;height:22px}.emboss-frame{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.emboss-frame:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,255,255,.03)}.emboss-frame.lg{width:240px;height:240px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.emboss-art{background:var(--color-surface-2);border-radius:inherit}.cover-hover{position:relative}.cover-hover .emboss-art{transition:filter .45s var(--ease-out),opacity .45s var(--ease-out)}.cover-hover:hover .emboss-art{filter:brightness(.85)}.cover-popover{position:absolute;left:0;bottom:calc(100% + 8px);padding:8px;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px) scale(.98);transform-origin:left bottom;transition:opacity .36s var(--ease-out),transform .36s var(--ease-out),visibility 0s linear .36s;z-index:70}.cover-hover:hover .cover-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .36s var(--ease-out),transform .36s var(--ease-out),visibility 0s}.crop-backdrop{position:fixed;left:0;right:0;top:calc(var(--app-header-h, 78px) + var(--app-sticky-search-h, 56px));bottom:calc(var(--player-height, 96px) + env(safe-area-inset-bottom, 0px));background:rgba(0,0,0,.4);display:grid;place-items:center;box-sizing:border-box;padding:12px;z-index:120}.crop-modal{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-md);max-width:90vw;max-height:calc(100% - 24px);overflow:auto}.crop-img-wrap{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:grid;place-items:center}.crop-mask{position:absolute;inset:0;background:radial-gradient(transparent 0 0),rgba(0,0,0,.35);pointer-events:none}.crop-rect{position:absolute;box-shadow:0 0 0 9999px rgba(0,0,0,.35) inset,0 0 0 1px var(--color-accent);cursor:move}.crop-rect .h{position:absolute;width:12px;height:12px;background:var(--color-primary);border:1px solid var(--color-border);border-radius:2px}.crop-rect .h-nw{left:-6px;top:-6px;cursor:nwse-resize}.crop-rect .h-ne{right:-6px;top:-6px;cursor:nesw-resize}.crop-rect .h-sw{left:-6px;bottom:-6px;cursor:nesw-resize}.crop-rect .h-se{right:-6px;bottom:-6px;cursor:nwse-resize}.tour-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);display:grid;place-items:center;z-index:140;padding:18px}.tour-modal{width:min(560px,92vw);border-radius:18px;border:1px solid rgba(255,255,255,.75);background:color-mix(in oklab,var(--color-surface) 72%,transparent);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);box-shadow:0 18px 70px rgba(0,0,0,.35);overflow:hidden}.confirm-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);display:grid;place-items:center;z-index:150;padding:18px}.confirm-modal{width:min(520px,92vw);border-radius:18px;border:1px solid rgba(255,255,255,.75);background:color-mix(in oklab,var(--color-surface) 72%,transparent);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);box-shadow:0 18px 70px rgba(0,0,0,.35);padding:14px}body,html{-webkit-user-select:text;-moz-user-select:text;user-select:text}a,img{-webkit-user-drag:none;user-drag:none}