:root{--bg:#0b0b10;--surface:#13131a;--line:#282832;--accent:#fa2065}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.profile-dialog{width:min(760px,94vw);padding:38px 44px;border-radius:20px;background:#13131a;max-height:90vh;overflow:auto}.profile-dialog .dialog-head{align-items:flex-start;margin-bottom:24px}.profile-dialog .dialog-head h2{font-size:30px;line-height:1.2;letter-spacing:-.7px}.profile-dialog .dialog-head p{color:#a4a4b6;margin:10px 0 0;font-size:14px}.profile-dialog .round{background:transparent;color:#a4a4b6;width:28px;height:28px}.profile-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-height:42vh;overflow:auto;padding:16px 0 24px}.profile-card{width:140px;flex:none;display:block;padding:8px;border-radius:12px}.profile-card .profile-avatar{width:104px;height:104px;border-radius:16px;font-size:32px;transition:transform .2s,border-color .2s}.profile-card strong{font-size:15px;margin-top:14px}.profile-card small{display:block;font-size:12px;margin-top:6px;color:#9b9ba9}.profile-actions{display:flex;justify-content:center;gap:12px;margin:10px 0 26px}.profile-actions button{border:1px solid #626271;background:transparent;font-size:14px;border-radius:6px;padding:11px 20px}.profile-account{padding-top:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-account button{background:transparent;border:1px solid #626271;border-radius:6px;font-size:14px;white-space:nowrap}.profile-account span{font-size:12px;line-height:1.5;color:#a4a4b6;overflow-wrap:anywhere}.avatar-presets{display:flex;gap:12px;margin:0 0 20px}.avatar-presets button{width:62px;height:62px;border-radius:12px;padding:0;border:2px solid transparent;background-size:200% 200%;background-image:url('/assets/avatars.png')}.avatar-presets button[aria-pressed=true]{border-color:white;box-shadow:0 0 0 2px var(--accent)}[data-avatar-preset]{background-image:url('/assets/avatars.png')!important;background-size:200% 200%!important;background-color:#f65366!important}[data-avatar-preset="0"]{background-position:0 0!important}[data-avatar-preset="1"]{background-position:100% 0!important}[data-avatar-preset="2"]{background-position:0 100%!important}[data-avatar-preset="3"]{background-position:100% 100%!important}.avatar-preview{background-size:cover}#sourceSelect{max-width:190px;border:1px solid #444;background:#121218cc;color:white;padding:9px;border-radius:7px;font:inherit;font-size:12px}.player-bottom button:disabled,.player-bottom input:disabled,.player-top button:disabled{opacity:.3;cursor:not-allowed}.cinema-intro{position:absolute;inset:0;z-index:30;overflow:hidden;background:#050508;display:grid;place-items:center}.intro-wordmark{font-size:clamp(42px,8vw,110px);font-weight:850;letter-spacing:-.06em;z-index:1;animation:ident-reveal 3.2s cubic-bezier(.16,.8,.2,1) both}.intro-wordmark span{color:#fa2065}.intro-aperture{position:absolute;width:120vw;height:2px;left:-10vw;top:50%;background:#fa2065;box-shadow:0 0 36px #fa206555;animation:aperture 3.2s ease both}.intro-line{position:absolute;left:35%;right:35%;height:1px;top:63%;background:linear-gradient(90deg,transparent,#fa2065,transparent);animation:line-reveal 3.2s ease both}.intro-actions{position:absolute;bottom:35px;right:35px;display:flex;gap:12px}.intro-actions button{border:1px solid #373740;background:#111117;font-size:13px}.next-up{position:absolute;z-index:22;right:36px;bottom:115px;width:330px;max-width:88%;padding:22px;background:#111119f5;border:1px solid #393942;border-radius:14px;box-shadow:0 12px 60px #0007}.next-up small{color:#aaa;display:block;font-size:12px}.next-up strong{display:block;margin:10px 0 18px;font-size:18px}.next-up>div{display:flex;gap:10px}.next-up button{font-size:13px;padding:10px 13px}.next-up .primary{background:#fa2065;color:white}.playback-error{position:absolute;z-index:25;inset:25% 20%;display:grid;align-content:center;justify-items:center;text-align:center;background:#101018f5;border:1px solid #343443;border-radius:16px;padding:30px;gap:18px}.playback-error p{color:#b1b1c1;line-height:1.5;max-width:55ch}.playback-error h2{font-size:24px;margin:0}.playback-error>div{display:flex;gap:10px}.player-top{z-index:32}.player-status{max-width:60ch}.player-bottom .transport{flex-wrap:wrap}.connection-badge{max-width:80vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions>button{display:inline-flex;align-items:center;justify-content:center}.profile-editor{max-height:90vh;overflow:auto}[hidden]{display:none!important}@keyframes ident-reveal{0%{opacity:0;transform:scale(.8);filter:blur(8px)}25%,75%{opacity:1;filter:blur(0)}90%{opacity:1;transform:scale(1.04)}100%{opacity:0;transform:scale(1.12)}}@keyframes aperture{0%{transform:scaleX(0);opacity:0}15%{transform:scaleX(.5);opacity:.7}40%{transform:scaleX(1);opacity:.4}60%,100%{opacity:0;transform:scaleY(50)}}@keyframes line-reveal{0%,20%{opacity:0;transform:scaleX(.2)}50%,80%{opacity:.7;transform:scaleX(1)}100%{opacity:0}}@media(max-width:760px){.topbar{gap:10px;padding:0 16px}.top-actions{gap:3px}.top-actions>button{padding:7px}.profile-dialog{padding:26px 22px}.profile-dialog .dialog-head h2{font-size:26px}.profile-account{flex-wrap:wrap}.profile-actions{flex-wrap:wrap}.profile-grid{max-height:35vh}.profile-chip #profileChipName{display:none}.player-top{gap:8px}.player-top strong{font-size:13px}.player-top small{font-size:10px}#sourceSelect{max-width:100px}.player-top .round{width:34px;height:34px}.next-up{right:16px;bottom:155px}.playback-error{inset:22% 5%;padding:20px}.intro-actions{bottom:24px;right:20px}.search input{width:120px}}@media(prefers-reduced-motion:reduce){.cinema-intro *{animation:none!important}.intro-aperture{display:none}}