@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--mq-bg: #0c0a09;--mq-surface: #171210;--mq-border: #2d2420;--mq-text: #f5f0eb;--mq-muted: #a39a94;--mq-accent: #f97316;--mq-accent-bright: #fb923c;--mq-accent-deep: #ea580c;--mq-accent-dim: #9a3412;--mq-danger: #f87171;--mq-page-max: min(72rem, 92vw)}html{overflow-x:hidden}.mq-body{margin:0;min-height:100vh;min-height:100dvh;width:100%;max-width:100%;overflow-x:hidden;font-family:DM Sans,system-ui,sans-serif;background:var(--mq-bg);color:var(--mq-text);line-height:1.5;-webkit-text-size-adjust:100%}.mq-shell{width:100%;max-width:var(--mq-page-max);margin:0 auto;padding:1.25rem 1.5rem;box-sizing:border-box}.mq-header h1{font-size:1.5rem;margin:0 0 .25rem}.mq-lead{color:var(--mq-muted);margin:0 0 1rem}.mq-card{background:var(--mq-surface);border:1px solid var(--mq-border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.mq-card h2{font-size:1rem;margin:0 0 .75rem}.mq-form label{display:block;margin-bottom:.75rem;font-size:.9rem}.mq-form input[type=text],.mq-form input[type=search]{width:100%;box-sizing:border-box;margin-top:.25rem;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--mq-border);background:var(--mq-bg);color:var(--mq-text)}.mq-check{display:flex;align-items:center;gap:.5rem}.mq-inline{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.mq-inline input{flex:1;min-width:8rem;padding:.5rem .65rem;border-radius:8px;border:1px solid var(--mq-border);background:var(--mq-bg);color:var(--mq-text)}.mq-btn{font:inherit;cursor:pointer;border:1px solid var(--mq-border);background:var(--mq-surface);color:var(--mq-text);padding:.45rem .9rem;border-radius:8px}.mq-btn-primary{background:var(--mq-accent);border-color:var(--mq-accent-dim);color:#fff}.mq-btn-small{font-size:.8rem;padding:.25rem .5rem}.mq-btn-ghost{background:transparent;color:var(--mq-muted);border-style:dashed}.mq-btn-ghost:hover:not(:disabled){color:var(--mq-text);border-color:var(--mq-muted)}.mq-btn:disabled{opacity:.5;cursor:not-allowed}.mq-muted{color:var(--mq-muted);font-size:.85rem}.mq-error{color:var(--mq-danger);font-size:.9rem}.mq-badge{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;padding:.15rem .45rem;border-radius:6px;background:var(--mq-border);color:var(--mq-muted)}.hidden{display:none!important}.mq-queue{display:flex;flex-direction:column;gap:.5rem}.mq-queue-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;padding:.5rem;border-radius:8px;background:var(--mq-bg);border:1px solid var(--mq-border)}.mq-queue-title{flex:1 1 12rem;min-width:0;font-size:.9rem}.mq-queue-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .75rem}.mq-queue-pill{font:inherit;font-size:.8rem;font-weight:600;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--mq-border);background:var(--mq-bg);color:var(--mq-muted);cursor:pointer}.mq-queue-pill--active{color:var(--mq-text);border-color:var(--mq-accent-dim);background:#f9731626}.mq-recent-body{margin:0}.mq-recent-load-more{margin-top:.65rem;width:100%}.mq-back-top{position:fixed;bottom:1.1rem;right:max(1rem,calc((100vw - var(--mq-page-max)) / 2 + 1.5rem));z-index:25;width:2.65rem;height:2.65rem;padding:0;border-radius:999px;border:1px solid var(--mq-border);background:var(--mq-surface);color:var(--mq-text);font-size:1.15rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 4px 18px #00000059}.mq-back-top:hover{border-color:var(--mq-accent-dim);color:var(--mq-accent)}.mq-queue--recent-history .mq-queue-row{opacity:.88}.mq-now{display:flex;gap:.75rem;align-items:flex-start}.mq-result{display:flex;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--mq-border)}.mq-result-title{font-weight:600;font-size:.9rem}.mq-results img,.mq-now img{border-radius:6px;object-fit:cover}.mq-host-grid{display:grid;gap:1rem}@media (min-width: 900px){.mq-host-grid{grid-template-columns:1.2fr 1fr}.mq-host-grid .mq-card:last-child{grid-column:1 / -1}}.mq-player-card #mq-yt-player{border-radius:8px;overflow:hidden;margin-bottom:.75rem}.mq-host-now{margin-bottom:.75rem}.mq-host-controls{margin-top:.5rem}.mq-break{word-break:break-all;font-size:.85rem}.mq-mt{margin-top:.75rem}.mq-callout{background:#f973161f;border:1px solid var(--mq-accent-dim);border-radius:10px;padding:.75rem 1rem;margin:0 0 1rem;font-size:.95rem}.mq-player-hint{margin:0 0 .75rem;font-size:.9rem}a{color:var(--mq-accent)}.hq-app{min-height:100vh;min-height:100dvh;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:linear-gradient(180deg,#100c0a,#0a0807 42%,#080605);color:#f2f2f2;font-family:DM Sans,system-ui,-apple-system,sans-serif}.hq-join-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box}.hq-join-card{width:100%;max-width:26rem;padding:1.35rem 1.5rem;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#00000059;box-shadow:0 24px 48px -12px #000000bf}.hq-join-card .hq-panel-title{margin:0 0 1rem}.hq-join-optional{color:#9a9a9a;font-weight:500}.hq-join-error{color:#ff6b6b;font-size:.875rem;min-height:1.25rem;margin:0 0 .75rem}.hq-btn-primary{font:inherit;font-size:.9rem;font-weight:600;padding:.55rem 1.15rem;border-radius:999px;border:none;background:#f97316;color:#000;cursor:pointer;white-space:nowrap;box-shadow:0 4px 18px #f9731647;transition:transform .12s ease,box-shadow .15s ease}.hq-btn-primary:hover{background:#fb923c;box-shadow:0 6px 22px #f9731661}.hq-btn-primary:active{transform:scale(.98)}.hq-stage--guest{padding:1.25rem 1.5rem 1.5rem}.hq-guest-hint{margin:0 0 1rem;font-size:.875rem;line-height:1.5;color:#b3b3b3}.hq-guest-hint strong{color:#e8e8e8;font-weight:600}.hq-guest-transport{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem .75rem;padding:.5rem 0 .25rem}.hq-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);background:#00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hq-brand{display:flex;align-items:center;gap:.65rem}.hq-brand-name{font-size:1.125rem;font-weight:600;letter-spacing:-.02em}.hq-pill{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:.2rem .5rem;border-radius:999px;background:#f9731626;color:#f97316;border:1px solid rgba(249,115,22,.35)}.hq-room-code{font-size:.8rem;color:#a7a7a7}.hq-room-code strong{color:#fff;font-weight:600;letter-spacing:.08em}.hq-topbar-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.6rem 1.1rem}.hq-header-share{display:inline-flex;align-items:center;gap:.45rem;font:inherit;font-size:.8rem;font-weight:600;padding:.42rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#ececec;cursor:pointer;transition:background .15s ease,border-color .15s ease}.hq-header-share:hover{background:#ffffff1a;border-color:#ffffff3d;color:#fff}.hq-header-share__icon{width:18px;height:18px;flex-shrink:0;opacity:.9}.hq-layout{display:flex;flex-direction:column;gap:0;width:100%;max-width:var(--mq-page-max);min-width:0;margin:0 auto;box-sizing:border-box}.hq-stage{padding:1.25rem 1.5rem 1.5rem}.hq-video-shell{border-radius:12px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #ffffff0f,0 24px 48px -12px #000000bf;margin-bottom:1.25rem}.hq-yt-anchor{position:relative;width:100%;aspect-ratio:16 / 9;max-height:min(52vh,520px);margin:0 auto}.hq-yt-anchor>iframe{position:absolute!important;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.hq-now-playing{min-height:3.25rem;margin-bottom:1.25rem}.hq-now-playing .hq-track-title{display:block;font-size:1.25rem;font-weight:600;letter-spacing:-.02em;line-height:1.35;margin-bottom:.2rem;word-break:break-word;overflow-wrap:anywhere}.hq-now-playing .hq-track-artist{font-size:.875rem;color:#b3b3b3;line-height:1.4;word-break:break-word;overflow-wrap:anywhere}.hq-now-playing .hq-idle{font-size:.9rem;color:#6a6a6a}.hq-now-playing--guest-art{min-height:0}.hq-guest-now-card{display:flex;align-items:center;gap:1rem 1.25rem;padding:.85rem 1rem;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #0003 inset,0 14px 40px -18px #000000d9}.hq-guest-now-card__art{position:relative;flex-shrink:0;width:min(38vw,10.5rem);max-width:168px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#2a2a2e,#141416);box-shadow:0 0 0 1px #ffffff1a,0 10px 28px #0000008c}.hq-guest-now-card__img{width:100%;height:100%;object-fit:cover;display:block}.hq-guest-now-card__art--placeholder{background:radial-gradient(ellipse 80% 70% at 50% 40%,rgba(249,115,22,.12) 0%,transparent 55%),linear-gradient(145deg,#252528,#121214)}.hq-guest-now-card__art--placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z'/%3E%3C/svg%3E") center / 42% no-repeat}.hq-guest-now-card__meta{min-width:0;flex:1}.hq-guest-now-card__label{display:block;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f97316;margin-bottom:.4rem}.hq-now-playing--guest-art .hq-track-title{font-size:1.05rem;margin-bottom:.3rem}.hq-now-playing--guest-art .hq-track-artist{font-size:.8125rem}.hq-guest-now-card--idle{flex-direction:column;align-items:center;text-align:center;padding:1.35rem 1rem 1.25rem;gap:1rem}.hq-guest-now-card--idle .hq-guest-now-card__art{max-width:120px;opacity:.85}.hq-guest-now-card__idle-msg{margin:0;max-width:22rem;line-height:1.45}@media (max-width: 420px){.hq-guest-now-card:not(.hq-guest-now-card--idle){flex-direction:column;align-items:stretch;text-align:center}.hq-guest-now-card:not(.hq-guest-now-card--idle) .hq-guest-now-card__art{width:min(72vw,14rem);max-width:none;margin:0 auto}.hq-guest-now-card:not(.hq-guest-now-card--idle) .hq-guest-now-card__meta{text-align:center}.hq-guest-now-card:not(.hq-guest-now-card--idle) .hq-guest-now-card__label{margin-bottom:.35rem}}.hq-transport{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem .75rem;padding:.5rem 0 .25rem}.hq-tbtn{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease}.hq-tbtn:active{transform:scale(.96)}.hq-tbtn--play{width:64px;height:64px;border-radius:50%;background:#f97316;color:#000;box-shadow:0 8px 24px #f9731659}.hq-tbtn--play:hover{background:#fb923c;box-shadow:0 10px 28px #f9731673}.hq-tbtn--play .hq-icon{width:28px;height:28px;margin-left:3px}.hq-tbtn--round{width:48px;height:48px;border-radius:50%;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.1)}.hq-tbtn--round:hover{background:#ffffff24;border-color:#ffffff2e}.hq-tbtn--prev,.hq-tbtn--next{gap:.5rem;padding:.65rem 1.25rem;border-radius:999px;font-size:.9rem;font-weight:600}.hq-tbtn--prev{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.12)}.hq-tbtn--prev:hover{background:#ffffff24;border-color:#fff3}.hq-tbtn--next{background:#f97316;color:#000;border:1px solid transparent;box-shadow:0 4px 18px #f9731647}.hq-tbtn--next:hover{background:#fb923c}.hq-tbtn--prev .hq-icon,.hq-tbtn--next .hq-icon{width:20px;height:20px}.hq-history-wrap{margin:0;padding:0;border:none}.hq-queue--history .hq-row{opacity:.88;background:#ffffff05}.hq-queue-focus-anchor{height:1px;width:100%;flex-shrink:0;pointer-events:none;overflow:hidden;opacity:0}.hq-queue--history .hq-row--history{grid-template-columns:48px minmax(0,1fr) auto max-content;align-items:start}.hq-queue--history .hq-row--guest-history{grid-template-columns:48px minmax(0,1fr) auto;align-items:start}.hq-queue--history .hq-row-badge{max-width:min(14rem,42vw);text-transform:none;letter-spacing:.02em;font-weight:500;font-size:.7rem;color:#9a9a9a}.hq-row-requeue{align-self:center;font:inherit;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.35rem .5rem;border-radius:8px;border:1px solid rgba(249,115,22,.45);background:#f973161a;color:#f97316;cursor:pointer;white-space:nowrap}.hq-row-requeue:hover{background:#f9731633}.hq-history-actions{display:flex;flex-direction:column;gap:.4rem;margin:0 0 .65rem}.hq-history-secondary{align-self:flex-start;font:inherit;font-size:.75rem;font-weight:600;padding:.4rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#a8a8a8;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.hq-history-secondary:hover:not(:disabled){color:#eee;border-color:#ffffff3d;background:#ffffff12}.hq-history-more{width:100%;font:inherit;font-size:.8125rem;font-weight:600;padding:.55rem 1rem;border-radius:10px;border:1px dashed rgba(255,255,255,.18);background:#ffffff0a;color:#b0b0b0;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.hq-history-more:hover:not(:disabled){background:#ffffff12;border-color:#ffffff47;color:#e8e8e8}.hq-history-more:disabled{cursor:default;opacity:.55;border-style:solid}.hq-transport-label{line-height:1}.hq-icon{width:22px;height:22px;display:block}.hq-icon--sm{width:20px;height:20px}.hq-queue-section{padding:0 1.5rem 1.75rem;border-top:1px solid rgba(255,255,255,.06);background:#0003}.hq-queue-tabs-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.85rem}.hq-queue-tabs-row .hq-queue-pills{display:flex;flex-wrap:wrap;gap:.35rem;flex:1 1 auto;margin:0;min-width:0}.hq-queue-add-btn{display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;margin-left:auto;font:inherit;font-size:.78rem;font-weight:600;padding:.4rem .95rem;border-radius:999px;border:none;background:#f97316;color:#000;cursor:pointer;white-space:nowrap;box-shadow:0 4px 18px #f9731647;transition:transform .12s ease,box-shadow .15s ease}.hq-queue-add-btn:hover{box-shadow:0 6px 22px #f9731661}.hq-queue-add-btn:active{transform:scale(.98)}.hq-queue-add-btn__icon{width:16px;height:16px;flex-shrink:0}.hq-queue-pill{font:inherit;font-size:.75rem;font-weight:600;padding:.4rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#9a9a9a;cursor:pointer}.hq-queue-pill--active{color:#fff;border-color:#f9731673;background:#f973161f}.hq-recent-body{margin:0}.hq-app .mq-back-top{border-color:#ffffff24;background:#1c1c20f2;color:#e8e8e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hq-app .mq-back-top:hover{border-color:#f9731673;color:#f97316}.hq-recent-load-more{margin-top:.65rem;width:100%;font:inherit;font-size:.8125rem;font-weight:600;padding:.55rem 1rem;border-radius:10px;border:1px dashed rgba(255,255,255,.18);background:#ffffff0a;color:#b0b0b0;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.hq-recent-load-more:hover:not(:disabled){background:#ffffff12;border-color:#ffffff47;color:#e8e8e8}.hq-recent-load-more:disabled{opacity:.55;cursor:default}.hq-dialog{margin:0;border:none;padding:0;background:transparent;color:#f2f2f2}.hq-dialog:not([open]){display:none!important}.hq-dialog[open]{display:flex;align-items:center;justify-content:center;width:100vw;max-width:100vw;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding:1rem;box-sizing:border-box;overflow:visible}.hq-dialog::backdrop{background:transparent}.hq-dialog__underlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;cursor:pointer;background:#050508d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hq-dialog--search .hq-dialog__underlay{background:#000000c7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.hq-dialog__panel{position:relative;z-index:1;width:100%;max-width:26rem;margin:0;padding:1.35rem 1.35rem 1.5rem;border-radius:16px;background:linear-gradient(165deg,#18181c,#0e0e11);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #00000080,0 28px 60px -20px #000000d9}.hq-dialog__panel--share{max-width:22rem}.hq-dialog--search[open]{align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px))}.hq-dialog__panel--search{position:relative;display:flex;flex-direction:column;width:100%;max-width:min(40rem,calc(100vw - 2rem));padding:0;border-radius:12px;background:linear-gradient(180deg,#181818,#121212);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #0009,0 32px 64px -12px #000000e6,0 0 80px -20px #f973161f;overflow:visible}.hq-dialog__panel-accent{height:3px;width:100%;flex-shrink:0;border-radius:12px 12px 0 0;background:linear-gradient(90deg,#fb923c,#f97316 45%,#ea580c)}.hq-dialog__head--search{align-items:flex-start;margin:0;padding:1.25rem 1.25rem .35rem;gap:1rem}.hq-dialog__intro{min-width:0;flex:1}.hq-dialog__panel--search .hq-dialog__title{font-size:1.375rem;font-weight:700;letter-spacing:-.03em;line-height:1.2;color:#fff}.hq-dialog__subtitle{margin:.4rem 0 0;font-size:.8125rem;line-height:1.45;color:#a7a7a7;font-weight:400}.hq-dialog__close--search{width:2.75rem;height:2.75rem;margin:0;border-radius:50%;background:#ffffff14;color:#b3b3b3;display:inline-flex;align-items:center;justify-content:center;font-size:0;line-height:0}.hq-dialog__close--search:hover{background:#ffffff24;color:#fff}.hq-dialog__close-icon{flex-shrink:0;opacity:.95}.hq-dialog__panel--search .rs--search-modal{padding:.75rem 1.25rem 1.35rem}.hq-dialog__panel--search .rs-input-wrap--search-modal{padding:.65rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;box-shadow:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.hq-dialog__panel--search .rs-input-wrap--search-modal:focus-within{border-color:#f973168c;background:#ffffff14;box-shadow:0 0 0 4px #f973161f}.hq-dialog__panel--search .rs-input-icon--search-modal{color:#8e8e93}.hq-dialog__panel--search .rs-input-wrap--search-modal:focus-within .rs-input-icon--search-modal{color:#f97316}.hq-dialog__panel--search .rs--host .rs-input{font-size:1rem;font-weight:500;letter-spacing:-.01em;background:transparent;border:none;box-shadow:none;color:#fff}.hq-dialog__panel--search .rs--host .rs-input:focus{border:none;box-shadow:none;outline:none}.hq-dialog__panel--search .rs--host .rs-input::placeholder{color:#8e8e93;font-weight:400}.hq-dialog__panel--search .rs-dropdown--search-modal{position:relative!important;top:auto!important;left:auto!important;right:auto!important;max-height:min(58vh,520px);overflow-y:auto;margin-top:.65rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#181818;padding:.35rem;box-shadow:0 0 0 1px #00000080,0 20px 48px #000000a6}.hq-dialog__panel--search .rs-status--search-modal{margin-top:.65rem;font-size:.75rem;font-weight:500;color:#f97316}.hq-dialog__panel--search .rs-status--error{color:#ff8a8a}.hq-dialog__panel--search .rs-suggest{padding:.55rem .5rem;border-radius:8px;margin-bottom:2px}.hq-dialog__panel--search .rs-suggest-thumb{width:52px;height:52px;border-radius:6px}.hq-dialog__panel--search .rs-suggest-title{font-size:.9rem}.hq-dialog__panel--search .rs-suggest-meta{font-size:.75rem}@media (max-width: 640px){.hq-dialog--search[open]{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;width:100%;max-width:100%;height:100%;min-height:100vh;min-height:100dvh;max-height:100dvh;overflow:hidden;box-sizing:border-box;touch-action:manipulation}.hq-dialog__panel--search{width:100%;max-width:100%;flex:1 1 auto;min-height:0;height:auto;max-height:none;border-radius:0;border:none;box-sizing:border-box;overflow:hidden}.hq-dialog__head--search{padding:max(.5rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) .35rem max(1rem,env(safe-area-inset-left,0px));flex-shrink:0}.hq-dialog__panel--search .hq-dialog__title{font-size:1.2rem}.hq-dialog__close--search{width:44px;height:44px;min-width:44px;min-height:44px}.hq-dialog__panel--search .rs--search-modal{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:.35rem max(1rem,env(safe-area-inset-left,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-right,0px))}.hq-dialog__panel--search .rs-input-wrap--search-modal{flex-shrink:0;min-height:48px;box-sizing:border-box}.hq-dialog__panel--search .rs-dropdown--search-modal{position:relative!important;top:auto!important;left:auto!important;right:auto!important;flex:1 1 auto;min-height:0;max-height:none!important;margin-top:.65rem;border-radius:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.hq-dialog__panel--search .rs-status--search-modal{flex-shrink:0}.hq-dialog__panel--search .rs-suggest{min-height:44px;align-items:flex-start;gap:.6rem;padding:.5rem .45rem}.hq-dialog__panel--search .rs-suggest-thumb{width:40px;height:40px;margin-top:2px;flex-shrink:0}.hq-dialog__panel--search .rs-suggest-title{font-size:.85rem;white-space:normal;overflow:visible;text-overflow:unset;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hq-dialog__panel--search .rs-suggest-meta{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hq-dialog__panel--search .rs-suggest-action{margin-top:2px;min-width:3.2rem;font-size:.62rem;padding:.3rem .45rem;align-self:flex-start;flex-shrink:0}}.hq-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.hq-dialog__title{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.02em;line-height:1.25}.hq-dialog__close{flex-shrink:0;width:2.25rem;height:2.25rem;margin:-.35rem -.25rem 0 0;border:none;border-radius:8px;background:#ffffff0f;color:#aaa;font-size:1.35rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease}.hq-dialog__close:hover{background:#ffffff1f;color:#fff}.hq-dialog__lede{margin:0 0 1rem;font-size:.8125rem;line-height:1.5;color:#7a7a80}.hq-share-qr{display:flex;justify-content:center;margin-bottom:1.1rem}.hq-share-qr__img{display:block;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#fff;padding:.35rem}.hq-share-row{display:flex;flex-direction:column;gap:.65rem}@media (min-width: 400px){.hq-share-row{flex-direction:row;align-items:stretch}}.hq-share-row__input{flex:1;min-width:0;font-size:.75rem;padding:.6rem .75rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#00000073;color:#e0e0e0}.hq-share-row__copy{flex-shrink:0;font:inherit;font-size:.8125rem;font-weight:600;padding:.6rem 1.15rem;border-radius:999px;border:none;cursor:pointer;background:#f97316;color:#000;white-space:nowrap}.hq-share-row__copy:hover{background:#fb923c}.rs--modal{position:relative;z-index:2}.rs--modal .rs-dropdown{max-height:min(50vh,420px)}.hq-panel-title{margin:0 0 .15rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#8e8e8e}.hq-panel-sub{margin:0 0 1rem;font-size:.8125rem;color:#5a5a5a}.hq-queue{display:flex;flex-direction:column;gap:.35rem}.hq-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:start;gap:.65rem .75rem;padding:.65rem .75rem;border-radius:8px;background:#ffffff08;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.hq-row:hover{background:#ffffff0f}.hq-row--playing{background:#f9731614;border-color:#f9731640}.hq-row--draggable{cursor:grab}.hq-row--draggable:active{cursor:grabbing}.hq-row--sortable-ghost{opacity:.35}.hq-row--sortable-chosen{border-color:#f9731673;background:#ffffff12}.hq-row--sortable-drag{opacity:.92}.hq-row-thumb{width:48px;height:48px;border-radius:4px;object-fit:cover;background:#222}.hq-row-body{min-width:0}.hq-row-title{display:block;font-size:.875rem;font-weight:500;line-height:1.45;white-space:normal;overflow:visible;word-break:break-word;overflow-wrap:anywhere}.hq-row-artist{display:block;font-size:.75rem;color:#8e8e8e;line-height:1.45;white-space:normal;overflow:visible;word-break:break-word;overflow-wrap:anywhere;margin-top:.2rem}.hq-row-badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6a6a6a;white-space:normal;line-height:1.3;max-width:5.5rem;text-align:right;justify-self:end}.hq-row--playing .hq-row-badge{color:#f97316}.hq-row-remove{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;align-self:start;padding:0;border:none;border-radius:50%;background:transparent;color:#8e8e8e;cursor:pointer;transition:color .15s ease,background .15s ease}.hq-row-remove:hover{color:#ff6b6b;background:#ff6b6b1f}.hq-row-remove svg{width:18px;height:18px}.hq-row-guest-tail{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem;justify-self:end;min-width:0}.gq-votes{display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.gq-vote{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--mq-border);background:var(--mq-bg);color:var(--mq-muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.gq-vote:hover{color:var(--mq-text);border-color:#555;background:var(--mq-surface)}.gq-vote svg{width:18px;height:18px}.gq-vote--up:hover{color:#f97316;border-color:#f9731666}.gq-vote--down:hover{color:#ff6b6b;border-color:#ff6b6b66}.gq-score{font-size:.75rem;font-weight:600;color:var(--mq-muted);min-width:1.25rem;text-align:center}@media (max-width: 640px){.hq-layout{padding-left:max(.75rem,env(safe-area-inset-left,0px));padding-right:max(.75rem,env(safe-area-inset-right,0px))}.hq-topbar{padding:.75rem max(.75rem,env(safe-area-inset-left,0px)) .75rem max(.75rem,env(safe-area-inset-right,0px));gap:.65rem .85rem}.hq-brand{min-width:0}.hq-brand-name{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(60vw,14rem)}.hq-topbar-end{flex:1 1 auto;min-width:0;justify-content:flex-end;gap:.45rem .65rem}.hq-room-code{font-size:.75rem}.hq-header-share{font-size:.75rem;padding:.38rem .7rem}.hq-stage{padding:1rem 0 1.15rem}.hq-stage--guest{padding-top:.85rem}.hq-video-shell,.hq-now-playing{margin-bottom:1rem}.hq-now-playing .hq-track-title{font-size:1.1rem}.hq-queue-section{padding:0 0 1.35rem}.hq-queue-tabs-row{flex-direction:column;align-items:stretch;gap:.65rem;margin-bottom:.75rem}.hq-queue-tabs-row .hq-queue-pills{flex:1 1 auto;width:100%;justify-content:flex-start}.hq-queue-add-btn{margin-left:0;width:100%;justify-content:center;min-height:44px;padding:.5rem 1rem;font-size:.8125rem}.hq-queue-pill{display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:44px;text-align:center}.hq-row{grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:.4rem .5rem;padding:.55rem .5rem;align-items:start}.hq-row-thumb{grid-row:1 / -1;grid-column:1;width:40px;height:40px}.hq-row-body{grid-column:2;grid-row:1;min-width:0}.hq-row-badge{grid-column:2;grid-row:2;justify-self:start;text-align:left;max-width:100%;white-space:normal}.hq-row-remove,.hq-row-requeue,.hq-row-guest-tail{grid-column:3;grid-row:1 / -1;align-self:center;justify-self:end}.hq-row-requeue{align-self:center}.hq-row-guest-tail{flex-wrap:wrap;justify-content:flex-end;max-width:100%;gap:.25rem}.gq-vote{width:34px;height:34px;min-width:34px;min-height:34px}.hq-row-remove{width:40px;height:40px;min-width:40px;min-height:40px}.hq-queue--history .hq-row-badge{max-width:100%;font-size:.68rem}.hq-row--guest-history{grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto}.hq-row--guest-history .hq-row-thumb{grid-row:1 / -1}.hq-row--guest-history .hq-row-body{grid-column:2;grid-row:1}.hq-row--guest-history .hq-row-badge{grid-column:2;grid-row:2}.hq-guest-now-card{padding:.75rem .65rem;gap:.75rem}.hq-guest-hint{font-size:.8125rem}.hq-join-wrap{padding:max(1rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px))}.hq-app .mq-back-top{right:max(.75rem,env(safe-area-inset-right,0px));bottom:max(.85rem,env(safe-area-inset-bottom,0px))}}.rs-section-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.rs-section-sub{margin:0 0 1rem;font-size:.8125rem;color:var(--mq-muted);line-height:1.45}.mq-card--search{border:1px solid rgba(249,115,22,.2);background:linear-gradient(145deg,#1a1d24fa,#12141afa);box-shadow:0 12px 40px -16px #00000080}.mq-card--search-launch{border:1px solid rgba(249,115,22,.18);background:linear-gradient(155deg,#1a1d24f5,#101218fa);box-shadow:0 10px 36px -18px #00000073}.rs{position:relative;z-index:2}.rs--host .rs-input{background:#00000073;border-color:#ffffff1f;color:#f2f2f2}.rs--host .rs-input::placeholder{color:#6a6a6a}.rs--host .rs-input:focus{border-color:#f9731673;box-shadow:0 0 0 3px #f973161f}.rs-input-wrap{display:flex;align-items:center;gap:.65rem;padding:.5rem .85rem .5rem .75rem;border-radius:12px;border:1px solid var(--mq-border);background:var(--mq-bg);transition:border-color .15s ease,box-shadow .15s ease}.rs-input-wrap:focus-within{border-color:#f973168c;box-shadow:0 0 0 3px #f973161f}.rs--host .rs-input-wrap:focus-within{border-color:#f9731673;box-shadow:0 0 0 3px #f973161a}.rs-input-icon{flex-shrink:0;color:var(--mq-muted);display:flex;opacity:.85}.rs-input{flex:1;min-width:0;border:none;background:transparent;color:var(--mq-text);font:inherit;font-size:.9375rem;outline:none}.rs-dropdown{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:min(52vh,380px);overflow-y:auto;overflow-x:hidden;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#16161a,#101012);box-shadow:0 0 0 1px #00000080,0 24px 56px -14px #000000bf;z-index:40;padding:.4rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.rs-dropdown::-webkit-scrollbar{width:8px}.rs-dropdown::-webkit-scrollbar-track{background:transparent;margin:6px 0}.rs-dropdown::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.rs-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff47;background-clip:padding-box}.rs--host .rs-dropdown{background:linear-gradient(180deg,#141418,#0c0c0f);border-color:#ffffff1f;scrollbar-color:rgba(249,115,22,.35) transparent}.rs--host .rs-dropdown::-webkit-scrollbar-thumb{background:#f9731647;background-clip:padding-box}.rs--host .rs-dropdown::-webkit-scrollbar-thumb:hover{background:#f973166b;background-clip:padding-box}.rs-suggest{display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.5rem .55rem;margin:0 0 3px;border:1px solid transparent;border-radius:10px;background:#ffffff05;color:inherit;cursor:pointer;font:inherit;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.rs-suggest:hover,.rs-suggest:focus-visible{background:#ffffff0f;border-color:#ffffff0f;outline:none}.rs-suggest--active{background:#f973161f!important;border-color:#f9731640!important}.rs-suggest--queued{border-color:#f9731659;background:#f9731614!important;box-shadow:inset 0 0 0 1px #f973161f}.rs-suggest--queued-locked{border-color:#ffffff1a;background:#ffffff0a!important;box-shadow:none}.rs-suggest--removable.rs-suggest--queued:hover,.rs-suggest--removable.rs-suggest--queued:focus-visible{background:#f871711f!important;border-color:#f8717159;box-shadow:inset 0 0 0 1px #f8717126}.rs--host .rs-suggest--active{background:#f973161a!important;border-color:#f9731647!important}.rs-suggest-thumb{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#1a1a1e;box-shadow:0 2px 8px #00000059}.rs-suggest-thumb--ph{background:linear-gradient(145deg,#2a2a32,#141418)}.rs-suggest-text{flex:1;min-width:0}.rs-suggest-title{display:block;font-size:.875rem;font-weight:600;letter-spacing:-.01em;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0f0f0}.rs-suggest-meta{display:block;font-size:.72rem;color:#8e8e93;margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rs-suggest-action{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:4.5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:.4rem .55rem;border-radius:8px;border:1px solid rgba(249,115,22,.35);background:#f973161a;color:#f97316}.rs-suggest-action__add{display:block}.rs-suggest-action--add{border-color:#f9731659;background:#f973161a;color:#f97316}.rs-suggest-action--locked{border-color:#ffffff1f;background:#ffffff0a;color:#8e8e93}.rs-suggest-action__locked{display:block}.rs-suggest-action--toggle{position:relative;border-color:#f9731666;background:#f9731624;color:#f97316}.rs-suggest-action__added,.rs-suggest-action__remove{display:block;width:100%;text-align:center}.rs-suggest-action__remove{display:none;color:#fb7185}.rs-suggest--removable:hover .rs-suggest-action__added,.rs-suggest--removable:focus-visible .rs-suggest-action__added{display:none}.rs-suggest--removable:hover .rs-suggest-action__remove,.rs-suggest--removable:focus-visible .rs-suggest-action__remove{display:block}.rs-suggest--removable:hover .rs-suggest-action--toggle,.rs-suggest--removable:focus-visible .rs-suggest-action--toggle{border-color:#f8717173;background:#f871711f}.rs-loading,.rs-empty{padding:.85rem 1rem;font-size:.8125rem;color:#8e8e8e;text-align:center}.rs-empty--error{color:#ff8a8a}.rs-status{min-height:1.25rem;margin:.5rem 0 0;font-size:.75rem;color:#f97316}.rs-status--error{color:#ff8a8a}.mq-toast-root{position:fixed;z-index:99999;left:50%;bottom:max(1rem,env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:.5rem;pointer-events:none;width:max-content;max-width:min(22rem,calc(100vw - 2rem))}.mq-toast{pointer-events:none;padding:.65rem 1.1rem;border-radius:12px;font-size:.875rem;font-weight:500;line-height:1.35;text-align:center;box-shadow:0 0 0 1px #0006,0 12px 40px -8px #000000a6;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .28s ease,transform .32s cubic-bezier(.22,1,.36,1)}.mq-toast--visible{opacity:1;transform:translateY(0) scale(1)}.mq-toast--success{background:linear-gradient(165deg,#3d1e0c,#1f0f08);color:#fed7aa;border:1px solid rgba(249,115,22,.4)}.mq-toast--error{background:linear-gradient(165deg,#3d1418,#281015);color:#ffc9c9;border:1px solid rgba(255,107,107,.35)}.mq-toast--info{background:linear-gradient(165deg,#222228,#151518);color:#e4e4e8;border:1px solid rgba(255,255,255,.12)}@keyframes mq-flash-add-row{0%{box-shadow:0 0 #f973168c;filter:brightness(1.08)}45%{box-shadow:0 0 0 5px #f973161f;filter:brightness(1.12)}to{box-shadow:0 0 0 0 transparent;filter:brightness(1)}}@keyframes mq-pop-input{0%{transform:scale(1);box-shadow:0 0 #f9731673}55%{transform:scale(1.02);box-shadow:0 0 0 5px #f973161f}to{transform:scale(1);box-shadow:none}}.rs-input-wrap--pop{animation:mq-pop-input .65s ease-out}.hq-row--flash-add,.mq-queue-row--flash-add{animation:mq-flash-add-row .85s ease-out}@keyframes mq-flash-requeue-source{0%,to{opacity:1}50%{opacity:.65;filter:brightness(1.15)}}.hq-row--flash-requeue{animation:mq-flash-requeue-source .55s ease-in-out}@keyframes mq-flash-reorder{0%{background:transparent;box-shadow:none}18%{background:#f9731621;box-shadow:inset 2px 0 #f9731699}to{background:transparent;box-shadow:none}}.hq-row--flash-reorder{animation:mq-flash-reorder .9s ease-out}