:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050505;--surface:#0a0a0c;--surface-muted:#131316;--surface-highlight:#1a1a1f;--text:#fff;--text-soft:#a0a0ab;--text-faint:#505058;--accent:#cf0;--accent-soft:#ccff0026;--accent-hover:#b3e600;--now-playing:#cf0;--success:#00ffa6;--error:#f33;--line:#222226;--line-strong:#333338;--shadow:0 8px 32px #0006;color:var(--text);background:var(--bg);font-family:Space Mono,monospace}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:linear-gradient(#ccff0008 1px, transparent 1px) 0 0 / 40px 40px, linear-gradient(90deg, #ccff0008 1px, transparent 1px) 0 0 / 40px 40px, var(--bg);background-attachment:fixed;margin:0}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}input{outline:none}input:focus{box-shadow:0 0 0 1px var(--accent);border-color:var(--accent)!important}.shell{width:min(1200px,100vw - 2rem);margin:0 auto;padding:2rem 0 4rem}.display-shell{width:min(1680px,100vw - 3rem);margin:0 auto;padding:2rem 0 3rem}.shell--home,.shell--display-start{align-content:center;gap:2rem;min-height:100vh;display:grid}.shell--home,.shell--display-start,.shell--join{width:min(1480px,100vw - 3rem)}.hero-card,.info-card,.queue-list,.empty-state,.now-playing,.player-placeholder,.ticket-card,.room-card,.pin-form,.track-card,.feature-strip article{background:var(--surface);border:1px solid var(--line)}.hero-card{border-top:2px solid var(--accent);background:linear-gradient(180deg, var(--surface-muted) 0%, var(--surface) 100%);padding:3rem;position:relative;overflow:hidden}.hero-card--home,.hero-card--display,.info-card,.room-card,.composer-panel{position:relative;overflow:hidden}.hero-card--home:before,.hero-card--display:before,.info-card:before,.room-card:before,.composer-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ccff0014,#0000 32%),linear-gradient(#0000 0%,#ffffff05 100%);position:absolute;inset:0}.hero-card h1,.display-shell h1,.queue-header h1,.empty-state h2,.player-placeholder h2,.ticket-card h2,.info-card h2,.room-card h2,.track-card h3{letter-spacing:-.03em;margin:0;font-family:Space Grotesk,sans-serif;line-height:1.1}.hero-card h1{text-transform:uppercase;background:linear-gradient(90deg,#fff,#a0a0ab);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:15ch;font-size:clamp(3rem,7vw,5rem)}.hero-card--display h1{max-width:11.5ch;font-size:clamp(2.95rem,5.25vw,4.5rem)}.hero-card--display .hero-card__lede{max-width:58ch}.hero-card__kicker,.queue-header__kicker,.section-label{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin:0 0 .75rem;font-size:.75rem;font-weight:700}.hero-card__lede,.empty-state p,.player-placeholder p,.track-card p,.feature-strip p,.ticket-card p,.info-card p,.room-card p,.inline-note{color:var(--text-soft);margin:0;font-size:.95rem;line-height:1.6}.join-inline,.composer__fields,.feature-strip,.admin-actions,.display-shell,.landing-layout,.launch-layout,.join-layout,.info-stack,.section-heading,.queue-header{gap:1.5rem;display:grid}.landing-layout,.launch-layout{grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);align-items:stretch}.join-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);align-items:start}.join-layout__main,.join-layout__sidebar,.info-stack{gap:1.5rem;display:grid}.join-layout__sidebar{align-content:start}.join-inline{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-top:2.5rem}.join-inline label,.composer-form label,.pin-form label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;gap:.5rem;font-size:.85rem;font-weight:700;display:grid}.join-inline input,.composer-form input,.pin-form input{border:1px solid var(--line-strong);background:var(--surface-muted);min-height:3.5rem;color:var(--text);border-radius:4px;padding:.8rem 1.2rem;font-family:Space Mono,monospace;font-size:1.1rem;transition:border-color .2s,box-shadow .2s}.primary-button,.secondary-button{text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:4px;min-height:3.5rem;padding:.8rem 1.5rem;font-family:Space Grotesk,sans-serif;font-weight:700;transition:all .2s}.primary-button{background:var(--accent);color:#000;box-shadow:0 0 20px var(--accent-soft)}.primary-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 0 30px #cf06}.primary-button:active:not(:disabled){transform:translateY(0)}.primary-button--ghost{color:var(--accent);border:1px solid var(--accent);box-shadow:none;background:0 0}.primary-button--ghost:hover:not(:disabled){background:var(--accent-soft);box-shadow:none}.secondary-button{background:var(--surface-muted);color:var(--text);border:1px solid var(--line-strong)}.secondary-button:hover:not(:disabled){background:var(--surface-highlight);border-color:var(--text-soft)}.hero-card__actions{margin-top:1.5rem}.hero-card__actions--split{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;display:flex}.feature-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-strip article{border-top:1px solid var(--line);padding:2rem}.feature-strip--dashboard article{background:linear-gradient(#131316fa 0%,#0a0a0c 100%);position:relative;overflow:hidden}.feature-strip--dashboard article:before{content:"";pointer-events:none;background:linear-gradient(160deg,#ccff000d,#0000 30%);position:absolute;inset:0}.feature-strip h2{color:#fff;margin:0 0 .75rem;font-family:Space Grotesk,sans-serif;font-size:1.25rem}.info-card,.room-card{background:linear-gradient(#131316fa 0%,#0a0a0c 100%);padding:1.5rem}.info-card h2,.room-card h2{margin-bottom:.65rem;font-size:clamp(1.45rem,2vw,1.9rem)}.launch-claim-card{border:1px solid var(--line-strong);background:#ffffff08;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.5rem;margin-top:1rem;padding:1.5rem;display:grid}.launch-claim-card__qr{background:#fff;border-radius:8px;place-items:center;padding:.85rem;display:grid;box-shadow:0 0 0 4px #ffffff0a}.launch-claim-card__copy h2{margin:0 0 .5rem;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,2.5vw,2.1rem)}.launch-claim-card__copy p{color:var(--text-soft);margin:0;line-height:1.6}.shell--join{padding-bottom:12rem}.queue-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem}.status-pill{border:1px solid var(--line-strong);text-transform:uppercase;letter-spacing:.1em;background:var(--surface-muted);border-radius:4px;padding:.4rem .75rem;font-size:.8rem;font-weight:700}.status-pill--connected{color:var(--success);border-color:#00ffa64d;box-shadow:0 0 10px #00ffa61a}.status-pill--connecting{color:var(--accent)}.status-pill--disconnected{color:var(--error)}.now-playing,.queue-list,.empty-state{padding:1.5rem}.now-playing{border:1px solid var(--now-playing);background:radial-gradient(circle at top right, #ccff001a, transparent 50%), var(--surface);position:relative;overflow:hidden}.now-playing:before{content:"";background:var(--now-playing);width:4px;height:100%;box-shadow:0 0 15px var(--now-playing);position:absolute;top:0;left:0}.now-playing .section-label{color:var(--now-playing)}.section-heading{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem}.section-heading span{color:var(--text-soft);font-size:.85rem}.empty-state{background:var(--surface-muted);border:1px dashed var(--line-strong);text-align:center;padding:3rem 1.5rem}.empty-state h2{margin-bottom:.5rem;font-size:1.5rem}.empty-state--tight{margin-top:0;padding:2rem 1.5rem}.desktop-only{display:block}.mobile-only{display:none}.composer-panel{background:var(--surface);border:1px solid var(--line);margin-top:1.5rem;padding:1.5rem}.join-layout .composer-panel{margin-top:0}.join-layout__sidebar .composer-panel{position:sticky;top:2rem}.composer-panel__header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.composer-panel__header h3{text-transform:uppercase;color:var(--accent);margin:0 0 .35rem;font-family:Space Grotesk,sans-serif;font-size:1.1rem}.composer-panel__header p{color:var(--text-soft);margin:0;font-size:.9rem}.composer-form{gap:1rem;display:grid}.search-panel,.manual-entry{gap:.9rem;display:grid}.search-panel__label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;gap:.5rem;font-size:.85rem;font-weight:700;display:grid}.search-panel__label input{border:1px solid var(--line-strong);background:var(--surface-muted);min-height:3.2rem;color:var(--text);border-radius:4px;padding:.8rem 1rem;font-family:Space Mono,monospace;font-size:.98rem}.search-results{gap:.75rem;max-height:24rem;padding-right:.25rem;display:grid;overflow-y:auto}.search-result{border:1px solid var(--line-strong);text-align:left;color:var(--text);background:#ffffff05;border-radius:6px;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:.9rem;padding:.75rem;display:grid}.search-result:hover{background:#ccff0014;border-color:#ccff0040}.search-result img{aspect-ratio:16/9;object-fit:cover;border:1px solid #ffffff14;border-radius:4px;width:100%}.search-result__copy{gap:.35rem;min-width:0;display:grid}.search-result__copy strong{font-family:Space Grotesk,sans-serif;font-size:1rem;line-height:1.2}.search-result__copy span{color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}.composer__fields{grid-template-columns:1.2fr 1fr;gap:1rem}.composer__fields input{min-height:3rem;font-size:.95rem}.composer-sheet-backdrop{z-index:99;background:#0000008c;border:0;position:fixed;inset:0}.composer-sheet{-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line-strong);z-index:100;background:#0a0a0ceb;padding:1.25rem;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000080}.composer-sheet__inner{max-width:min(1200px,100vw - 2rem);margin:0 auto}.composer-sheet__toggle{color:var(--text-soft);background:0 0;border:none;margin:-.5rem;padding:.5rem;font-size:1.5rem;display:none}.inline-error{color:var(--now-playing);margin:.75rem 0 0;font-size:.85rem;font-weight:700}.room-card__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.25rem;display:grid}.room-card__stats div{border:1px solid var(--line-strong);background:#ffffff05;padding:.85rem 1rem}.room-card__stats strong,.room-card__stats span{display:block}.room-card__stats strong{color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.4rem}.room-card__stats span{letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);margin-top:.2rem;font-size:.72rem}.room-card__actions{gap:.75rem;margin-top:1.25rem;display:grid}.pin-form--inline{background:0 0;border:0;margin-top:1.25rem;padding:0}.track-card{border-radius:4px;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:1.25rem;margin-top:1rem;padding:1rem;transition:background .2s;display:grid}.track-card:hover{background:var(--surface-muted)}.track-card--compact{grid-template-columns:80px minmax(0,1fr) auto;gap:1rem}.track-card__thumb{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line-strong);border-radius:2px;width:100%}.track-card__copy{min-width:0}.track-card__copy h3{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.4rem;font-size:1.2rem;overflow:hidden}.track-card__copy p{text-overflow:ellipsis;color:var(--text-soft);white-space:nowrap;font-size:.85rem;overflow:hidden}.track-card__eyebrow{color:var(--text-soft);text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:flex}.track-card__tag{background:var(--surface-highlight);border:1px solid var(--line-strong);border-radius:2px;padding:.15rem .4rem}.track-card__tag--vote{color:var(--accent);background:#ccff001a;border-color:#ccff004d}.track-card__tag--now{color:var(--now-playing);background:#ff00551a;border-color:#ff00554d}.track-card__actions{justify-items:end;gap:.6rem;display:grid}.vote-pill{border:1px solid var(--line-strong);background:var(--surface-highlight);min-width:4.5rem;color:var(--text-soft);border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .8rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.vote-pill__icon{font-size:1.2rem;line-height:1}.vote-pill__count{font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:700;line-height:1}.vote-pill--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:0 0 15px #ccff0026}.vote-pill--bump{background:var(--accent);color:#000;transform:scale(1.1)}.display-shell{grid-template-columns:minmax(0,1.85fr) minmax(360px,.95fr);align-items:stretch;gap:2rem;min-height:calc(100vh - 5rem);display:grid}.display-shell__player,.display-shell__sidebar{gap:1.5rem;min-height:0;display:grid}.display-shell__sidebar{grid-template-rows:auto minmax(0,1fr)}.display-shell__masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:1.5rem;display:flex}.display-shell h1{color:#fff;font-size:clamp(2.4rem,4vw,3.5rem)}.player-placeholder{aspect-ratio:16/9;border:1px solid var(--line-strong);background:#000;grid-template-columns:minmax(0,1fr);gap:1.5rem;min-height:0;max-height:min(56vh,560px);padding:0;display:grid;position:relative}.player-placeholder img{object-fit:cover;opacity:.6;width:100%;height:100%}.player-placeholder__overlay{pointer-events:none;background:linear-gradient(#0000 0%,#000000e6 100%);padding:2rem;position:absolute;bottom:0;left:0;right:0}.player-placeholder--idle{background:var(--surface-muted);border-style:dashed;align-content:center;padding:3rem}.admin-actions{background:var(--surface-muted);border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));padding:1.5rem}.pin-form{padding:2rem}.ticket-card{background:var(--surface);border:1px solid var(--accent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:1.5rem;display:grid;position:relative;overflow:hidden}.ticket-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#ccff000d,#ccff000d 10px,#0000 10px 20px);position:absolute;inset:0}.ticket-card__qr{background:#fff;border-radius:4px;place-items:center;margin:0;padding:.85rem;display:grid;box-shadow:0 0 20px #cf03}.ticket-card__qr svg{width:min(11rem,100%);height:auto}.ticket-card__code{text-align:left;letter-spacing:.16em;color:var(--accent);text-shadow:0 0 20px #cf06;grid-column:1/-1;font-family:Space Grotesk,sans-serif;font-size:clamp(1.8rem,2.8vw,2.5rem);font-weight:700}.queue-list--display{grid-template-rows:auto minmax(0,1fr);min-height:0;padding-bottom:1rem;display:grid}.queue-list__tracks{align-content:start;gap:.5rem;min-height:0;margin-right:-.35rem;padding-right:.35rem;display:grid;overflow-y:auto}.queue-list__tracks::-webkit-scrollbar{width:.55rem}.queue-list__tracks::-webkit-scrollbar-thumb{background:#ccff0038;border-radius:999px}.queue-list--display .track-card{counter-increment:queue-position;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:0;padding:.95rem .95rem .95rem 4.25rem;position:relative}.queue-list--display .queue-list__tracks{counter-reset:queue-position}.queue-list--display .track-card:before{content:counter(queue-position, decimal-leading-zero);letter-spacing:.12em;color:var(--accent);opacity:.9;font-family:Space Grotesk,sans-serif;font-size:1.05rem;font-weight:700;position:absolute;top:50%;left:.95rem;transform:translateY(-50%)}.queue-list--display .track-card__thumb{display:none}.queue-list--display .track-card__copy h3{margin-bottom:.2rem;font-size:1.05rem}.queue-list--display .track-card__eyebrow{gap:.45rem;margin-bottom:.3rem;font-size:.68rem}.queue-list--display .track-card__actions{grid-auto-flow:column;align-items:center;gap:.5rem}.queue-list--display .secondary-button{min-height:2.4rem;padding:.55rem .8rem;font-size:.75rem}.queue-list--display .vote-pill{min-width:4rem;padding:.45rem .7rem}.fab-container{display:none}@media (height<=920px) and (width>=1025px){.shell--home,.shell--display-start{align-content:start;gap:1rem;min-height:auto;padding-top:1rem;padding-bottom:1.5rem}.landing-layout,.launch-layout,.info-stack,.feature-strip,.join-inline,.queue-header{gap:1rem}.hero-card{padding:2rem}.hero-card h1{max-width:13ch;font-size:clamp(2.8rem,5vw,4.5rem)}.hero-card--display h1{max-width:12ch;font-size:clamp(2.55rem,4.6vw,3.95rem)}.hero-card__kicker,.queue-header__kicker,.section-label{margin-bottom:.5rem}.hero-card__lede,.empty-state p,.player-placeholder p,.track-card p,.feature-strip p,.ticket-card p,.info-card p,.room-card p,.inline-note{font-size:.9rem;line-height:1.45}.join-inline{margin-top:1.5rem}.join-inline input,.composer-form input,.pin-form input,.primary-button,.secondary-button{min-height:3.15rem}.hero-card__actions{margin-top:1rem}.hero-card--display .primary-button{width:fit-content;min-width:12rem}.launch-claim-card{gap:1rem;margin-top:.75rem;padding:1.1rem}.launch-claim-card__qr{padding:.65rem}.launch-claim-card__copy h2{font-size:clamp(1.35rem,2vw,1.8rem)}.feature-strip article,.info-card,.room-card{padding:1.25rem}.feature-strip h2{margin-bottom:.5rem;font-size:1.1rem}.info-card h2,.room-card h2{font-size:clamp(1.2rem,1.7vw,1.55rem)}}@media (height<=760px) and (width>=1025px){.shell--home,.shell--display-start{gap:.75rem;padding-top:.75rem}.hero-card{padding:1.5rem}.hero-card h1{font-size:clamp(2.35rem,4.2vw,3.7rem)}.hero-card--display h1{font-size:clamp(2rem,3.4vw,3.1rem)}.join-inline{margin-top:1rem}.join-inline input,.composer-form input,.pin-form input,.primary-button,.secondary-button{min-height:2.9rem;padding-top:.65rem;padding-bottom:.65rem}.launch-claim-card{padding:1rem}.launch-claim-card__copy h2{font-size:clamp(1.2rem,1.7vw,1.5rem)}.feature-strip article,.info-card,.room-card{padding:1rem}}@media (width<=1024px){.landing-layout,.launch-layout,.join-layout,.display-shell{grid-template-columns:1fr}.shell--home,.shell--display-start,.shell--join,.display-shell{width:min(1200px,100vw - 2rem)}.display-shell{height:auto}.display-shell__sidebar{grid-template-rows:auto}.queue-list--display,.queue-list__tracks{min-height:auto;overflow:visible}.ticket-card{grid-template-columns:minmax(0,1fr) auto}.queue-list--display .track-card{padding-left:3.75rem}.join-layout__sidebar .composer-panel{position:static}.launch-claim-card{grid-template-columns:1fr;justify-items:start}}@media (width<=900px){.feature-strip,.composer__fields,.join-inline,.admin-actions,.room-card__stats{grid-template-columns:1fr}}@media (width<=640px){.shell,.display-shell{width:100vw;padding:1rem 0 6rem}.shell--join{padding-bottom:6rem}.display-shell{width:100vw}.hero-card,.info-card,.queue-list,.empty-state,.now-playing,.player-placeholder,.ticket-card,.room-card,.pin-form,.composer-panel{border-left:none;border-right:none;padding:1.25rem}.ticket-card{grid-template-columns:1fr}.ticket-card__code{text-align:center}.queue-list--display .track-card{grid-template-columns:minmax(0,1fr);padding-left:.9rem}.queue-list--display .track-card:before,.queue-list--display .track-card__thumb{display:none}.queue-list--display .track-card__actions{grid-auto-flow:row;justify-items:stretch}.track-card{border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:70px minmax(0,1fr) auto;padding:.75rem 0}.track-card:last-child{border-bottom:none}.desktop-only{display:none}.mobile-only{display:block}.composer__fields{grid-template-columns:1fr;gap:.75rem}.search-result{grid-template-columns:88px minmax(0,1fr)}.primary-button{width:100%}.fab-container{z-index:90;display:block;position:fixed;bottom:1.5rem;right:1.5rem}.fab{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;font-size:1.5rem;transition:transform .2s;display:grid;box-shadow:0 4px 20px #cf06}.fab:active{transform:scale(.95)}.composer-sheet__toggle{display:block}.composer-sheet{animation:.18s ease-out composer-sheet-in}}@keyframes composer-sheet-in{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}.display-v2-shell{background:var(--bg);grid-template-columns:minmax(0,1fr) minmax(340px,480px);width:100vw;height:100dvh;font-family:Space Grotesk,sans-serif;display:grid;position:relative;overflow:hidden}.display-v2-background{z-index:0;opacity:.18;filter:blur(80px)saturate(1.6);pointer-events:none;background-position:50%;background-size:cover;transition:background-image 1s ease-in-out;position:absolute;inset:0;transform:scale(1.1)}.display-v2-left{z-index:1;border-right:1px solid var(--line);flex-direction:column;gap:14px;min-width:0;padding:18px 20px 18px 24px;display:flex;position:relative;overflow:hidden}.display-v2-masthead{flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;display:flex}.display-v2-masthead-meta,.display-v2-masthead-actions{align-items:center;gap:10px;display:flex}.display-v2-status-dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 8px #ffffff40}.display-v2-status-dot--connected{background:var(--success);box-shadow:0 0 8px var(--success)}.display-v2-status-dot--connecting{background:var(--accent);box-shadow:0 0 8px var(--accent)}.display-v2-status-dot--disconnected{background:var(--error);box-shadow:0 0 8px var(--error)}.display-v2-masthead-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;margin:0;font-family:Space Mono,monospace;font-size:10px}.display-v2-masthead-note{color:var(--text-soft);margin:0;font-size:11px;line-height:1.4}.display-v2-fullscreen-button{border:1px solid var(--line-strong);color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff0d;border-radius:20px;padding:5px 14px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;transition:background .18s,border-color .18s,color .18s}.display-v2-fullscreen-button:hover{color:#fff;background:#ffffff14;border-color:#ccff0059}.display-v2-player-frame{aspect-ratio:16/9;border:1px solid var(--line-strong);background:#000;border-radius:12px;flex-shrink:0;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 48px #000000b3}.display-v2-player-mount,.display-v2-player-mount iframe{border:0;width:100%;height:100%;display:block}.display-v2-player-overlay{z-index:2;text-align:center;background:var(--surface-muted);color:#fff;cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:1.5rem;display:flex;position:absolute;inset:0}.display-v2-player-overlay--idle{pointer-events:none;cursor:default}.display-v2-player-overlay strong{color:var(--text-soft);font-family:Space Grotesk,sans-serif;font-size:clamp(1.2rem,2.2vw,1.6rem);font-weight:700}.display-v2-player-overlay span{max-width:30ch;color:var(--text-faint);font-family:Space Grotesk,sans-serif;font-size:13px;line-height:1.5}.display-v2-player-overlay__eyebrow{letter-spacing:.15em;text-transform:uppercase;font-family:Space Mono,monospace;font-size:9px;font-weight:700;color:var(--accent)!important}.display-v2-now-meta{flex-shrink:0;align-items:flex-start;gap:14px;min-width:0;display:flex}.display-v2-now-meta__copy{flex:1;min-width:0}.display-v2-now-meta__label{align-items:center;gap:8px;height:14px;margin-bottom:5px;display:flex}.display-v2-now-meta__eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.15em;font-family:Space Mono,monospace;font-size:9px;font-weight:700}.display-v2-eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.display-v2-eq .eq-bar{width:3px}.display-v2-eq--paused .eq-bar,.desktop-now-playing-strip__eq--paused .eq-bar,.now-playing-bar__eq--paused .eq-bar{opacity:.55;animation:none}.display-v2-now-meta__title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.1rem,1.9vw,1.6rem);font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.display-v2-now-meta__artist{color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;margin:8px 0 0;font-family:Space Mono,monospace;font-size:.72rem;line-height:1.2}.display-v2-now-meta__vote{background:var(--accent-soft);border:1px solid #cf03;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;margin-top:20px;padding:6px 14px;display:flex}.display-v2-now-meta__heart{color:var(--accent);font-size:14px;line-height:1}.display-v2-now-meta__count{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;line-height:1}.display-v2-unmute-button{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ccff001f;border:1px solid #ccff0073;border-radius:20px;align-self:flex-start;padding:8px 14px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;box-shadow:0 0 24px #ccff001f}.display-v2-unmute-button:hover{background:#ccff002e}.display-v2-right{z-index:1;-webkit-backdrop-filter:blur(20px);background:#0a0a0cb3;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.display-v2-join-widget{border-bottom:1px solid var(--line);background:#ffffff05;flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex}.display-v2-qr-container{background:#fff;border-radius:8px;flex-shrink:0;padding:6px;line-height:0;display:flex}.display-v2-qr-container svg{display:block}.display-v2-join-info{flex-direction:column;gap:2px;min-width:0;display:flex}.display-v2-join-info__title{color:var(--text);margin:0;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700}.display-v2-join-info__sub{color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;margin:0 0 4px;font-family:Space Mono,monospace;font-size:9px}.display-v2-join-info__code{color:var(--accent);letter-spacing:.18em;text-shadow:0 0 20px #cf06;margin:0;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;line-height:1}.display-v2-right-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px 8px;display:flex}.display-v2-right-header h2{color:var(--text);text-transform:uppercase;letter-spacing:.1em;margin:0;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700}.display-v2-queue-count{color:var(--accent);background:var(--accent-soft);border:1px solid #cf03;border-radius:20px;padding:3px 10px;font-family:Space Mono,monospace;font-size:10px}.display-v2-queue{flex:1;min-height:0;overflow-y:auto}.display-v2-queue::-webkit-scrollbar{width:6px}.display-v2-queue::-webkit-scrollbar-track{background:0 0}.display-v2-queue::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.display-v2-queue::-webkit-scrollbar-thumb:hover{background:#ffffff40}.display-v2-queue-empty{text-align:center;padding:2rem}.display-v2-queue-empty__title{color:var(--text-faint);margin:0;font-family:Space Grotesk,sans-serif;font-size:13px}.display-v2-queue-empty__sub{color:var(--text-faint);opacity:.6;margin:6px 0 0;font-family:Space Mono,monospace;font-size:10px}.display-queue-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-width:0;display:flex}.display-queue-row--none.display-queue-row--compact{padding:9px 16px}.display-queue-row--thumb.display-queue-row--compact{padding:7px 16px}.display-queue-row--none.display-queue-row--large{padding:14px 16px}.display-queue-row--thumb.display-queue-row--large{padding:10px 16px}.display-queue-row--accent.display-queue-row--compact{padding:9px 16px 9px 0}.display-queue-row--accent.display-queue-row--large{padding:14px 16px 14px 0}.display-queue-row__bar{border-radius:0 2px 2px 0;flex-shrink:0;align-self:stretch;width:3px}.display-queue-row__rank{text-align:right;width:24px;color:var(--accent);opacity:.7;letter-spacing:.04em;flex-shrink:0;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.display-queue-row--large .display-queue-row__rank{font-size:14px}.display-queue-row__thumb{object-fit:cover;border:1px solid var(--line-strong);border-radius:4px;flex-shrink:0;width:53px;height:30px}.display-queue-row--large .display-queue-row__thumb{width:68px;height:38px}.display-queue-row__title{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.display-queue-row--large .display-queue-row__title{font-size:15px}.display-queue-row__vote{background:var(--accent-soft);border:1px solid #cf03;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;display:flex}.display-queue-row__heart{color:var(--accent);font-size:11px;line-height:1}.display-queue-row__count{color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;line-height:1}.display-queue-row--large .display-queue-row__heart,.display-queue-row--large .display-queue-row__count{font-size:13px}.display-queue-row--autoplay{opacity:.65}.display-queue-row--autoplay .display-queue-row__bar{background:var(--text-faint);box-shadow:none}.display-queue-row__rank--replay{color:var(--text-faint);opacity:1;font-size:14px}.display-queue-row--large .display-queue-row__rank--replay{font-size:16px}.display-queue-row__autoplay-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);background:#a0a0ab1f;border:1px solid #a0a0ab33;border-radius:20px;flex-shrink:0;padding:3px 9px;font-family:Space Mono,monospace;font-size:9px;font-weight:700}.display-queue-row--large .display-queue-row__autoplay-pill{padding:4px 11px;font-size:10px}.display-v2-now-meta__autoplay-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);background:#a0a0ab1f;border:1px solid #a0a0ab33;border-radius:10px;padding:2px 8px;font-family:Space Mono,monospace;font-size:9px;font-weight:700}@media (width<=1024px){.display-v2-shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:auto;min-height:100vh;overflow:auto}.display-v2-left{border-right:0;border-bottom:1px solid var(--line)}.display-v2-right{width:auto}.display-v2-queue{overflow:visible}}.legal-footer{text-align:center;color:var(--muted);padding:1rem 1.5rem 2rem;font-size:.95rem}.legal-footer a{color:inherit}.shell--legal{place-items:start center;min-height:calc(100vh - 5rem);padding:3rem 1.5rem 1rem;display:grid}.legal-page{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080a10b8;border:1px solid #ffffff14;border-radius:1.5rem;width:min(100%,52rem);padding:2rem}.legal-page h1{margin-bottom:1rem}.legal-page__section+.legal-page__section{margin-top:1.5rem}.legal-page h2{margin-bottom:.5rem}.mobile-guest{background:var(--bg);color:var(--text);z-index:1;flex-direction:column;font-family:Space Grotesk,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-guest__header{z-index:10;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#050505eb;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.mobile-guest__header-id{flex-direction:column;gap:1px;display:flex}.mobile-guest__room-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-faint);margin:0;font-family:Space Mono,monospace;font-size:9px;line-height:1}.mobile-guest__room-id{letter-spacing:.12em;color:var(--accent);margin:0;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;line-height:1.1}.mobile-guest__status{--status-color:var(--text-soft);align-items:center;gap:6px;display:flex}.mobile-guest__status--connected{--status-color:var(--success)}.mobile-guest__status--connecting{--status-color:var(--accent)}.mobile-guest__status--disconnected{--status-color:var(--error)}.mobile-guest__status-dot{background:var(--status-color);width:6px;height:6px;box-shadow:0 0 6px var(--status-color);border-radius:50%}.mobile-guest__status-text{text-transform:uppercase;letter-spacing:.08em;color:var(--status-color);font-family:Space Mono,monospace;font-size:10px}.mobile-guest__admin-bar{background:#ccff000f;border-bottom:1px solid #cf03;align-items:center;gap:8px;padding:8px 16px;display:flex}.mobile-guest__admin-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-family:Space Mono,monospace;font-size:9px}.mobile-guest__admin-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.admin-pill{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:4px 12px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;transition:filter .15s,transform .15s}.admin-pill:active{transform:scale(.97)}.admin-pill--primary{background:var(--accent);color:#000}.admin-pill--neutral{background:var(--surface-highlight);color:var(--text);border-color:var(--line-strong)}.admin-pill--danger{color:var(--error);background:0 0;border-color:#ff33334d}.mobile-guest__admin-auth{border-bottom:1px solid var(--line);background:linear-gradient(#131316fa 0%,#0a0a0c 100%);gap:10px;padding:12px 16px;display:grid}.mobile-guest__admin-auth-copy{gap:4px;display:grid}.mobile-guest__admin-auth-label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0;font-family:Space Mono,monospace;font-size:9px}.mobile-guest__admin-auth-text,.mobile-guest__admin-auth-note{color:var(--text-soft);margin:0;font-family:Space Grotesk,sans-serif;font-size:12px;line-height:1.45}.mobile-guest__admin-auth-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.mobile-guest__admin-auth-form input{border:1px solid var(--line-strong);background:var(--surface-muted);min-width:0;min-height:40px;color:var(--text);border-radius:6px;padding:0 12px;font-family:Space Mono,monospace;font-size:16px}.mobile-guest__admin-auth-form button{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:6px;min-height:40px;padding:0 14px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.mobile-guest__list{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.mobile-guest__empty{text-align:center;color:var(--text-faint);padding:3rem 1.25rem}.mobile-guest__empty-title{color:var(--text-soft);margin:0 0 .35rem;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:500}.mobile-guest__empty-hint{color:var(--text-faint);margin:0;font-family:Space Mono,monospace;font-size:11px}.mobile-guest__empty-hint span{color:var(--accent);font-weight:700}.mobile-guest__error{color:var(--error);text-align:center;background:#ff333314;border:1px solid #ff33334d;border-radius:6px;margin:1rem 1rem 0;padding:.5rem .75rem;font-family:Space Mono,monospace;font-size:11px}.mobile-guest__admin-auth .mobile-guest__error{margin:0}.queue-row{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:10px;padding:7px 16px;display:flex}.queue-row--normal{padding:12px 16px}.queue-row__rank{text-align:center;width:20px;color:var(--text-faint);flex-shrink:0;font-family:Space Mono,monospace;font-size:11px;font-weight:700}.queue-row__thumb{object-fit:cover;border:1px solid var(--line-strong);border-radius:3px;flex-shrink:0;width:42px;height:28px}.queue-row--normal .queue-row__thumb{width:60px;height:40px}.queue-row__body{flex:1;min-width:0}.queue-row__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.queue-row__badges{gap:6px;margin-top:2px;display:flex}.queue-row__badge{color:var(--text-faint);letter-spacing:.04em;font-family:Space Mono,monospace;font-size:10px}.queue-row__badge--voted{color:var(--accent)}.queue-row__remove{border:1px solid var(--line-strong);width:26px;height:26px;color:var(--text-faint);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:border-color .15s,color .15s;display:flex}.queue-row__remove:active{color:var(--error);border-color:#f336}.queue-row--autoplay{opacity:.65}.queue-row__rank--replay{color:var(--text-faint);font-size:14px}.queue-row__autoplay-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);background:#a0a0ab1f;border:1px solid #a0a0ab33;border-radius:20px;flex-shrink:0;padding:3px 9px;font-family:Space Mono,monospace;font-size:9px;font-weight:700}.vote-pill-mobile{border:1px solid var(--line-strong);background:var(--surface-muted);min-width:48px;color:var(--text-soft);cursor:pointer;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;transition:all .15s;display:flex}.vote-pill-mobile:disabled{cursor:default;opacity:.65}.vote-pill-mobile__icon{font-size:14px;line-height:1}.vote-pill-mobile__count{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;line-height:1}.vote-pill-mobile--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 10px #cf03}.vote-pill-mobile--bump{transform:scale(1.15)}.now-playing-bar{left:0;right:0;bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line-strong);z-index:20;background:#050505e6;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute}.now-playing-bar__thumb{object-fit:cover;border:1px solid #ccff004d;border-radius:3px;flex-shrink:0;width:38px;height:26px}.now-playing-bar__body{flex:1;min-width:0}.now-playing-bar__label{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin:0 0 1px;font-family:Space Mono,monospace;font-size:10px;line-height:1}.now-playing-bar__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:500;line-height:1.3;overflow:hidden}.now-playing-bar__idle{color:var(--text-faint);flex:1;margin:0;font-family:Space Grotesk,sans-serif;font-size:12px}.now-playing-bar__eq{flex-shrink:0;align-items:flex-end;gap:2px;height:18px;display:flex}.eq-bar{background:var(--accent);border-radius:2px;width:3px;animation-duration:.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;display:block}.eq-bar--1{height:4px;animation-name:eq1;animation-delay:0s}.eq-bar--2{height:8px;animation-name:eq2;animation-delay:.12s}.eq-bar--3{height:6px;animation-name:eq3;animation-delay:.24s}.eq-bar--4{height:10px;animation-name:eq4;animation-delay:.36s}@keyframes eq1{0%{height:4px}to{height:14px}}@keyframes eq2{0%{height:8px}to{height:18px}}@keyframes eq3{0%{height:6px}to{height:16px}}@keyframes eq4{0%{height:10px}to{height:12px}}.now-playing-bar__add{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;font-weight:700;line-height:1;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 0 16px #cf06}.now-playing-bar__add:active{transform:scale(.95);box-shadow:0 0 24px #ccff008c}.search-sheet__backdrop{z-index:30;cursor:default;background:#0009;border:0;margin:0;padding:0;position:absolute;inset:0}.search-sheet{z-index:31;background:var(--surface);border-bottom:1px solid var(--line-strong);border-radius:0 0 16px 16px;flex-direction:column;animation:.18s ease-out search-sheet-in;display:flex;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:0 8px 40px #00000080}@keyframes search-sheet-in{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.search-sheet__row{padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top,40px));background:var(--surface-muted);border-bottom:1px solid var(--line);align-items:center;gap:10px;display:flex}.search-sheet__icon{color:var(--text-faint);flex-shrink:0}.search-sheet__input{min-width:0;color:var(--text);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;padding:0;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500}.search-sheet__input::placeholder{color:var(--text-faint)}.search-sheet__clear{background:var(--line-strong);width:18px;height:18px;color:var(--text-soft);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex}.search-sheet__search{background:var(--accent);color:#000;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:5px 12px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;transition:background .15s,color .15s}.search-sheet__search:disabled{background:var(--surface-highlight);color:var(--text-faint);cursor:default}.search-sheet__icon--url{color:var(--accent)}.search-sheet__row--url{background:var(--surface-muted)}.search-sheet__input--url{color:var(--accent)}.search-sheet__cancel{color:var(--accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 0;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700}.search-sheet__results{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.search-sheet__status{text-align:center;color:var(--text-faint);margin:0;padding:16px;font-family:Space Mono,monospace;font-size:12px}.search-sheet__status--empty{padding:20px 16px;font-family:Space Grotesk,sans-serif;font-size:13px}.search-result-mobile{border:none;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;align-items:center;gap:10px;padding:8px 14px;transition:background .15s;display:flex}.search-result-mobile:active{background:#ccff000d}.search-result-mobile__thumb{object-fit:cover;border:1px solid var(--line-strong);border-radius:4px;flex-shrink:0;width:60px;height:40px}.search-result-mobile--queued{background:#ccff000a}.search-result-mobile--queued-pending{cursor:default}.search-result-mobile--queued .search-result-mobile__thumb{opacity:.8;border-color:#ccff0040}.search-result-mobile__body{flex:1;min-width:0}.search-result-mobile__badge{background:var(--accent-soft);width:fit-content;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;border:1px solid #ccff0040;border-radius:4px;align-items:center;margin-bottom:4px;padding:1px 5px;font-family:Space Mono,monospace;font-size:8px;display:inline-flex}.search-result-mobile__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.search-result-mobile--queued .search-result-mobile__title{color:var(--text-soft)}.search-result-mobile__duration{color:var(--text-faint);margin:2px 0 0;font-family:Space Mono,monospace;font-size:10px}.search-result-mobile__add{color:var(--accent);flex-shrink:0;align-items:center;display:flex}.search-result-mobile__vote-pill{border:1px solid var(--line-strong);background:var(--surface-muted);color:var(--text-soft);border-radius:20px;flex-shrink:0;align-items:center;gap:4px;padding:5px 10px;transition:transform .15s,border-color .15s,background .15s,color .15s,box-shadow .15s;display:flex}.search-result-mobile__vote-pill--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 10px #cf03}.search-result-mobile__vote-pill--pending{opacity:.72}.search-result-mobile__vote-pill--bump{transform:scale(1.15)}.search-result-mobile__vote-icon{font-size:14px;line-height:1}.search-sheet__body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.search-sheet__note{color:var(--text-faint);margin:10px 14px 0;font-family:Space Mono,monospace;font-size:11px}.search-starter{flex-direction:column;display:flex}.search-starter__section{border-bottom:1px solid var(--line);padding:10px 14px}.search-starter__label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-family:Space Mono,monospace;font-size:9px}.search-starter__chips{flex-wrap:wrap;gap:6px;display:flex}.search-chip{border:1px solid var(--line-strong);background:var(--surface-muted);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;gap:1px;padding:5px 10px;transition:background .15s,color .15s,border-color .15s;display:flex}.search-chip__row{align-items:center;gap:5px;display:flex}.search-chip__artist{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-family:Space Mono,monospace;font-size:8px;line-height:1}.search-chip__song{color:var(--text);white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:500;line-height:1.2}.search-chip__vote{color:var(--accent);font-size:11px;line-height:1}.search-chip:active{background:var(--surface-highlight);border-color:var(--accent)}.search-chip:active .search-chip__artist,.search-chip:active .search-chip__song{color:var(--accent)}.search-chip--queued{border-color:var(--accent);background:var(--accent-soft)}.search-chip--queued .search-chip__artist{color:#ccff00bf}.search-chip--queued .search-chip__song{color:var(--text)}.search-chip--recent{color:var(--text-soft);align-items:center;gap:5px;display:inline-flex}.search-chip--recent svg{color:var(--text-faint)}.search-chip--more{color:var(--text-faint);background:0 0;border-style:dashed;border-radius:8px;align-self:flex-end;align-items:center;font-family:Space Grotesk,sans-serif;font-size:11px;display:inline-flex}.search-subheader{background:var(--surface-muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 14px 5px;display:flex}.search-subheader__label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;font-family:Space Mono,monospace;font-size:9px}.search-subheader__hint{color:var(--text-faint);font-family:Space Mono,monospace;font-size:9px}.search-subheader__cached{color:var(--success);font-family:Space Mono,monospace;font-size:9px}.search-auto{flex-direction:column;display:flex}.search-suggestion{border:none;border-bottom:1px solid var(--line);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:9px 14px;transition:background .15s;display:flex}.search-suggestion:active{background:#ccff000d}.search-suggestion__thumb{object-fit:cover;border:1px solid var(--line-strong);border-radius:3px;flex-shrink:0;width:44px;height:30px}.search-suggestion__icon{background:var(--surface-highlight);width:44px;height:30px;color:var(--text-faint);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-suggestion__body{flex:1;min-width:0}.search-suggestion__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;overflow:hidden}.search-suggestion__sub{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;margin:1px 0 0;font-family:Space Mono,monospace;font-size:9px}.search-suggestion__action{color:var(--accent);flex-shrink:0}.search-suggestion__action--fill{color:var(--text-faint);transform:rotate(-45deg)}.search-url{flex-direction:column;display:flex}.search-url__banner{background:var(--accent-soft);border-bottom:1px solid #cf03;align-items:center;gap:10px;padding:12px 14px;display:flex}.search-url__badge{background:var(--accent);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.search-url__title{color:var(--accent);margin:0;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700}.search-url__subtitle{color:var(--text-soft);margin:1px 0 0;font-family:Space Mono,monospace;font-size:9px}.search-url__card-wrap{padding:14px}.search-url__card{background:var(--surface-muted);border:1px solid var(--line-strong);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.search-url__thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:64px;height:42px}.search-url__meta{flex:1;min-width:0}.search-url__track-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.search-url__track-title--skeleton{color:var(--text-faint)}.search-url__track-id{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-family:Space Mono,monospace;font-size:9px;overflow:hidden}.search-url__primary{background:var(--accent);color:#000;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:none;border-radius:8px;width:100%;height:44px;margin-top:10px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;transition:filter .15s;box-shadow:0 0 20px #ccff0040}.search-url__primary:disabled{background:var(--surface-highlight);color:var(--text-faint);box-shadow:none;cursor:default}.search-url__secondary{border:1px solid var(--line-strong);width:100%;height:40px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:6px;margin-top:10px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600}.autoplay-banner{border:1px dashed #ffffff2e;border-radius:8px;align-items:center;gap:10px;margin:4px 0;padding:10px 12px;display:flex}.autoplay-banner__thumb-wrap{border-radius:4px;flex-shrink:0;width:38px;height:38px;margin-left:28px;position:relative;overflow:hidden}.autoplay-banner__thumb{object-fit:cover;filter:grayscale()brightness(.65);width:100%;height:100%}.autoplay-banner__thumb-overlay{color:#ffffffbf;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.autoplay-banner__body{flex:1;min-width:0}.autoplay-banner__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);align-items:center;gap:4px;margin:0 0 2px;font-family:Space Mono,monospace;font-size:9px;display:flex}.autoplay-banner__replay-icon{flex-shrink:0}.autoplay-banner__title{min-width:0;margin:0;overflow:hidden}.autoplay-banner__title-text{color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:500;display:block;overflow:hidden}.autoplay-banner__hint{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;opacity:.75;margin:0;font-family:Space Mono,monospace;font-size:10px;display:block;overflow:hidden}.autoplay-banner__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.autoplay-banner__cta{border:1px solid var(--accent);color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:5px 10px;font-family:Space Mono,monospace;font-size:10px;transition:background .15s,border-color .15s}.autoplay-banner__cta:hover{color:#000;background:var(--accent);border-color:var(--accent)}.autoplay-banner__dismiss{width:24px;height:24px;color:var(--text-faint);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:color .15s,background .15s;display:flex}.autoplay-banner__dismiss:hover{color:var(--text);background:var(--surface-highlight);opacity:1}.design-page{background:var(--bg);min-height:100vh;display:flex}.design-page__nav{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:4px;width:220px;height:100vh;padding:28px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.design-page__nav-heading{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0 0 10px;padding-left:10px;font-family:Space Mono,monospace;font-size:9px}.design-page__nav-item{text-align:left;width:100%;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-family:Space Mono,monospace;font-size:11px;transition:background .1s,color .1s}.design-page__nav-item:hover{background:var(--surface-highlight);color:var(--text)}.design-page__nav-item--active{background:var(--accent-soft);color:var(--accent)}.design-page__nav-divider{border-top:1px solid var(--line);margin:12px 0}.design-page__nav-hint{color:var(--text-faint);margin:0;padding-left:10px;font-family:Space Mono,monospace;font-size:9px;line-height:1.5}.design-page__main{flex:1;padding:28px 36px;overflow-y:auto}.design-page__header{border-bottom:1px solid var(--line);align-items:baseline;gap:14px;margin-bottom:32px;padding-bottom:16px;display:flex}.design-page__title{color:var(--text);margin:0;font-family:Space Mono,monospace;font-size:18px}.design-page__component-name{color:var(--accent);font-family:Space Mono,monospace;font-size:13px}.design-section{margin-bottom:56px}.design-section__title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0 0 20px;font-family:Space Mono,monospace;font-size:10px}.design-variant{margin-bottom:28px}.design-variant__label{color:var(--text-faint);margin:0 0 8px;font-family:Space Mono,monospace;font-size:10px}.design-variant__note{color:var(--success);margin:0;font-family:Space Mono,monospace;font-size:11px}.design-frame{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:100%;max-width:375px;padding:16px;overflow:hidden}.design-frame__divider{background:var(--line);height:1px;margin:10px 0}.onboarding-shell{justify-content:center;min-height:100vh;padding:3rem 1rem 4rem;display:flex}.onboarding-column{flex-direction:column;justify-content:center;width:100%;max-width:480px;display:flex}.onboarding-column--display{max-width:520px}.onboarding-wordmark{color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin:0 0 56px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700}.onboarding-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin:0 0 10px;font-family:Space Mono,monospace;font-size:10px}.onboarding-headline{letter-spacing:-.03em;color:var(--text);text-transform:uppercase;margin:0 0 20px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:700;line-height:1.05}.onboarding-headline--display{margin-bottom:16px;font-size:clamp(2.2rem,4vw,3rem)}.onboarding-lede{color:var(--text-soft);max-width:34ch;margin:0 0 40px;font-family:Space Grotesk,sans-serif;font-size:16px;line-height:1.6}.onboarding-column--display .onboarding-lede{font-size:15px;line-height:1.65}.onboarding-join{gap:10px;margin:0 0 16px;display:flex}.onboarding-join__input{background:var(--surface-muted);border:1px solid var(--line-strong);height:48px;min-height:48px;color:var(--text);letter-spacing:.1em;border-radius:6px;outline:none;flex:1;padding:0 16px;font-family:Space Mono,monospace;font-size:16px}.onboarding-join__submit{min-height:48px;padding:0 24px}.onboarding-divider{align-items:center;gap:12px;margin:28px 0;display:flex}.onboarding-divider>span:first-child,.onboarding-divider>span:last-child{background:var(--line);flex:1;height:1px}.onboarding-divider__label{color:var(--text-faint);letter-spacing:.1em;font-family:Space Mono,monospace;font-size:10px}.onboarding-host-card{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;flex-direction:column;gap:12px;padding:20px;display:flex}.onboarding-host-card__title{color:var(--text);margin:0 0 4px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600}.onboarding-host-card__body{color:var(--text-soft);margin:0;font-family:Space Grotesk,sans-serif;font-size:13px}.onboarding-legal{color:var(--text-faint);margin:32px 0 0;font-family:Space Mono,monospace;font-size:10px;line-height:1.7}.onboarding-legal a{color:inherit;text-decoration:underline}.onboarding-steps{flex-direction:column;display:flex}.onboarding-step{border-left:2px solid var(--line-strong);margin-left:16px;padding-bottom:32px;padding-left:28px;position:relative}.onboarding-step--last{border-left-color:#0000;padding-bottom:0}.onboarding-step__marker{background:var(--surface-highlight);border:2px solid var(--line-strong);width:20px;height:20px;color:var(--text-soft);border-radius:50%;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;left:-10px}.onboarding-step--active>.onboarding-step__marker{background:var(--accent);border-color:var(--accent);color:#000}.onboarding-step__heading{color:var(--text-soft);letter-spacing:normal;text-transform:none;margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:700}.onboarding-step--active .onboarding-step__heading{color:var(--text)}.onboarding-step__text{color:var(--text-faint);margin:0 0 20px;font-family:Space Grotesk,sans-serif;font-size:14px;line-height:1.6}.onboarding-step--active .onboarding-step__text{color:var(--text-soft)}.onboarding-qr-row{align-items:center;gap:20px;display:flex}.onboarding-qr{background:#fff;border-radius:8px;flex-shrink:0;padding:8px;line-height:0}.onboarding-pin-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-family:Space Mono,monospace;font-size:10px}.onboarding-pin-value{color:var(--accent);letter-spacing:.2em;margin:0;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700}.desktop-guest{background:var(--bg);min-height:100vh;color:var(--text);z-index:1;font-family:Space Grotesk,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.desktop-guest__main{flex-direction:column;flex:1;min-width:0;display:flex}.desktop-guest__header{z-index:2;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#050505f2;justify-content:space-between;align-items:center;gap:1rem;padding:10px 16px;display:flex;position:sticky;top:0}.desktop-guest__header-copy{flex-direction:column;gap:1px;display:flex}.desktop-guest__room-label,.desktop-guest__queue-label,.desktop-guest-search__label,.desktop-search-starters__label,.desktop-now-playing-strip__label,.desktop-admin-section__label{letter-spacing:.14em;text-transform:uppercase;margin:0;font-family:Space Mono,monospace;font-size:9px}.desktop-guest__room-label{color:var(--text-faint)}.desktop-guest__room-id{letter-spacing:.14em;color:var(--accent);margin:0;font-size:16px;font-weight:700;line-height:1.1}.desktop-guest__status{--desktop-status-color:var(--text-soft);align-items:center;gap:6px;display:flex}.desktop-guest__status--connected{--desktop-status-color:var(--success)}.desktop-guest__status--connecting{--desktop-status-color:var(--accent)}.desktop-guest__status--disconnected{--desktop-status-color:var(--error)}.desktop-guest__status-dot{background:var(--desktop-status-color);width:6px;height:6px;box-shadow:0 0 8px var(--desktop-status-color);border-radius:50%}.desktop-guest__status-text{letter-spacing:.1em;text-transform:uppercase;color:var(--desktop-status-color);font-family:Space Mono,monospace;font-size:9px}.desktop-now-playing-strip{background:#ccff000d;border-bottom:1px solid #cf03;align-items:center;gap:10px;padding:10px 16px;display:flex}.desktop-now-playing-strip--idle{border-bottom-color:var(--line);background:#131316a6}.desktop-now-playing-strip__accent{background:var(--accent);border-radius:2px;flex-shrink:0;width:3px;height:36px;box-shadow:0 0 8px #ccff0080}.desktop-now-playing-strip__thumb{object-fit:cover;border:1px solid #ccff004d;border-radius:3px;flex-shrink:0;width:54px;height:34px}.desktop-now-playing-strip__body{flex:1;min-width:0}.desktop-now-playing-strip__label{color:var(--accent);letter-spacing:.12em;margin-bottom:2px}.desktop-now-playing-strip__title,.desktop-queue-row__title,.desktop-search-suggestion__title,.desktop-search-result__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:500;line-height:1.3;overflow:hidden}.desktop-now-playing-strip__title,.desktop-queue-row__title{font-size:13px}.desktop-now-playing-strip__eq{flex-shrink:0;align-items:flex-end;gap:3px;height:16px;display:flex}.desktop-now-playing-strip__idle-dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:6px;height:6px}.desktop-now-playing-strip__idle-text{color:var(--text-faint);margin:0;font-size:13px}.desktop-guest__queue-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:8px 16px;display:flex}.desktop-guest__queue-label{color:var(--text-faint)}.desktop-guest__queue-count{background:var(--accent-soft);letter-spacing:.08em;text-transform:uppercase;min-height:22px;color:var(--accent);border:1px solid #cf03;border-radius:20px;align-items:center;padding:2px 8px;font-family:Space Mono,monospace;font-size:9px;display:inline-flex}.desktop-guest__queue-list{flex:1;min-height:0;overflow-y:auto}.desktop-guest__empty-state{text-align:center;place-items:center;gap:.5rem;min-height:100%;padding:2rem;display:grid}.desktop-guest__empty-state h2{margin:0;font-size:1.35rem;font-weight:600}.desktop-guest__empty-state p{color:var(--text-soft);margin:0;font-size:.95rem}.desktop-queue-row{border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:10px;padding:7px 16px;transition:background .15s;display:flex}.desktop-queue-row:hover{background:var(--surface-muted)}.desktop-queue-row__rank{text-align:right;width:24px;color:var(--accent);opacity:.6;flex-shrink:0;font-size:11px;font-weight:700}.desktop-queue-row__thumb{object-fit:cover;border:1px solid var(--line-strong);border-radius:3px;flex-shrink:0;width:48px;height:30px}.desktop-queue-row__body{flex:1;min-width:0}.desktop-queue-row__badge,.desktop-search-suggestion__sub,.desktop-search-result__meta,.desktop-admin-section__note,.desktop-admin-section__error,.desktop-guest-search__url-subtitle,.desktop-guest-search__status{margin:0;font-family:Space Mono,monospace}.desktop-queue-row__badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:1px;font-size:9px}.desktop-queue-row__remove{border:1px solid var(--line-strong);width:22px;height:22px;color:var(--text-faint);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;line-height:1;transition:border-color .15s,color .15s;display:flex}.desktop-queue-row__remove:hover{color:var(--error);border-color:#ff333359}.desktop-queue-row--autoplay{opacity:.65}.desktop-queue-row__rank--replay{color:var(--text-faint);opacity:1;font-size:14px}.desktop-queue-row__autoplay-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);background:#a0a0ab1f;border:1px solid #a0a0ab33;border-radius:20px;flex-shrink:0;padding:3px 9px;font-family:Space Mono,monospace;font-size:9px;font-weight:700}.desktop-vote-pill{border:1px solid var(--line-strong);background:var(--surface-muted);min-width:44px;color:var(--text-soft);border-radius:20px;justify-content:center;align-items:center;gap:4px;padding:4px 9px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;line-height:1;transition:transform .18s,border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.desktop-vote-pill:disabled{cursor:default}.desktop-vote-pill__icon,.desktop-vote-pill__count{line-height:1}.desktop-vote-pill--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 10px #cf03}.desktop-vote-pill--bump{transform:scale(1.12)}.desktop-guest__sidebar{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;width:300px;min-height:0;display:flex}.desktop-guest-search{flex-direction:column;flex:1;min-height:0;display:flex}.desktop-guest-search__top{flex-shrink:0}.desktop-guest-search__input-wrap{padding:12px 14px 8px}.desktop-guest-search__label{color:var(--text-faint);margin-bottom:8px}.desktop-guest-search__row{align-items:center;gap:6px;display:flex}.desktop-guest-search__field{background:var(--surface-muted);border:1px solid var(--line-strong);border-radius:6px;flex:1;align-items:center;gap:6px;min-width:0;height:34px;padding:0 8px;transition:border-color .15s,box-shadow .15s;display:flex}.desktop-guest-search__field--url{border-color:var(--accent)}.desktop-guest-search__icon{color:var(--text-faint);flex-shrink:0}.desktop-guest-search__field--url .desktop-guest-search__icon{color:var(--accent)}.desktop-guest-search__field input{min-width:0;color:var(--text);caret-color:var(--accent);background:0 0;border:none;flex:1;padding:0;font-family:Space Grotesk,sans-serif;font-size:13px}.desktop-guest-search__field input::placeholder{color:var(--text-faint)}.desktop-guest-search__field--url input{color:var(--accent)}.desktop-guest-search__clear{background:var(--line-strong);width:16px;height:16px;color:var(--text-soft);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;line-height:1;display:flex}.desktop-guest-search__submit,.desktop-guest-search__url-button,.desktop-admin-button{letter-spacing:.08em;text-transform:uppercase;border-radius:6px;height:34px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;transition:filter .15s,transform .15s,border-color .15s,background .15s,color .15s}.desktop-guest-search__submit{background:var(--accent);color:#000;border:none;flex-shrink:0;padding:0 12px}.desktop-guest-search__submit:disabled{background:var(--surface-highlight);color:var(--text-faint);cursor:default}.desktop-guest-search__url-banner{background:var(--accent-soft);border-top:1px solid #ccff0026;gap:8px;padding:8px 14px 10px;display:grid}.desktop-guest-search__url-title{color:var(--accent);margin:0 0 3px;font-size:12px;font-weight:700}.desktop-guest-search__url-subtitle{color:var(--text-soft);font-size:9px}.desktop-guest-search__url-button{background:var(--accent);color:#000;border:none;width:100%}.desktop-guest-search__url-button:disabled{background:var(--surface-highlight);color:var(--text-faint);cursor:default}.desktop-guest-search__subheader{border-top:1px solid var(--line)}.desktop-guest-search__body{flex:1;min-height:0;overflow-y:auto}.desktop-search-starters{padding:14px}.desktop-search-starters__section+.desktop-search-starters__section{margin-top:14px}.desktop-search-starters__label{color:var(--text-faint);letter-spacing:.12em;margin-bottom:7px}.desktop-search-starters__chips{flex-wrap:wrap;gap:5px;display:flex}.desktop-search-chip{border:1px solid var(--line-strong);background:var(--surface-muted);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;gap:1px;padding:5px 10px;transition:border-color .15s,color .15s,background .15s;display:flex}.desktop-search-chip__row{align-items:center;gap:5px;display:flex}.desktop-search-chip__artist{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-family:Space Mono,monospace;font-size:8px;line-height:1}.desktop-search-chip__song{color:var(--text);white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:500;line-height:1.2}.desktop-search-chip__vote{color:var(--accent);font-size:11px;line-height:1}.desktop-search-chip:hover{border-color:var(--accent)}.desktop-search-chip:hover .desktop-search-chip__artist,.desktop-search-chip:hover .desktop-search-chip__song{color:var(--accent)}.desktop-search-chip--queued{border-color:var(--accent);background:var(--accent-soft)}.desktop-search-chip--queued .desktop-search-chip__artist{color:#ccff00bf}.desktop-search-chip--queued .desktop-search-chip__song{color:var(--text)}.desktop-search-chip--more{color:var(--text-faint);background:0 0;border-style:dashed;border-radius:8px;align-self:flex-end;align-items:center;font-family:Space Grotesk,sans-serif;font-size:11px;display:inline-flex}.desktop-search-chip--recent{padding-inline:9px}.desktop-guest-search__list{flex-direction:column;display:flex}.desktop-search-suggestion,.desktop-search-result{border:none;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--text);background:0 0;align-items:center;gap:8px;padding:7px 14px;transition:background .15s;display:flex}.desktop-search-suggestion:hover,.desktop-search-result:hover{background:var(--surface-muted)}.desktop-search-suggestion__thumb{object-fit:cover;border:1px solid var(--line-strong);border-radius:3px;flex-shrink:0;width:44px;height:28px}.desktop-search-suggestion__icon{background:var(--surface-highlight);width:44px;height:28px;color:var(--text-faint);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.desktop-search-suggestion__body,.desktop-search-result__body{flex:1;min-width:0}.desktop-search-suggestion__title,.desktop-search-result__title{font-size:12px}.desktop-search-suggestion__sub{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;margin-top:1px;font-size:9px}.desktop-search-suggestion__action,.desktop-search-result__action{color:var(--accent);flex-shrink:0}.desktop-search-suggestion__action--query{color:var(--text-faint);transform:rotate(-45deg)}.desktop-search-result img{object-fit:cover;border:1px solid var(--line-strong);border-radius:3px;flex-shrink:0;width:52px;height:34px}.desktop-search-result__meta{color:var(--text-faint);margin-top:1px;font-size:9px}.desktop-guest-search__status{color:var(--text-faint);padding:14px;font-size:11px;line-height:1.5}.desktop-guest-search__status--empty{color:var(--text-soft)}.desktop-guest-search__status--note{padding:12px 0 0}.desktop-guest-search__status--error,.desktop-admin-section__error{color:var(--error)}.desktop-admin-section{border-top:1px solid var(--line);flex-shrink:0}.desktop-admin-section__toggle{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:10px 14px;display:flex}.desktop-admin-section__label{color:var(--text-faint)}.desktop-admin-section__label--active{color:var(--accent)}.desktop-admin-section__chevron{color:var(--text-faint);font-size:14px;transition:transform .15s}.desktop-admin-section__chevron--open{transform:rotate(90deg)}.desktop-admin-section__body{padding:0 14px 14px}.desktop-admin-auth{gap:6px;display:grid}.desktop-admin-auth input{border:1px solid var(--line-strong);background:var(--surface-muted);height:34px;color:var(--text);letter-spacing:.1em;border-radius:6px;padding:0 10px;font-family:Space Mono,monospace;font-size:13px}.desktop-admin-section__actions{gap:6px;display:grid}.desktop-admin-section__action-row{gap:6px;display:flex}.desktop-admin-button{border:1px solid #0000;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.desktop-admin-button--primary{background:var(--accent);color:#000;width:100%}.desktop-admin-button--neutral{background:var(--surface-highlight);color:var(--text);border-color:var(--line-strong);flex:1}.desktop-admin-button--danger{color:var(--error);background:0 0;border-color:#ff33334d;flex:1}.desktop-admin-button--ghost{width:100%;color:var(--accent);border-color:var(--accent);background:0 0}.desktop-admin-section__note,.desktop-admin-section__error{margin-top:8px;font-size:11px;line-height:1.45}