:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2ff;font-synthesis:none;--bg:#090b16;--surface:#111525;--surface-2:#171b2e;--line:#94a3b829;--muted:#98a2b8;--violet:#8b5cf6;--violet-2:#6d4aff;--cyan:#22d3ee;--green:#34d399;--red:#fb7185;--amber:#fbbf24;background:#090b16;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 80% -10%, #7c3aed33, transparent 32rem), radial-gradient(circle at 5% 40%, #06b6d414, transparent 30rem), var(--bg);min-width:320px;min-height:100vh;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior-y:none;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.logo{font-family:ui-rounded,Inter,system-ui,sans-serif}input{color:#fff;border:1px solid var(--line);background:#0d1120;border-radius:12px;outline:0;width:100%;padding:14px 15px}input::placeholder{color:#65708a}input:focus-visible,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #22d3ee8c}button:disabled{opacity:.45;cursor:not-allowed}.app-shell{min-height:100vh}.topbar{max-width:1440px;height:76px;padding:env(safe-area-inset-top) max(28px, env(safe-area-inset-right)) 0 max(28px, env(safe-area-inset-left));border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:auto;display:flex}.native-offline-banner{z-index:100;padding:9px max(14px, env(safe-area-inset-right)) 9px max(14px, env(safe-area-inset-left));color:#111827;background:var(--amber);text-align:center;font-size:13px;font-weight:800;position:sticky;top:0}.analytics-consent{z-index:1100;right:16px;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--line);background:#111525f7;border-radius:16px;align-items:center;gap:18px;width:min(620px,100vw - 32px);padding:16px;display:flex;position:fixed;box-shadow:0 20px 60px #0009}.analytics-consent p{color:var(--muted);margin:5px 0 0;line-height:1.45}.analytics-consent-actions{flex:none;gap:8px;display:flex}@media (width<=620px){.analytics-consent{flex-direction:column;align-items:stretch}.analytics-consent-actions>button{flex:1}}.legal-footer{padding:22px max(18px, env(safe-area-inset-right)) max(26px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:14px;font-size:13px;display:flex}.legal-footer a,.legal-page a{color:#c4b5fd}.legal-details{gap:12px;margin:24px 0;display:grid}.checkout-consent{border:1px solid var(--line);border-radius:14px;gap:.75rem;margin:0;padding:1rem;display:grid}.checkout-consent legend{padding:0 .35rem;font-weight:700}.checkbox-row{grid-template-columns:auto 1fr;align-items:start;gap:.65rem;font-weight:400;display:grid}.checkbox-row input{margin-top:.25rem}.legal-details div{border:1px solid var(--line);background:#ffffff06;border-radius:14px;padding:14px 16px}.legal-details dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:700}.legal-details dd{margin:5px 0 0}.legal-page{border:1px solid var(--line);background:#111525e0;border-radius:24px;width:min(780px,100%);margin:24px auto;padding:clamp(22px,5vw,48px)}.legal-page h2{margin-top:32px}.legal-page p{color:#cbd5e1;line-height:1.75}.account-settings{max-width:850px}.settings-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-top:18px;padding:22px}.settings-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.notification-preferences{gap:10px;margin:18px 0;display:grid}.notification-preferences label{align-items:center;gap:10px;display:flex}.notification-preferences input{width:20px;height:20px}.danger-zone{border-color:#fb718559}.danger-zone input{margin:10px 0}.guest-account-actions{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:22px;font-size:13px;display:flex}.text-danger-button{color:#fda4af;cursor:pointer;background:0 0;border:0;padding:0}.topbar-actions{align-items:center;gap:9px;display:flex}.logo{letter-spacing:-.03em;align-items:center;gap:10px;font-size:21px;font-weight:700;display:inline-flex}.logo-disc{border:2px solid var(--violet);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 18px #8b5cf659}.logo-disc span{background:linear-gradient(135deg, var(--violet), var(--cyan));border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid}.page{max-width:1440px;margin:auto;padding:32px 28px 80px}.text-link{color:#c4b5fd;font-weight:700}.text-link:hover{color:#fff}.button{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;font-weight:700;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg, var(--violet-2), #7c3aed 55%, #0891b2);box-shadow:0 10px 28px #6d4aff40}.button.secondary{background:var(--surface-2);border-color:var(--line)}.button.ghost{border-color:var(--line);color:#cbd5e1;background:0 0}.button.danger{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e4d}.button.compact{border-radius:9px;min-height:36px;padding:7px 11px;font-size:13px}.button.wide{width:100%;margin-top:8px}.eyebrow{color:#a78bfa;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800}.pill{color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf659;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;min-height:480px;padding:45px 5vw;display:grid}.hero-copy h1{letter-spacing:-.055em;max-width:700px;margin:20px 0;font-size:clamp(44px,6vw,78px);line-height:.99}.hero-copy h1 span,.guest-welcome h1 span{background:linear-gradient(90deg,#a78bfa,#22d3ee);color:#0000;-webkit-background-clip:text}.hero-copy>p{color:#a8b2c8;max-width:570px;font-size:18px;line-height:1.65}.hero-actions{gap:12px;margin-top:30px;display:flex}.hero-visual{place-items:center;min-height:390px;display:grid;position:relative}.vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#191d31 0 5px,#0e1120 6px 9px);border-radius:50%;place-items:center;width:min(330px,74vw);animation:18s linear infinite spin;display:grid;box-shadow:0 0 0 1px #2d3352,0 35px 90px #00000080}.vinyl:before{content:"";aspect-ratio:1;background:linear-gradient(135deg, var(--violet), var(--cyan));border-radius:50%;width:38%;position:absolute}.vinyl span{z-index:1;font:700 16px ui-rounded,system-ui}.floating-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111525db;border-radius:14px;padding:13px 17px;font-weight:700;position:absolute;box-shadow:0 18px 45px #0000004d}.floating-card.one{color:#c4b5fd;top:18%;left:4%}.floating-card.two{color:#67e8f9;bottom:16%;right:0}@keyframes spin{to{transform:rotate(360deg)}}.join-panel{border:1px solid var(--line);background:linear-gradient(120deg,#171b2eeb,#0f1222f5);border-radius:22px;grid-template-columns:1fr 1.15fr;align-items:center;gap:28px;padding:26px 30px;display:grid}.join-panel h2{margin:5px 0}.join-panel p{color:var(--muted);margin:0}.join-form{gap:10px;display:flex}.join-form input{text-transform:uppercase;letter-spacing:.16em;font-weight:800}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;display:grid}.feature-grid article{border-top:1px solid var(--line);padding:25px}.feature-grid span{color:var(--cyan);font-weight:800}.feature-grid h3{margin:18px 0 8px}.feature-grid p{color:var(--muted);line-height:1.6}.demo-hint{text-align:center;color:var(--muted);margin:25px 0}.demo-hint button{color:#c4b5fd;cursor:pointer;background:0 0;border:0;font-weight:800;text-decoration:underline}.narrow-page{max-width:760px;margin:20px auto}.page-heading{margin:0 0 24px}.page-heading h1{margin:8px 0;font-size:40px}.page-heading p{color:var(--muted)}.form-card{border:1px solid var(--line);background:#111525db;border-radius:20px;gap:18px;padding:28px;display:grid}.form-card>label,.field-grid label,.guest-welcome label{gap:8px;font-weight:700;display:grid}.field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-error{color:#fda4af;font-weight:600}.toggle-row{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:15px;padding:15px 0;display:grid;position:relative}.toggle-row+.toggle-row{border-top:1px solid var(--line)}.toggle-row span{gap:4px;display:grid}.toggle-row small{color:var(--muted);font-weight:400}.toggle-row input{opacity:0;pointer-events:none;position:absolute}.toggle-row i{background:#2a3044;border-radius:999px;width:48px;height:27px;padding:3px;transition:all .2s}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:all .2s;display:block}.toggle-row input:checked+i{background:var(--violet)}.toggle-row input:checked+i:after{transform:translate(21px)}.toggle-row input:focus-visible+i{outline-offset:3px;outline:3px solid #22d3ee8c}.qr-page{text-align:center;border-radius:25px;max-width:680px;margin:5px auto;padding:25px}.qr-print-brand,.qr-print-help,.qr-print-url{display:none}.qr-page:fullscreen{background:var(--bg);place-content:center;display:grid}.qr-page h1{margin:7px 0;font-size:38px}.qr-warning{text-align:left;max-width:560px;margin:16px auto;line-height:1.5}.qr-page>p{color:var(--muted)}.qr-box{background:#fff;border-radius:20px;width:fit-content;margin:25px auto 20px;padding:18px;box-shadow:0 0 70px #7c3aed4d}.code-label{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-size:12px;display:block}.party-code{letter-spacing:.18em;margin:5px 0 20px;font:700 38px Space Grotesk;display:block}.copy-row{gap:8px;display:flex}.copy-row input{color:var(--muted)}.qr-actions{justify-content:center;gap:10px;margin-top:18px;display:flex}@media print{@page{size:A4 portrait;margin:14mm}html,body{background:#fff!important}body *{visibility:hidden}.qr-page,.qr-page *{visibility:visible}.qr-page{box-sizing:border-box;color:#111327;-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1.5mm solid #6d28d9;border-radius:8mm;width:100%;max-width:none;min-height:260mm;margin:0;padding:10mm 12mm;position:fixed;inset:0;background:#fff!important}.app-header,.host-sidebar,.host-mobile-bar,.host-desktop-actions{display:none!important}.host-shell,.host-content{margin:0!important;padding:0!important;display:block!important}.screen-only{display:none!important}.qr-print-brand{color:#6d28d9;letter-spacing:-.04em;margin-bottom:10mm;font:800 9mm Space Grotesk,sans-serif;display:block}.qr-page .eyebrow{color:#6d28d9;font-size:4mm}.qr-page h1{color:#111327;margin:3mm 0 2mm;font-size:12mm;line-height:1.1}.qr-page>p{color:#374151;font-size:5mm}.qr-box{box-shadow:none;border:.5mm solid #d1d5db;border-radius:5mm;margin:10mm auto 7mm;padding:5mm}.qr-box svg{width:92mm;height:92mm;display:block}.code-label{color:#4b5563;font-size:3.5mm}.party-code{color:#111327;letter-spacing:.16em;margin:2mm 0 5mm;font-size:13mm}.qr-print-help{max-width:145mm;margin:7mm auto 0;font-weight:700;line-height:1.45;display:block}.qr-print-url{overflow-wrap:anywhere;max-width:160mm;margin:5mm auto 0;display:block;color:#6b7280!important;font-size:3.2mm!important}}.guest-welcome{text-align:center;max-width:520px;margin:9vh auto}.guest-welcome h1{margin:19px 0;font-size:48px;line-height:1.08}.guest-welcome>p{color:var(--muted)}.guest-welcome form{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:10px;margin-top:30px;padding:24px;display:grid}.guest-chip{align-items:center;gap:8px;font-weight:700;display:flex}.guest-chip span{aspect-ratio:1;background:var(--violet);border-radius:50%;place-items:center;width:30px;display:grid}.party-title,.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:5px 0 24px;display:flex}.party-title h1,.dashboard-heading h1{margin:5px 0 0;font-size:clamp(30px,4vw,45px)}.status-badge{color:#fda4af;background:#fb71851a;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}.status-badge.active{color:#6ee7b7;background:#34d3991a}.now-playing{background:radial-gradient(circle at 90%,#22d3ee1c,#0000 30%),linear-gradient(110deg,#5c39be3b,#111525f5);border:1px solid #8b5cf64d;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:170px;padding:24px;display:grid;overflow:hidden}.now-playing.empty{min-height:100px;display:block}.now-playing.empty p{color:var(--muted);margin:10px 0 0}.now-copy h2{margin:7px 0 2px;font-size:clamp(24px,4vw,38px)}.now-copy p{color:#afb9cc}.now-track-analysis{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.now-track-analysis>span{background:#070a1673;border:1px solid #8b5cf64d;border-radius:12px;min-width:92px;padding:8px 12px;display:grid}.now-track-analysis small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.now-track-analysis strong{color:#fff;font-size:18px}.playback-meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.playback-progress{align-items:center;gap:10px;margin-top:10px;display:flex}.playback-progress progress{accent-color:#8b5cf6;width:min(260px,70vw);height:5px}.playback-progress small{color:var(--muted);white-space:nowrap}.playback-meta span{color:#c4b5fd;border:1px solid #8b5cf647;border-radius:999px;padding:5px 8px;font-size:11px}.playback-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.missing-bpm-action{justify-items:end;gap:6px;display:grid}.missing-bpm-action>small{color:#fbbf24;font-weight:700}.equalizer.paused i{opacity:.4;animation-play-state:paused}.playback-connection{border:1px solid var(--line);background:#0d111fd6;border-radius:18px;gap:16px;margin:18px 0 24px;padding:20px;display:grid}.playback-connection h2{margin:5px 0 0;font-size:20px}.source-tabs{flex-wrap:wrap;gap:8px;display:flex}.source-tabs button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:999px;padding:9px 13px}.source-tabs button.active{color:#fff;background:linear-gradient(135deg,#5b21b6,#2563eb);border-color:#8b5cf6}.source-tabs button:disabled{cursor:wait;opacity:.62}.build-version{z-index:1000;color:#94a3b8;letter-spacing:.04em;background:#030612d1;border:1px solid #94a3b833;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:700;position:fixed;bottom:8px;right:10px}.connection-ok{color:#6ee7b7}.connection-warning{color:#fcd34d;background:#f59e0b12;border:1px solid #f59e0b47;border-radius:12px;padding:12px}.youtube-player-shell{gap:8px;display:grid}.youtube-player,.youtube-player iframe{border:0;border-radius:14px;width:min(100%,640px);min-width:200px;min-height:240px}.youtube-player-shell small{color:var(--muted)}.cover{aspect-ratio:1;border-radius:11px;flex:none;place-items:center;width:66px;display:grid;box-shadow:inset 0 0 30px #0003}.cover span{aspect-ratio:1;background:#090b16cc;border-radius:50%;place-items:center;width:24px;font:700 11px Space Grotesk;display:grid}.cover img,.result-artwork img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.cover-lg{border-radius:16px;width:120px}.cover-lg span{width:38px;font-size:15px}.live-dot:before{content:"";background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%;margin-right:7px;display:inline-block}.equalizer{align-items:flex-end;gap:4px;height:22px;display:flex}.equalizer i{background:var(--cyan);border-radius:3px;width:3px;height:100%;animation:.8s ease-in-out infinite alternate eq}.equalizer i:nth-child(2){animation-delay:-.4s}.equalizer i:nth-child(3){animation-delay:-.1s}.equalizer i:nth-child(4){animation-delay:-.6s}.equalizer i:nth-child(5){animation-delay:-.25s}@keyframes eq{0%{height:25%}to{height:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}.up-next{color:var(--muted);align-items:center;gap:9px;padding:13px 5px;font-size:13px;display:flex;overflow-x:auto}.up-next strong{color:#fff}.up-next span{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:5px 9px}.content-section{margin-top:44px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:15px;display:flex}.section-heading h2{margin:4px 0 0}.section-heading>span{color:var(--muted);font-size:13px}.search-box{margin-bottom:14px;display:block;position:relative}.search-box span{color:var(--muted);font-size:23px;position:absolute;top:10px;left:16px}.search-box input{min-height:52px;padding-left:48px}.track-list{gap:9px;display:grid}.search-results{max-height:520px;padding-right:3px;overflow:auto}.demo-source{color:#fbbf24}.empty-search-state{text-align:center;justify-items:center;gap:8px;padding:24px 14px;display:grid}.empty-search-state strong{color:#f8fafc}.empty-search-state span{color:var(--muted)}.track-card{border:1px solid var(--line);background:#111525e0;border-radius:15px;align-items:center;gap:13px;min-width:0;padding:12px;display:flex;position:relative}.track-main{flex:1;min-width:0}.track-main h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font:700 15px DM Sans;overflow:hidden}.track-main>p{color:#b3bdd0;margin:0 0 4px;font-size:14px}.track-main small{color:#727e97;font-size:11px;display:block}.track-meta{color:#aeb8cc;margin-top:6px;font-size:12px}.track-actions{align-items:center;gap:5px;display:flex}.explicit{background:#64748b;border-radius:4px;place-items:center;width:17px;height:17px;font-size:10px;display:inline-grid}.duplicate-note{color:#c4b5fd}.notice{color:#fde68a;background:#fbbf2414;border:1px solid #fbbf2440;border-radius:11px;margin-bottom:12px;padding:12px 14px}.request-status{background:#94a3b81a;border-radius:6px;padding:4px 7px;display:inline-flex}.request-status.approved{color:#67e8f9}.request-status.pending{color:#fde68a}.request-status.rejected,.request-status.skipped{color:#fda4af}.request-status.played,.request-status.playing{color:#6ee7b7}.vote-button{border:1px solid var(--line);cursor:pointer;color:#94a3b8;background:#151a2d;border-radius:10px;grid-template-columns:auto auto;justify-content:center;gap:1px 5px;min-width:65px;padding:7px 10px;display:grid}.vote-button span{grid-column:1/3;font-size:9px}.vote-button.voted{color:#fda4af;background:#fb718517;border-color:#fb71854d}.empty-copy{color:var(--muted)}.toast{z-index:100;left:50%;bottom:max(24px, env(safe-area-inset-bottom));border:1px solid var(--line);background:#171b2e;border-radius:12px;width:max-content;max-width:calc(100vw - 30px);padding:12px 18px;position:fixed;transform:translate(-50%);box-shadow:0 20px 55px #00000073}.toast.success{color:#6ee7b7}.toast.error{color:#fda4af}.dashboard-heading>div>p{color:var(--muted);margin:0}.live-stats{gap:8px;display:flex}.live-stats span{text-align:center;background:var(--surface);border:1px solid var(--line);min-width:75px;color:var(--muted);border-radius:11px;padding:10px 13px;font-size:11px}.live-stats strong{color:#fff;font-size:20px;display:block}.current-finish{margin:10px 0 0 auto}.now-playing-tap-bpm{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.now-playing-tap-bpm output{min-width:82px;color:var(--cyan);font-size:12px;font-weight:800}.dj-quick-nav{z-index:20;pointer-events:none;justify-content:flex-end;margin:-12px 0 14px;display:flex;position:sticky;top:10px}.dj-quick-nav .button{pointer-events:auto;box-shadow:0 10px 30px #0508148c}.dj-quick-nav .button span{background:#ffffff29;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:5px;display:inline-grid}.collapsible-settings{border:1px solid var(--line);background:var(--surface);border-radius:15px;margin:22px 0;overflow:hidden}.collapsible-settings>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;list-style:none;display:flex}.collapsible-settings>summary::-webkit-details-marker{display:none}.collapsible-settings>summary:after{content:"+";color:var(--violet);font-size:24px;font-weight:700}.collapsible-settings[open]>summary:after{content:"−"}.collapsible-settings>summary span{gap:3px;display:grid}.collapsible-settings>summary small{color:var(--muted);font-weight:500}.collapsible-settings .quick-controls{border:0;border-top:1px solid var(--line);border-radius:0;margin:0}.collapsible-danger{margin:0 20px 20px}.quick-controls{background:var(--surface);border:1px solid var(--line);border-radius:15px;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0;padding:0 20px;display:grid}.smart-queue-settings{background:#0f172a8c;border:1px solid #8b5cf647;border-radius:16px;gap:.8rem;padding:.9rem;display:grid}.smart-weight-grid{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:0;display:grid}.smart-weight-grid legend{margin-bottom:.55rem;font-weight:700}.smart-weight-grid label{grid-template-columns:1fr auto;align-items:center;gap:.25rem .6rem;font-size:.82rem;display:grid}.smart-weight-grid input{accent-color:#8b5cf6;grid-column:1/-1}@media (width<=640px){.smart-weight-grid{grid-template-columns:1fr}}.dashboard-columns{grid-template-columns:minmax(250px,.8fr) minmax(360px,1.35fr) minmax(230px,.75fr);align-items:start;gap:13px;display:grid}.queue-section{border:1px solid var(--line);background:#0e111fbf;border-radius:16px;min-width:0;scroll-margin-top:72px;overflow:hidden}.queue-section>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 16px;display:flex}.queue-section>header h2{margin:0;font:700 15px DM Sans}.queue-section>header .queue-count{background:#ffffff0f;border-radius:7px;place-items:center;min-width:25px;height:25px;font-size:12px;font-weight:800;display:grid}.queue-header-actions,.history-limit{align-items:center;gap:8px;display:flex}.history-limit{color:var(--muted);font-size:11px}.history-limit select{border:1px solid var(--line);width:auto;min-height:30px;color:var(--text);background:#080b16e6;border-radius:7px;padding:3px 28px 3px 8px;font-size:12px}.queue-collapse-button{border:1px solid var(--line);width:30px;height:30px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:7px;place-items:center;padding:0;display:grid}.queue-collapse-button:hover,.queue-collapse-button:focus-visible{background:#8b5cf624;border-color:#8b5cf68c}.queue-section.amber>header{box-shadow:inset 3px 0 var(--amber)}.queue-section.violet>header{box-shadow:inset 3px 0 var(--violet)}.queue-section.cyan>header{box-shadow:inset 3px 0 var(--cyan)}.queue-list{gap:8px;padding:8px;display:grid}.host-track{align-items:flex-start;padding:10px}.host-track .cover{width:49px}.host-track .track-main small{display:none}.host-track .track-actions{flex-wrap:wrap;justify-content:flex-end}.suggested-track,.production-track-row{grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.suggested-track .track-main h3,.production-track-row .track-main h3{white-space:normal;overflow-wrap:anywhere;line-height:1.25;overflow:visible}.suggested-track .track-main>p,.production-track-row .track-main>p{overflow-wrap:anywhere}.suggested-track .track-actions,.production-track-row .track-actions{border-top:1px solid #94a3b81f;grid-column:1/-1;justify-content:flex-start;width:100%;margin-top:4px;padding-top:9px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);z-index:30;color:#f8fafc;pointer-events:none;opacity:0;background:#090c18;border:1px solid #8b5cf673;border-radius:7px;width:max-content;max-width:220px;padding:7px 9px;font-size:12px;font-weight:650;line-height:1.25;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 8px 24px #00000073}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.icon-action{border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:8px;width:32px;height:32px;padding:0}.icon-action:hover{border-color:#64748b}.icon-action.approve{color:#6ee7b7}.icon-action.reject{color:#fda4af}.icon-action.pin.active{color:#c4b5fd;background:#8b5cf62e}.queue-number{color:#c4b5fd;margin-right:6px;font-weight:800}.empty-list{text-align:center;color:#667086;padding:40px 10px}.empty-list span{font-size:25px}.empty-list p{margin:7px 0;font-size:13px}.drag-handle{z-index:2;cursor:grab;color:#c4b5fd;touch-action:none;background:#090b16bf;border:0;border-radius:7px;width:28px;margin-top:30px;padding:5px;position:absolute;left:13px}.dragging{opacity:.55}.dragging .track-card{border-color:var(--violet)}.settings-layout{grid-template-columns:270px minmax(0,760px);justify-content:center;gap:40px;display:grid}.settings-layout aside{align-self:start;position:sticky;top:25px}.settings-layout aside h1{margin:8px 0 12px;font-size:35px}.settings-layout aside p{color:var(--muted);line-height:1.6}.settings-code{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-top:25px;padding:15px}.settings-code small{color:var(--muted);display:block}.settings-code strong{letter-spacing:.12em;font-size:24px}.settings-panels{gap:14px;display:grid}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px}.settings-card h2{margin-bottom:13px;font-size:18px}.number-setting{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-top:15px;display:flex}.number-setting span{gap:4px;display:grid}.number-setting small{color:var(--muted)}.number-setting input{width:80px}.request-plan{background:#5b21b617;border:1px solid #8b5cf64d;border-radius:14px;grid-column:1/-1;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding:14px 16px;display:flex}.request-plan.is-pro{background:#10b98114;border-color:#10b98159}.request-plan>div{gap:4px;display:grid}.request-plan small{color:var(--muted)}.billing-result{text-align:center;margin-top:48px}.billing-result p{color:var(--muted)}.plans-section{width:min(1180px,100% - 32px);margin:72px auto}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.plan-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;flex-direction:column;gap:14px;min-width:0;padding:26px;display:flex;position:relative}.plan-card.recommended{border-color:color-mix(in srgb, var(--violet) 55%, var(--line));box-shadow:0 18px 50px #6a3eec1f}.plan-card.selected{outline:2px solid var(--violet);outline-offset:2px}.plan-recommended{color:var(--violet);background:#6a3eec1f;border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:.78rem;font-weight:700}.plan-card-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.plan-card-heading h3,.plan-card-heading strong{margin:0;font-size:1.25rem}.plan-card-heading strong small{color:var(--muted);font-size:.75rem;font-weight:500;display:block}.plan-card p,.plan-card ul{margin:0}.plan-card ul{color:var(--muted);gap:9px;padding-left:20px;display:grid}.plan-card .plan-message{color:#eef2ff;margin-top:auto;font-weight:600}.plan-grid.compact{grid-template-columns:repeat(3,minmax(210px,1fr));padding:3px;overflow-x:auto}.plan-grid.compact .plan-card{padding:20px}.plan-fieldset{border:0;min-width:0;margin:0;padding:0}.plan-fieldset legend{margin-bottom:14px;font-weight:700}.pricing-principles{background:color-mix(in srgb, var(--surface) 90%, var(--violet));border-radius:18px;gap:7px;margin-top:20px;padding:20px;display:grid}.pricing-principles span{color:var(--muted)}.event-plan-panel{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin:18px 0;padding:16px 18px}.event-plan-panel p{margin:0}.event-plan-panel.limit-reached{border-color:color-mix(in srgb, var(--amber) 55%, var(--line))}.event-plan-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.event-analytics{border:1px solid var(--line);background:var(--surface);border-radius:20px;margin:24px 0;padding:22px}.event-analytics>div{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.event-analytics span{gap:4px;display:grid}.event-analytics strong{font-size:1.5rem}.event-analytics small{color:var(--muted)}.qr-print-brand img{object-fit:contain;width:auto;max-width:180px;height:auto;max-height:64px;display:block}@media (width<=760px){.plans-section{width:min(100% - 22px,540px);margin:44px auto}.plan-grid,.plan-grid.compact{grid-template-columns:1fr;overflow:visible}.plan-card{padding:20px}.plan-card .button,.event-plan-actions .button{min-height:48px}.event-plan-actions{display:grid}.event-analytics>div{grid-template-columns:repeat(2,1fr)}}@media (width<=360px){.plan-card-heading{display:grid}.event-analytics>div{grid-template-columns:1fr}}.settings-card.legal p{color:var(--muted);margin:0;line-height:1.65}.music-setup-overlay,.help-drawer-backdrop{z-index:1200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02050ed1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.music-setup-modal{background:#0b1020;border:1px solid #8b5cf673;border-radius:24px;width:min(940px,100%);max-height:calc(100vh - 40px);padding:clamp(24px,4vw,42px);overflow:auto;box-shadow:0 25px 90px #0000008c}.music-setup-modal h1{margin:18px 0 8px}.music-setup-modal.compact-modal{width:min(620px,100%)}.wizard-progress{color:var(--muted);grid-template-columns:auto minmax(120px,220px);align-items:center;gap:14px;display:grid}.wizard-progress progress{accent-color:#8b5cf6;width:100%}.music-source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0 8px;display:grid}.music-source-choice{border:1px solid var(--line);background:#ffffff06;border-radius:18px;flex-direction:column;gap:18px;min-height:250px;padding:24px;display:flex}.music-source-choice p{color:var(--muted);flex:1}.source-logo{font-size:22px;font-weight:800}.spotify-logo{color:#1ed760}.youtube-logo{color:#ff5d5d}.spotify-connection-card,.youtube-connection-card,.music-connection-status{gap:14px;display:grid}.spotify-steps{border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:14px 18px}.spotify-steps li,.help-drawer li{margin:8px 0}.spotify-test-track{border:1px solid var(--line);border-radius:14px;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.spotify-test-track>div:last-child{gap:5px;display:grid}.spotify-test-track progress{accent-color:#1ed760;width:100%}.friendly-empty,.youtube-link-example{border:1px solid var(--line);border-radius:12px;gap:6px;padding:15px;display:grid}.settings-title-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.large-source-tabs button{min-width:130px}.help-drawer-backdrop{place-items:stretch end;padding:0}.help-drawer{border-left:1px solid var(--line);background:#0b1020;width:min(460px,100vw);height:100%;padding:34px;position:relative;overflow:auto;box-shadow:-20px 0 70px #00000080}.help-close{position:absolute;top:16px;right:16px}.help-drawer h3{margin-top:28px}.analysis-form-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.analysis-form .form-error{margin:0}@media (width<=720px){.music-source-grid{grid-template-columns:1fr}.music-source-choice{min-height:0}.settings-title-row{flex-direction:column;align-items:stretch}.music-setup-overlay{padding:0}.music-setup-modal{border-radius:0;min-height:100vh;max-height:100vh}}.danger-zone>div{flex-wrap:wrap;gap:10px;display:flex}.info-page{max-width:760px;margin:20px auto}.info-page h1{margin:10px 0 18px;font-size:clamp(38px,6vw,64px);line-height:1.05}.info-page .lead{color:#cbd5e1;font-size:20px;line-height:1.65}.info-page h2{margin-top:40px}.info-page p{color:var(--muted);line-height:1.75}.info-page code{color:#c4b5fd}.empty-state{text-align:center;max-width:560px;margin:15vh auto}.empty-state p{color:var(--muted)}@media (width<=1100px){.dashboard-columns{grid-template-columns:1fr 1fr}.queue-section.wide-column{grid-row:span 2}.settings-layout{grid-template-columns:220px minmax(0,1fr)}}@media (width<=800px){.topbar{height:66px;padding:0 16px}.page{padding:22px 15px 70px}.hero{grid-template-columns:1fr;padding:35px 0}.hero-visual{order:-1;min-height:320px}.vinyl{width:260px}.join-panel,.feature-grid{grid-template-columns:1fr}.feature-grid article{padding:18px 5px}.dashboard-columns{grid-template-columns:1fr}.queue-section.wide-column{grid-row:auto}.dashboard-heading{flex-direction:column;align-items:flex-start}.live-stats{width:100%}.live-stats span{flex:1}.settings-layout{grid-template-columns:1fr}.settings-layout aside{position:static}.quick-controls{grid-template-columns:1fr;gap:0}.qr-box svg{width:min(260px,68vw);height:auto}}@media (width<=560px){.logo>span:last-child{display:none}.hero{min-height:auto}.hero-copy h1{font-size:44px}.hero-actions,.qr-actions{flex-direction:column}.hero-actions .button,.qr-actions .button{width:100%}.join-form,.copy-row{flex-direction:column}.field-grid{grid-template-columns:1fr}.form-card{padding:18px}.party-title{flex-direction:column;align-items:flex-start}.now-playing{grid-template-columns:auto 1fr;gap:13px;padding:16px}.now-playing>.button{grid-column:1/3}.playback-actions{grid-column:1/-1;justify-content:flex-start}.missing-bpm-action{justify-items:start}.now-playing-tap-bpm{justify-content:flex-start}.cover-lg{width:78px}.now-copy p{font-size:12px}.track-card{align-items:flex-start}.track-card .cover{width:54px}.track-actions{align-self:center}.host-track{flex-wrap:wrap}.host-track .track-actions{justify-content:flex-end;width:100%}.section-heading{align-items:flex-start}.section-heading>span{text-align:right}.live-stats{overflow-x:auto}.number-setting{align-items:flex-start}.request-plan{flex-direction:column;align-items:stretch}.toast{font-size:13px}.guest-welcome h1{font-size:39px}}.library-panel,.constraints-panel{gap:1rem;padding-top:1rem;display:grid}.library-toolbar,.library-editor,.energy-range,.strategy-actions,.library-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.library-editor>input,.library-editor>select,.constraints-panel label,.energy-range>label{flex:10rem}.library-list,.csv-preview{gap:.5rem;display:grid}.library-row,.csv-row{border:1px solid var(--line);border-radius:.8rem;justify-content:space-between;gap:1rem;padding:.75rem;display:flex}.library-row>span:first-child,.strategy-card li>span{gap:.2rem;display:grid}.library-row.inactive{opacity:.55}.strategy-panel{margin-block:1rem}.strategy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.strategy-card{border:1px solid var(--line);background:var(--surface);border-radius:1rem;padding:1rem}.strategy-card ol{gap:.6rem;padding-left:1.2rem;display:grid}.score-breakdown{margin-top:.5rem}.score-breakdown dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem;display:grid}.score-breakdown dl div{justify-content:space-between;gap:.5rem;display:flex}@media (width<=1100px){.strategy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.strategy-grid{grid-template-columns:1fr}.library-row{flex-direction:column;align-items:flex-start}.score-breakdown dl{grid-template-columns:1fr}}.language-switcher{color:var(--muted);align-items:center;gap:.45rem;font-size:.78rem;display:inline-flex}.language-switcher select{border:1px solid var(--line);width:auto;min-height:36px;color:var(--text);background:#0e1120f5;border-radius:9px;padding:.35rem 2rem .35rem .65rem}.language-switcher select:focus-visible{outline-offset:2px;outline:3px solid #22d3ee73}@media (width<=560px){.language-switcher>span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}}.pill.production{color:#a7f3d0;background:#10b9811a;border-color:#10b98159}.production-hero{grid-template-columns:minmax(0,760px);min-height:auto}.production-login{border:1px solid var(--line);background:#0a0d19bf;border-radius:18px;gap:12px;max-width:520px;margin-top:24px;padding:20px;display:grid}.production-login label{gap:8px;display:grid}.production-login small{color:var(--muted)}.production-login p{color:var(--muted);margin:0}.production-login .otp-input{letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums;font-size:1.35rem}.otp-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=480px){.otp-actions{grid-template-columns:1fr}}.production-party-list{gap:10px;margin:28px 0;display:grid}.production-party-list>a{color:#fff;border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-content:space-between;gap:18px;padding:16px 18px;text-decoration:none;display:flex}.production-party-list span{color:var(--muted)}.connection-status{border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.connection-status.connected{color:#6ee7b7;background:#10b9811a}.connection-status.reconnecting{color:#fcd34d;background:#f59e0b1a}.connection-status.disconnected{color:#fda4af;background:#f43f5e1a}.setup-required,.domain-note{color:#fcd34d}.offline-banner,.global-offline,.update-banner{color:#fef3c7;background:#713f12;border:1px solid #a16207;padding:11px 16px}.global-offline,.update-banner{z-index:1000;border-radius:12px;max-width:min(460px,100vw - 28px);position:fixed;bottom:14px;right:14px;box-shadow:0 16px 50px #00000061}.update-banner{background:#312e81;border-color:#6366f1;align-items:center;gap:12px;display:flex}.loading-screen{color:#c4b5fd;place-items:center;min-height:60vh;font-size:18px;display:grid}.install-guide h2{margin:18px 0 8px}.install-guide ol{color:var(--muted);line-height:1.8}.logo>span:last-child{background:linear-gradient(90deg,#6ea8ff 0%,#9059ff 45%,#f044d1 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px}.host-shell{background:radial-gradient(circle at 78% 2%,#5723cd1c,#0000 28rem),#070913;grid-template-columns:214px minmax(0,1fr);min-height:100vh;display:grid}.host-sidebar{background:linear-gradient(#0c0f1dfa,#080a14fa);border-right:1px solid #8291b41c;flex-direction:column;height:100vh;padding:27px 20px 22px;display:flex;position:sticky;top:0}.host-sidebar .logo{margin:0 10px 38px}.host-sidebar>.language-switcher{margin-bottom:18px}.host-sidebar nav{gap:7px;display:grid}.host-sidebar nav a{color:#8993aa;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;min-height:44px;padding:0 13px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.host-sidebar nav a span{color:#aab4c9;text-align:center;width:19px;font-size:16px}.host-sidebar nav a:hover,.host-sidebar nav a.active{color:#fff;background:linear-gradient(100deg,#30327599,#6f2de8d9);border-color:#8b5cf638;box-shadow:0 8px 24px #5725d229}.host-sidebar nav a.active span{color:#fff}.host-mode{background:#49309124;border:1px solid #8b5cf640;border-radius:11px;align-items:center;gap:10px;margin-top:auto;padding:13px;display:flex}.host-mode>span{color:#fbbf24;font-size:19px}.host-mode div{gap:2px;display:grid}.host-mode strong{font-size:12px}.host-mode small{color:#727d96;font-size:10px}.host-workspace{min-width:0;position:relative}.host-content{max-width:1540px;margin:auto;padding:37px 34px 80px}.host-desktop-actions{z-index:5;align-items:center;gap:9px;display:flex;position:absolute;top:29px;right:34px}.host-mobile-bar{display:none}.dashboard-titlebar{padding-right:210px}.dashboard-titlebar .live-dot{color:#62e8ae;font-size:12px;font-weight:700}.dashboard-stage{grid-template-columns:minmax(420px,1.35fr) minmax(280px,.65fr);gap:13px;display:grid}.dashboard-stage .now-playing{background:radial-gradient(circle at 90%,#5228c52b,#0000 36%),linear-gradient(115deg,#121729,#0e1220);border-color:#6e7a9b2b;min-height:194px}.vibe-card{background:linear-gradient(#121628eb,#0d111ff5),repeating-linear-gradient(90deg,#0000 0 40px,#ffffff08 41px);border:1px solid #6e7a9b2b;border-radius:17px;min-height:194px;padding:22px;position:relative;overflow:hidden}.vibe-card>div{gap:3px;display:grid;position:absolute;bottom:19px;left:22px}.vibe-card strong{font-size:20px}.vibe-card small{color:#808ca5}.vibe-wave{isolation:isolate;width:100%;height:98px;margin-top:5px;overflow:visible}.wave-line,.wave-ghost,.wave-highlight,.wave-depth{fill:none;vector-effect:non-scaling-stroke}.wave-ghost{stroke:#705bff33;stroke-width:18px;filter:blur(7px)}.wave-line{stroke-width:3px;stroke-linecap:round}.wave-highlight{stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:3 25;opacity:.75}.wave-depth{stroke-width:1.1px;stroke-linecap:round;opacity:.18}.wave-depth-back{stroke:#1ab8ff}.wave-depth-front{stroke:#db4dff}.wave-travel{transform-box:view-box}.wave-energy{transform-box:fill-box;transform-origin:50%;transform:scaleY(var(--vibe-scale));transition:transform .6s}.vibe-wave.is-active .wave-highlight{animation:vibe-flow var(--vibe-flow-duration) linear infinite}.vibe-wave.is-active .wave-travel{animation:vibe-travel var(--vibe-duration) linear infinite}.vibe-wave.is-active .wave-depth-back{animation:vibe-travel calc(var(--vibe-duration) * 1.45) linear infinite reverse}.vibe-wave.is-active .wave-depth-front{animation:vibe-travel calc(var(--vibe-duration) * 1.2) linear infinite, vibe-fade calc(var(--vibe-duration) * 1.15) ease-in-out infinite reverse}@keyframes vibe-travel{0%{transform:translate(0)}to{transform:translateX(calc(0px - var(--vibe-period)))}}@keyframes vibe-flow{to{stroke-dashoffset:-112px}}@keyframes vibe-fade{0%,to{opacity:.1}50%{opacity:.36}}.vibe-wave.compact{height:52px;margin:0}.dashboard-tools{grid-template-columns:minmax(0,1fr) 320px;gap:13px;margin:14px 0;display:grid}.dashboard-tools .quick-controls{background:#0e1220;border-color:#6e7a9b2b;margin:0}.dashboard-share{background:linear-gradient(115deg,#111526,#111327);border:1px solid #6e7a9b2b;border-radius:15px;align-items:center;gap:13px;padding:12px;display:flex}.dashboard-share:hover{border-color:#8b5cf680}.mini-qr{background:#fff;border-radius:8px;place-items:center;padding:6px;display:grid;box-shadow:0 0 20px #8b5cf640}.dashboard-share>span:last-child{gap:3px;display:grid}.dashboard-share small,.dashboard-share em{color:#7f8aa3;font-size:10px;font-style:normal}.dashboard-share strong{letter-spacing:.12em;font-size:19px}.dashboard-columns{gap:13px}.queue-section{background:#0c0f1beb;border-color:#6e7a9b26;border-radius:13px}.queue-section>header{background:#111525bf;padding:13px 14px}.queue-list{gap:6px;padding:7px}.host-track{background:linear-gradient(100deg,#141827,#111522);border-color:#6e7a9b21;border-radius:10px}.host-track:hover{background:linear-gradient(100deg,#171b2d,#131729);border-color:#8b5cf652}.promo-device{aspect-ratio:1.55;background:#080a13;border:5px solid #24283b;border-radius:25px;grid-template-columns:82px 1fr;width:min(600px,92vw);display:grid;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg);box-shadow:0 38px 90px #0000009e,0 0 65px #6f2de838}.promo-sidebar{background:#0b0e1a;border-right:1px solid #ffffff12;flex-direction:column;gap:20px;padding:20px 14px;display:flex}.promo-sidebar strong{color:#a65dff;font-size:17px}.promo-sidebar i{background:#20253a;border-radius:5px;width:46px;height:7px}.promo-sidebar i:first-of-type{background:linear-gradient(90deg,#3357d6,#7828d8);height:24px}.promo-screen{padding:25px 26px}.promo-screen>small{color:#6e7890;letter-spacing:.13em;font-size:8px}.promo-screen h3{margin:5px 0 16px;font-size:21px}.promo-vibe{background:#111526;border:1px solid #8b5cf633;border-radius:10px;height:95px;padding:10px 14px;position:relative;overflow:hidden}.promo-vibe>span{color:#aab5ca;font-size:7px}.promo-now{background:#141829;border-radius:9px;align-items:center;gap:10px;margin-top:10px;padding:10px;display:flex}.promo-now b{aspect-ratio:1;background:linear-gradient(135deg,#185ddb,#bc39cc);border-radius:7px;place-items:center;width:42px;display:grid}.promo-now>span{display:grid}.promo-now small,.promo-now em{color:#77839c;font-size:7px;font-style:normal}.promo-now strong{font-size:11px}.promo-queue{gap:5px;margin-top:10px;display:grid}.promo-queue i{background:linear-gradient(90deg,#20263a 0 72%,#6731ca 72% 83%,#20263a 83%);border-radius:5px;height:9px}.guest-party-title{background:linear-gradient(#140e3733,#070913f5),radial-gradient(at 20% 120%,#115bc3 0 2%,#0000 18%),radial-gradient(at 48% 120%,#9029be 0 4%,#0000 23%),radial-gradient(at 83% 115%,#144ba5 0 2%,#0000 20%),linear-gradient(145deg,#161244,#450a61 55%,#07182d);border:1px solid #8b5cf633;border-radius:20px;align-items:flex-end;min-height:185px;padding:28px;position:relative;overflow:hidden}.guest-party-title:before,.guest-party-title:after{content:"";opacity:.65;background:linear-gradient(#0000,#e442e7,#0000);width:2px;height:250px;position:absolute;top:-60px;transform:rotate(35deg);box-shadow:70px 0 18px #126ff5,180px 0 22px #d729ed,310px 0 20px #1c79ff}.guest-party-title:before{left:18%}.guest-party-title:after{right:12%;transform:rotate(-38deg)}.guest-party-title>*{z-index:1;position:relative}.guest-tabs{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d19e6;border:1px solid #6e7a9b26;border-radius:12px;grid-template-columns:repeat(3,1fr);margin:14px 0 0;padding:5px;display:grid;position:sticky;top:8px}.guest-tabs a{color:#818ca4;text-align:center;border-radius:8px;padding:10px 8px;font-size:12px;font-weight:700}.guest-tabs a:hover,.guest-tabs a:focus-visible{color:#fff;background:linear-gradient(100deg,#3443a873,#7b2adaa8)}#search,#mine,#popular,#queue,#requests,#analytics{scroll-margin-top:78px}.provider-tabs{gap:7px;margin:0 0 12px;display:flex}.provider-tabs button{border:1px solid var(--line);color:#8994ab;cursor:pointer;background:#111526;border-radius:999px;min-width:82px;padding:8px 13px;font-size:12px;font-weight:700}.provider-tabs button.active{color:#fff;background:linear-gradient(100deg,#314fc1,#7b2bd9);border-color:#8b5cf67a}.music-result-card{background:linear-gradient(100deg,#131728f5,#0e121ff5);border:1px solid #6e7a9b26;border-radius:14px;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid}.music-result-card:hover{border-color:#8b5cf65c}.result-artwork{aspect-ratio:1;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:10px;place-items:center;width:76px;font-size:23px;display:grid;overflow:hidden}.result-artwork.spotify{background:linear-gradient(135deg,#1ed760,#075f2d)}.result-artwork.youtube{background:linear-gradient(135deg,#ff3347,#750811)}.result-copy{min-width:0}.result-title-line{align-items:center;gap:6px;margin-bottom:5px;display:flex}.provider-badge{color:#c4b5fd;letter-spacing:.04em;text-transform:uppercase;background:#8b5cf626;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:800;display:inline-flex}.provider-badge.spotify{color:#5ee890;background:#1ed7601f}.provider-badge.youtube{color:#ff8793;background:#ff33471f}.result-copy h3{margin:0 0 2px;font:700 15px Inter,system-ui}.result-copy p{color:#b3bdd0;margin:0 0 4px;font-size:13px}.result-copy small{color:#758198;font-size:11px}.result-copy em{color:#c4b5fd;margin-top:5px;font-size:11px;font-style:normal;display:block}.result-actions{justify-items:stretch;gap:7px;min-width:128px;display:grid}.external-music-link{color:#94a3b8;text-align:center;font-size:10px}.external-music-link:hover{color:#fff;text-decoration:underline}.search-state{color:#7f8aa3;text-align:center;padding:22px}.search-state.loading{justify-content:center;align-items:center;gap:10px;display:flex}.search-state.loading i{aspect-ratio:1;border:2px solid #30384f;border-top-color:#a78bfa;border-radius:50%;width:16px;animation:.8s linear infinite spin}.search-error{color:#fda4af;background:#fb718514;border-color:#fb718540}.search-more-actions{justify-content:center;gap:9px;margin-top:14px;display:flex}@media (width<=620px){.music-result-card{grid-template-columns:58px minmax(0,1fr);gap:10px}.result-artwork{width:58px}.result-actions{grid-column:1/3;grid-template-columns:1fr 1fr;align-items:center;width:100%}.provider-tabs{overflow-x:auto}.search-more-actions{flex-direction:column}}@media (width<=1100px){.host-shell{grid-template-columns:184px minmax(0,1fr)}.host-sidebar{padding-inline:14px}.dashboard-stage,.dashboard-tools{grid-template-columns:1fr}.dashboard-share{display:none}}@media (width<=800px){.host-shell{display:block}.host-sidebar{display:none}.host-mobile-bar{z-index:20;min-height:calc(66px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(15px, env(safe-area-inset-right)) 0 max(15px, env(safe-area-inset-left));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070913e8;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.host-mobile-bar>div{gap:7px;display:flex}.host-desktop-actions{display:none}.host-content{padding:22px 15px 70px}.dashboard-titlebar{padding-right:0}.dashboard-stage{grid-template-columns:1fr}.promo-device{width:min(550px,96vw)}}@media (width<=560px){.dashboard-stage .now-playing{min-height:155px}.vibe-card{min-height:165px}.promo-device{border-width:4px;border-radius:18px;grid-template-columns:60px 1fr}.promo-sidebar{padding:16px 8px}.promo-sidebar i{width:38px}.promo-screen{padding:18px 14px}.promo-screen h3{font-size:17px}.floating-card{font-size:11px}.guest-party-title{min-height:165px;padding:19px}}body:has(.analytics-consent) .update-banner{top:max(14px, env(safe-area-inset-top));bottom:auto}