*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--color-bg: #06080d;--color-surface: #0e1117;--color-surface-2: #161b22;--color-border: rgba(255, 255, 255, .08);--color-accent: #5865f2;--color-accent-hover: #4752c4;--color-accent-muted: rgba(88, 101, 242, .15);--color-text-primary: #f0f0f0;--color-text-secondary: #8b929a;--color-text-muted: #4a5060;--font-sans: "Pretendard", "Apple SD Gothic Neo", sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--spacing-section: 5rem;--bg: var(--color-bg);--bg-elevated: var(--color-surface);--bg-card: var(--color-surface-2);--border: var(--color-border);--text: var(--color-text-primary);--text-muted: var(--color-text-secondary);--accent: var(--color-accent);--accent-hover: var(--color-accent-hover);--ok: #3ba55d;--warn: #faa81a;--danger: #ed4245;--radius: var(--radius-md);--shadow: 0 8px 24px rgba(0, 0, 0, .35)}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}#root{min-height:100vh}h1,h2,h3,p{margin:0}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}.muted{color:var(--text-muted);font-size:.875rem}.eyebrow{color:var(--text-muted);font-size:.8125rem;margin-bottom:.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.guild-item:focus-visible,.dash-section-toggle:focus-visible,.search-input:focus-visible,.volume-number:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary,.btn-active{background:var(--color-accent);color:#fff;border:1px solid transparent}.btn-primary:hover:not(:disabled),.btn-active:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary,.btn-neutral{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled),.btn-neutral:hover:not(:disabled){background:#ffffff0f}.btn-danger,.btn-destructive{background:transparent;color:#f87171;border:1px solid rgba(220,53,69,.4)}.btn-danger:hover:not(:disabled),.btn-destructive:hover:not(:disabled){background:#dc354514}.badge{display:inline-block;font-size:.7rem;padding:.15rem .45rem;border-radius:999px;font-weight:600}.badge-ok{background:#3ba55d33;color:#7ddea0}.badge-muted{background:#9aa6bc26;color:var(--text-muted)}.badge-info{background:#5865f233;color:#aeb6ff}.loading-state,.error-state{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-view{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:1rem}.login-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow)}.login-card h1{font-size:1.75rem;margin-bottom:.75rem}.login-desc{color:var(--text-muted);margin-bottom:1.5rem}.login-hints{margin:1.25rem 0 0;padding-left:1.2rem;color:var(--text-muted);font-size:.875rem}.login-hints li+li{margin-top:.35rem}.legal-footer{margin-top:auto;padding:.75rem 1.5rem 1.25rem;text-align:center;font-size:.8125rem;color:var(--text-muted);border-top:1px solid var(--border)}.login-view .legal-footer{margin-top:0;border-top:none;padding:0}.legal-footer a{color:var(--text-muted);text-decoration:none}.legal-footer a:hover{color:var(--text);text-decoration:underline}.legal-footer-sep{margin:0 .5rem;opacity:.6}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.dashboard-header h1{font-size:1.35rem}.user-bar{display:flex;align-items:center;gap:.65rem}.user-avatar{border-radius:50%}.user-name{font-weight:600}.dashboard-shell{display:flex;flex-direction:column;min-height:100vh}.dashboard-layout{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}@media(min-width:900px){.dashboard-layout{flex-direction:row;align-items:stretch}}.dashboard-sidebar-rail{display:none;flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem .35rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}@media(min-width:900px){.dashboard-layout--sidebar-collapsed .dashboard-sidebar-rail{display:none}}.dashboard-sidebar-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.45rem .25rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text);font:inherit;cursor:pointer}.dashboard-sidebar-toggle:hover{background:#ffffff0f}.dashboard-sidebar-toggle-label{font-size:.65rem;font-weight:600}.dashboard-sidebar-rail-guild{writing-mode:vertical-rl;text-orientation:mixed;font-size:.68rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;max-height:8rem;margin:0 auto}.dashboard-server-sidebar{position:relative;flex:0 0 auto;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.dashboard-server-sidebar--hidden{display:none}@media(min-width:900px){.dashboard-server-sidebar{flex:0 0 280px;width:280px;min-width:280px;max-width:280px;transition:flex-basis .2s ease,width .2s ease,min-width .2s ease;border-bottom:none;border-right:1px solid var(--color-border);padding:1rem .75rem;display:flex;flex-direction:column;overflow:hidden}.dashboard-layout--sidebar-collapsed:not(.dashboard-layout--mobile-sidebar-open) .dashboard-server-sidebar{flex:0 0 56px;width:56px;min-width:56px;max-width:56px;padding:.75rem .35rem}.dashboard-layout--sidebar-collapsed .dashboard-sidebar-head h2{display:none}.dashboard-layout--sidebar-collapsed .dashboard-sidebar-head{margin-bottom:.5rem;min-height:0}}.dashboard-layout--mobile-sidebar-open .dashboard-server-sidebar{display:block;position:fixed;z-index:40;top:0;left:0;bottom:0;width:min(300px,88vw);max-width:300px;overflow-y:auto;box-shadow:var(--shadow);border-right:1px solid var(--border)}.dashboard-mobile-sidebar-backdrop{position:fixed;inset:0;z-index:35;border:none;padding:0;margin:0;background:#00000073;cursor:pointer}.dashboard-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.dashboard-sidebar-head h2{margin:0}.dashboard-sidebar-collapse.btn{position:absolute;right:.5rem;top:50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;width:28px;height:28px;margin:0;padding:0;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface-2);color:var(--color-text-secondary);font-size:1rem;line-height:1;transform:translateY(-50%);transition:background .15s ease,color .15s ease}.dashboard-sidebar-collapse.btn:hover:not(:disabled){background:#ffffff1f;color:var(--color-text-primary);border-color:var(--color-border)}.dashboard-main{flex:1 1 auto;min-width:0;padding:1.5rem 2rem}.dashboard-main-inner,.state-panel-inner{width:100%;max-width:960px;margin:0 auto}.dashboard-main-header{margin-bottom:1rem}.dashboard-main-header-title{display:flex;align-items:center;gap:.5rem;min-width:0}.dashboard-guild-heading{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-mobile-server-btn{flex-shrink:1;min-width:0;max-width:min(100%,12rem);display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.8rem}.dashboard-mobile-server-btn-prefix{flex-shrink:0;font-weight:600}.dashboard-mobile-server-btn-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.guild-panel,.state-panel{padding:0}.state-panel-inner{width:100%;max-width:960px;margin:0 auto}.guild-panel h2,.state-panel h2{font-size:1rem;margin-bottom:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.guild-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:.35rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media(min-width:900px){.guild-list{flex-direction:column;overflow-x:visible;padding-bottom:0}}.guild-item{width:100%;min-width:min(220px,78vw);flex:0 0 auto;display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--color-text-secondary);text-align:left}@media(min-width:900px){.guild-item{min-width:0;flex:1 1 auto;width:100%;padding:.65rem .75rem;gap:.75rem}}.guild-item:hover{background:#ffffff0d;color:var(--color-text-primary)}.guild-item--selected{background:var(--color-accent-muted);border-color:transparent;color:var(--color-accent)}.guild-item--selected:hover{background:var(--color-accent-muted);color:var(--color-accent)}.guild-list--compact .guild-meta{display:none}.guild-list--compact .guild-item{justify-content:center;padding:.45rem;min-width:0}.guild-list--compact .guild-icon,.guild-list--compact .guild-icon--fallback{width:36px;height:36px}.guild-icon{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.guild-icon--fallback{display:flex;align-items:center;justify-content:center;background:var(--border);font-weight:700}.guild-meta{display:flex;flex-direction:column;gap:.35rem;min-width:0}.guild-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guild-badges{display:flex;flex-wrap:wrap;gap:.35rem}.guild-list-empty{color:var(--text-muted);font-size:.9rem}.state-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1rem;flex-wrap:wrap}.state-panel-heading{font-size:1rem;margin:0;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.state-toolbar-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem .75rem;flex:1 1 auto;min-width:0}.btn-refresh{flex-shrink:0;padding:.45rem .85rem;font-size:.875rem}.refresh-status--compact{font-size:.75rem}.refresh-status--poll-paused .refresh-status-label{color:var(--color-text-muted);font-weight:500}.refresh-status--compact .refresh-status-label{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refresh-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;font-size:.8125rem}.refresh-status-label{color:var(--text-muted)}.refresh-status-meta{font-size:.75rem}.state-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow)}.state-card--error{border-color:#ed424580}.state-notice{font-size:1.05rem;margin-bottom:.5rem}.badge-line{margin-top:.35rem}.state-meta-row{display:flex;flex-wrap:wrap;gap:.5rem .85rem;font-size:.8125rem;margin-bottom:1rem;padding:.5rem .65rem;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border)}.soundroom-main-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem}.soundroom-hero{margin-bottom:0;padding:1.25rem 1.5rem;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border)}.soundroom-hero-stats{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.soundroom-stat-chip{font-size:.75rem;padding:2px 10px;border-radius:99px;border:none;color:var(--color-text-secondary);background:#ffffff12}.soundroom-stat-chip--autoplay-on{color:var(--color-accent);background:var(--color-accent-muted)}.soundroom-hero-empty,.soundroom-hero-idle{padding:2rem 1rem;text-align:center;background:var(--color-surface-2);border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-md)}.soundroom-hero-empty-title{font-size:1rem;font-weight:600;margin:0 0 .35rem;color:var(--color-text-muted)}.soundroom-hero-now{display:grid;align-items:flex-start}.state-hero{margin-bottom:.25rem}.soundroom-controls-wrap{margin:0;padding:.85rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}.state-controls-wrap{margin-bottom:.5rem}.soundroom-workspace{margin-top:0;display:flex;flex-direction:column;gap:.75rem}.soundroom-workspace-tabs{display:flex;flex-wrap:wrap;gap:0;margin-bottom:0;padding:0;border-bottom:1px solid var(--color-border);background:transparent;border-radius:0}.soundroom-workspace-tab{flex:1 1 auto;min-width:min(100%,7rem);margin-bottom:-1px;padding:.5rem 1rem;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:.875rem;font-weight:500;cursor:pointer}.soundroom-workspace-tab:hover{color:var(--color-text-primary);background:transparent}.soundroom-workspace-tab--active{color:var(--color-text-primary);font-weight:600;border-bottom-color:var(--color-accent);background:transparent;box-shadow:none}.soundroom-workspace-tab--playlist.soundroom-workspace-tab--active{border-bottom-color:var(--color-accent)}.soundroom-workspace-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:899px){.soundroom-workspace-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.soundroom-workspace-tab{flex:0 0 auto;min-width:5.5rem}}.soundroom-workspace-panel{min-height:0}.soundroom-workspace-panel[hidden]{display:none}.playlist-feature-card{margin-bottom:.85rem;padding:.65rem .85rem;border-radius:8px;border:1px solid rgba(88,101,242,.35);background:#5865f214;font-size:.875rem}.playlist-feature-card--compact{margin-bottom:.5rem;padding:.45rem .65rem;font-size:.8125rem;line-height:1.4}.playlist-feature-card p{margin:0}.playlist-tabs--inner .playlist-tab{font-size:.8rem;padding:.4rem .55rem}.dash-section{margin-top:1rem;border-top:1px solid var(--border);padding-top:.65rem}.dash-section-toggle{width:100%;display:flex;align-items:center;gap:.65rem;padding:.55rem .35rem;border:none;border-radius:8px;background:transparent;color:var(--text);text-align:left}.dash-section-toggle:hover{background:#ffffff0a}.dash-section-toggle--open .dash-section-title{color:var(--text)}.dash-section-toggle-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.dash-section-title{font-size:.95rem;font-weight:700;color:var(--text)}.dash-section-subtitle{font-size:.8125rem}.dash-section-addon{flex-shrink:0}.dash-section-chevron{flex-shrink:0;color:var(--text-muted);font-size:.85rem}.dash-section-body{padding:.65rem .15rem .25rem}.now-playing{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:560px){.now-playing{grid-template-columns:160px 1fr}.soundroom-hero-now{grid-template-columns:200px 1fr;gap:1.25rem}}.track-thumb{width:160px;height:160px;border-radius:8px;object-fit:cover;background:var(--bg)}.track-thumb--hero{width:100%;max-width:200px;height:auto;aspect-ratio:1;border-radius:10px}.track-title--hero{font-size:1.1rem;font-weight:600;line-height:1.3;margin-bottom:.35rem}.track-author{font-size:.8rem;color:var(--color-text-secondary)}.progress-bar--hero{height:6px;margin-top:.65rem}.progress-bar--hero .progress-bar-fill{background:var(--color-accent)}.track-thumb--empty{display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:var(--color-text-secondary);background:linear-gradient(145deg,var(--color-surface-2),rgba(88,101,242,.12));border:1px solid var(--color-border)}.track-title--clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:break-word}.track-meta-clamp,.queue-meta-clamp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundroom-hero-empty-hint{max-width:28rem;margin:0 auto .85rem;line-height:1.45}.soundroom-hero-empty-cta{margin-top:.25rem}.guild-name--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title{font-size:1.25rem;margin-bottom:.35rem}.track-author,.track-requester{color:var(--text-muted);font-size:.9rem;margin-top:.2rem}.track-time{margin-top:.75rem;font-variant-numeric:tabular-nums;font-weight:600}.progress-bar{margin-top:.65rem;height:6px;background:var(--border);border-radius:999px;overflow:hidden}.progress-bar--disabled{opacity:.45}.progress-bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.queue-empty{color:var(--text-muted)}.queue-summary-bar{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .65rem;border-radius:8px;background:var(--bg-elevated);border:1px solid var(--border)}.queue-summary-title{font-weight:700;font-size:.9rem}.queue-summary-hint{font-size:.75rem;line-height:1.35}.queue-scroll-panel{max-height:min(420px,55vh);overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-md);border:1px solid var(--color-border);padding:.35rem .35rem .75rem;background:var(--color-surface);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}@media(min-width:900px){.queue-scroll-panel{max-height:520px}}.queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.queue-list--scroll{max-height:none;overflow:visible;padding-bottom:.5rem}.queue-item{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;padding:.45rem .55rem;border-radius:6px;background:var(--bg-elevated);border:1px solid transparent}.queue-item-main{display:flex;align-items:flex-start;gap:.65rem;min-width:0}.queue-item-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem;padding-top:.15rem;border-top:1px solid rgba(42,51,68,.65)}@media(min-width:560px){.queue-item{flex-direction:row;align-items:center;gap:.75rem}.queue-item-actions{flex:0 0 auto;padding-top:0;border-top:none;margin-left:auto}}.queue-index{color:var(--text-muted);font-variant-numeric:tabular-nums;min-width:1.5rem}.queue-body{display:flex;flex-direction:column;flex:1;min-width:0}.queue-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}.queue-sub{font-size:.8rem;color:var(--text-muted)}.queue-panel{display:flex;flex-direction:column;gap:.5rem}.queue-disabled-hint{font-size:.8125rem;padding:.4rem .55rem;border-radius:6px;background:#faa81a1a;border:1px solid rgba(250,168,26,.3);color:#f0d090}.queue-notice{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:.875rem;padding:.45rem .65rem;border-radius:6px}.queue-notice-text{margin:0;flex:1;min-width:12rem}.queue-notice--error{color:#f5a6a8;background:#ed42451f;border:1px solid rgba(237,66,69,.25)}.queue-notice--conflict{color:#f0d090;background:#faa81a1f;border:1px solid rgba(250,168,26,.35)}.queue-notice--success{color:#9fd4a8;background:#3ba55d1f;border:1px solid rgba(59,165,93,.25)}.btn-queue-refresh{flex-shrink:0;padding:.3rem .65rem;font-size:.8125rem}.queue-item--pending{opacity:.72}.queue-item--pending{border-color:#5865f259}.queue-move-group{display:inline-flex;gap:.25rem}.btn-queue-move{min-width:2rem;padding:.3rem .45rem;font-size:.875rem;font-weight:700;line-height:1;border-radius:6px;border:1px solid rgba(88,101,242,.45);background:#5865f226;color:#c5caff}.btn-queue-move:hover:not(:disabled){background:#5865f247}.btn-queue-move:disabled{opacity:.4;cursor:not-allowed}.btn-queue-remove{padding:.35rem .65rem;font-size:.8125rem;font-weight:600;border-radius:6px;border:1px solid rgba(237,66,69,.45);background:#ed424526;color:#f5a6a8}.btn-queue-remove:hover:not(:disabled){background:#ed424547}.btn-queue-remove:disabled{opacity:.45;cursor:not-allowed}.controls-section{margin:0;padding:.75rem 0 0;border-top:1px solid var(--border)}.state-controls-wrap .controls-section{border-top:none;padding-top:.5rem}.controls-section h3{font-size:.95rem;margin-bottom:.5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.controls-hint{font-size:.8125rem;margin-bottom:.75rem;line-height:1.45}.controls-status-block{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.65rem}.controls-status-block .control-status{margin-bottom:0}.controls-status-block .autoplay-badge{margin-bottom:0;align-self:flex-start}.controls-feedback{min-height:0;margin-bottom:.5rem}.controls-feedback:empty{display:none}.controls-notice{font-size:.875rem;color:#9fd4a8;margin:0 0 .4rem;padding:.45rem .65rem;border-radius:6px;background:#3ba55d1f}.controls-error{font-size:.875rem;color:#f5a6a8;margin:0 0 .4rem;padding:.45rem .65rem;border-radius:6px;background:#ed42451f}.controls-busy{font-size:.8125rem;margin:0 0 .4rem}.controls-buttons{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.65rem}.controls-buttons .btn{padding:.35rem .7rem;font-size:.8125rem;font-weight:500;line-height:1.2;min-height:0}.controls-button-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.controls-button-row--primary{justify-content:flex-start}.controls-button-row--primary .btn{flex:0 1 auto;min-width:0}.controls-button-row--danger .btn-danger{width:auto;max-width:100%}.volume-row{display:flex;flex-direction:column;gap:.5rem}.volume-label{font-size:.875rem;color:var(--text-muted)}.volume-inputs{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:480px){.volume-inputs{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}}.volume-slider{-webkit-appearance:none;appearance:none;flex:1 1 140px;min-width:120px;width:100%;height:14px;margin:0;padding:0;border:none;background:transparent;cursor:pointer}.volume-slider::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(to right,var(--color-accent) 0%,var(--color-accent) var(--volume-pct, 0%),rgba(255,255,255,.15) var(--volume-pct, 0%),rgba(255,255,255,.15) 100%)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:none;border-radius:50%;background:#fff;cursor:pointer}.volume-slider::-moz-range-track{height:4px;border-radius:99px;background:#ffffff26}.volume-slider::-moz-range-progress{height:4px;border-radius:99px;background:var(--color-accent)}.volume-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#fff;cursor:pointer}.volume-number{flex:0 0 36px;min-width:36px;width:36px;box-sizing:border-box;padding:.4rem .25rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-primary);font:inherit;font-size:.875rem;text-align:center}.volume-number:disabled,.volume-slider:disabled{opacity:.5}.control-status{margin-bottom:.85rem;padding:.5rem .875rem;border-radius:var(--radius-md);font-size:.8rem;line-height:1.4;border:1px solid var(--border);height:auto;min-height:0}.control-status-headline{margin:0;font-weight:600}.control-status-voice{margin:.2rem 0 0;font-size:inherit;line-height:1.35}.control-status--ready{background:#5865f214;border:1px solid rgba(88,101,242,.25);border-radius:var(--radius-md);padding:.5rem .875rem;height:auto;min-height:0;font-size:.8rem;color:var(--color-text-secondary)}.control-status--ready .control-status-headline{font-weight:500;color:var(--color-text-secondary)}.control-status--ready .control-status-voice{color:var(--color-text-secondary);font-weight:400}.control-status--ready .control-status-channel-name{color:var(--color-text-primary);font-weight:500}.control-status--blocked{background:#5865f214;border:1px solid rgba(88,101,242,.25);border-radius:var(--radius-md);padding:.5rem .875rem;height:auto;min-height:0;font-size:.8rem;color:var(--color-text-secondary)}.control-status--loading{background:var(--bg-elevated);color:var(--text-muted)}.control-status--error{background:#ed42451f;border-color:#ed424559;color:#f5a6a8}.autoplay-badge{display:inline-block;margin-bottom:.75rem;padding:.25rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600}.autoplay-badge--on{background:#3ba55d2e;color:#9fd4a8}.autoplay-badge--off{background:#9aa6bc26;color:var(--text-muted)}.search-section{margin:0;padding:0}.search-section--embedded{margin:0;padding:0;border:none}.search-section h3{font-size:.95rem;margin-bottom:.5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.search-hint{margin-bottom:.75rem;line-height:1.45}.playlist-add-block{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border)}.playlist-add-heading{font-size:.875rem;margin:0 0 .35rem;color:var(--text-muted)}.playlist-add-hint{margin-bottom:.55rem;font-size:.8125rem}.playlist-add-row{display:flex;flex-direction:column;gap:.55rem}.playlist-limit-label{display:flex;align-items:center;gap:.4rem;font-size:.8125rem}.playlist-limit-select{padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font:inherit}.playlist-add-btn{width:100%}@media(min-width:640px){.playlist-add-row{flex-direction:row;flex-wrap:wrap;align-items:center}.playlist-add-input{flex:1 1 12rem;min-width:0}.playlist-add-btn{width:auto}}.search-disabled-hint{font-size:.8125rem;margin-bottom:.75rem;padding:.45rem .65rem;border-radius:6px;background:#faa81a1a;color:#f0d090;border:1px solid rgba(250,168,26,.3)}.search-disabled-hint--info{background:#5865f21f;color:#c5caff;border-color:#5865f259}.search-form{margin-bottom:.75rem}.search-input-row{display:flex;flex-direction:column;gap:.65rem}.search-input{width:100%;padding:.55rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font:inherit}.search-input:disabled{opacity:.5}.search-actions{display:flex;flex-direction:column;gap:.5rem}.search-actions .btn{width:100%}@media(min-width:640px){.search-actions{flex-direction:row;width:auto}.search-actions .btn{width:auto}}.search-busy{margin-bottom:.5rem}.search-error{font-size:.875rem;color:#f5a6a8;margin-bottom:.65rem;padding:.45rem .65rem;border-radius:6px;background:#ed42451f}.search-success{font-size:.875rem;color:#9fd4a8;margin-bottom:.65rem;padding:.45rem .65rem;border-radius:6px;background:#3ba55d1f}.search-results{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.65rem}.search-result-item{display:flex;flex-direction:column;gap:.65rem;padding:.65rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border)}@media(min-width:480px){.search-result-item{flex-direction:row;gap:.75rem}}.search-result-thumb{width:72px;height:72px;border-radius:6px;object-fit:cover;flex-shrink:0}.search-result-thumb--empty{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted);font-size:1.5rem}.search-result-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.search-result-title{font-weight:600;margin:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.search-result-meta{margin:0;font-size:.8125rem}.btn-add-result{align-self:flex-start;margin-top:.15rem}@media(min-width:640px){.search-input-row{flex-direction:row;align-items:stretch}.search-input{flex:1;min-width:0}.search-actions{flex-shrink:0}}.playlist-panel{display:flex;flex-direction:column;gap:.75rem}.playlist-tabs{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid var(--color-border)}.playlist-tab{flex:1 1 auto;min-width:7rem;margin-bottom:-1px;padding:.5rem 1rem;border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:.875rem;font-weight:500;cursor:pointer}.playlist-tab:hover{color:var(--color-text-primary)}.playlist-tab--active{color:var(--color-text-primary);font-weight:600;border-bottom-color:var(--color-accent);background:transparent}.playlist-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.playlist-list-toolbar{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.35rem}.playlist-list-toolbar-search{display:flex;flex-direction:column;gap:.4rem}.playlist-list-toolbar-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem .75rem}.playlist-list-toolbar-sort{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.playlist-list-toolbar-count{margin:0;font-size:.75rem;white-space:nowrap}.playlist-sort-select{font:inherit;font-size:.85rem;padding:.35rem .45rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:inherit}.playlist-search-clear{flex-shrink:0}.playlist-public-search{display:flex;flex-direction:column;gap:.5rem}.playlist-layout{display:grid;gap:1rem}@media(min-width:768px){.playlist-layout{grid-template-columns:minmax(0,11rem) minmax(0,1fr);align-items:start}}.playlist-layout-list,.playlist-layout-detail{min-width:0}.playlist-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.playlist-card{display:flex;flex-direction:column;gap:.35rem;width:100%;padding:.55rem .65rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:inherit;font:inherit}.playlist-card-main{width:100%;text-align:left;padding:0;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer}.playlist-card--selected{border-color:#5865f28c;background:#5865f21a}.playlist-card-title{margin:0;font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-card-desc{margin:.2rem 0 0;font-size:.8rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.playlist-card-meta{margin:.25rem 0 0;font-size:.75rem;line-height:1.35}.playlist-card-meta-chips{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.playlist-meta-chip{font-size:.68rem;padding:.12rem .38rem;border-radius:4px;border:1px solid var(--border);color:var(--text-muted);background:var(--bg);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-meta-chip--favorite{border-color:#facc1573;color:#facc15}.playlist-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .45rem;min-width:0}.playlist-card-head .playlist-card-title{flex:1 1 auto;min-width:0}.playlist-badge{flex-shrink:0;font-size:.65rem;font-weight:600;padding:.1rem .35rem;border-radius:4px;border:1px solid var(--border);color:var(--text-muted)}.playlist-badge--public{border-color:#5865f259;color:#a5b4fc}.playlist-badge--private{color:var(--text-muted)}.playlist-badge--hidden{opacity:.85}.playlist-card-favorited-at{display:inline}.playlist-card-actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;padding-top:.15rem}.playlist-card-queue-btn{font-size:.78rem;padding:.28rem .5rem}.playlist-card-favorite-row{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.35rem}.playlist-favorite-button{font-size:.75rem;padding:.2rem .45rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;white-space:nowrap}.playlist-favorite-button:hover:not(:disabled){border-color:#5865f273;color:var(--text)}.playlist-favorite-button.active{border-color:#facc158c;color:#facc15}.playlist-favorite-button:disabled{opacity:.6;cursor:not-allowed}.playlist-favorites-panel{display:flex;flex-direction:column;gap:.5rem}.playlist-favorite-badge{font-size:.75rem;color:#facc15}.playlist-load-more{width:100%;margin-top:.5rem}.playlist-detail{padding:.65rem .75rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated)}.playlist-detail-header{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.playlist-detail-title{margin:0;font-size:1rem;word-break:break-word}.playlist-detail-desc{margin:.35rem 0 0;font-size:.85rem}.playlist-detail-meta{margin:.35rem 0 0;font-size:.8rem}.playlist-form{display:flex;flex-direction:column;gap:.55rem}.playlist-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:var(--text-muted)}.playlist-form input,.playlist-form textarea,.playlist-form select{font:inherit;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.playlist-form-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.playlist-actions{display:flex;flex-wrap:wrap;gap:.4rem}.playlist-actions--header{flex-shrink:0}.playlist-queue-add,.playlist-track-add{margin:.75rem 0;padding-top:.65rem;border-top:1px solid var(--border)}.playlist-queue-add h5,.playlist-track-add h5{margin:0 0 .4rem;font-size:.85rem;color:var(--text-muted)}.playlist-queue-add-row,.playlist-track-add-row{display:flex;flex-direction:column;gap:.5rem}.playlist-track-add-hint,.playlist-disabled-hint{font-size:.8rem;margin-bottom:.45rem}.playlist-track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.playlist-track-item{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:space-between;padding:.45rem .5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg)}.playlist-track-main{display:flex;gap:.5rem;align-items:center;flex:1 1 10rem;min-width:0}.playlist-track-thumb{width:48px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0}.playlist-track-thumb--empty{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted);font-size:1.1rem}.playlist-track-body{min-width:0;flex:1}.playlist-track-title{margin:0;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-track-meta{margin:0;font-size:.75rem;flex:1 1 100%}.playlist-track-actions{display:flex;flex-wrap:wrap;gap:.25rem;margin-left:auto}.playlist-empty{margin:.5rem 0;font-size:.875rem}.playlist-notice{margin:.5rem 0 0;font-size:.8125rem;color:#9fd4a8}.playlist-error{margin:.5rem 0 0;font-size:.8125rem;color:#f0a0a0}@media(min-width:640px){.playlist-list-toolbar{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem}.playlist-list-toolbar-search{flex:1 1 12rem;flex-direction:row;align-items:stretch;min-width:0}.playlist-list-toolbar-search .search-input{flex:1;min-width:0}.playlist-list-toolbar-row{width:100%}.playlist-list-toolbar-sort{flex:0 0 auto;flex-direction:row;align-items:center;gap:.35rem}.playlist-list-toolbar-count{margin-left:auto}.playlist-card-actions{flex-direction:row;justify-content:flex-end}.playlist-public-search{flex-direction:row;align-items:stretch}.playlist-public-search .search-input{flex:1;min-width:0}.playlist-queue-add-row,.playlist-track-add-row{flex-direction:row;align-items:center}.playlist-track-add-row .search-input{flex:1;min-width:0}}.playlist-tab--subtle{flex:0 1 auto;min-width:4.5rem;font-size:.8125rem;opacity:.85}.playlist-tab--compact{flex:0 1 auto;min-width:4rem;padding:.35rem .5rem;font-size:.75rem}.playlist-layout--admin{grid-template-columns:1fr}@media(min-width:768px){.playlist-layout--admin{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.playlist-admin-panel{display:flex;flex-direction:column;gap:.65rem}.playlist-admin-intro{margin:0;font-size:.8125rem;line-height:1.45}.playlist-admin-warning{margin:.5rem 0;font-size:.875rem}.playlist-admin-toolbar{display:flex;flex-direction:column;gap:.5rem}.playlist-admin-filter{display:flex;flex-wrap:wrap;gap:.35rem}.playlist-admin-list{margin-top:.25rem}.playlist-admin-card{padding:.6rem .65rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated)}.playlist-admin-card--selected{border-color:#5865f28c;background:#5865f214}.playlist-admin-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;justify-content:space-between}.playlist-admin-badge{font-size:.7rem;padding:.15rem .45rem;border-radius:999px;background:#faa81a26;color:#f0d090;border:1px solid rgba(250,168,26,.35);flex-shrink:0}.playlist-admin-badge--visible{background:#78828c33;color:var(--text-muted);border-color:var(--border)}.playlist-admin-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}@media(min-width:640px){.playlist-admin-toolbar{flex-direction:row;align-items:stretch}.playlist-admin-toolbar .search-input{flex:1;min-width:0}}.playlist-admin-section-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.playlist-report-panel{margin:.75rem 0;padding:.65rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--bg)}.playlist-report-panel h5{margin:0 0 .35rem;font-size:.9rem}.playlist-report-hint{margin:0 0 .55rem;font-size:.8rem}.playlist-reports-panel{display:flex;flex-direction:column;gap:.65rem}.playlist-report-card .playlist-report-reason{margin:.25rem 0;font-size:.85rem;font-weight:600}.playlist-report-hidden-tag{margin:.2rem 0;font-size:.75rem}.playlist-resolve-note{margin:.45rem 0 0}.playlist-resolve-done{margin:.45rem 0 0;font-size:.8rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.playlist-tabs--inner{border-bottom:none;gap:.3rem;padding:.25rem;border-radius:var(--radius-md);background:var(--color-surface-2);border:1px solid var(--color-border)}.playlist-tab--segment{margin-bottom:0;border-bottom:none;border-radius:var(--radius-sm);padding:.4rem .55rem;font-size:.8rem;font-weight:500}.playlist-tab--segment.playlist-tab--active{background:var(--color-accent-muted);border:1px solid rgba(88,101,242,.45);color:var(--color-text-primary);font-weight:600}.playlist-tab--segment:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.controls-status-block--compact{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:.5rem}.controls-status-block--compact .control-status{flex:0 1 auto;width:max-content;max-width:100%;margin-bottom:0;padding:.28rem .6rem;font-size:.78rem;line-height:1.25;display:inline-flex;align-items:center;border-radius:999px}.controls-status-block--compact .control-status--blocked,.controls-status-block--compact .control-status--ready,.controls-status-block--compact .control-status--loading,.controls-status-block--compact .control-status--error{padding:.28rem .6rem}.controls-status-block--compact .control-status>p{margin:0}.controls-status-block--compact .control-status-headline{font-weight:500;font-size:inherit}.controls-status-block--compact .control-status-voice{margin:.15rem 0 0;font-size:.75rem}.controls-status-block--compact .control-status:has(.control-status-voice){display:block;width:100%;flex:1 1 100%;border-radius:var(--radius-md);padding:.4rem .65rem}.controls-status-block--compact .autoplay-badge{margin-bottom:0}.controls-button-row--danger{margin-top:.1rem;padding-top:.4rem;border-top:1px dashed var(--color-border)}.controls-section .volume-row .btn{padding:.35rem .65rem;font-size:.8125rem;white-space:nowrap}.state-toolbar{gap:.65rem 1rem}@media(max-width:899px){.dashboard-main{padding:1rem 1rem 1.25rem}.dashboard-main-header{flex-direction:column;align-items:stretch}.dashboard-main-header-title{flex-wrap:wrap}.state-toolbar-actions{justify-content:flex-start;width:100%}.dashboard-guild-heading{flex:1 1 auto;min-width:0}.guild-list--compact .guild-icon--fallback{font-size:.85rem}}@media(max-width:430px){.controls-button-row--primary .btn{flex:1 1 calc(50% - .25rem);min-width:0;padding:.4rem .5rem;font-size:.78rem}.volume-inputs{display:grid;grid-template-columns:1fr auto;grid-template-areas:"slider slider" "number apply";gap:.5rem}.volume-slider{grid-area:slider}.volume-number{grid-area:number}.volume-inputs .btn{grid-area:apply;width:100%}.queue-item-actions{gap:.25rem}.btn-queue-move,.btn-queue-remove{min-height:2.25rem}}@media(min-width:900px)and (max-width:1024px){.dashboard-server-sidebar{flex:0 0 260px;width:260px;min-width:260px;max-width:260px}}.guild-icon--fallback{font-size:.95rem;color:var(--color-text-primary);background:var(--color-surface-2);border:1px solid var(--color-border)}.btn-queue-move:focus-visible,.btn-queue-remove:focus-visible,.dashboard-sidebar-collapse:focus-visible,.dashboard-mobile-server-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}