@layer foundation{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101713;--panel:#18211b;--line:#303d33;--text:#f2f0e6;--muted:#a1b0a3;--accent:#e9bd79;--button-ink:#18241b;--green:#92c5a1;--field-bg:#111b14;--field-line:#40503a;--panel-highlight:linear-gradient(145deg,#2c3a29,#1b2a20);--panel-highlight-line:#61704c;--radius-panel:14px;--radius-control:8px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--font-page:2rem;--font-section:1.45rem;--font-control:1rem;background:var(--bg);color:var(--text);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-width:320px;margin:0}button,input,select,textarea{font:inherit}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button:focus-visible,.button:focus-visible{outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:var(--font-page);letter-spacing:-.055em;margin-bottom:16px;font-weight:600;line-height:1.1}h2{font-size:var(--font-section);letter-spacing:-.035em;margin-bottom:14px;font-weight:600;line-height:1.2}h3{letter-spacing:-.025em;font-size:1.2rem;font-weight:600;line-height:1.3}p{line-height:1.65}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{letter-spacing:.16em;color:var(--accent);margin-bottom:10px;font-size:10px;font-weight:700;line-height:1.5}}@layer layouts{:root{--workspace-width:1320px;--compact-width:660px;--workspace-columns:minmax(0,1fr) 360px;--workspace-gap:22px;--workspace-gutter:3.5vw;--workspace-padding:34px var(--workspace-gutter) 50px;--workspace-panel-padding:24px;--layout-stacked:0}.page{width:100%;min-width:0;padding:var(--workspace-padding);margin:0 auto}.page[data-layout=workspace]{max-width:var(--workspace-width)}.page[data-layout=compact]{max-width:var(--compact-width);padding-inline:22px}.page[data-layout=display]{max-width:none;min-height:calc(100dvh - var(--app-header-height,90px));padding:36px 3vw 28px}.workspace-grid{grid-template-columns:var(--workspace-columns);gap:var(--workspace-gap);align-items:start;min-width:0;display:grid}.workspace-grid>*{min-width:0}.workspace-grid[data-composition=sidebar]{grid-template-areas:"primary secondary"}[data-composition=sidebar]>[data-slot=primary]{grid-area:primary}[data-composition=sidebar]>[data-slot=secondary]{grid-area:secondary}.workspace-grid[data-composition=music]{overflow-anchor:none;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"player player""find list"}[data-composition=music]>[data-slot=player]{grid-area:player}[data-composition=music]>[data-slot=find]{grid-area:find}[data-composition=music]>[data-slot=list]{grid-area:list}.stack{gap:var(--workspace-gap);flex-direction:column;min-width:0;display:flex}.stack>*{margin-block:0}.app-content>.notice{width:calc(100% - 2 * var(--workspace-gutter));max-width:calc(var(--workspace-width) - 2 * var(--workspace-gutter));margin:var(--workspace-gap) auto 0}.fallback-content{overflow-wrap:anywhere}.fallback-content>p{color:var(--muted)}@media (width<=1099px){:root{--workspace-width:720px;--workspace-columns:minmax(0,1fr);--workspace-gap:14px;--workspace-gutter:18px;--workspace-padding:20px var(--workspace-gutter) 35px;--workspace-panel-padding:16px;--layout-stacked:1}.page[data-layout=compact]{padding-inline:var(--workspace-gutter)}.workspace-grid[data-composition=sidebar]{grid-template-areas:"primary""secondary"}.workspace-grid[data-composition=music]{flex-direction:column;display:flex}.workspace-grid[data-composition=music]>:not(.sr-only){width:100%}}@media (width<=700px){.page[data-layout=display]{padding:28px 20px}}@media (width>=1700px){.page[data-layout=display]{padding-top:44px;padding-bottom:32px}}@media (height<=800px) and (width>=1001px){.page[data-layout=display]{padding-top:24px;padding-bottom:22px}}}@layer components{.avatar{letter-spacing:-.02em;color:#263c2a;background:#bdd0a6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.avatar-1{color:#61452a;background:#e4c392}.avatar-2{color:#354d61;background:#bcc9d6}.avatar-3{color:#704944;background:#d5b6b0}.avatar-4{color:#54415f;background:#c5b9d1}.avatar-small{width:34px;height:34px;font-size:11px}.avatar-large{width:62px;height:62px;font-size:20px}button,.button{border:1px solid var(--accent);min-height:46px;color:var(--button-ink);background:var(--accent);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 19px;font-size:14px;font-weight:650;line-height:1.35;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}button:hover:not(:disabled),.button:hover{filter:brightness(1.09)}button:disabled{opacity:.45;cursor:not-allowed}.secondary{color:var(--text);border-color:var(--line);background:0 0}input,select,textarea{background:var(--field-bg);min-width:0;min-height:46px;color:var(--text);border:1px solid var(--field-line);border-radius:var(--radius-control);font-size:var(--font-control);padding:12px}input::placeholder,textarea::placeholder{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);min-width:0;padding:var(--workspace-panel-padding);margin:0}.panel[data-density=compact]{padding:var(--space-md)}.panel[data-tone=highlight]{background:var(--panel-highlight);border-color:var(--panel-highlight-line)}.workspace-heading{justify-content:space-between;align-items:center;gap:var(--space-md);min-height:46px;margin-bottom:var(--workspace-gap);display:flex}.workspace-heading h1{margin:0}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--workspace-gap);flex-wrap:wrap;display:flex}.section-heading h2,.section-heading .eyebrow{margin-bottom:0}.section-heading>div .eyebrow{margin-bottom:7px}.heading-brand{letter-spacing:-.06em;font-family:ui-serif,Georgia,serif;font-size:3.4rem;font-weight:400}.actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.actions[data-layout]{margin:0}.actions[data-layout=form]>button{flex:180px}.form-stack{gap:20px;display:grid}.field{gap:10px;display:grid}.field label{font-size:12px;font-weight:550}.field input,.field select{width:100%}.field>button{justify-self:start;margin:8px 0}.field-hint{margin:0;font-size:11px}.field-error{color:#ffdad1;margin:0;font-size:.875rem}.field-error[hidden]{display:none}.notice,.warning,.error,.connection{overflow-wrap:anywhere;border-radius:9px;padding:14px 16px;font-size:13px;line-height:1.6}.warning{color:#e8cb9e;background:#30291c;border:1px solid #655335}.error{color:#ffdad1;background:#462b28}.connection{color:#ebcc9b;background:#30291c}.success{color:var(--green)}.notice.success{color:#d3dbba;background:#253322;border:1px solid #4a6040}.badge{border:1px solid var(--line);letter-spacing:.08em;white-space:nowrap;color:var(--accent);border-radius:100px;align-items:center;padding:7px 10px;font-size:10px;font-weight:650;line-height:1.2;display:inline-flex}@media (width<=700px){.workspace-heading{align-items:flex-start}.field>button{width:100%}}.listening-order{max-width:var(--header-width);padding-inline:var(--header-gutter);margin:0 auto;position:relative}.order-bar{border-top:1px solid var(--line);align-items:center;gap:12px;min-width:0;min-height:89px;padding-block:12px;display:flex}.order-status{color:var(--muted);flex-shrink:0;font-size:11px}.order-status:empty{display:none}.order-empty{flex:1;min-width:0;margin:0;font-size:12px}.rotation-list{--order-gap:26px;gap:var(--order-gap);scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.rotation-list[hidden],.order-bar>[hidden]{display:none}.rotation-seat{border:1px solid var(--line);background:#18251b;border-radius:10px;flex:0 0 180px;grid-template-rows:18px 16px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:4px 8px;min-width:0;min-height:64px;padding:10px 6px;display:grid;position:relative}.rotation-list>.rotation-seat:not(:last-child):after{content:"";top:50%;right:calc(-1 * var(--order-gap) - 1px);width:var(--order-gap);pointer-events:none;background:linear-gradient(90deg,#83937366,#c6b58bcc);height:12px;position:absolute;transform:translateY(-50%);-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2012'%20fill='none'%3e%3cpath%20d='M1.5%206h14M11.5%202l4%204-4%204'%20stroke='black'%20stroke-width='1.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/18px 12px no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2012'%20fill='none'%3e%3cpath%20d='M1.5%206h14M11.5%202l4%204-4%204'%20stroke='black'%20stroke-width='1.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e") 50%/18px 12px no-repeat}.rotation-seat .avatar{grid-area:1/1/3;width:32px;height:32px;font-size:11px}.rotation-seat strong{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;min-width:0;font-size:14px;font-weight:600;line-height:18px;overflow:hidden}.seat-state{color:var(--muted);white-space:nowrap;grid-area:2/2;font-size:11px;font-weight:500;line-height:16px}.rotation-seat .seat-state:empty{display:none}.rotation-seat:not(.is-current):not(.is-next):not(.is-you){opacity:.55}.rotation-seat.is-you{border-color:var(--accent)}.rotation-seat.is-next{border-color:var(--accent);opacity:.85;background:#2c2b20}.rotation-seat.is-next .seat-state{color:var(--accent);font-weight:700}.rotation-seat.is-current{background:#30432b;border-color:#829b6e}.rotation-seat.is-current .seat-state{color:#c9e8b1;font-weight:700}.rotation-seat.is-current .seat-state:before{content:"● ";font-size:9px}.order-trace{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);display:none;position:absolute;inset:-1px;overflow:visible}.order-trace rect{rx:9.5px;fill:none;width:calc(100% - 1px);height:calc(100% - 1px)}.order-trace-mask{stroke:#fff;stroke-width:1px}.order-trace-light{stroke:#edf5d9;stroke-width:64px;stroke-linecap:round;stroke-dasharray:.001 99.999;opacity:1;filter:blur(12px)}.order-trace-halo{opacity:.9;filter:blur(3px)}.listening-order .rotation-seat.is-current .order-trace{display:block}.listening-order .rotation-seat.is-current .order-trace-light{animation:10s linear infinite order-trace}@keyframes order-trace{0%{stroke-dashoffset:-20px}to{stroke-dashoffset:-120px}}@media (prefers-reduced-motion:reduce){.listening-order .rotation-seat.is-current .order-trace-light{stroke-dasharray:none;stroke-dashoffset:0;animation:none}.order-trace-light{stroke-width:1px;opacity:.55;filter:none}.order-trace-halo{display:none}}.rotation-list.is-editable .rotation-seat:not([aria-disabled=true]){cursor:grab;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.rotation-list.is-editable .rotation-seat:focus-visible{outline-offset:-3px}.rotation-list.is-dragging,.rotation-list.is-dragging .rotation-seat{cursor:grabbing}.rotation-seat.is-dragging{box-shadow:none;background:#b9d99f0a;border:1px dashed #b9d99f88}.rotation-seat.is-dragging>*{visibility:hidden}.rotation-seat.is-keyboard-dragging{outline:2px solid var(--accent);outline-offset:-3px}.order-drag-preview{z-index:60;pointer-events:none;opacity:.95;border-color:var(--accent);cursor:grabbing;margin:0;position:fixed;top:0;left:0;box-shadow:0 12px 30px #0008}.order-drag-preview .order-trace{visibility:hidden}.order-drag-preview.is-invalid-drop{opacity:.5}.rotation-seat.order-drag-preview{background:#18251b}.seat-state-compact{display:none}@media (width<=1099px){.order-bar{flex-wrap:wrap;gap:4px;min-height:53px;padding-block:4px}.rotation-list{--order-gap:18px;flex-basis:100%}.rotation-list>.rotation-seat:not(:last-child):after{-webkit-mask-size:12px 10px;mask-size:12px 10px}.rotation-seat{flex-basis:clamp(96px,calc((100% - 2 * var(--order-gap)) / 3),112px);border-radius:6px;grid-template-columns:minmax(0,1fr);gap:0 6px;min-height:44px;padding:3px 4px}.order-trace rect{rx:5.5px}.rotation-seat .avatar,.seat-state:not(.seat-state-compact){display:none}.rotation-seat strong{text-align:center;grid-column:1;font-size:13px}.seat-state-compact{text-align:center;grid-column:1;font-size:11px;display:block}.order-status{flex-basis:100%;font-size:13px}}.user-picker{flex-wrap:wrap;gap:8px;margin-block:16px;display:flex}.user-choice{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.user-choice span{text-overflow:ellipsis;overflow:hidden}.user-choice .avatar{flex-shrink:0;width:32px;height:32px}.user-choice[aria-pressed=true]{border-color:var(--accent);background:#30432b}.pin-enrollment{margin-bottom:16px}.pin-enrollment form{max-width:320px}input[inputmode=numeric][name=pin],#first-user-pin,#reset-user-pin{letter-spacing:.35em;font-variant-numeric:tabular-nums}}@layer features{.settings-page{max-width:1200px}.settings-workspace{min-width:0}.settings-page .workspace-heading{margin-bottom:20px}.settings-page .workspace-heading h1{font-size:clamp(1.7rem,3vw,2.1rem)}.settings-page .workspace-heading .button{min-height:44px;padding:9px 14px}.settings-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:32px;display:grid}.settings-navigation{top:calc(var(--app-header-height,90px) + 20px);gap:6px;display:grid;position:sticky}.settings-section-link{min-height:48px;color:var(--muted);border:1px solid #0000;border-radius:10px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex}.settings-section-link>span{color:var(--text);font-size:14px;font-weight:650}.settings-section-link>small{font-size:12px;line-height:1.5}.settings-section-link:hover{background:var(--panel)}.settings-section-link[aria-current]{background:var(--panel);border-color:#536648}.settings-section-link[aria-current]>span{color:var(--accent)}.settings-content{min-width:0}.settings-section{flex-direction:column;gap:20px;min-width:0;display:flex}.settings-section[hidden]{display:none}.settings-section-heading h2{margin:0 0 8px;font-size:1.45rem;line-height:1.3}.settings-section-heading p{margin:0;font-size:14px;line-height:1.6}.settings-page .settings-card{padding:24px}.settings-page .settings-card .section-heading{margin-bottom:18px}.settings-page .settings-card .section-heading h3{margin:0;font-size:1.05rem;line-height:1.4}.settings-page .settings-card p,.settings-page .settings-card .field-hint{font-size:14px;line-height:1.65}.settings-page .settings-card label{font-size:14px}.settings-page .settings-card .small,.settings-page .settings-card .field-hint{font-size:13px}.settings-page .settings-card .saved-address{overflow-wrap:anywhere;font-size:14px}.settings-page .settings-state{letter-spacing:0;color:var(--muted);padding:6px 9px;font-size:12px}.settings-page .settings-card>button{margin:6px 8px 6px 0}.settings-page .settings-card>p:last-child{margin-bottom:0}.settings-page .settings-card input:not([type=checkbox]),.settings-page .settings-card select{max-width:100%;font-size:16px}.settings-page .connection-fields,.settings-page .integration-form{max-width:600px}.connection-fields>p{margin:0}.connection-fields>button{justify-self:start;max-width:100%}.settings-connection-actions~.connection-fields{margin-top:20px}.settings-page .settings-connection-actions{margin:14px 0}.settings-page .settings-help,.settings-page .settings-advanced,.settings-page .settings-address-help{border-top:1px solid var(--line);margin-top:20px}.settings-page details>summary{cursor:pointer;color:var(--accent);min-height:44px;padding:14px 0;font-size:14px}.settings-page .settings-security-note,.settings-page .settings-safe-note{color:var(--muted);font-size:12px;line-height:1.6}.settings-page .settings-safe-note{margin:16px 0 0}.settings-page .settings-recovery .warning{margin:14px 0;padding:14px}.settings-page .settings-notice{margin:0}.settings-workspace>.settings-notice{margin-bottom:20px}.setting-toggle{cursor:pointer;align-items:center;gap:12px;min-height:44px;margin:12px 0;display:flex}.setting-toggle input{width:18px;height:18px;min-height:0;accent-color:var(--accent);flex:0 0 18px}.speaker-refresh{padding-inline:40px;position:relative}.speaker-refresh[aria-busy=true]{opacity:.8;cursor:progress}.speaker-refresh[aria-busy=true]:before{content:"";border:2px dotted var(--accent);border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:1.2s linear infinite speaker-refresh-spin;position:absolute;top:calc(50% - 8px);left:16px}@keyframes speaker-refresh-spin{to{transform:rotate(360deg)}}.settings-page .danger{color:#ffc0b5;background:0 0;border-color:#86534a}.settings-user-list{margin:20px 0;padding:0;list-style:none}.settings-user-row{border-top:1px solid var(--line);padding-block:18px}.settings-user-row:last-child{border-bottom:1px solid var(--line)}.settings-user-header{align-items:center;gap:12px;min-width:0;display:flex}.settings-user-identity{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.settings-user-identity strong{overflow-wrap:anywhere;font-size:15px}.settings-user-identity>span{font-size:12px}.settings-user-header button{flex-shrink:0;min-height:44px;padding:9px 14px}.settings-user-details{background:var(--field-bg);border-radius:9px;margin-top:18px;padding:18px}.settings-user-details[hidden]{display:none}.settings-pin-form{max-width:520px}.settings-pin-form .field{max-width:220px}.settings-pin-form .actions,.settings-pin-form p{margin:0}.settings-danger-zone{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.settings-danger-zone:only-child{border-top:0;margin-top:0;padding-top:0}.settings-danger-zone p{margin:0 0 12px}.settings-empty{padding:20px 0}.settings-empty h3{margin:0;font-size:1rem}@media (width<=900px){.settings-layout{grid-template-columns:minmax(0,1fr);gap:24px}.settings-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:static}.settings-section-link{border-color:var(--line);justify-content:center;padding:12px}.settings-section-link>small{display:none}}@media (width<=550px){.settings-page .settings-card{padding:18px}.settings-page .workspace-heading{flex-wrap:wrap;align-items:center;gap:10px}.settings-user-details{padding:14px}}.progress-rail{align-self:center;width:100%;min-width:0;position:relative}.playback-progress .progress-rail progress{width:100%;margin:0;display:block}.playback-progress .progress-rail progress[hidden]{display:none}.auto-reveal-marker{background:var(--text);opacity:.55;border-radius:1px;width:2px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.auto-reveal-marker[hidden]{display:none}.panel[data-playback-role]{grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);grid-template-areas:"identity transport""timeline timeline""footer footer";align-items:center;gap:16px 24px;display:grid}[data-playback-role]>.private-now-playing,[data-playback-role]>.host-live-person{grid-area:identity;margin:0}.panel[data-playback-role]>.playback-progress{grid-area:timeline;margin:0}.panel[data-playback-role] .playback-transport{grid-area:transport;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}[data-playback-role] .playback-transport button{min-width:0;min-height:48px;padding:10px 14px}[data-playback-role] .playback-transport button>span{overflow-wrap:normal}.playback-icon{flex-shrink:0;width:18px;height:18px}.panel[data-playback-role] .playback-footer{border-top:1px solid var(--line);flex-wrap:wrap;grid-area:footer;justify-content:space-between;align-items:center;gap:12px 24px;padding-top:12px;display:flex}[data-playback-role] .playback-volume{flex:260px;align-items:center;gap:10px;min-width:0;max-width:420px;display:flex}[data-playback-role] #player-mute{flex-shrink:0;min-width:104px;min-height:44px;padding:8px 10px}.panel[data-playback-role] .volume-control{flex:1;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;margin:0}.panel[data-playback-role] .volume-control input[type=range]{grid-area:1/2}.panel[data-playback-role] .volume-control output{text-align:right;grid-area:1/3;min-width:4ch}[data-playback-role] .player-ending{border:0;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:0;padding:0;display:flex}[data-playback-role] .player-ending button{min-height:44px}@media (width>=1100px){.panel[data-playback-role]{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr)}.panel[data-playback-role] .playback-transport{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.panel[data-playback-role] .playback-transport:has(#player-play-next[hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}[data-playback-role] .playback-transport button{gap:6px;width:100%;min-height:48px;padding:10px 8px;font-size:14px}[data-playback-role] .playback-transport button>span{white-space:normal;word-break:normal}}@media (width<=1099px){.panel[data-playback-role]{grid-template-columns:minmax(0,1fr);grid-template-areas:"identity""transport""timeline""footer";gap:6px}[data-playback-role] .playback-transport{width:100%}[data-playback-role] .playback-transport button{flex:1;min-height:54px;padding:8px;font-size:13px}.panel[data-playback-role] .playback-footer{flex-wrap:nowrap;gap:8px;padding-top:8px}[data-playback-role] .playback-volume{flex:120px;gap:8px;max-width:none}[data-playback-role] #player-mute{width:44px;min-width:44px;padding:8px}[data-playback-role] .player-ending{flex-wrap:nowrap;flex-shrink:0;gap:6px;width:auto}.panel[data-playback-role] .player-ending button{flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:8px}[data-playback-role] .playback-footer button>span{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel[data-playback-role] .volume-control{grid-template-columns:minmax(0,1fr) auto}.panel[data-playback-role] .volume-control label{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.panel[data-playback-role] .volume-control input[type=range]{grid-column:1}.panel[data-playback-role] .volume-control output{grid-column:2}[data-playback-role] .host-live-person{gap:12px}}@media (width>=700px) and (width<=1099px) and (height<=500px){.panel[data-playback-role]{grid-template-columns:minmax(0,1fr) minmax(260px,1fr);grid-template-areas:"identity transport""timeline timeline""footer footer"}[data-playback-role] .playback-volume{flex-basis:260px}[data-playback-role] .player-ending{width:auto}}:is(#participant-player,#host-player) .player-mobile-only{display:none}#host-player .host-record{aspect-ratio:1;place-items:center;display:grid;overflow:hidden}#host-player .host-record .vinyl{width:100%;box-shadow:none}#host-player[data-playback=playing] .room-record{animation-play-state:running}@media (prefers-reduced-motion:reduce){#host-player .room-record{animation:none}}#host-player .playback-transport{grid-template-columns:repeat(2,minmax(0,1fr))}#participant-player.is-turn-ready{border-color:var(--accent)}#participant-player.turn-arrived{animation:1.2s ease-out 2 turn-arrived}@keyframes turn-arrived{0%{box-shadow:0 0 #e9bd79aa}to{box-shadow:0 0 0 14px #e9bd7900}}@media (width<=1099px){:is(#participant-player,#host-player){box-sizing:border-box;flex-shrink:0;grid-template:"identity"3.625rem"timeline"2.5rem"transport"2.75rem"volume"2.75rem"ending"2.75rem/minmax(0,1fr);align-items:stretch;gap:.25rem;block-size:calc(16.875rem + 2px);padding:.75rem;display:grid}:is(#participant-player,#host-player) .player-mobile-only{display:inline}:is(#participant-player,#host-player) .player-desktop-only{display:none}:is(#participant-player,#host-player) .private-now-playing{align-items:center;gap:.625rem;min-width:0;margin:0;position:relative}:is(#participant-player,#host-player) .mini-record{flex:0 0 3.5rem;width:3.5rem;height:3.5rem}:is(#participant-player,#host-player) .private-now-playing>div:last-of-type{flex:1;min-width:0}:is(#participant-player,#host-player) .private-now-playing h2{height:2.5rem;margin:0;font-size:1.125rem;line-height:1.25rem}:is(#participant-player,#host-player) .artist-credit{visibility:hidden;gap:.25rem;height:1.125rem}:is(#participant-player,#host-player).has-active-song .artist-credit{visibility:visible}:is(#participant-player,#host-player) .artist-portrait{width:1.125rem;height:1.125rem}:is(#participant-player,#host-player) .artist{font-size:.8125rem;line-height:1.125rem}:is(#participant-player,#host-player) .output-label{display:none}#participant-player .player-details-open{background:0 0;border:0;border-radius:6px;width:100%;height:100%;min-height:0;padding:0;display:block;position:absolute;inset:0}:is(#participant-player,#host-player) .playback-progress{grid-template-rows:1rem .25rem 1rem;gap:.125rem;min-width:0;margin:0;display:grid}:is(#participant-player,#host-player) .player-status-line{gap:.375rem;height:1rem;min-height:0;line-height:1rem}:is(#participant-player,#host-player) :is(.playback-status,.player-mobile-notice){letter-spacing:0;font-size:.75rem;line-height:1rem}:is(#participant-player,#host-player) .player-mobile-notice{color:var(--muted);display:none}:is(#participant-player,#host-player).has-player-notice .playback-status{display:none}:is(#participant-player,#host-player).has-player-notice .player-mobile-notice{display:block}:is(#participant-player,#host-player).has-player-error .player-mobile-notice{color:#ffdad1}:is(#participant-player,#host-player) .privacy-tag{display:none}:is(#participant-player,#host-player) .player-mobile-privacy{color:var(--muted);flex-shrink:0;font-size:.75rem}:is(#participant-player,#host-player) progress{width:100%;height:.25rem;margin:0}:is(#participant-player,#host-player) progress:not([value]){visibility:hidden}:is(#participant-player,#host-player) .track-times{height:1rem;min-height:0;margin:0;font-size:.75rem;line-height:1rem;display:flex}:is(#participant-player,#host-player) .track-times:empty:before,:is(#participant-player,#host-player) .track-times:empty:after{content:"—:—"}:is(#participant-player,#host-player) .playback-transport{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;width:100%;display:grid}#host-player .playback-transport{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#participant-player,#host-player) .playback-transport button,#participant-player #player-play-next[hidden]{flex-direction:row;gap:.125rem;width:100%;min-width:0;height:100%;min-height:0;padding:.25rem .0625rem;font-size:.8125rem;line-height:1rem;display:flex}:is(#participant-player,#host-player) .playback-transport button>span{text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;max-width:100%;overflow:hidden}:is(#participant-player,#host-player) .playback-transport .player-desktop-only{display:none}:is(#participant-player,#host-player) :is(#player-transport,#host-transport){color:var(--text);border-color:var(--line);background:0 0}:is(#participant-player,#host-player).has-active-song :is(#player-transport,#host-transport),#participant-player:not(.has-active-song) #player-play-next:not(:disabled){background:var(--accent);color:var(--button-ink);border-color:var(--accent)}:is(#participant-player,#host-player) .playback-icon{width:1.125rem;height:1.125rem}:is(#participant-player,#host-player) .playback-transport .playback-icon{width:1rem;height:1rem}:is(#participant-player,#host-player) .playback-footer{display:contents}:is(#participant-player,#host-player) .playback-volume{grid-area:volume;gap:.5rem;min-width:0;max-width:none;display:flex}:is(#participant-player,#host-player) #player-mute{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:0;padding:.5rem}:is(#participant-player,#host-player) .volume-control{grid-template-columns:minmax(0,1fr) 4ch;gap:.5rem;margin:0}:is(#participant-player,#host-player) .volume-control input[type=range]{grid-column:1;height:2.75rem;min-height:0}:is(#participant-player,#host-player) .volume-control output{font-variant-numeric:tabular-nums;grid-column:2;width:100%;min-width:0;font-size:.8125rem}:is(#participant-player,#host-player) .volume-control output[data-unavailable]{font-size:0}:is(#participant-player,#host-player) .volume-control output[data-unavailable]:after{content:"—";font-size:.8125rem}:is(#participant-player,#host-player) .player-ending{grid-area:ending;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;width:100%;display:grid}#host-player .player-ending{grid-template-columns:minmax(0,1fr)}:is(#participant-player,#host-player) .player-ending button{gap:.375rem;width:100%;min-width:0;height:100%;min-height:0;padding:.375rem;font-size:.8125rem}:is(#participant-player,#host-player) .player-ending button>span{clip:auto;white-space:nowrap;text-overflow:ellipsis;width:auto;height:auto;margin:0;position:static;overflow:hidden}:is(#participant-player,#host-player) .player-ending .player-desktop-only{display:none}#participant-player #player-reveal{color:var(--accent);background:0 0}#participant-player .player-ending{grid-template-columns:minmax(0,1fr) 8rem;gap:1.25rem}#participant-player.without-reveal .player-ending{grid-template-columns:minmax(0,1fr)}#participant-player #finish-my-turn{width:100%;padding-inline:.5rem}#participant-player.is-turn-ready .player-mobile-notice{color:var(--accent);font-weight:650}#participant-player.is-waiting{grid-template-rows:auto;grid-template-areas:"waiting";block-size:auto;padding:.875rem 1rem}#participant-player.is-waiting>:not(.player-waiting):not(dialog),#participant-player:not(.is-waiting) .player-waiting{display:none}#participant-player.is-waiting .player-waiting{grid-area:waiting;gap:.25rem;min-width:0;display:grid}#participant-player .player-waiting-head{justify-content:space-between;align-items:baseline;gap:.75rem;min-width:0;display:flex}#participant-player .player-waiting-turn{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:1.125rem;font-weight:650;line-height:1.5rem;overflow:hidden}#participant-player .player-waiting-status{color:var(--muted);flex-shrink:0;font-size:.75rem;font-weight:600;line-height:1rem}#participant-player .player-waiting-status[data-state=playing]{color:var(--accent)}#participant-player .player-waiting-status[data-state=playing]:before{content:"● "}#participant-player .player-waiting-status[data-state=problem]{color:#ffdad1}#participant-player .player-waiting-distance{color:#c9e8b1;margin:0;font-size:.875rem;font-weight:600;line-height:1.25rem}#participant-player .player-waiting-pick{border-top:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;margin:.375rem 0 0;padding-top:.5rem;font-size:.875rem;line-height:1.25rem;overflow:hidden}#participant-player .player-waiting-label{color:var(--muted);margin-right:.375rem}#participant-player .player-waiting-output{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin:0;font-size:.75rem;line-height:1rem;overflow:hidden}#participant-player .player-waiting-error{color:#ffdad1;margin:0;font-size:.8125rem;line-height:1.25rem}#participant-player .player-waiting-error[hidden]{display:none}#participant-player .player-details-dialog{width:calc(100% - 16px);max-width:600px;max-height:85dvh;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);background:var(--panel);color:var(--text);overflow-wrap:anywhere;border-radius:18px 18px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow:auto}#participant-player .player-details-dialog::backdrop{background:#0009}#participant-player .player-details-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}#participant-player .player-details-header h2{height:auto;margin:0;font-size:1.125rem}#participant-player .player-details-dialog h3{margin-bottom:12px}#participant-player .player-details-error{color:#ffdad1}#participant-player .player-details-dialog [hidden]{display:none}body[data-view=participant]:has(#participant-player) .app-content>:is(.error,.connection){display:none}}@media (width<=359px){:is(#participant-player,#host-player) .playback-transport button,#participant-player #player-play-next[hidden]{gap:0;font-size:.75rem}}.music-collection{display:contents}.music-collection>*{min-width:0}#music-collection>.preparation-list,#music-collection .list-body{overscroll-behavior:auto}@media (width>=1100px){.music-workspace.workspace-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"player""collection"}#music-collection{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel);grid-area:collection;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);align-items:start;display:grid}#music-collection>.catalogue-panel{border-radius:var(--radius-panel) 0 0 var(--radius-panel);background:0 0;border:0;grid-area:1/1;padding:24px}#music-collection>.preparation-list{top:calc(var(--app-header-height,72px) + 12px);border:0;border-left:1px solid var(--line);border-radius:0 var(--radius-panel) var(--radius-panel) 0;box-shadow:none;max-height:calc(100dvh - var(--app-header-height,72px) - 24px);background:0 0;grid-area:1/2;align-self:start;padding:24px;position:sticky;overflow-y:auto}#music-collection .list-heading{min-height:44px}#music-collection .list-heading h2{font-size:1.125rem}#music-collection .list-meta{margin-top:4px}#music-collection .list-preview{display:none}#music-collection .needs-attention .list-preview{color:var(--accent);display:block}#music-collection .list-save-status{margin:12px 0;font-size:.8125rem}#music-collection .list-body{scrollbar-width:thin;flex:auto;height:clamp(240px,45dvh,520px);min-height:120px;max-height:none;margin:0;padding:0 6px 0 0;overflow-y:auto}#music-collection .list-empty{text-align:center;justify-content:center;align-items:center;height:100%;min-height:160px;margin:0;font-size:.9375rem;display:flex}#music-collection .list-body:has(.list-tools) .list-empty{height:auto;min-height:96px}#music-collection .saved-tracks{margin:0;padding:0}#music-collection .list-body .saved-track{border-top:1px solid var(--line);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:10px 0;display:grid}#music-collection .saved-track.is-next{border-top-color:#61704c}#music-collection .saved-track.is-unavailable{border-top-color:var(--accent)}#music-collection .saved-number{width:auto;font-size:12px}#music-collection .saved-track .result-identity{gap:10px;min-width:0}#music-collection .saved-track .result-artwork{flex-basis:40px;width:40px;height:40px}#music-collection .saved-track .result-identity>div:last-child{min-width:0}#music-collection .saved-track strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem;line-height:22px;display:block;overflow:hidden}#music-collection .saved-track p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8125rem;line-height:20px;overflow:hidden}#music-collection .saved-next-label,#music-collection .saved-source{display:none}#music-collection .saved-actions{grid-column:3;justify-content:flex-end;gap:4px;margin:0}#music-collection .saved-unavailable{white-space:normal;font-size:.8125rem;display:block}#music-collection .catalogue-title h2{font-size:1.125rem}}@media (width<=1099px){#music-collection{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel);flex-direction:column;display:flex}#music-collection>.preparation-list{z-index:auto;border:0;border-bottom:1px solid var(--line);background:var(--panel);width:100%;box-shadow:none;border-radius:13px 13px 0 0;max-height:none;padding:10px 14px 12px;position:relative;top:auto;overflow:visible}#music-collection .list-heading{min-height:44px}#music-collection .list-heading h2{white-space:nowrap;font-size:1rem}#music-collection .list-meta{margin-top:2px;line-height:1rem}#music-collection .list-meta .list-preview{margin:0}#music-collection .preparation-list:not([data-save-state=ready]):not(.needs-attention) .list-count{visibility:hidden}#music-collection .list-preview{margin:2px 0 0;font-size:.75rem;line-height:1rem;display:none}#music-collection .needs-attention .list-preview{color:var(--accent);display:block}#music-collection .list-save-status{display:none}#music-collection .preparation-list:not([data-save-state=ready]) .list-save-status{text-overflow:ellipsis;white-space:nowrap;height:16px;margin:0;font-size:.75rem;line-height:16px;display:block;position:absolute;top:32px;left:14px;right:14px;overflow:hidden}#music-collection .preparation-list.needs-attention .list-save-status{display:none}#music-collection .list-body{scrollbar-width:thin;height:auto;min-height:0;max-height:min(15rem,38dvh);margin:0;padding:0 4px 0 0;display:block;overflow-y:auto}#music-collection .list-empty{align-items:center;height:auto;margin:0;padding:.5rem 0;font-size:.875rem;display:flex}#music-collection .saved-tracks{margin:0;padding:0}#music-collection .saved-track{border-top:1px solid var(--line);grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:56px;padding:6px 0;display:grid}#music-collection .saved-track.is-next{border-top-color:#61704c}#music-collection .saved-track.is-unavailable{border-top-color:var(--accent)}#music-collection .saved-number{letter-spacing:0;width:auto;font-size:11px}#music-collection .saved-track .result-identity{gap:8px;min-width:0;display:flex}#music-collection .saved-track .result-artwork{flex-basis:32px;width:32px;height:32px}#music-collection .saved-track .result-identity>div:last-child{min-width:0}#music-collection .saved-track strong{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:20px;display:block;overflow:hidden}#music-collection .saved-track p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.75rem;line-height:18px;overflow:hidden}#music-collection .saved-next-label,#music-collection .saved-source{display:none}#music-collection .saved-actions{grid-column:3;justify-content:flex-end;gap:4px;margin:0}#music-collection .saved-unavailable{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.75rem;line-height:18px;overflow:hidden}#music-collection .list-tools{display:block}#music-collection .list-tools:empty{display:none}#music-collection .list-tools h3{color:var(--muted);margin:14px 0 4px;font-size:.875rem}#music-collection>.catalogue-panel{background:0 0;border:0;border-radius:0 0 13px 13px;width:100%;padding:14px}#music-collection .catalogue-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#music-collection .catalogue-title .privacy-tag{display:none}#music-collection .catalogue-toolbar{margin:0}#music-collection .catalogue-results button,#music-collection .search-form{scroll-margin-top:76px}body[data-short-viewport=true] #music-collection .list-body{max-height:min(9rem,30dvh)}body[data-short-viewport=true] #music-collection .list-save-status{display:none}}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--app-header-height,90px) + 18px)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.saved-track [hidden]{display:none}.room-qr-link{width:75%;margin-inline:auto;display:block}.room-join-link{overflow-wrap:anywhere;margin-top:12px;font-size:14px;display:block}.app-header{--header-width:var(--workspace-width);--header-gutter:var(--workspace-gutter);z-index:30;background:#101a13fa;border-bottom:1px solid #2a392d;position:sticky;top:0}.header-inner{min-height:72px;max-width:var(--header-width);padding:12px var(--header-gutter);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;margin:0 auto;display:grid;position:relative}@media (width>=1100px){.app-header{--header-width:none}}.brand{min-width:0;color:var(--text);grid-area:1/1;align-items:center;gap:13px;text-decoration:none;display:flex}.brand>div{gap:5px;min-width:0;display:grid}.brand strong{letter-spacing:-.04em;font-size:16px;font-weight:650}.brand-subtitle{display:none}.brand-mark{width:38px;height:38px;color:var(--accent);border:1px solid #645842;border-radius:50%;flex-shrink:0;place-items:center;font-size:29px;line-height:1;display:grid}.header-meta{grid-area:1/2;align-items:center;gap:12px;min-width:0;display:flex}.header-meta .secondary,.header-menu-toggle{min-height:44px;color:var(--muted);padding:10px 12px;font-size:12px}.primary-navigation{z-index:2;right:var(--header-gutter);width:min(380px,calc(100% - 2 * var(--header-gutter)));max-height:calc(100dvh - var(--app-bar-height,72px) - 16px);border:1px solid var(--line);background:#18251b;border-radius:0 0 12px 12px;padding:10px;position:absolute;top:100%;overflow-y:auto;box-shadow:0 16px 35px #0006}.header-menu-toggle{white-space:nowrap;grid-area:1/3;width:5.5em}.primary-links{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.primary-navigation>[hidden]{display:none}.header-nav-link{min-height:44px;color:var(--muted);border-radius:7px;align-items:center;padding:10px 11px;font-size:12px;line-height:1.4;text-decoration:none;display:flex}.header-nav-link:hover{color:var(--text);background:#253325}.header-nav-link[aria-current=page]{color:var(--accent);background:#293929}.header-logout{text-align:left;background:0 0;border:0;justify-content:flex-start;width:100%;font-weight:400}.primary-links>.nav-group-start{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.primary-navigation[hidden],.header-menu-toggle[hidden],.header-meta[hidden],.header-meta>[hidden]{display:none}.skip-link{z-index:50;border:1px solid var(--accent);background:var(--bg);border-radius:8px;padding:12px 16px;position:absolute;top:12px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.app-content:focus{outline:none}.vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#19201c 0 2px,#2a342c 3px,#19201c 4px 8px);border:1px solid #405044;border-radius:50%;place-items:center;width:100%;display:grid;position:relative;box-shadow:0 18px 50px #0005,inset 0 0 0 12px #141a16}.vinyl:after{content:"";pointer-events:none;background:conic-gradient(from 35deg,#0000,#c5d7b60c,#0000 27% 60%,#c5d7b610,#0000);border-radius:50%;position:absolute;inset:5%}.vinyl-label{color:#263c2b;letter-spacing:.2em;background:#d4ae71;border:1px solid #edd095;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:14%;width:30%;height:30%;font-size:clamp(7px,1vw,16px);font-weight:750;display:flex}.vinyl-hole{background:#141a16;border-radius:50%;width:13%;height:13%;box-shadow:0 0 0 4px #b68e56}.media-artwork{aspect-ratio:1;background:linear-gradient(145deg,#30402e,#1b2a20);border-radius:8px;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.media-artwork>.vinyl{width:78%}.media-artwork>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.room-artwork{background:0 0;border-radius:0;position:absolute;inset:0}.room-artwork>.vinyl{display:none}.artist-credit{align-items:center;gap:12px;min-width:0;display:flex}.artist-credit>.artist{min-width:0;margin:0}.artist-portrait{border-radius:50%;width:36px;height:36px}.result-identity{align-items:center;gap:13px;min-width:0;display:flex}.result-identity>div:last-child{overflow-wrap:anywhere;min-width:0}.result-artwork{flex:0 0 58px;width:58px;height:58px}.result-artwork .vinyl-label{gap:4px;font-size:2px}.playback-progress{margin:18px 0 0}.playback-status{color:var(--muted);letter-spacing:.06em;font-size:11px;font-weight:600;display:block}.playback-progress[data-status=playing] .playback-status{color:var(--accent)}.playback-progress progress{appearance:none;width:100%;height:6px;accent-color:var(--accent);background:#3a4934;border:0;border-radius:99px;margin:12px 0 0;display:block;overflow:hidden}.playback-progress progress[hidden],.playback-progress .playback-status[hidden],.playback-progress .track-times[hidden],.host-progress[hidden]{display:none}.progress-unavailable{margin:8px 0 0}.playback-progress progress::-webkit-progress-bar{background:#3a4934;border-radius:99px}.playback-progress progress::-webkit-progress-value{background:var(--accent);border-radius:99px}.playback-progress progress::-moz-progress-bar{background:var(--accent);border-radius:99px}.playback-progress[data-status=paused] progress,.playback-progress[data-status=stopped] progress{opacity:.55}.track-times{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.track-times:empty{display:none}.public-playback{max-width:440px;margin-top:24px}.public-playback .playback-status{font-size:clamp(12px,1vw,18px)}.public-playback .track-times{font-size:clamp(12px,.9vw,16px)}.volume-control{grid-template-columns:1fr auto;align-items:center;gap:6px 12px;margin:18px 0;display:grid}.volume-control label,.volume-control output{color:var(--muted);font-size:12px}.volume-control input[type=range]{width:100%;min-height:32px;accent-color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:0;grid-column:1/-1;padding:0}.volume-control input:disabled{opacity:.4;cursor:not-allowed}.host-audio{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding:12px 24px;display:flex}.host-audio>div:first-child{flex:220px;min-width:0}.host-audio h2{margin:0;font-size:18px}.host-audio p.small{margin:4px 0 0;font-size:11px}.host-audio .output-label{margin-top:2px}.host-audio .volume-control{flex:240px;grid-template-columns:auto minmax(0,1fr) auto;max-width:360px;margin:0}.host-audio .volume-control input[type=range]{grid-area:1/2}.host-audio .volume-control output{grid-area:1/3}body[data-view=display]{background:radial-gradient(at 18% 40%,#1e3022 0,#0000 58%),#0c120e;min-height:100vh}.display-page{flex-direction:column;gap:40px;display:flex}.room-stage{flex:1;grid-template-columns:minmax(0,1fr) clamp(160px,12vw,220px);align-items:center;gap:clamp(24px,3vw,64px);padding:16px 0;display:grid}.room-listening{grid-template-rows:1fr auto 1fr;align-self:stretch;min-width:0;display:grid}.room-turn{color:var(--text);overflow-wrap:anywhere;grid-row:1;align-self:end;margin:0 0 28px;font-size:clamp(18px,1.5vw,26px)}.now-playing{grid-row:2;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);align-items:center;gap:clamp(24px,2.5vw,48px);display:grid}.cover{aspect-ratio:1;border-radius:12px;overflow:hidden}.room-cover{background:linear-gradient(145deg,#30402e,#1b2a20);border:1px solid #48604366;place-items:center;width:100%;padding:7%;display:grid;position:relative;box-shadow:0 22px 60px #0004}.room-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.room-cover>.vinyl{container-type:inline-size}.vinyl-label.is-personalized{letter-spacing:.06em;gap:7%;width:36%;height:36%}.vinyl-label.is-personalized>span{text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:86%;line-height:1.15;display:-webkit-box;overflow:hidden}.vinyl-label.is-personalized .vinyl-owner{text-transform:uppercase;font-size:clamp(7px,4cqw,20px)}.vinyl-label.is-personalized .vinyl-owner.is-long{font-size:clamp(5px,2.4cqw,13px)}.vinyl-label.is-personalized .vinyl-caption{letter-spacing:.035em;font-size:clamp(5px,2.7cqw,13px)}.vinyl-label.is-personalized .vinyl-hole{flex-shrink:0}.room-record{animation:17.65s linear infinite paused room-spin}.room-record>.vinyl-label{gap:7%;width:36%;height:36%}.room-visual{isolation:isolate;justify-self:end;width:100%;max-width:52vh;position:relative}.room-glow{z-index:-1;pointer-events:none;background:radial-gradient(#e9bd791a,#0000 70%);border-radius:35%;animation:8s ease-in-out infinite paused room-breathe;position:absolute;inset:-9%}.display-page[data-playback=playing] .room-glow,.display-page[data-playback=playing] .room-record{animation-play-state:running}.room-activity{margin-top:28px;display:flex}.room-activity .public-playback{flex:1;min-width:0;margin:0}.room-stream-details{color:var(--muted);letter-spacing:.02em;margin:8px 0 0;font-size:clamp(.7rem,.8vw,.85rem);line-height:1.5}.public-playback .track-times{min-height:1.2em;display:flex}.room-rest{grid-row:2;padding:48px 0}.room-rest h1{margin-bottom:20px;font-size:clamp(2.5rem,4.5vw,5rem)}.room-rest p{margin:0;font-size:clamp(13px,1.1vw,19px)}.now-playing[hidden],.room-rest[hidden]{display:none}@keyframes room-breathe{0%,to{opacity:.35;transform:scale(.98)}50%{opacity:.85;transform:scale(1.04)}}@keyframes room-spin{to{transform:rotate(360deg)}}.track-info{align-self:center;min-width:0}.track-info h1{letter-spacing:-.045em;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 24px;padding-bottom:.15em;font-size:clamp(2.3rem,4vw,4.9rem);line-height:1.2;display:-webkit-box;overflow:hidden}.track-info h1.is-long{-webkit-line-clamp:4;font-size:clamp(1.75rem,2.5vw,3rem)}.track-info .artist-credit{min-height:38px}.track-info .artist-credit[hidden]{display:none}.track-info .artist{color:#d5d3bf;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1.2rem,1.75vw,2.2rem);line-height:1.5;display:-webkit-box;overflow:hidden}.room-album{color:#a0ae9c;white-space:nowrap;text-overflow:ellipsis;margin:10px 0 0;font-size:clamp(13px,.95vw,18px);line-height:1.5;overflow:hidden}.qr-card{text-align:center}.qr-card h3{letter-spacing:-.04em;margin:12px 0 22px;font-family:ui-serif,Georgia,serif;font-size:1.7rem;font-weight:400}.qr-card img{border-radius:8px;width:min(100%,300px);height:auto;margin:0 auto 18px;display:block}.qr-card p:not(.eyebrow){margin:0;font-size:12px}.qr-card .button{width:100%;margin-top:18px;font-size:12px}.room-invitation{text-align:center;place-self:end;width:100%;max-width:240px}.room-invitation h3{letter-spacing:0;color:var(--muted);margin:0 0 18px;font-size:clamp(14px,1vw,18px);font-weight:500}.room-invitation img{border-radius:8px;width:100%;height:auto;display:block}.room-closed{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.room-closed .welcome-record{width:170px;margin-bottom:30px}.room-closed h1{font-size:clamp(2.5rem,4.5vw,5rem)}.room-closed p{max-width:45ch}.host-live{justify-content:space-between;align-items:center;gap:24px;display:flex}.host-live-person{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.host-live-person h2{overflow-wrap:anywhere;margin-bottom:8px;font-size:2rem}.host-live-person>div{flex:1;min-width:0}.host-playback-status{margin:0;font-size:12px}.host-progress{margin:10px 0 0}.host-progress progress{margin:0}.host-reveal-status{color:var(--muted);margin:8px 0 0;font-size:12px}.host-more-actions{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding-top:8px;display:flex}.host-live-actions [hidden]{display:none}.host-live-person p:last-child{max-width:35ch;margin-bottom:0;font-size:12px}.host-live-actions{flex-direction:column;flex:0 0 215px;gap:9px;display:flex}.host-live-actions button{font-size:12px}.host-live-actions .secondary{color:#c8caba;border-color:#4a5941;min-height:44px;padding:8px 14px}.count-tag{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:100px;padding:5px 9px;font-size:10px;display:inline-block}.row-actions{align-items:center;gap:7px;display:flex}.row-actions button{min-height:36px;padding:7px 11px;font-size:11px}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:9px;padding:24px 16px;font-size:12px}.host-invitations{top:calc(var(--app-header-height,90px) + 24px);min-width:0;position:sticky}.host-invitations .qr-card h3{font-size:1.5rem}.host-page.is-empty .host-invitations{position:static}.host-invitations{scroll-margin-top:100px}.join-link-field{width:100%;margin:12px 0;font-size:.875rem;display:block}.host-invitations button{width:100%}.welcome-record{width:190px}.participant-hero{gap:4px;margin-bottom:8px;padding:0;display:grid}.music-shortcuts,.mobile-player-return,.mobile-list-bar{display:none}.participant-hero h1{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.035em;margin:0;font-size:1.75rem;overflow:hidden}.turn-distance{color:var(--muted);min-height:1.5em;margin:0;font-size:.875rem;line-height:1.5}.privacy-tag{color:var(--muted);text-align:right;font-size:11px;line-height:1.5}.playback-card{scroll-margin-top:16px}.private-now-playing{align-items:center;gap:14px;margin:0 0 12px;display:flex}.private-now-playing>div:last-child{flex:1;min-width:0}.output-label{height:18px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:12px;line-height:18px;overflow:hidden}.private-now-playing h2{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.5em;margin:0 0 4px;font-size:1.25rem;line-height:1.25;display:-webkit-box;overflow:hidden}.private-now-playing .artist-credit{gap:8px;height:22px}.private-now-playing .artist-portrait{flex-shrink:0;width:22px;height:22px}.private-now-playing .artist{color:#d5d3bf;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.mini-record{flex:0 0 64px;width:64px}.mini-record .vinyl-label{gap:6px;font-size:3px}.mini-record .vinyl-hole{box-shadow:none}.playback-card .playback-progress{margin-top:12px}.player-status-line{justify-content:space-between;align-items:center;gap:8px;min-height:18px;display:flex}.playback-card progress[hidden]{visibility:hidden;display:block}.playback-card .track-times{min-height:1.5em;display:flex}.playback-card button[hidden]{display:none}.playback-card .actions button{min-height:46px;padding:10px}.playback-card .reveal-button{min-height:46px;font-size:14px}.playback-card .volume-control{grid-template-columns:auto minmax(0,1fr) auto;margin:12px 0}.playback-card .volume-control input[type=range]{grid-area:1/2}.playback-card .volume-control output{grid-area:1/3}.catalogue-panel>.muted{margin:14px 0;font-size:12px}.catalogue-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.catalogue-title h2{margin:0 0 2px;font-size:18px;line-height:1.3}.catalogue-title .privacy-tag{text-align:left;display:block}.search-form{background:var(--field-bg);border:1px solid var(--field-line);border-radius:10px;gap:4px;margin:0;padding:3px;display:flex}.search-form:focus-within{border-color:var(--accent)}.search-form input{background:0 0;border:0;flex:1;width:100%}.search-form button{border-radius:7px;padding:10px 14px;font-size:14px}.catalogue-panel .music-upload>summary{min-height:44px;padding:10px 0;font-size:13px}.catalogue-results{min-width:0;margin-top:8px}.browse-crumbs{align-items:center;gap:12px;margin:0 0 8px;display:flex}.browse-crumbs button{flex-shrink:0;min-height:44px;padding:8px 12px;font-size:12px}.browse-crumbs h3{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:16px}.track-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:19px 0;display:flex}.track-row:last-child{border-bottom:0;padding-bottom:2px}.track-row>div{overflow-wrap:anywhere;min-width:0}.track-row>div:first-child{flex:170px}.track-row strong{font-size:14px;line-height:1.5}.track-row p{margin:5px 0 0;font-size:12px;line-height:1.6}.track-row .row-actions{flex-wrap:wrap;max-width:100%}.track-row .row-actions button{min-height:44px;font-size:12px}.track-row.is-prepared{background:#2b3926;border-radius:8px;margin:8px -10px 0;padding:14px 10px}.list-save-status{color:var(--muted);min-height:17px;margin:4px 0 12px;font-size:11px}.list-empty{margin:16px 0 20px;font-size:12px}.saved-tracks{margin:0;padding:0;list-style:none}.saved-track{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;min-width:0;padding:17px 0;display:flex}.saved-track .result-identity{flex:170px;min-width:0}.saved-track .result-artwork{flex-basis:44px;width:44px;height:44px}.saved-track strong{font-size:13px}.saved-track p{margin:5px 0 0;font-size:12px;line-height:1.5}.saved-number{color:var(--muted);flex-shrink:0;width:26px;font-size:9px}.saved-track.is-next{border-top-color:#84916a}.saved-track.is-next .saved-number{color:var(--accent);letter-spacing:.06em;font-size:8px}.saved-source,.saved-unavailable{color:var(--muted);margin-top:5px;font-size:11px;display:block}.saved-unavailable{color:var(--accent)}.saved-actions{flex-wrap:wrap;align-items:center;gap:7px;margin-left:auto;display:flex}.saved-actions button,.saved-track>button{min-height:36px;padding:8px 11px;font-size:11px}.list-disclosure{border-top:1px solid var(--line);margin-top:15px}.list-disclosure>summary{cursor:pointer;color:var(--muted);min-height:44px;padding:15px 0;font-size:11px}.list-disclosure>button,.list-notice button{min-height:38px;margin:6px 5px 0 0;padding:8px 11px;font-size:11px}.list-notice{border:1px solid #655335;border-radius:8px;margin:12px 0;padding:14px}.list-notice p{margin:0 0 8px;font-size:12px}.list-note{margin:10px 0}.saved-tracks.is-reorderable>.saved-track{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.saved-tracks.is-reorderable img{-webkit-user-drag:none}.saved-tracks.is-sorting>.saved-track{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.saved-tracks.is-sorting>.saved-track.is-drag-source{z-index:2;cursor:grabbing;background:var(--panel);box-shadow:0 10px 28px #0008,0 0 0 1px var(--accent);border-radius:8px;transition:none;position:relative}body:has(.saved-tracks.is-sorting){cursor:grabbing}.preparation-list :is(.saved-remove,.saved-replace){color:var(--muted);background:0 0;border-color:#0000;padding:0;font-size:1rem;font-weight:500}.preparation-list :is(.saved-remove,.saved-replace):hover:not(:disabled){color:var(--text);border-color:var(--line)}.join-panel>form{margin-top:24px}.join-panel>.link-button{margin-top:12px}.link-button{min-height:44px;color:var(--accent);background:0 0;border-color:#0000;padding-inline:0}.join-existing{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.join-existing h2{margin:0;font-size:1.125rem}.pin-input{min-width:0;position:relative}.pin-input input{width:100%;padding-right:4.75rem}.pin-toggle{min-height:0;color:var(--accent);letter-spacing:0;background:0 0;border:0;border-radius:0 7px 7px 0;padding:0 14px;font-size:.8125rem;font-weight:650;position:absolute;top:1px;bottom:1px;right:1px}.pin-toggle:focus-visible{outline-offset:-3px}.join-notice{margin:18px 0 0;font-size:13px}@media (width>=1700px){.display-page{gap:44px}.room-visual{max-width:54vh}}@media (width<=1250px){.host-live-actions{flex-basis:190px}}@media (width<=1000px){.room-stage{grid-template-columns:minmax(0,1fr) 160px;gap:24px}.now-playing{gap:24px}}@media (width<=1099px){.app-header:after{content:"";inset:var(--app-bar-height,56px) 0 auto;border-top:1px solid var(--line);pointer-events:none;position:absolute}.app-header .order-bar{border-top-color:#0000}.header-inner{gap:8px;min-height:44px;padding-block:2px}.brand{gap:10px}.brand>div{gap:3px}.brand strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.brand-mark{width:30px;height:30px;font-size:24px}.header-meta{gap:8px}.header-meta .secondary,.header-menu-toggle{padding:8px 10px}.header-menu-toggle{color:#bcc9bc;border-color:#4a5b4e}.header-menu-toggle,.header-meta .header-fullscreen{min-height:40px;padding-block:6px;position:relative}.header-menu-toggle:before,.header-fullscreen:before{content:"";position:absolute;inset:-2px 0}.order-bar{min-height:49px}.rotation-seat{min-height:40px;padding-block:2px}}@media (width<=700px){.header-meta{grid-area:1/2}.header-menu-toggle{grid-area:1/3}.header-meta .badge{padding:6px 8px;font-size:8px}.host-live,.host-audio{display:block}.host-audio .volume-control{width:100%;max-width:none;margin-top:8px}.host-live-person h2{font-size:1.7rem}.host-live-actions{margin-top:23px}.host-live-actions button{min-height:44px}.welcome-record{width:130px}.participant-page .privacy-tag{font-size:10px}.participant-page .row-actions button{min-height:44px}.private-now-playing{gap:14px}.mini-record{flex-basis:58px;width:58px}.display-page{gap:32px}.room-stage{grid-template-columns:1fr;gap:36px;padding:0}.room-turn{margin-bottom:24px}.now-playing{grid-template-columns:1fr;gap:28px}.room-visual{justify-self:center;max-width:min(70vw,308px)}.track-info h1{margin:0 0 18px;font-size:2.4rem}.track-info .artist{font-size:1.1rem}.room-rest{padding:30px 0}.vinyl-label.is-personalized .vinyl-caption{font-size:clamp(3px,2.7cqw,8px)}.room-invitation{max-width:180px}}@media (height<=800px) and (width>=1001px){.display-page{gap:24px}.room-visual{max-width:47vh}.track-info h1{font-size:clamp(2.3rem,4vw,4.4rem)}.public-playback{margin-top:18px}}@media (width<=380px){.header-inner,.brand{gap:8px}.brand strong{font-size:14px}.brand-mark{width:28px;height:28px;font-size:22px}}.catalogue-panel .music-upload{border:0;margin:0;padding-top:0}.music-upload>summary{color:var(--accent);padding:8px 0;font-size:.875rem}.list-tools h3{margin:16px 0 8px;font-size:1rem}.list-history{width:100%;min-width:0}.list-tools button,.list-disclosure>button,.list-notice button{min-height:44px;font-size:.875rem}.saved-source,.saved-unavailable,.list-save-status{font-size:.8125rem}.saved-next-label{color:var(--muted);font-size:.8125rem;display:block}.music-workspace .preparation-list{top:calc(var(--app-header-height,72px) + 12px);flex-direction:column;display:flex;position:sticky}.list-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:34px;display:flex}.list-heading h2{margin:0}.list-summary{flex:1;min-width:0}.list-meta{align-items:baseline;gap:8px;min-height:16px;margin-top:4px;display:flex}.list-meta .list-preview{min-width:0;margin:0}.list-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:.875rem;overflow:hidden}.list-count{color:var(--muted);letter-spacing:0;white-space:nowrap;flex-shrink:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:12px}.list-heading .list-expand{min-height:44px;padding:8px 10px;font-size:11px;display:none}.list-body{scrollbar-width:thin;min-height:0;max-height:55vh;margin:0 -4px;padding:0 4px 4px;overflow-y:auto}.preparation-list .saved-track{gap:8px;padding:12px 0}.preparation-list .saved-track .result-identity{flex:150px;gap:9px}.preparation-list .saved-track .result-artwork{flex-basis:34px;width:34px;height:34px}.preparation-list .saved-number{width:22px}.preparation-list .saved-track strong{font-size:13px;line-height:1.5}.preparation-list .saved-actions{justify-content:flex-end}.preparation-list .saved-actions button{min-width:44px;min-height:44px}.music-workspace.is-list-only{display:block}.music-workspace.is-list-only .preparation-list{max-height:none;margin-bottom:18px;position:static}.music-workspace.is-list-only .list-body{overflow:visible}.catalogue-results .result-artwork{flex-basis:48px;width:48px;height:48px}.catalogue-results .track-row{gap:12px;padding:16px 0}.catalogue-results .track-row.is-prepared{box-shadow:none;background:0 0;border-radius:0;margin:0;padding:16px 0}.track-row [data-preparation-track][aria-disabled=true]{color:var(--green);border-color:#4a6040}.catalogue-results .results-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:20px 0 0;font-size:.8125rem;font-weight:650}.catalogue-results .results-heading:first-child{margin-top:4px}.catalogue-results .results-more{width:100%;margin:12px 0 4px}.catalogue-results .browse-row{cursor:pointer}.catalogue-results .browse-row:hover,.catalogue-results .browse-row:active{background:#ffffff06}.catalogue-results .row-actions{gap:8px}.catalogue-results .result-identity strong{font-size:1rem}.catalogue-results .result-artist{color:var(--text);font-size:.9375rem}.catalogue-results .result-details{font-size:.875rem}.catalogue-results .browse-row{flex-wrap:nowrap}.catalogue-results .browse-row>.result-identity{flex:1}.browse-row>button{flex-shrink:0;max-width:100px}.catalogue-results>p:last-child{margin-bottom:0}@media (width<=1099px){html{scroll-padding-top:12px}.app-header{position:relative}.host-invitations{width:100%;position:static}.host-audio{padding-inline:var(--workspace-panel-padding)}.music-workspace .catalogue-panel .search-form{margin-bottom:0}.music-workspace .preparation-list{z-index:10;padding:10px 14px;top:8px;box-shadow:0 8px 20px #0002}.music-workspace .preparation-list.is-expanded{box-shadow:none;padding:16px;position:static}.preparation-list .list-body{max-height:none;overflow:visible}.list-heading{min-height:44px}.list-heading h2{font-size:1rem}.list-heading .list-expand{display:inline-flex}.list-save-status{margin:8px 0}.preparation-list:not(.is-expanded) .list-save-status,.preparation-list:not(.is-expanded) .list-body,.preparation-list:not(.is-expanded)>.list-notice,.preparation-list:not(.is-expanded) .list-tools{display:none}.preparation-list .list-empty{margin:0}}@media (width<=600px){.catalogue-results .browse-row{flex-wrap:wrap}.catalogue-results .track-row>.result-identity{flex-basis:100%}.catalogue-results .result-identity{grid-template-columns:48px minmax(0,1fr);align-items:start;display:grid}.catalogue-results .result-identity>div:last-child{display:contents}.catalogue-results .result-identity strong,.catalogue-results .result-identity p{grid-column:2;margin:0}.catalogue-results .result-identity{gap:5px 12px}.catalogue-results .result-artwork{grid-area:1/1/4}.catalogue-results .catalogue-source{grid-column:1/-1;margin-top:8px}.catalogue-results .catalogue-source select{width:100%}.catalogue-results .browse-row>button{max-width:none;min-height:44px;margin-left:auto}.catalogue-results .row-actions{flex-basis:100%;justify-content:flex-end}}@media (width<=1099px){body[data-short-viewport=true] .music-workspace .preparation-list{position:static}}.settings-addressing .saved-address,.settings-addressing p{overflow-wrap:anywhere}.settings-addressing .integration-form{margin-top:16px}.settings-addressing details{margin-top:18px}.entry-status>p{overflow-wrap:anywhere;margin:18px 0 0;font-size:13px}.entry-status>button{margin-top:20px}.upload-panel{min-width:0}.upload-panel p{overflow-wrap:anywhere}.upload-panel progress{width:100%;accent-color:var(--accent);margin:12px 0;display:block}.upload-preview{gap:14px;min-width:0;margin:18px 0;display:grid}.upload-preview .field{min-width:0}.upload-preview .field input{box-sizing:border-box;width:100%;min-width:0}.upload-panel .actions{flex-wrap:wrap;margin-top:12px}.upload-panel button{white-space:normal;max-width:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.catalogue-source{max-width:100%;margin-top:.55rem;display:block}.catalogue-source select{max-width:100%;min-height:44px}.catalogue-match-note{margin-bottom:.4rem;display:block}.catalogue-notice{border-left:3px solid var(--accent);color:var(--muted);background:#ffffff08;padding:.8rem;font-size:.82rem;line-height:1.5}@media (width<=1099px){.participant-page{padding-top:10px}.participant-page:after{content:"";height:calc(65px + env(safe-area-inset-bottom,0px));display:block}.participant-page .participant-hero{display:contents}.participant-hero h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.participant-hero .turn-distance,.music-shortcuts{display:none}#music-find,#music-list{scroll-margin-top:12px}.playback-card.panel{padding:12px}.playback-card .private-now-playing{grid-column:1/-1;gap:10px;margin:0}.playback-card .private-now-playing h2{height:44px;margin:0;font-size:18px;line-height:22px}.playback-card .private-now-playing .artist-credit{height:20px}.playback-card .private-now-playing .artist{font-size:14px}.playback-card .mini-record{flex-basis:48px;width:48px}.playback-card .playback-progress{grid-column:1/-1;margin:0}.playback-card .player-status-line{height:18px;min-height:18px}.playback-card .player-status-line>*{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.playback-card .privacy-tag{flex-shrink:0;font-size:12px}.playback-card .playback-status{letter-spacing:0;font-size:12px}.playback-card progress{height:4px;margin-top:4px}.playback-card .track-times{min-height:16px;margin-top:4px;font-size:12px;line-height:16px}.volume-control input[type=range]{min-height:44px}.volume-control label,.volume-control output,.header-nav-link{font-size:14px}.music-upload>summary{min-height:44px;padding-block:12px;font-size:14px}.catalogue-match-note,.catalogue-results .result-identity p,.list-disclosure>summary,.saved-track p,.saved-source,.saved-unavailable,.saved-next-label,.list-save-status{font-size:14px}.preparation-list .saved-track strong{font-size:15px}.list-heading .list-expand,.saved-actions button{font-size:13px}.connection-fields>button{justify-self:stretch}.host-invitations .qr-card{flex-direction:column;display:flex}.host-invitations .invitation-sharing{order:-1;margin-bottom:20px}.host-invitations .qr-card>h2{order:-2}.host-invitations .invitation-sharing .join-link-field{margin-top:0}.host-invitations .invitation-qr img{width:min(100%,180px)}.mobile-player-return:not([hidden]){z-index:20;inset:auto 18px calc(12px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);background:#18251b;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;max-width:684px;margin-inline:auto;padding:6px 12px;display:flex;position:fixed;box-shadow:0 4px 24px #0006}.mobile-player-return>span{min-width:0;font-size:13px}.mobile-player-return.is-your-turn{border-color:var(--accent);background:#2c2b20}.mobile-player-return.is-your-turn>span{color:var(--accent);font-weight:650}.mobile-player-return.has-problem>span{color:#ffdad1}.mobile-list-bar:not([hidden]){z-index:20;inset:calc(8px + env(safe-area-inset-top,0px)) 18px auto;border:1px solid var(--line);background:#18251b;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;max-width:684px;margin-inline:auto;padding:6px 6px 6px 14px;display:flex;position:fixed;box-shadow:0 4px 24px #0006}.list-bar-lines{min-width:0;display:grid}.list-bar-head{align-items:baseline;gap:8px;min-width:0;font-size:.875rem;display:flex}.list-bar-count{color:var(--muted);flex-shrink:0;font-size:.75rem}.list-bar-detail{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:.8125rem;overflow:hidden}.mobile-list-bar.is-flashing .list-bar-detail{color:var(--green)}.mobile-list-bar.needs-attention .list-bar-detail{color:var(--accent)}.list-bar-view{flex-shrink:0;min-height:44px;padding:8px 12px;font-size:.8125rem}.player-return-link{flex-shrink:0;align-items:center;min-height:44px;padding:8px;font-size:14px;display:flex}body:has(input:not([type=range]):focus,textarea:focus,select:focus) :is(.mobile-player-return,.mobile-list-bar){display:none}}.list-heading-actions{flex-shrink:0;gap:8px;display:flex}.list-heading-actions button{min-height:40px;padding:8px 12px;font-size:.8125rem}.list-dialog{border:1px solid var(--line);background:var(--panel);width:min(560px,100% - 32px);max-height:min(85dvh,720px);color:var(--text);overflow-wrap:anywhere;border-radius:14px;padding:20px;overflow:auto}.list-dialog::backdrop{background:#0009}.list-dialog [hidden]{display:none}.list-dialog>p{margin:0 0 12px}.list-dialog h3{margin:20px 0 4px;font-size:1rem}.list-dialog-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.list-dialog-header h2{margin:0;font-size:1.125rem}.list-dialog-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.list-dialog-error{color:#ffdad1}.list-dialog .danger{color:#ffc0b5;background:0 0;border-color:#86534a}.list-dialog progress{width:100%;height:8px;accent-color:var(--accent);display:block}.import-form{margin:0 0 12px}.import-form label{margin-bottom:8px;font-weight:600;display:block}.import-field{gap:8px;display:flex}.import-field input{flex:1}.import-form .list-dialog-error{margin:8px 0 0}.import-result{font-weight:600}.import-missing{gap:8px;margin:8px 0 0;padding:0;list-style:none;display:grid}.import-missing li{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.import-missing li>div{min-width:0}.import-missing p{margin:2px 0 0;font-size:.875rem}.import-failed{color:var(--muted);margin-top:2px;font-size:.8125rem;display:block}.replace-tracks{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.replace-option{border-color:var(--line);width:100%;min-height:48px;color:var(--text);text-align:left;background:0 0;grid-template-columns:2ch minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;font-weight:500;display:grid}.replace-option:hover:not(:disabled){border-color:var(--accent)}.replace-option:disabled{opacity:1;cursor:default}.replace-option[aria-current]{background:#1f2c22;border-color:#61704c}.replace-option:disabled:not([aria-current]){opacity:.45}.replace-number,.replace-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.replace-title{overflow-wrap:anywhere;min-width:0}@media (width<=1099px){.list-heading-actions button{min-height:44px}.list-dialog{width:calc(100% - 16px);max-width:600px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;margin:0 auto;inset:auto 0 0}}}