.listening-dock,.listening-room{--lp-ink:#edf2ff;--lp-muted:#a3afc4;--lp-light:#c3d2ff;color:var(--lp-ink);font-family:var(--font-inter),sans-serif}.listening-dock *,.listening-room *{box-sizing:border-box}.listening-dock button,.listening-room button{-webkit-tap-highlight-color:transparent}:is(.listening-dock,.listening-room) :is(button,a,input,summary):focus-visible{outline:2px solid #c3d2ff;outline-offset:5px}.listening-dock{position:fixed;z-index:115;bottom:18px;left:calc(var(--syn-nav-width,0px) + 24px);right:24px;max-width:1320px;margin-inline:auto;border-radius:23px;background:linear-gradient(115deg,#1b253bef,#121925f5 55%,#162338ef);box-shadow:0 12px 48px #0007,inset 0 1px #c4daff16;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);isolation:isolate}.lp-dock-glow{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:-1}.lp-dock-glow:after{content:"";position:absolute;top:0;left:20%;width:45%;height:1px;background:linear-gradient(90deg,transparent,#b8d0ff88,transparent)}.lp-dock-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,1.05fr) minmax(0,1fr);align-items:center;gap:24px;padding:13px 19px 14px 14px}.lp-now{display:flex;align-items:center;gap:13px;min-width:0;text-align:left;background:none}.lp-dock-cover{position:relative;width:54px;height:54px;flex-shrink:0;border-radius:13px;box-shadow:0 5px 15px #0005;overflow:hidden;transition:transform .3s}.lp-now:hover .lp-dock-cover{transform:rotate(-4deg) scale(1.04)}.lp-cover-expand{position:absolute;inset:0;display:grid;place-items:center;background:#08102077;opacity:0;transition:opacity .2s}.lp-now:hover .lp-cover-expand{opacity:1}.lp-now-copy{display:grid;gap:5px;min-width:0}.lp-now-copy strong{font-weight:550;font-size:13px}.lp-now-copy strong,.lp-now-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-now-copy>span{color:var(--lp-muted);font-size:11px}.lp-playing-bars{display:flex;align-items:center;gap:2px;height:17px;flex-shrink:0;margin-left:5px;color:var(--lp-light)}.lp-playing-bars i{display:block;width:2px;height:5px;background:currentColor;border-radius:3px;transform-origin:center;animation:lp-bars .8s ease-in-out infinite alternate;animation-play-state:paused}.lp-playing-bars i:nth-child(2){height:14px;animation-delay:-.3s}.lp-playing-bars i:nth-child(3){height:9px;animation-delay:-.6s}.lp-playing-bars i:nth-child(4){height:17px;animation-delay:-.2s}[data-playing=true][data-motion=true] .lp-playing-bars i{animation-play-state:running}.lp-dock-center{display:grid;gap:5px}.lp-transport{display:flex;gap:15px}.lp-icon,.lp-transport{align-items:center;justify-content:center}.lp-icon{display:inline-flex;width:40px;height:40px;flex-shrink:0;color:#b8c4db;background:transparent;border:0;border-radius:50%;transition:color .2s,background .2s,transform .2s}.lp-icon:hover{color:#fff;background:#c4d5ff0b}.lp-icon:active{transform:scale(.88)}.lp-icon[aria-pressed=true]{color:#c2d2ff;background:#c2d2ff12}.lp-play{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e1eaff;color:#121d34;box-shadow:0 0 22px #b0c6ff19;transition:transform .22s,box-shadow .22s}.lp-play:not(:disabled):hover{transform:scale(1.07);box-shadow:0 0 26px #b0c6ff44}.lp-play:active{transform:scale(.94)}.lp-play:disabled{opacity:.7}.lp-position{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:10px;align-items:center;font-size:11px;color:var(--lp-muted);font-variant-numeric:tabular-nums}.lp-position span:last-child{text-align:right}.lp-position input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:100%;margin:0;background:transparent;cursor:pointer}.lp-position input::-webkit-slider-runnable-track{height:3px;border-radius:9px;background:linear-gradient(to right,#c6d8ff var(--lp-progress),#ffffff19 var(--lp-progress))}.lp-position input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:9px;height:9px;border-radius:50%;background:#eaf2ff;margin-top:-3px;box-shadow:0 0 12px #c6d8ff66;-webkit-transition:transform .2s;transition:transform .2s}.lp-position input:hover::-webkit-slider-thumb{transform:scale(1.35)}.lp-position input::-moz-range-track{height:3px;background:#ffffff19}.lp-position input::-moz-range-progress{height:3px;background:#c6d8ff}.lp-position input::-moz-range-thumb{width:9px;height:9px;background:#eaf2ff;border:0}.lp-position--compact{font-size:9px;grid-template-columns:28px minmax(0,1fr) 28px;gap:8px}.lp-dock-actions{justify-content:flex-end;gap:4px}.lp-dock-actions,.lp-volume{display:flex;align-items:center}.lp-volume input{width:66px;accent-color:#c4d4ff;height:3px}.lp-dock-like button{color:#c3cde1}.lp-more{position:relative}.lp-more summary{cursor:pointer;list-style:none;width:38px;height:40px;display:grid;place-items:center;color:#b8c4db;border-radius:50%}.lp-more summary::-webkit-details-marker{display:none}.listening-dock .lp-more-menu{position:absolute;z-index:1;bottom:calc(100% + 20px);right:0;width:min(280px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:min(65dvh,540px);overflow-y:auto;overscroll-behavior:contain;border-radius:20px;padding:8px;background:#151e2df5;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 20px 70px #0008}.lp-more:not([open]) .lp-more-menu{display:none}body:has(.listening-dock .lp-more[open]) [data-context-surface-trigger-key=queue-bubble]{visibility:hidden}.lp-more-menu .lp-remix-actions>:is(button,a),.lp-more-menu>:is(button,a){display:flex;align-items:center;justify-content:flex-start;gap:11px;padding:12px;width:100%;min-height:44px;height:auto;text-align:left;border:0;border-radius:12px;font-size:13px;font-weight:500;line-height:1.4;color:#d5dff1;background:transparent;white-space:normal}.lp-more-menu .lp-remix-actions>:is(button,a):hover,.lp-more-menu>:is(button,a):hover{background:#ffffff09}.lp-more-menu svg{flex-shrink:0;width:17px;height:17px}.lp-more-menu .lp-remix-actions{display:flex;flex-direction:column;gap:0;margin-top:5px;padding-top:5px;border-top:1px solid #ffffff0c}.lp-error{padding:8px 16px 12px;display:flex;justify-content:space-between;gap:12px;color:#ffbeb4;font-size:12px}.lp-error button{text-decoration:underline}.lp-taste-overlay{position:fixed;z-index:118;left:calc(var(--syn-nav-width,0px) + 16px);right:16px;bottom:120px}.listening-room-overlay{width:min(1180px,96vw)!important;max-width:1180px!important;height:min(850px,94dvh);max-height:94dvh!important;background:#080d18!important;border:0!important;border-radius:32px!important;overflow:auto}.listening-room{min-height:100%;position:relative;isolation:isolate;padding:22px 36px 38px;overflow:hidden}.lr-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.lr-backdrop-cover{position:absolute!important;inset:-25%!important;width:150%;height:150%;filter:blur(85px) saturate(1.35);opacity:.3;transform:scale(1.15)}.lr-atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#060c1899,#060c1855 50%,#060c18e0)}.lr-halo{position:absolute;width:50%;aspect-ratio:1;border-radius:50%;filter:blur(80px);opacity:.18;animation:lr-drift 18s ease-in-out infinite alternate}.lr-halo-one{left:-10%;top:15%;background:#647deb}.lr-halo-two{right:-15%;bottom:-20%;background:#6cbed4;animation-delay:-9s}.lr-orbit{width:70%;aspect-ratio:1;border:1px solid #e1eaff0b;border-radius:50%;position:absolute;top:0;left:-23%}.lr-header{justify-content:space-between;position:relative;z-index:1}.lr-header,.lr-header>span{display:flex;align-items:center}.lr-header>span{gap:9px;color:#c6d0e6;font-size:12px}.lr-header img{width:24px;height:24px;opacity:.8}.lr-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,72px);padding:44px 22px 16px}.lr-artwork{position:relative;min-width:0;align-self:center}.lr-artwork-halo{position:absolute;inset:0;border-radius:50%;background:#b4d0ff25;filter:blur(65px);transform:scale(.9);animation:lr-breathe 5s ease-in-out infinite alternate}.lr-artwork-frame{position:relative;aspect-ratio:1;width:100%;border-radius:24px;transform:rotate(-3deg);box-shadow:0 35px 70px #0007,0 0 0 1px #ffffff12;animation:lr-arrive .6s cubic-bezier(.22,1,.36,1) both;transition:transform .7s}.lr-artwork:hover .lr-artwork-frame{transform:rotate(0)}.lr-under-art{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;font-size:10px;color:#aab9d4;letter-spacing:.08em}.lr-song{min-width:0}.lr-kicker{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.23em;color:#bfceea}.lr-kicker i{width:5px;height:5px;border-radius:50%;background:#c6d8ff;box-shadow:0 0 15px #c6d8ff}.lr-title-row{display:flex;gap:16px;align-items:center;margin-top:19px}.lr-title-row h1{flex:1;min-width:0;font-size:clamp(29px,3.5vw,49px);letter-spacing:-.045em;line-height:1.15;font-weight:550;text-wrap:balance;overflow-wrap:anywhere;animation:lr-title .4s ease-out}.lr-title-row>button{flex-shrink:0;color:#ccd5e7}.lr-artist{display:inline-flex;align-items:center;gap:7px;color:#adbbd4;font-size:15px;margin:13px 0 31px}.lr-artist:hover{color:#fff}.lp-transport--large{justify-content:space-between;margin:20px auto 22px;max-width:340px}.lp-transport--large .lp-play{width:66px;height:66px}.lp-transport--large .lp-icon{width:45px;height:45px}.lr-tools{gap:20px;justify-content:space-between;padding:13px 0 24px}.lr-tools,.lr-tools>button{display:flex;align-items:center}.lr-tools>button{flex-direction:column;gap:7px;font-size:10px;color:#adbcd5;transition:color .2s,transform .2s}.lr-tools>button:hover{color:#fff;transform:translateY(-2px)}.lr-tools .lp-volume input{width:52px}.lr-up-next{margin-top:4px;padding-top:22px;border-top:1px solid #ffffff10}.lr-up-next>div{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;color:#9cacc9;letter-spacing:.1em;margin-bottom:12px}.lr-up-next>div button{display:flex;align-items:center;gap:5px;letter-spacing:0}.lr-next-song{display:flex;width:100%;align-items:center;gap:11px;padding:8px;margin-left:-8px;border-radius:12px;text-align:left;transition:background .2s}.lr-next-song:hover{background:#ffffff08}.lr-next-cover{width:38px;height:38px;flex-shrink:0}.lr-next-song>span{flex:1;min-width:0;display:grid;gap:4px}.lr-next-song strong{font-size:12px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lr-next-song small{font-size:10px;color:#a4b1c8}.lr-next-song>svg{color:#aabbdb}.lp-spinner{animation:lp-spin 1s linear infinite}@keyframes lp-spin{to{transform:rotate(1turn)}}@keyframes lp-bars{to{transform:scaleY(.35)}}@keyframes lr-drift{to{transform:translate(15%,12%) scale(1.15)}}@keyframes lr-breathe{to{transform:scale(1.1);opacity:.5}}@keyframes lr-arrive{0%{opacity:0;translate:0 15px;scale:.96}}@keyframes lr-title{0%{opacity:0;transform:translateY(8px)}}@media (max-width:1100px){.lp-dock-like,.lp-volume{display:none}.lp-dock-main{grid-template-columns:minmax(0,1fr) minmax(220px,.9fr) auto;gap:14px}}@media (max-width:800px){.listening-dock{left:10px;right:10px;bottom:calc(var(--synaura-primary-dock-space,76px) + 8px);border-radius:18px}.lp-dock-main{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:10px 9px 18px 10px}.lp-dock-cover{width:43px;height:43px;border-radius:10px}.lp-now{gap:10px}.lp-now-copy strong{font-size:12px}.lp-now-copy>span{font-size:10px}.lp-now>.lp-playing-bars{display:none}.lp-dock-center{display:contents}.lp-dock-center .lp-previous{display:none}.lp-dock-center .lp-next{width:30px}.lp-dock-center .lp-transport{gap:3px}.lp-play{width:36px;height:36px}.lp-dock-center .lp-position{position:absolute;left:12px;right:12px;bottom:0;display:block;height:15px}.lp-dock-center .lp-position span{display:none}.lp-dock-center .lp-position input{height:15px}.lp-dock-center .lp-position input::-webkit-slider-thumb{width:6px;height:6px;margin-top:-1.5px}.lp-dock-actions{gap:0}.lp-dock-actions>.lp-icon{width:30px}.lp-more summary{width:29px}.lp-more-menu{bottom:calc(100% + 22px)}.listening-room-overlay{position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}.listening-room{padding:calc(10px + env(safe-area-inset-top,0px)) 24px calc(28px + env(safe-area-inset-bottom,0px))}.lr-header{margin-inline:-8px}.lr-header>span{font-size:11px}.lr-stage{display:flex;flex-direction:column;gap:30px;padding:26px 0 0}.lr-artwork{width:min(100%,330px,38dvh)}.lr-under-art{display:none}.lr-artwork-frame{border-radius:21px;transform:rotate(-2deg)}.lr-song{width:100%;max-width:470px}.lr-kicker{font-size:8px}.lr-title-row{margin-top:12px}.lr-title-row h1{font-size:clamp(25px,7vw,37px)}.lr-artist{margin:9px 0 24px;font-size:14px}.lp-transport--large{margin-block:16px;max-width:340px}.lp-transport--large .lp-play{width:62px;height:62px}.lr-tools{justify-content:space-around;padding:15px 0 19px}.lr-up-next{margin-top:6px}.lr-up-next .lr-next-song:nth-of-type(n+2){display:none}}@media (max-width:380px){.lp-dock-center .lp-next{display:none}.listening-room{padding-inline:20px}}@media (prefers-reduced-motion:reduce){.listening-dock *,.listening-dock :after,.listening-room *,.listening-room :after{animation:none!important;transition:none!important}}[data-motion=false] :is(.lp-playing-bars i,.lr-halo,.lr-artwork-halo,.lr-artwork-frame,.lr-title-row h1){animation:none!important}@media (max-width:800px){.lp-taste-overlay{left:12px;right:12px;bottom:calc(var(--synaura-primary-dock-space,76px) + 92px)}}