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