/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.segmented-control{border:1px solid var(--color-line);border-radius:var(--radius-sm);flex:none;padding:2px;display:flex}.segmented-control__segment{border-radius:var(--radius-xs);min-height:28px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:12px;font-weight:700}.segmented-control__segment[aria-pressed=true]{background:var(--color-surface-soft);color:var(--color-ink)}.segmented-control--compact .segmented-control__segment{min-height:27px;padding-inline:8px;font-weight:750}.segmented-control__segment:disabled{cursor:not-allowed;opacity:.4}.ui-tag{border-radius:var(--radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:2px 4px;font-size:10px;font-weight:850;line-height:1.2;display:inline-flex}.ui-tag--primary{border-color:var(--color-primary-border);background:var(--color-primary-surface);color:var(--color-primary)}.ui-tag--secondary{border-color:#ff8066a6}@supports (color:color-mix(in lab, red, red)){.ui-tag--secondary{border-color:color-mix(in srgb, var(--color-secondary) 65%, transparent)}}.ui-tag--secondary{background:#ff80661f}@supports (color:color-mix(in lab, red, red)){.ui-tag--secondary{background:color-mix(in srgb, var(--color-secondary) 12%, transparent)}}.ui-tag--secondary{color:#fc9f8a}@supports (color:color-mix(in lab, red, red)){.ui-tag--secondary{color:color-mix(in srgb, var(--color-secondary) 72%, var(--color-ink))}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial}}}.message-composer textarea::placeholder{color:var(--color-muted-deep)}.message-hide{min-height:calc(var(--spacing,.25rem) * 6);cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line,#303029);padding-inline:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--font-weight-bold,700);font-size:10px;font-weight:var(--font-weight-bold,700);color:var(--color-muted,#929185);border-radius:var(--radius-xs);background-color:#0000;margin-left:auto}.message-hide:hover,.message-hide:focus-visible{border-color:var(--color-primary);color:var(--color-primary)}.chat-heading{align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line,#303029);min-height:46px;padding-bottom:calc(var(--spacing,.25rem) * 3);display:flex}.chat-heading .segmented-control{margin-left:auto}.chat-heading h2{font-family:var(--serif);letter-spacing:-.04em;margin:4px 0 0;font-size:18px;font-weight:600}.chat-column{padding:calc(var(--spacing,.25rem) * 4);flex-direction:column;display:flex}.chat-close{color:var(--color-muted);flex-shrink:0}.messages{flex:1;min-height:300px;overflow-y:auto}.message-history-control{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-line,#303029);padding-block:calc(var(--spacing,.25rem) * 3);justify-content:center;display:flex}.message-history-control button{min-height:calc(var(--spacing,.25rem) * 7);cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line-strong,#46463b);padding-inline:calc(var(--spacing,.25rem) * 3);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-muted,#929185);border-radius:var(--radius-sm);background-color:#0000}.message-history-control button:hover:not(:disabled),.message-history-control button:focus-visible{border-color:var(--color-primary);color:var(--color-primary)}.message-history-control button:disabled{cursor:wait;opacity:.55}.message{gap:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 4);grid-template-columns:auto 1fr;display:grid}.message__body{min-width:0}.message__body>div{align-items:center;gap:8px;display:flex}.message__body strong{font-size:12px}.message__body time{color:var(--color-muted-deep);font-size:10px}.message__body p{color:var(--color-ink-soft);margin:6px 0 0;font-size:12px;line-height:1.6}.timestamp-link{border:1px solid var(--color-primary-border);border-radius:var(--radius-xs);background:var(--color-primary-surface);color:var(--color-primary);cursor:pointer;align-items:center;gap:4px;margin-top:8px;padding:4px 8px;font-size:10px;display:inline-flex}.timestamp-link:disabled{cursor:not-allowed;opacity:.45}.timestamp-link span{place-items:center;display:grid}.timestamp-link span svg{width:9px;height:9px}.message-composer{padding-top:12px}.composer-shell{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-page);flex-direction:column;gap:8px;padding:10px;display:flex}.composer-shell:hover{border-color:var(--color-field-border-hover)}.composer-shell:has(textarea:focus-visible){border-color:var(--color-field-border-hover);outline:2px solid var(--color-primary);outline-offset:2px}.message-composer textarea{resize:none;width:100%;min-height:40px;color:var(--color-ink);background:0 0;border:0;padding:2px 4px 0;font-size:12px;line-height:1.55}.message-composer textarea:focus-visible{outline:none}.message-composer textarea:disabled{opacity:.72;cursor:wait}.composer-toolbar{align-items:center;gap:8px;display:flex}.composer-toolbar .segmented-control{border-color:#0000;min-width:0;padding:0}.composer-toolbar .segmented-control__segment{border-radius:var(--radius-pill)}.composer-toolbar .send-button{margin-left:auto}.composer-context{color:var(--color-muted-deep);align-items:center;gap:4px;margin-bottom:6px;padding-left:8px;font-size:11px;line-height:1.4;display:flex}.composer-context__text{background:linear-gradient(to right, var(--color-primary), #dff66766);min-width:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.composer-context__text{background:linear-gradient(to right, var(--color-primary), color-mix(in oklab, var(--color-primary) 40%, transparent))}}.composer-context__text{color:#0000;text-overflow:ellipsis;white-space:nowrap;-webkit-background-clip:text;background-clip:text}.composer-context__icon{color:var(--color-primary);flex:none;place-items:center;display:grid}.composer-context__icon svg{width:12px;height:12px}.send-button{background:var(--color-primary-fill);width:32px;height:32px;color:var(--color-on-primary);cursor:pointer;border:0;border-radius:50%;place-items:center;font-weight:900;display:grid}.send-button svg{width:15px;height:15px}.send-button:disabled{opacity:.45;cursor:not-allowed}@media (width<=899px){.messages{min-height:0}}@media (width<=360px){.composer-toolbar .segmented-control__segment{padding-inline:6px}}@media (width>=900px){.chat-close{display:none}.chat-column{min-height:0}.messages{max-height:390px}}@media (width>=1280px){.chat-column{contain:size}.messages{max-height:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}.ui-badge{flex:none;place-items:center;display:inline-grid}.ui-badge--label{border-radius:var(--radius-xs);letter-spacing:.08em;border:1px solid;padding:4px 6px;font-size:10px;font-weight:850;line-height:1.2}.ui-badge--circle{border:1px solid var(--color-line-strong);width:31px;height:31px;font-family:var(--serif);border-radius:50%;font-size:11px;font-weight:400}.ui-badge--primary{color:var(--color-primary)}.ui-badge--neutral{color:var(--color-muted)}.panel-title-row{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);display:flex}.panel-title-row h2{margin-top:var(--spacing,.25rem);font-family:var(--font-serif,var(--font-sans));font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:-.04em;letter-spacing:-.04em;margin-bottom:0}.panel-title-row>span{color:var(--color-muted,#929185);font-size:10px}.panel-title-row__title{align-items:baseline;gap:calc(var(--spacing,.25rem) * 2);display:flex}.panel-title-row__title>span{color:var(--color-muted,#929185);font-size:10px}@property --tw-tracking{syntax:"*";inherits:false}.ui-status-line{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);white-space:nowrap;color:var(--color-muted,#929185);font-size:10px;display:inline-flex}.ui-status-line i{width:var(--status-dot-size);height:var(--status-dot-size);background:var(--status-dot-color,var(--color-muted-deep));border-radius:50%;flex:none}.ui-status-line--sm{--status-dot-size:5px}.ui-status-line--md{--status-dot-size:7px}.ui-status-line--primary{--status-dot-color:var(--color-primary-fill)}.ui-status-line--success{--status-dot-color:var(--color-success)}.ui-status-line--warning{--status-dot-color:var(--color-warning)}.ui-status-line--danger{--status-dot-color:var(--color-danger)}.ui-status-line.is-pulsing i{animation:1s ease-in-out infinite alternate status-pulse}.listening-status{display:inline-flex;position:relative}.listening-status__chip{cursor:pointer;align-items:center;gap:var(--spacing,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-line,#303029);background-color:var(--color-surface-raised,#20201c);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-muted,#929185);border-radius:var(--radius-pill);min-height:20px;padding:2px 6px;font-size:10px;display:flex}.listening-status__chip svg{width:11px;height:11px}.listening-status__chip:hover,.listening-status__chip:focus-visible,.listening-status__chip[aria-expanded=true]{border-color:var(--color-field-border-hover);color:var(--color-ink-soft)}.listening-status__chip[data-mode=follow]{border-color:var(--color-primary-border);background:var(--color-primary-surface-strong);color:var(--color-primary)}.listening-status__chip[data-mode=solo]{border-color:#ff806673}@supports (color:color-mix(in lab, red, red)){.listening-status__chip[data-mode=solo]{border-color:color-mix(in srgb, var(--color-secondary) 45%, transparent)}}.listening-status__chip[data-mode=solo]{background:#ff806614}@supports (color:color-mix(in lab, red, red)){.listening-status__chip[data-mode=solo]{background:color-mix(in srgb, var(--color-secondary) 8%, transparent)}}.listening-status__chip[data-mode=solo]{color:var(--color-secondary)}.listening-status__menu{z-index:30;border:1px solid var(--color-card-line);border-radius:var(--radius-sm);background:var(--color-surface-raised);min-width:236px;box-shadow:0 14px 30px var(--color-shadow);padding:4px;position:absolute;top:calc(100% + 5px);right:0}.listening-status__option{border-radius:var(--radius-xs);width:100%;color:var(--color-ink-soft);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:14px 1fr 14px;align-items:center;gap:2px 8px;padding:8px;display:grid}.listening-status__option:hover,.listening-status__option:focus-visible{background:var(--color-surface-soft)}.listening-status__option[aria-disabled=true]{cursor:default;opacity:.55}.listening-status__option-icon,.listening-status__option-check{place-items:center;display:grid}.listening-status__option svg{width:13px;height:13px}.listening-status__option strong{font-size:12px}.listening-status__option[aria-checked=true] strong,.listening-status__option[aria-checked=true] .listening-status__option-check{color:var(--color-primary)}.listening-status__option-desc,.listening-status__option-caution{color:var(--color-muted);grid-column:2;font-size:10px;line-height:1.45}.listening-status__option-caution{color:var(--color-warning)}.listeners-card{margin-top:calc(var(--spacing,.25rem) * 3.5);background-color:var(--color-surface,#191916);padding:calc(var(--spacing,.25rem) * 4);border:var(--card-border-width) solid var(--color-card-line);border-radius:var(--radius-card)}.listeners-mode-notice{margin-top:8px}.listener-controls{align-items:center;display:flex}.listener-actions{margin-left:calc(var(--spacing,.25rem) * 2);align-items:center;gap:var(--spacing,.25rem);display:flex}.listener-actions button{border-radius:var(--radius-xs);width:24px;height:24px;color:var(--color-muted-deep);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.listener-controls svg{width:14px;height:14px}.member-muted-indicator{border-radius:var(--radius-xs);background:#ff80661a;place-items:center;width:24px;height:24px;margin-left:4px;display:grid}@supports (color:color-mix(in lab, red, red)){.member-muted-indicator{background:color-mix(in srgb, var(--color-secondary) 10%, transparent)}}.member-muted-indicator{color:var(--color-secondary)}.listener-actions .dj-transfer:hover,.listener-actions .dj-transfer:focus-visible{background:var(--color-surface-soft);color:var(--color-primary)}.member-mute:hover,.member-mute:focus-visible,.member-mute[aria-pressed=true]{background:#ff80661a}@supports (color:color-mix(in lab, red, red)){.member-mute:hover,.member-mute:focus-visible,.member-mute[aria-pressed=true]{background:color-mix(in srgb, var(--color-secondary) 10%, transparent)}}.member-mute:hover,.member-mute:focus-visible,.member-mute[aria-pressed=true]{color:var(--color-secondary)}.member-kick:hover,.member-kick:focus-visible{background:#ff8f7a1a}@supports (color:color-mix(in lab, red, red)){.member-kick:hover,.member-kick:focus-visible{background:color-mix(in srgb, var(--color-danger) 10%, transparent)}}.member-kick:hover,.member-kick:focus-visible{color:var(--color-danger)}@media (hover:hover) and (pointer:fine){.listener-list li:not(.listener-list__waiting):hover,.listener-list li:not(.listener-list__waiting):focus-within{background:#f3f0e50d}@supports (color:color-mix(in lab, red, red)){.listener-list li:not(.listener-list__waiting):hover,.listener-list li:not(.listener-list__waiting):focus-within{background:color-mix(in srgb, var(--color-ink) 5%, transparent)}}}.listener-list{margin-top:13px;margin-bottom:0;padding:0;list-style-type:none}.listener-list li{min-height:calc(var(--spacing,.25rem) * 12);align-items:center;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-sm);grid-template-columns:auto 1fr auto;margin-inline:-8px;padding-inline:8px;display:grid}.listener-list .listener-list__waiting{min-height:64px;color:var(--color-muted-deep);text-align:center;grid-template-columns:1fr;font-size:12px;line-height:1.5}.listener-list strong{font-size:12px}.listener-list strong small{color:var(--color-muted);font-size:10px;font-weight:500}.listener-list p{color:var(--color-muted);margin:2px 0 0;font-size:10px}.player-card{border:var(--card-border-width) solid transparent;border-radius:var(--radius-card);background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box, linear-gradient(135deg, var(--color-primary) 0%, #dff667 45%, var(--color-card-line) 100%) border-box;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.player-card{background:linear-gradient(var(--color-surface), var(--color-surface)) padding-box, linear-gradient(135deg, var(--color-primary) 0%, color-mix(in srgb, var(--color-primary) 45%, var(--color-card-line)) 45%, var(--color-card-line) 100%) border-box}}.player-placeholder{--player-ink:#f3f0e5;--player-muted:#929185;--player-muted-deep:#6d6c63;background-color:#0b0b0a;place-items:center;min-height:250px;display:grid;position:relative;overflow:hidden}.player-placeholder:before,.player-placeholder:after{content:"";background:#272722;width:130%;height:1px;position:absolute;transform:rotate(24deg)}.player-placeholder:after{transform:rotate(-32deg)}.player-placeholder.is-player-ready:before,.player-placeholder.is-player-ready:after{display:none}.youtube-player{z-index:1;background-color:var(--color-black,#000);visibility:hidden;pointer-events:none;position:absolute;inset:0}.player-placeholder.is-player-ready .youtube-player{visibility:visible;pointer-events:auto}.youtube-player:empty{display:none}.youtube-player iframe{border-style:var(--tw-border-style);border-width:0;width:100%;height:100%;display:block}.player-art{aspect-ratio:1.5;background:#171714;border:1px solid #3a3a32;width:min(68vw,290px);position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:10px 12px #090908}.player-art__orb{border-radius:50%;position:absolute}.player-art__orb--one{background:var(--color-secondary);width:150px;height:150px;top:-46px;left:-30px}.player-art__orb--two{border:30px solid var(--color-primary-fill);width:130px;height:130px;bottom:-40px;right:-25px}.player-art__line{background:var(--color-info);width:190px;height:9px;position:absolute;top:95px;left:55px;transform:rotate(-14deg)}.player-art b{z-index:1;color:var(--player-ink);letter-spacing:.04em;font-size:10px;line-height:1.4;position:absolute;bottom:15px;left:17px}.player-placeholder__copy{z-index:2;border-radius:var(--radius-sm);pointer-events:none;background:#0a0a09c7;flex-direction:column;align-items:flex-start;padding:8px;display:flex;position:absolute;top:14px;left:14px}.player-placeholder__copy p{color:var(--player-muted-deep);margin:4px 0 0;font-size:12px}.player-placeholder__transient-notice{white-space:nowrap;animation:4s forwards player-notice-dismiss;overflow:hidden}.player-status{color:var(--player-muted);letter-spacing:.13em;align-items:center;gap:6px;margin-right:-.13em;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.player-status i{background:var(--color-primary-fill);border-radius:50%;flex:none;width:5px;height:5px;display:block}.player-status--playing i{animation:1.8s ease-out infinite player-playing-pulse}.player-status--paused i,.player-status--ended i,.player-status--idle i{background:var(--player-muted-deep)}.player-status--buffering i{background:var(--color-warning);animation:1s ease-in-out infinite alternate status-pulse}@keyframes player-playing-pulse{0%{box-shadow:0 0 #dff6678c}70%,to{box-shadow:0 0 0 6px #dff66700}}@keyframes player-notice-dismiss{0%,68%{opacity:1;max-width:220px;max-height:20px;margin-top:4px;transform:translateY(0)}to{opacity:0;max-width:0;max-height:0;margin-top:0;transform:translateY(-3px)}}.player-start{z-index:3;color:var(--color-on-primary);cursor:pointer;background:linear-gradient(135deg,#efffa6cc,#dff667a3 45%,#8c9e2875);border:0;font-size:12px;font-weight:850;position:absolute;inset:0}.player-start:hover:not(:disabled),.player-start:focus-visible{background:linear-gradient(135deg,#efffa6eb,#dff667cc 50%,#a4b833a3)}.listening-profile-drawing{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.listening-profile-drawing__art{filter:drop-shadow(0 0 3px #fffdf52e)}.listening-profile-reveal__stroke{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:listening-profile-draw var(--draw-duration) ease-out var(--draw-delay) forwards}.listening-profile-reveal__stroke--face{--draw-delay:0s;--draw-duration:.82s;stroke-width:240px}.listening-profile-reveal__stroke--headphones{--draw-delay:90ms;--draw-duration:.8s;stroke-width:270px}.listening-profile-reveal__stroke--hair{--draw-delay:.19s;--draw-duration:.84s;stroke-width:390px}.listening-profile-reveal__stroke--shoulders{--draw-delay:.3s;--draw-duration:.7s;stroke-width:380px}.listening-profile-reveal__stroke--details{--draw-delay:.38s;--draw-duration:.62s;stroke-width:190px}.player-start__label{z-index:1;border-radius:var(--radius-pill);color:#f7f4e9;text-align:center;background:#10110ed6;align-items:center;gap:8px;padding:12px 16px;transition:background-color .14s;display:inline-flex;position:absolute;top:50%;left:clamp(22px,8%,44px);transform:translateY(-50%)}.player-start__label svg{flex:none;width:14px;height:14px}.player-start:hover:not(:disabled) .player-start__label,.player-start:focus-visible .player-start__label{background:#10110ef0}@keyframes listening-profile-draw{to{stroke-dashoffset:0}}.player-start:disabled{cursor:not-allowed}.player-start.is-loading{cursor:wait}@media (prefers-reduced-motion:reduce){.listening-profile-reveal__stroke{stroke-dashoffset:0;animation:none}}.now-playing{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 16px 12px;display:grid}.now-playing>.equalizer{align-self:end;margin-bottom:2px}.now-playing__info{min-width:0}.now-playing__info>span{color:var(--color-primary);letter-spacing:.02em;font-size:10px;font-weight:800}.now-playing__track{color:var(--color-muted)}.now-playing__info h1{font-family:var(--serif);letter-spacing:-.045em;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:20px;font-weight:600;overflow:hidden}.now-playing__info p{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;overflow:hidden}.timeline{padding:2px 16px 10px}.timeline__bar{cursor:pointer;touch-action:none;height:24px;position:relative}.timeline__bar:before{content:"";background:var(--color-line-strong);height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.timeline__bar.is-disabled{cursor:default}.timeline__range{z-index:1;appearance:none;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;width:100%;height:24px;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.timeline__range::-webkit-slider-runnable-track{background:0 0;height:24px}.timeline__range::-webkit-slider-thumb{appearance:none;width:20px;height:24px;box-shadow:none;background:0 0;border:0}.timeline__range::-moz-range-track{background:0 0;height:24px}.timeline__range::-moz-range-thumb{background:0 0;border:0;width:20px;height:24px}.timeline__range:disabled{cursor:default}.timeline__bar:focus-within{box-shadow:0 0 0 2px #dff66747}@supports (color:color-mix(in lab, red, red)){.timeline__bar:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-primary) 28%, transparent)}}.timeline__bar>span{background:var(--color-primary-fill);height:4px;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.timeline__bar i{border:2px solid var(--color-surface);background:var(--color-primary-fill);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.timeline__times{color:var(--color-muted-deep);justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.transport{border-top:1px solid var(--color-line);justify-content:center;align-items:center;gap:12px;min-height:62px;display:flex}.transport button{width:36px;height:36px;color:var(--color-muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .14s,background-color .14s,box-shadow .14s,transform .14s;display:grid}.transport button svg{width:22px;height:22px}.transport button:not(:disabled){cursor:pointer}.transport button:not(.transport__play):hover:not(:disabled),.transport button:not(.transport__play):focus-visible{background:var(--color-line);color:var(--color-ink)}.transport button[aria-pressed=true]{background:var(--color-primary-surface-strong);color:var(--color-primary)}.transport .transport__play{background:var(--color-ink);color:var(--color-page)}.transport .transport__play:hover:not(:disabled),.transport .transport__play:focus-visible{background:var(--color-primary-fill);box-shadow:0 0 0 4px #dff66724}.transport button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.transport button:active:not(:disabled){transform:scale(.94)}.transport button:disabled{cursor:default;opacity:.42}@media (width>=680px){.player-placeholder{min-height:292px}.player-art{width:340px}.now-playing,.timeline{padding-left:20px;padding-right:20px}}@media (width>=1280px){.player-placeholder{min-height:clamp(300px,38vh,430px)}}.add-track-form label{color:var(--color-ink-soft);margin-bottom:9px;font-size:12px;font-weight:720;display:block}.add-track-form input{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-page);width:100%;height:42px;color:var(--color-ink);padding:0 12px 0 14px;font-size:12px}.add-track-form input::placeholder{color:var(--color-muted-deep)}.add-track-form input:hover,.add-track-form input:focus{border-color:var(--color-field-border-hover)}.playlist-column{padding:calc(var(--spacing,.25rem) * 4)}.playlist-heading{border-bottom:1px solid var(--color-line);min-height:46px;padding-bottom:12px}.playlist-list{margin:0;padding:0;list-style-type:none}.playlist-list li.is-current{background:var(--color-selected-track-surface);border-radius:var(--radius-sm)}.playlist-list li.is-drag-over{box-shadow:inset 0 2px 0 var(--color-primary)}.playlist-list li.is-removing{opacity:.5}.playlist-list li.is-unavailable:not(.is-current){opacity:.72}.playlist-row{align-items:center;gap:var(--spacing,.25rem);width:100%;min-height:60px;padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * 2);grid-template-columns:minmax(0,1fr) auto;display:grid}.playlist-row:has(>.drag-handle){grid-template-columns:auto minmax(0,1fr) auto}.playlist-row>.drag-handle{width:24px;height:24px;color:var(--color-muted-deep);background:0 0;border:0;place-items:center;padding:0;display:grid}.playlist-row>.drag-handle svg{width:15px;height:15px}.playlist-row>.drag-handle:not(:disabled){cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.playlist-row>.drag-handle:not(:disabled):active{cursor:grabbing}.playlist-row>.drag-handle:hover:not(:disabled),.playlist-row>.drag-handle:focus-visible{color:var(--color-ink)}.playlist-select{text-align:left;background:0 0;border:0;grid-template-columns:22px 42px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:0;display:grid}.playlist-select:not(:disabled){cursor:pointer}.playlist-select:focus-visible{outline:none}.playlist-select:focus-visible .playlist-track-copy strong{color:var(--color-primary)}.playlist-select:focus-visible .track-thumb{box-shadow:inset 0 0 0 2px #dff6678c}.playlist-actions{align-items:center;display:flex}.playlist-actions button{width:24px;height:24px;color:var(--color-muted-deep);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.playlist-actions button svg{width:15px;height:15px}.playlist-actions button:not(:disabled){cursor:pointer}.playlist-actions button:hover:not(:disabled),.playlist-actions button:focus-visible{color:var(--color-ink)}@media (hover:hover) and (pointer:fine){.playlist-actions button{opacity:0;width:0;transition:width .12s,opacity .12s;overflow:hidden}.playlist-row:hover .playlist-actions button,.playlist-actions:focus-within button{opacity:1;width:24px}}.playlist-actions .playlist-delete:hover:not(:disabled),.playlist-actions .playlist-delete:focus-visible{color:var(--color-secondary)}.playlist-number,.playlist-duration{color:var(--color-muted-deep);font-size:10px}.is-current .playlist-number{color:var(--color-primary)}.track-thumb{background:var(--color-surface-soft);width:42px;height:42px;color:var(--color-muted);font-family:var(--serif);border-radius:var(--radius-xs);place-items:center;font-size:13px;display:grid;position:relative;overflow:hidden}.track-thumb>svg{width:16px;height:16px}.track-thumb img{object-fit:cover;width:100%;height:100%;display:block}.track-thumb i{color:#fff;background:#0000007a;place-items:center;font-style:normal;display:grid;position:absolute;inset:0}.track-thumb i svg{width:11px;height:11px}.is-current .track-thumb{outline:2px solid var(--color-primary);outline-offset:-2px}.playlist-track-copy{min-width:0}.playlist-title-line{align-items:center;gap:6px;min-width:0;display:flex}.playlist-title-line .ui-tag{flex:none}.playlist-track-copy strong,.playlist-track-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.playlist-track-copy strong{font-family:var(--serif);font-size:12px}.playlist-title-line strong{min-width:0}.playlist-track-copy small{color:var(--color-muted);margin-top:3px;font-size:10px}.add-track-form{padding:14px 0}.add-track-form>div{grid-template-columns:1fr 42px;gap:6px;display:grid}.add-track-form button{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-primary);cursor:pointer;place-items:center;font-size:18px;display:grid}.add-track-form button svg{width:16px;height:16px}.add-track-form button:disabled{color:var(--color-muted-deep);cursor:not-allowed}.add-track-form>p{color:var(--color-muted);margin:7px 0 0;font-size:12px}@media (width>=900px){.playlist-column[data-room-panel]{contain:size;flex-direction:column;min-height:0;display:flex!important}.playlist-list{overscroll-behavior:contain;scrollbar-color:var(--color-line-strong) transparent;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.playlist-list::-webkit-scrollbar{width:8px}.playlist-list::-webkit-scrollbar-track{background:0 0}.playlist-list::-webkit-scrollbar-thumb{border:2px solid var(--color-surface);background:var(--color-line-strong);background-clip:padding-box;border-radius:999px}.playlist-list::-webkit-scrollbar-thumb:hover{background:var(--color-muted-deep)}}.room-chat-toggle{z-index:20;right:calc(env(safe-area-inset-right) + 16px);bottom:calc(env(safe-area-inset-bottom) + 20px);--button-min-height:46px;color:var(--color-ink-soft);box-shadow:0 10px 26px var(--color-shadow);border-radius:50%;position:fixed}.room-chat-toggle svg{width:20px;height:20px}@media (width>=900px){.room-chat-toggle{display:none}}.room-gate .brand{position:absolute;top:26px}.room-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100% - 36px,680px);min-height:100vh;margin-inline:auto;display:flex}.gate-record{margin-bottom:calc(var(--spacing,.25rem) * 8);--vinyl-hub:33px}.room-gate .gate-record:before{border:9px solid var(--color-secondary);background:var(--color-page)}.room-gate h1{font-family:var(--serif);letter-spacing:-.055em;margin:13px 0 9px;font-size:clamp(31px,9vw,48px);font-weight:500}.room-gate>p:not(.eyebrow){max-width:470px;color:var(--color-muted);margin:0;font-size:13px;line-height:1.7}.loading-line{margin-top:calc(var(--spacing,.25rem) * 7);height:calc(var(--spacing,.25rem) * .5);background-color:var(--color-line,#303029);width:190px;overflow:hidden}.loading-line i{background:var(--color-primary-fill);width:50%;height:100%;animation:1.2s ease-in-out infinite alternate loading-slide;display:block}.gate-error-icon,.gate-success-icon,.gate-password-icon,.gate-identity-icon{width:calc(var(--spacing,.25rem) * 20);height:calc(var(--spacing,.25rem) * 20);border-radius:2147483647px;place-items:center;margin-bottom:30px;display:grid}.gate-error-icon{border:1px solid var(--color-danger);color:var(--color-danger)}.gate-success-icon,.gate-password-icon,.gate-identity-icon{border:1px solid var(--color-primary);color:var(--color-primary)}.gate-success-icon svg,.gate-error-icon svg,.gate-password-icon svg,.gate-identity-icon svg{width:30px;height:30px}.gate-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.gate-entry-form{text-align:left;width:min(100%,360px);margin-top:24px}.gate-field+.gate-field{margin-top:17px}.gate-entry-form label{color:var(--color-ink-soft);margin-bottom:8px;font-size:12px;font-weight:720;display:block}.gate-alias-heading{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);margin-bottom:8px;display:flex}.gate-alias-heading label{margin-bottom:0}.gate-alias-heading small{color:var(--color-muted-deep);font-size:10px;font-weight:600}.gate-entry-form input{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-page);width:100%;height:49px;color:var(--color-ink);padding:0 14px}.gate-entry-form input:hover,.gate-entry-form input:focus{border-color:var(--color-primary)}.gate-entry-form .gate-field-hint{color:var(--color-muted);margin:7px 0 0;font-size:10px;line-height:1.5}.gate-entry-form .gate-field-error{color:var(--color-danger);margin:8px 0 0;font-size:11px;line-height:1.5}.gate-entry-form .ui-button{width:100%;margin-top:12px}.room-header{gap:calc(var(--spacing,.25rem) * 3.5)}.room-identity{align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-line,#303029);min-width:0;padding-left:calc(var(--spacing,.25rem) * 3.5);flex:1;display:flex}.room-title-dot{background-color:var(--color-secondary,#ff8066);border-radius:2147483647px;flex-shrink:0;width:7px;height:7px}.room-manage-button{margin-left:calc(var(--spacing,.25rem) * -.5);color:var(--color-muted);flex-shrink:0}.room-manage-button svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);display:block}.room-identity p{max-width:43vw;font-family:var(--serif);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:700;overflow:hidden}.room-header-actions{align-items:center;gap:var(--spacing,.25rem);display:flex}.share-control{position:relative}.connection-status{margin-right:var(--spacing,.25rem)}.share-button__icon{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);place-items:center;display:grid}.share-button .share-button__icon svg{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);display:block}.share-button__label{display:none}.share-notice{z-index:20;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface-raised);width:min(280px,100vw - 36px);color:var(--color-ink-soft);box-shadow:0 12px 30px var(--color-shadow);text-align:left;margin:0;padding:10px 12px;font-size:12px;line-height:1.5;position:absolute;top:calc(100% + 8px);right:0}.room-realtime-notice{border-bottom:1px solid var(--color-line);background:var(--color-warning-surface);color:var(--color-warning-ink);text-align:center;justify-content:center;align-items:center;gap:10px;margin:0;padding:8px 18px;font-size:12px;line-height:1.45;display:flex}.room-realtime-notice button{border-radius:var(--radius-xs);color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;padding:4px 8px}@media (width<=519px){.room-header .brand-label,.connection-status>span{display:none}}@media (width>=680px){.room-identity p{max-width:48vw}.share-button{--button-padding-inline:12px;--button-width:auto}.share-button__icon{margin-left:5px}.share-button__label{display:inline}}.ui-tabs{border-bottom:1px solid var(--color-line);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.ui-tabs__item{cursor:pointer;min-height:48px;color:var(--color-muted);background:0 0;border:0;font-size:14px;font-weight:700;position:relative}.ui-tabs__item[aria-current=page]{color:var(--color-ink)}.ui-tabs__item[aria-current=page]:after{content:"";background:var(--color-primary-fill);height:2px;position:absolute;bottom:-1px;left:10%;right:10%}.ui-tabs__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-4px}.ui-tabs__item:disabled{cursor:not-allowed;opacity:.4}.room-mobile-nav{z-index:10;background:var(--color-mobile-tabs-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;padding-inline:18px;display:flex;position:sticky;top:0}.room-mobile-tabs{flex:1;min-width:0}@media (width>=680px){.room-mobile-nav{padding-inline:calc(var(--spacing,.25rem) * 8)}}@media (width>=900px){.room-mobile-nav{display:none}}.ui-modal{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);width:min(520px,100vw - 32px);height:fit-content;max-height:calc(100dvh - 64px);box-shadow:0 18px 48px var(--color-shadow);color:var(--color-ink);margin:auto;padding:0;position:fixed;inset:0}.ui-modal::backdrop{background:#0000008c}.ui-modal[open]{animation:.16s ease-out ui-modal-in}.ui-modal-panel{max-height:inherit;flex-direction:column;display:flex}.ui-modal-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 4);border-bottom:1px solid var(--color-line);padding:14px 16px;display:flex}.ui-modal-header h2{font-size:13px;font-weight:700}.ui-modal-body{flex:1;padding:16px;font-size:12px;overflow-y:auto}.ui-modal-footer{align-items:center;column-gap:calc(var(--spacing,.25rem) * 3);row-gap:calc(var(--spacing,.25rem) * 2);border-top:1px solid var(--color-line);flex-wrap:wrap;padding:12px 16px;font-size:12px;display:flex}@keyframes ui-modal-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ui-modal[open]{animation:none}}.room-settings-form{gap:calc(var(--spacing,.25rem) * 2.5);flex-direction:column;display:flex}.room-settings-field{align-items:center;column-gap:calc(var(--spacing,.25rem) * 3);row-gap:calc(var(--spacing,.25rem) * 1.5);flex-wrap:wrap;display:flex}.room-settings-field label,.room-settings-field-label{min-width:88px;color:var(--color-ink-soft);font-weight:700}.room-settings-field input{border:1px solid var(--color-line-strong);border-radius:var(--radius-xs);background:var(--color-surface);min-width:0;color:var(--color-ink);flex:1;padding:7px 9px;font-size:12px}.room-settings-hint,.room-settings-notice,.room-settings-access-notice{color:var(--color-muted)}.room-settings-notice--failed,.room-settings-access-notice--failed,.room-settings-form [role=alert]{color:var(--color-danger)}.room-settings-actions{align-items:center;column-gap:calc(var(--spacing,.25rem) * 3);row-gap:var(--spacing,.25rem);flex-wrap:wrap;margin-right:auto;display:flex}.room-settings-actions>span{color:var(--color-muted-deep)}.room-settings-delete{color:var(--color-danger)}.room-settings-delete-confirm{border:1px solid #ff8f7a66;margin-top:12px;padding:10px 12px}@supports (color:color-mix(in lab, red, red)){.room-settings-delete-confirm{border:1px solid color-mix(in srgb, var(--color-danger) 40%, transparent)}}.room-settings-delete-confirm{border-radius:var(--radius-xs);background:#ff8f7a12}@supports (color:color-mix(in lab, red, red)){.room-settings-delete-confirm{background:color-mix(in srgb, var(--color-danger) 7%, transparent)}}.room-settings-delete-confirm,.room-settings-delete-notice{color:var(--color-danger)}.room-page{background-color:var(--color-page,#11110f);flex-direction:column;min-height:100dvh;display:flex}.room-grid{padding-top:calc(var(--spacing,.25rem) * 3);padding-bottom:calc(var(--spacing,.25rem) * 3);flex-direction:column;flex:1;display:flex}[data-room-panel]{display:none}.room-grid[data-mobile-panel=listen] [data-room-panel=listen],.room-grid[data-mobile-panel=playlist] [data-room-panel=playlist]{flex:1;display:block}.chat-dock{display:contents}.panel-card{background-color:var(--color-surface,#191916);border:var(--card-border-width) solid var(--color-card-line);border-radius:var(--radius-card);overflow:hidden}.listen-column{min-width:0}@media (width<=899px){.chat-dock{z-index:30;visibility:hidden;width:min(420px,88vw);box-shadow:-18px 0 44px var(--color-shadow);transition:transform .22s,visibility 0s linear .22s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.chat-dock[data-open=true]{visibility:visible;transition:transform .22s,visibility;transform:none}.chat-dock:focus-visible{outline:none}.chat-dock .chat-column{border-radius:0;flex:1;min-height:0}@media (prefers-reduced-motion:reduce){.chat-dock,.chat-dock[data-open=true]{transition:none}}.room-grid .section-kicker,.playlist-heading>span{display:none}.room-grid .panel-title-row h2,.room-grid .chat-heading h2{margin-top:0}}@media (width>=900px){.room-grid{flex:none;grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);gap:12px;padding:12px 0;display:grid}[data-room-panel],.room-grid[data-mobile-panel] [data-room-panel]{display:block}.room-grid[data-mobile-panel] .listen-column{grid-row:span 2;grid-template-rows:subgrid;gap:12px;display:grid}.listen-column .listeners-card{margin-top:0}}@media (width>=1280px){.room-grid{flex:1;grid-template-columns:minmax(460px,1.15fr) minmax(290px,.72fr) minmax(310px,.78fr);min-height:0}.room-grid[data-mobile-panel] .listen-column{grid-row:auto;grid-template-rows:auto minmax(0,1fr)}}