:root{--sn-bg:#06061a;--sn-surface:#ffffff08;--sn-glass:#080820b8;--sn-glass-border:#ffffff0f;--sn-primary:#8b5cf6;--sn-accent:#ec4899;--sn-gradient:linear-gradient(135deg, #8b5cf6, #ec4899);--sn-text:#f0eef5;--sn-text-sec:#ffffffa6;--sn-text-muted:#ffffff59;--sn-live:#ef4444;--sn-success:#10b981;--sn-blur:20px;--sn-radius:12px;--sn-radius-sm:8px;--sn-radius-pill:100px;--sn-ease:cubic-bezier(.4, 0, .2, 1);--sn-spring:cubic-bezier(.34, 1.56, .64, 1);--sn-transition:.3s var(--sn-ease)}.sn-glass{background:var(--sn-glass);-webkit-backdrop-filter:blur(var(--sn-blur));border:1px solid var(--sn-glass-border)}.sn-live{z-index:100;background:var(--sn-bg);color:var(--sn-text);font-family:inherit;display:flex;position:fixed;inset:0;overflow:hidden}.sn-canvas-wrap{z-index:0;position:absolute;inset:0}.sn-canvas-wrap canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.sn-bg{object-fit:cover;opacity:0;z-index:0;filter:blur(2px)saturate(1.3);pointer-events:none;width:100%;height:100%;transition:opacity 3s ease-in-out;position:absolute;inset:0}.sn-bg--active{opacity:.25}.sn-vignette{z-index:2;pointer-events:none;background:radial-gradient(circle,#0000 30%,#06061a80 70%);position:absolute;inset:0}.reactions-layer{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.floating-reaction{pointer-events:none;filter:drop-shadow(0 0 8px #8b5cf666);font-size:2rem;animation:3s ease-out forwards sn-float-up;position:absolute}@keyframes sn-float-up{0%{opacity:1;transform:translateY(0)scale(1)rotate(0)}50%{opacity:.8;transform:translateY(-40vh)scale(1.2)rotate(15deg)}to{opacity:0;transform:translateY(-80vh)scale(.8)rotate(-10deg)}}.sn-hero{z-index:20;text-align:center;-webkit-user-select:none;user-select:none;transition:opacity .6s var(--sn-ease), transform .6s var(--sn-ease);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sn-hero.hidden{opacity:0;pointer-events:none;transform:scale(.92)}.sn-hero__badge{border-radius:var(--sn-radius-pill);letter-spacing:.15em;color:var(--sn-live);text-transform:uppercase;background:#ef444426;border:1px solid #ef444466;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.3rem .9rem;font-size:.65rem;font-weight:700;display:inline-flex}.sn-pulse-dot{background:var(--sn-live);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite sn-pulse}.sn-pulse-dot--sm{width:5px;height:5px}@keyframes sn-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.sn-hero__title{letter-spacing:-.04em;text-shadow:0 0 60px #8b5cf666;margin-bottom:.5rem;font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:.9}.sn-neon{background:var(--sn-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sn-hero__sub{letter-spacing:.25em;text-transform:uppercase;color:var(--sn-text-muted);margin-bottom:3rem;font-size:.85rem;font-weight:300}.sn-hero__play{color:#fff;cursor:pointer;width:80px;height:80px;transition:all .3s var(--sn-spring);background:#8b5cf61f;border:2px solid #8b5cf666;border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite sn-breathe;display:flex;box-shadow:0 0 40px #8b5cf633}.sn-hero__play:hover{background:#8b5cf633;border-color:#8b5cf6b3;transform:scale(1.08);box-shadow:0 0 60px #8b5cf666}.sn-hero__play:active{transform:scale(.95)}@keyframes sn-breathe{0%,to{box-shadow:0 0 30px #8b5cf633}50%{box-shadow:0 0 50px #8b5cf659}}.sn-hero__hint{color:var(--sn-text-muted);letter-spacing:.1em;opacity:0;margin-top:1.5rem;font-size:.75rem;animation:.6s 2s forwards sn-hint-in;display:block}@keyframes sn-hint-in{to{opacity:1}}.sn-np{z-index:10;background:var(--sn-glass);-webkit-backdrop-filter:blur(var(--sn-blur));border:1px solid var(--sn-glass-border);border-radius:var(--sn-radius);opacity:0;transition:opacity .4s var(--sn-ease), transform .4s var(--sn-ease);pointer-events:none;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:absolute;top:1rem;left:1rem;transform:translateY(-10px)}.sn-np.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.sn-np--expanded{transition:padding .3s var(--sn-ease);padding:.8rem 1.2rem}.sn-np--expanded .sn-np__track{max-width:280px}.sn-np__art{flex-shrink:0;width:40px;height:40px;position:relative}.sn-np__art svg{width:100%;height:100%}.sn-np__pulse{background:radial-gradient(circle,#8b5cf64d,#0000);border-radius:50%;animation:2s ease-in-out infinite sn-pulse;position:absolute;inset:-4px}.sn-np__info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.sn-np__label{text-transform:uppercase;letter-spacing:.12em;color:var(--sn-primary);font-size:.6rem;font-weight:600}.sn-np__track{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.85rem;font-weight:600;overflow:hidden}.sn-np__artist{color:var(--sn-text-muted);font-size:.7rem}.sn-np__eq{align-items:flex-end;gap:2px;height:20px;margin-left:.5rem;display:flex}.sn-eq-bar{background:var(--sn-gradient);border-radius:2px;width:3px;animation:.8s ease-in-out infinite alternate sn-eq}.sn-eq-bar:first-child{height:40%;animation-delay:0s}.sn-eq-bar:nth-child(2){height:70%;animation-delay:.1s}.sn-eq-bar:nth-child(3){height:50%;animation-delay:.2s}.sn-eq-bar:nth-child(4){height:80%;animation-delay:.15s}.sn-eq-bar:nth-child(5){height:30%;animation-delay:.25s}@keyframes sn-eq{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.sn-dock{z-index:10;opacity:0;transition:opacity .5s var(--sn-ease), transform .5s var(--sn-ease);pointer-events:none;position:absolute;bottom:0;left:0;right:0;transform:translateY(20px)}.sn-dock.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.sn-dock__main{background:linear-gradient(#0000,#06061ad9);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.sn-dock__left,.sn-dock__right{align-items:center;gap:.75rem;min-width:180px;display:flex}.sn-dock__right{justify-content:flex-end}.sn-dock__center{align-items:center;gap:.75rem;display:flex}.sn-ctrl{color:#fff;cursor:pointer;width:40px;height:40px;transition:all .2s var(--sn-ease);background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.sn-ctrl:hover{background:#8b5cf633}.sn-ctrl:active{transform:scale(.93)}.sn-ctrl--play{background:var(--sn-gradient);width:52px;height:52px;box-shadow:0 0 20px #8b5cf659}.sn-ctrl--play:hover{transform:scale(1.05);box-shadow:0 0 30px #8b5cf68c}.sn-listeners{color:var(--sn-text-muted);align-items:center;gap:.4rem;font-size:.8rem;display:flex}.sn-vibe{border-radius:var(--sn-radius-pill);color:var(--sn-text-sec);white-space:nowrap;background:#8b5cf61a;border:1px solid #8b5cf633;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.7rem;display:flex}.sn-mode-pills{border-radius:var(--sn-radius-sm);background:#ffffff0f;gap:2px;padding:2px;display:flex;position:relative}.sn-pill{color:var(--sn-text-muted);cursor:pointer;transition:all .25s var(--sn-ease);white-space:nowrap;z-index:1;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:.7rem;position:relative}.sn-pill:hover{color:#fffc}.sn-pill.active{color:#fff;background:#8b5cf666;box-shadow:0 0 12px #8b5cf64d}.sn-select{color:var(--sn-text);border-radius:var(--sn-radius-sm);cursor:pointer;-webkit-appearance:none;background:#ffffff0f;border:1px solid #ffffff14;outline:none;padding:.45rem .6rem;font-family:inherit;font-size:.75rem;transition:border-color .2s}.sn-select:focus{border-color:#8b5cf680}.sn-select option{color:#fff;background:#1a1a3a}.sn-select--wide{min-width:140px}.sn-vol{color:var(--sn-text-muted);align-items:center;gap:.5rem;display:flex}.sn-slider{-webkit-appearance:none;background:#ffffff26;border-radius:2px;outline:none;width:80px;height:4px}.sn-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--sn-primary);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #8b5cf666}.sn-slider::-moz-range-thumb{background:var(--sn-primary);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.sn-dock__ctx{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0006;border-top:1px solid #ffffff0a;align-items:center;gap:.5rem;min-height:38px;padding:.4rem 1.5rem;display:flex;overflow:hidden}.sn-ctx{width:100%;animation:sn-ctx-in .3s var(--sn-ease);align-items:center;gap:.5rem;display:none}.sn-ctx.active{display:flex}@keyframes sn-ctx-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.sn-badge{color:#e0d4ff;white-space:nowrap;background:linear-gradient(135deg,#8b5cf640,#ec489940);border:1px solid #8b5cf633;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:.65rem}.sn-ctx-hint{color:var(--sn-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:.65rem;overflow:hidden}.sn-input{color:var(--sn-text);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;outline:none;flex:1;max-width:280px;padding:6px 12px;font-family:inherit;font-size:.75rem;transition:border-color .2s}.sn-input:focus{border-color:#8b5cf680;box-shadow:0 0 8px #8b5cf626}.sn-input::placeholder{color:#ffffff4d}.sn-btn{color:#d4c4f8;cursor:pointer;white-space:nowrap;background:#8b5cf633;border:1px solid #8b5cf633;border-radius:6px;padding:5px 12px;font-family:inherit;font-size:.7rem;transition:all .2s}.sn-btn:hover{background:#8b5cf659;border-color:#8b5cf666}.sn-pro{background:#0000008c;border-top:1px solid #8b5cf61a;align-items:center;gap:.5rem;padding:.3rem 1.5rem;font-size:.6rem;display:flex}.sn-pro__label{color:var(--sn-text-muted);text-transform:uppercase;letter-spacing:.5px}.sn-pro__val{color:#a78bfa;margin-right:.5rem;font-family:JetBrains Mono,Fira Code,monospace;font-weight:600}.sn-progress{background:#ffffff0d;height:3px}.sn-progress__bar{background:var(--sn-gradient);width:0%;height:100%;transition:width .3s linear}.sn-fab{background:var(--sn-gradient);color:#fff;cursor:pointer;z-index:25;width:48px;height:48px;transition:all .2s var(--sn-ease);opacity:0;pointer-events:none;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:6rem;right:1rem;transform:scale(.8);box-shadow:0 0 20px #8b5cf666}.sn-fab.visible{opacity:1;pointer-events:auto;transform:scale(1)}.sn-fab:hover{transform:scale(1.08);box-shadow:0 0 30px #8b5cf699}.sn-fab__badge{background:var(--sn-live);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.sn-fab__badge:empty,.sn-fab__badge[data-count="0"]{display:none}.sn-drawer{z-index:30;background:var(--sn-glass);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--sn-glass-border);width:360px;height:100dvh;transition:right .35s var(--sn-ease);flex-direction:column;display:flex;position:fixed;top:0;right:-380px}.sn-drawer.open{right:0}.sn-drawer__tabs{border-bottom:1px solid #ffffff0d;flex-shrink:0;padding:0 .5rem;display:flex}.sn-tab{color:var(--sn-text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.7rem .5rem;font-family:inherit;font-size:.7rem;transition:all .2s}.sn-tab:hover{color:var(--sn-text-sec)}.sn-tab.active{color:var(--sn-text);border-bottom-color:var(--sn-primary)}.sn-drawer__view{flex-direction:column;flex:1;display:flex;overflow:hidden}.sn-drawer__view.hidden{display:none}.sn-drawer__header{border-bottom:1px solid var(--sn-glass-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.sn-drawer__header h3{align-items:center;gap:.5rem;margin:0;font-size:.85rem;font-weight:600;display:flex}.sn-online{color:var(--sn-text-muted);align-items:center;gap:.4rem;font-size:.7rem;display:flex}.sn-messages{scrollbar-width:thin;scrollbar-color:#8b5cf64d transparent;flex-direction:column;flex:1;gap:.4rem;padding:.75rem;display:flex;overflow-y:auto}.sn-sys-msg{text-align:center;color:var(--sn-text-sec);flex-direction:column;gap:.3rem;padding:1rem;font-size:.8rem;display:flex}.sn-sys-sub{color:var(--sn-text-muted);font-size:.7rem}.chat-msg{border-radius:var(--sn-radius-sm);background:var(--sn-surface);animation:sn-chat-in .3s var(--sn-ease);padding:.4rem .6rem;font-size:.8rem;line-height:1.4}.chat-msg:hover{background:#ffffff0d}.chat-msg-user{margin-right:.4rem;font-size:.75rem;font-weight:600}.chat-msg-text{color:var(--sn-text-sec)}@keyframes sn-chat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sn-reactions{border-top:1px solid #ffffff08;gap:.25rem;padding:.5rem .75rem;display:flex}.sn-react{background:var(--sn-surface);border-radius:var(--sn-radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;padding:.4rem;font-size:1.1rem;transition:all .2s;display:flex}.sn-react:hover{background:#8b5cf626;transform:scale(1.15)}.sn-react:active{transform:scale(.9)}.chat-auth-gate{text-align:center;border-top:1px solid #ffffff0d;padding:1rem}.sn-auth-text{color:var(--sn-text-muted);margin-bottom:.6rem;font-size:.75rem}.sn-google-btn{border-radius:var(--sn-radius-sm);color:#fff;background:#ffffff14;border:1px solid #ffffff26;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.sn-google-btn:hover{background:#ffffff1f;border-color:#8b5cf666;box-shadow:0 0 15px #8b5cf626}.chat-user-bar{background:#8b5cf614;border-bottom:1px solid #8b5cf626;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.chat-user-avatar{object-fit:cover;border:1px solid #8b5cf64d;border-radius:50%;width:24px;height:24px}.chat-user-name{color:var(--sn-text-sec);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.75rem;font-weight:600;overflow:hidden}.sn-logout{width:24px;height:24px;color:var(--sn-text-muted);border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sn-logout:hover{color:var(--sn-live);background:#ef44441a}.sn-chat-form{border-top:1px solid #ffffff0d;gap:.5rem;padding:.75rem;display:flex}#chat-input{border-radius:var(--sn-radius-sm);color:#fff;background:#ffffff0d;border:1px solid #ffffff14;flex:1;padding:.6rem .8rem;font-family:inherit;font-size:.8rem;transition:border-color .3s,box-shadow .3s}#chat-input:focus{border-color:#8b5cf680;outline:none;box-shadow:0 0 12px #8b5cf626}#chat-input::placeholder{color:#fff3}.sn-send{border-radius:var(--sn-radius-sm);background:var(--sn-gradient);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.sn-send:hover{transform:scale(1.05);box-shadow:0 0 15px #8b5cf666}.sn-scroll{scrollbar-width:thin;scrollbar-color:#8b5cf64d transparent;flex:1;padding:.75rem;overflow-y:auto}.sn-loader{text-align:center;color:var(--sn-text-muted);padding:1rem;font-size:.8rem}.sn-muted{color:var(--sn-text-muted);font-size:.8rem}.sn-backdrop{z-index:28;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s var(--sn-ease);background:#0006;position:fixed;inset:0}.sn-backdrop.visible{opacity:1;pointer-events:auto}.sn-count{color:var(--sn-text-muted);font-size:.7rem}.sn-section{margin-bottom:1rem}.sn-section h4{color:var(--sn-text-sec);margin-bottom:.5rem;font-size:.8rem;font-weight:600}.sn-search-form{gap:.5rem;margin-bottom:.75rem;display:flex}.sn-search-form input{border-radius:var(--sn-radius-sm);color:#fff;background:#ffffff0d;border:1px solid #ffffff14;outline:none;flex:1;padding:.5rem .75rem;font-family:inherit;font-size:.8rem;transition:border-color .2s}.sn-search-form input:focus{border-color:#8b5cf666}.sn-search-form input::placeholder{color:#ffffff40}.sn-search-btn{border-radius:var(--sn-radius-sm);width:36px;height:36px;color:var(--sn-text-sec);cursor:pointer;background:#8b5cf633;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.sn-search-btn:hover{background:#8b5cf659}.leaderboard-list{flex-direction:column;gap:.4rem;display:flex}.leaderboard-item{border-radius:var(--sn-radius-sm);color:inherit;align-items:center;gap:.5rem;padding:.4rem .5rem;text-decoration:none;transition:background .2s;display:flex}.leaderboard-item:hover{background:#ffffff0d}.lb-rank{color:var(--sn-text-muted);text-align:center;width:20px;font-size:.9rem;font-weight:800}.lb-rank.gold{color:gold;font-size:1.2rem}.lb-rank.silver{color:silver}.lb-rank.bronze{color:#cd7f32}.lb-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.lb-info{flex-direction:column;flex:1;gap:.1rem;display:flex}.lb-name{font-size:.8rem;font-weight:600}.lb-level{color:var(--sn-primary);font-size:.65rem;font-weight:600}.top-songs-list{flex-direction:column;gap:.5rem;display:flex}.top-song-item{background:var(--sn-surface);border-radius:var(--sn-radius-sm);align-items:center;gap:.75rem;padding:.5rem;display:flex}.top-song-cover{object-fit:cover;border-radius:4px;width:36px;height:36px}.top-song-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-song-title{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.top-song-artist{color:var(--sn-text-muted);font-size:.65rem}.top-song-score{color:var(--sn-success);background:#10b9811a;border-radius:12px;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.genre-pill-grid{flex-wrap:wrap;gap:.3rem;display:flex}.queue-list{flex-direction:column;gap:.4rem;display:flex}.discover-results-list{flex-direction:column;gap:.5rem;display:flex}.sn-shortcuts{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.sn-shortcuts.visible{display:flex}.sn-shortcuts__card{background:var(--sn-glass);border:1px solid var(--sn-glass-border);border-radius:var(--sn-radius);width:90%;max-width:400px;padding:1.5rem 2rem}.sn-shortcuts__card h3{color:var(--sn-text);margin:0 0 1rem;font-size:1rem}.sn-shortcut{justify-content:space-between;padding:.3rem 0;font-size:.8rem;display:flex}.sn-shortcut kbd{color:var(--sn-primary);background:#ffffff14;border:1px solid #ffffff26;border-radius:4px;padding:.15rem .5rem;font-family:JetBrains Mono,monospace;font-size:.7rem}@media (width<=1024px){.sn-dock__left .sn-vibe,.sn-vol{display:none}}@media (width<=768px){.sn-drawer{width:100%;max-width:340px;right:-100%}.sn-dock__main{padding:.6rem .75rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom,0px));flex-wrap:wrap;gap:.5rem}.sn-dock__left{flex:none;order:1;min-width:auto}.sn-dock__center{flex:auto;order:2;justify-content:center}.sn-dock__right{flex:100%;order:3;justify-content:center;gap:.5rem;min-width:auto}.sn-dock__left .sn-vibe,.sn-vol{display:none}.sn-ctrl{width:44px;height:44px}.sn-ctrl--play{width:52px;height:52px}.sn-select{flex:1;min-width:0;padding:.45rem .5rem;font-size:.7rem}.sn-np{max-width:calc(100% - 2rem)}.sn-np__track{max-width:160px;font-size:.75rem}.sn-hero__title{font-size:2.5rem}.sn-canvas-wrap{touch-action:none}.sn-fab{bottom:7.5rem}}@media (width<=480px){.sn-dock__main{padding:.4rem .5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px))}.sn-ctrl{width:40px;height:40px}.sn-ctrl--play{width:48px;height:48px}.sn-ctrl--play svg{width:22px;height:22px}.sn-hero__title{font-size:2rem}.sn-hero__play{width:70px;height:70px}.sn-hero__badge{padding:.2rem .6rem;font-size:.55rem}.sn-select{padding:.4rem;font-size:.65rem}.sn-drawer{max-width:100%}.sn-np__art svg{width:28px;height:28px}}.chat-msg-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.chat-msg-avatar.monogram{border:1px solid #8b5cf64d}.chat-msg-content{display:inline}.chat-level-badge{color:#a78bfa;vertical-align:middle;background:#8b5cf633;border-radius:8px;margin-left:2px;padding:1px 5px;font-size:.55rem;font-weight:600}.queue-item{border-radius:var(--sn-radius-sm);background:var(--sn-surface);align-items:center;gap:.6rem;padding:.5rem .6rem;transition:background .2s;display:flex}.queue-item:hover{background:#ffffff0f}.queue-playing{border:1px solid #8b5cf633;background:#8b5cf61a!important}.queue-rank{text-align:center;width:24px;color:var(--sn-text-muted);flex-shrink:0;font-size:.8rem;font-weight:700}.queue-info{flex:1;min-width:0}.queue-title{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.queue-meta{color:var(--sn-text-muted);align-items:center;gap:.4rem;margin-top:.15rem;font-size:.65rem;display:flex}.queue-badge{color:#a78bfa;background:#8b5cf626;border-radius:8px;padding:1px 6px;font-size:.6rem}.queue-votes{color:var(--sn-text-muted);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.queue-vote-btn{color:var(--sn-text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;transition:all .2s}.queue-vote-btn:hover{color:var(--sn-primary);background:#8b5cf61a;border-color:#8b5cf666}.discover-track{background:var(--sn-surface);border-radius:var(--sn-radius-sm);border:1px solid #0000;align-items:center;gap:.75rem;padding:.6rem;transition:all .2s;display:flex}.discover-track:hover{background:#ffffff0d}.discover-info{flex:1;min-width:0}.discover-title{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.discover-artist{color:var(--sn-text-muted);font-size:.65rem}.discover-meta{gap:.3rem;margin-top:.2rem;display:flex}.discover-play-btn,.discover-import-btn{color:#d4c4f8;cursor:pointer;background:#8b5cf626;border:1px solid #8b5cf633;border-radius:6px;padding:.3rem .6rem;font-size:.65rem;transition:all .2s}.discover-play-btn:hover,.discover-import-btn:hover{background:#8b5cf64d}.genre-pill{border-radius:var(--sn-radius-pill);color:var(--sn-text-sec);white-space:nowrap;background:#8b5cf61a;border:1px solid #8b5cf626;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.7rem;display:inline-flex}.spinner-sm{border:2px solid #fff3;border-top-color:var(--sn-primary);border-radius:50%;width:12px;height:12px;animation:.6s linear infinite sn-spin;display:inline-block}@keyframes sn-spin{to{transform:rotate(360deg)}}.sn-suggest{color:var(--sn-success);background:#10b98126;border-radius:8px;margin-left:4px;padding:1px 6px;font-size:.55rem;font-weight:500}.sn-ctrl:focus-visible,.sn-pill:focus-visible,.sn-react:focus-visible,.sn-fab:focus-visible,.sn-tab:focus-visible,.sn-hero__play:focus-visible,.sn-send:focus-visible,.sn-google-btn:focus-visible{outline:2px solid var(--sn-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}