:root{--bg-deep: #070711;--bg: #070812;--bg-soft: #0b0c19;--surface: #0d0b19;--surface-raised: #141025;--surface-soft: #171329;--panel: #111225;--panel-2: #17182e;--input-bg: #0c0d1c;--border: #292b4a;--border-strong: #3b3e68;--text: #f6f7ff;--text-secondary: #b7b0c5;--text-muted: #8f879e;--muted: #a4a7c4;--blue: #35a7ff;--violet: #8b5cf6;--magenta: #f43f9e;--identity-blue: #55a8ff;--identity-violet: #8b6cff;--pink: #f05bcb;--lilac: #b9a7ff;--identity-blue-rgb: 85, 168, 255;--identity-violet-rgb: 139, 108, 255;--pink-rgb: 240, 91, 203;--accent: var(--violet);--accent-soft: #f15bb5;--brand-gradient: linear-gradient(110deg, var(--blue), var(--violet) 52%, var(--magenta));--accent-gradient: linear-gradient(90deg, var(--identity-blue) 0%, var(--identity-violet) 38%, var(--pink) 68%, var(--pink) 100%);--home-cta-gradient: linear-gradient(90deg, var(--identity-blue) 0%, var(--identity-violet) 86%, var(--identity-violet) 100%);--danger: #ff6b6b;--success: #5ee6a0;--radius: 16px;--radius-sm: 10px;--font-logo: ui-rounded, "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at 6% -8%,rgba(var(--identity-blue-rgb),.13),transparent 31rem),radial-gradient(circle at 58% -18%,rgba(var(--identity-violet-rgb),.1),transparent 34rem),radial-gradient(circle at 106% 20%,rgba(var(--pink-rgb),.1),transparent 32rem),radial-gradient(circle at 46% 112%,rgba(var(--identity-violet-rgb),.055),transparent 34rem),var(--bg-deep);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent-soft);text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.container{max-width:1280px;margin:0 auto;padding:20px 24px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-center{min-height:100vh;display:flex;align-items:center;justify-content:center}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:10px 16px;border-radius:var(--radius-sm);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}.btn:hover:not(:disabled){background:#20213d;border-color:var(--border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand-gradient);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 8px 24px #8b5cf633}.btn-primary:hover:not(:disabled){background:var(--brand-gradient);border-color:transparent;box-shadow:0 10px 28px #8b5cf652;transform:translateY(-1px)}.login .btn-primary,.search-panel .btn-primary{background:var(--accent-gradient);box-shadow:0 8px 24px rgba(var(--identity-violet-rgb),.2),0 4px 18px rgba(var(--pink-rgb),.08)}.login .btn-primary:hover:not(:disabled),.search-panel .btn-primary:hover:not(:disabled){background:var(--accent-gradient);box-shadow:0 10px 28px rgba(var(--identity-violet-rgb),.27),0 5px 20px rgba(var(--pink-rgb),.12)}.create-bar .btn-primary,.room-card .btn-primary{background:var(--home-cta-gradient);box-shadow:0 8px 24px rgba(var(--identity-blue-rgb),.14),0 5px 20px rgba(var(--identity-violet-rgb),.16)}.create-bar .btn-primary:hover:not(:disabled),.room-card .btn-primary:hover:not(:disabled){background:var(--home-cta-gradient);box-shadow:0 10px 28px rgba(var(--identity-blue-rgb),.18),0 6px 22px rgba(var(--identity-violet-rgb),.22)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-ghost{background:transparent;border-color:var(--border)}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-block{width:100%}.input{width:100%;background:var(--input-bg);border:1px solid var(--border);color:var(--text);padding:11px 14px;border-radius:var(--radius-sm);font:inherit}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #8b5cf61f}.brand{display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.brand-wave{width:34px;height:20px;flex-shrink:0;filter:drop-shadow(0 0 7px rgba(var(--identity-violet-rgb),.24)) drop-shadow(3px 0 6px rgba(var(--pink-rgb),.12))}.brand-wave path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-name{font-family:var(--font-logo);font-weight:800;font-size:1.35rem;letter-spacing:-.5px;color:var(--text);background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-tag{font-size:.52rem;text-transform:uppercase;letter-spacing:.3em;color:var(--muted)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,rgba(var(--identity-violet-rgb),.16),rgba(var(--identity-blue-rgb),.06));border:1px solid rgba(var(--identity-violet-rgb),.32);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--identity-violet);box-shadow:inset 0 0 14px rgba(var(--identity-violet-rgb),.05)}.avatar-wave{width:62%;height:62%;color:inherit}.avatar--variant-0{color:var(--identity-blue);background:linear-gradient(145deg,rgba(var(--identity-blue-rgb),.18),rgba(var(--identity-violet-rgb),.05));border-color:rgba(var(--identity-blue-rgb),.32)}.avatar--variant-1{color:var(--identity-violet);background:radial-gradient(circle at 35% 30%,rgba(var(--identity-blue-rgb),.12),rgba(var(--identity-violet-rgb),.15))}.avatar--variant-2{color:var(--pink);background:linear-gradient(145deg,rgba(var(--pink-rgb),.16),rgba(var(--identity-violet-rgb),.07));border-color:rgba(var(--pink-rgb),.3)}.avatar--variant-3{color:var(--lilac);background:linear-gradient(160deg,rgba(var(--identity-blue-rgb),.12),rgba(var(--identity-violet-rgb),.18))}.avatar--variant-4{color:var(--pink);background:radial-gradient(circle at 68% 28%,rgba(var(--pink-rgb),.16),rgba(var(--identity-violet-rgb),.09));border-color:rgba(var(--pink-rgb),.26)}.avatar--variant-5{color:var(--identity-blue);background:linear-gradient(135deg,rgba(var(--identity-blue-rgb),.17),rgba(var(--pink-rgb),.08));border-color:rgba(var(--identity-blue-rgb),.28)}.avatar--variant-6{color:var(--lilac);background:radial-gradient(circle at 50% 78%,rgba(var(--pink-rgb),.1),rgba(var(--identity-violet-rgb),.15))}.avatar--variant-7{color:var(--pink);background:linear-gradient(155deg,rgba(var(--identity-violet-rgb),.16),rgba(var(--pink-rgb),.13));border-color:rgba(var(--pink-rgb),.28)}.avatar--sm{width:28px;height:28px;font-size:.8rem}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:3px 9px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge--live{color:#ff75bd;border-color:#f43f9e66;background:#f43f9e1a}.badge--closed{color:var(--muted);opacity:.7}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--magenta);box-shadow:0 0 9px #f43f9eb3;animation:pulse 1.8s ease-in-out infinite}.card,.panel{background:linear-gradient(145deg,#17182ef0,#0e0f1ffa);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:0 18px 50px #00000021}.panel:not(.player-panel){background:radial-gradient(circle at 100% 0%,rgba(var(--identity-violet-rgb),.055),transparent 42%),linear-gradient(145deg,#141025f5,#0d0b19fa);border-color:rgba(var(--identity-violet-rgb),.2);box-shadow:0 18px 50px #0000002b}.panel-title{margin:0 0 12px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.list{display:flex;flex-direction:column;gap:8px}.list-item{display:flex;align-items:center;gap:10px;min-width:0;padding:9px;background:var(--panel-2);border:1px solid var(--border);border-radius:9px}.added-by{display:flex;align-items:center;gap:7px;font-size:.8rem}:root{--login-photo: url(/assets/login-bg.png)}.login{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));background:radial-gradient(120% 90% at 20% 10%,rgba(53,167,255,.28),transparent 55%),radial-gradient(120% 100% at 85% 90%,rgba(139,92,246,.36),transparent 55%),linear-gradient(160deg,#070812,#111126 60%,#080914);position:relative;overflow-x:hidden;overflow-y:auto}.login:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--login-photo);background-size:cover;background-position:center;opacity:.82}.login:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05061033,#0607129e),radial-gradient(circle at center,#8b5cf60a,#0000005c)}.login-content{position:relative;z-index:1;width:min(100%,390px);text-align:center;display:flex;flex-direction:column;align-items:center}.login-brand{display:flex;flex-direction:column;align-items:center;color:var(--text)}.login-wave{width:72px;height:32px;margin-bottom:4px;filter:drop-shadow(0 0 10px rgba(var(--identity-violet-rgb),.32)) drop-shadow(5px 0 8px rgba(var(--pink-rgb),.15))}.login-wave path{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.login-brand-name{font-size:clamp(3rem,8vw,4.25rem);line-height:.95;font-weight:750;letter-spacing:-.055em;background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-brand-tag{margin-top:9px;color:#ffffffc7;font-size:.65rem;font-weight:600;letter-spacing:.32em}.login-slogan{margin:17px 0 0;font-size:1.05rem;color:var(--text);line-height:1.35;text-shadow:0 2px 12px rgba(0,0,0,.55)}.login-auth-card{width:min(100%,360px);margin-top:22px;padding:20px;border:1px solid rgba(139,92,246,.38);border-radius:15px;background:#0a0b1bb8;box-shadow:0 18px 45px #0000004d,0 0 48px #35a7ff0f;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.login-auth-card .notice{margin-bottom:14px;text-align:left}.login-google{display:grid;grid-template-columns:21px minmax(0,1fr) 21px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;border-radius:10px}.login-google svg{width:20px;height:20px}.login-hint{margin:14px 0 0;font-size:.76rem;color:#f7f2f6c2;line-height:1.4}.home-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border);margin-bottom:24px}.user-chip{display:flex;align-items:center;gap:10px}.user-chip .avatar{width:40px;height:40px}.section{margin-top:28px}.section-title{margin:0 0 14px;font-size:1.05rem;font-weight:700}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.room-card{background:radial-gradient(circle at 100% 0%,rgba(var(--pink-rgb),.055),transparent 42%),radial-gradient(circle at 0% 100%,rgba(var(--identity-blue-rgb),.035),transparent 45%),linear-gradient(145deg,var(--surface-raised),var(--surface));border:1px solid rgba(var(--identity-violet-rgb),.2);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 16px 42px #0000001f;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.room-card:hover{border-color:rgba(var(--identity-violet-rgb),.36);box-shadow:0 18px 48px #00000038,0 0 28px rgba(var(--pink-rgb),.045);transform:translateY(-2px)}.room-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-card-title{font-size:1.08rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;color:var(--muted);letter-spacing:.1em}.room-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.85rem}.now-line{display:flex;align-items:center;gap:8px;min-width:0}.now-line svg{width:16px;height:16px;color:var(--magenta);flex-shrink:0}.now-line-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.create-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.create-bar .input{max-width:320px}.room-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:20px}.room-header-title{display:flex;flex-direction:column;min-width:0}.room-title-line{display:flex;align-items:center;gap:7px;min-width:0}.room-header-name{font-size:1.15rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-rename-button{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);flex-shrink:0;transition:color .15s ease,background .15s ease}.room-rename-button:hover{color:var(--accent-soft);background:#f43f9e1a}.room-header-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;color:var(--muted);letter-spacing:.12em}.summary-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#04050ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.summary-dialog{width:min(780px,100%);max-height:min(760px,calc(100vh - 48px));overflow-y:auto;padding:24px;border:1px solid rgba(139,92,246,.36);border-radius:20px;background:radial-gradient(circle at 88% 8%,rgba(244,63,158,.13),transparent 36%),radial-gradient(circle at 10% 100%,rgba(53,167,255,.08),transparent 32%),#111225;box-shadow:0 28px 80px #0000008f,0 0 50px #8b5cf614}.summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.summary-header h2,.summary-contributions h3{margin:0}.summary-header h2{margin-top:3px;font-size:clamp(1.55rem,4vw,2.15rem)}.summary-kicker{color:var(--accent-soft);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.summary-loading{min-height:180px;display:grid;place-items:center}.summary-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.summary-metric{min-width:0;padding:15px 12px;border:1px solid var(--border);border-radius:14px;background:#ffffff06}.summary-metric strong{display:block;color:#a78bfa;font-size:clamp(1.55rem,4vw,2.2rem);line-height:1}.summary-metric:nth-child(2) strong,.summary-metric:nth-child(5) strong{color:var(--blue)}.summary-metric:nth-child(3) strong,.summary-metric:nth-child(4) strong{color:var(--accent-soft)}.summary-metric span{display:block;margin-top:8px;color:var(--muted);font-size:.75rem;line-height:1.25}.summary-contributions{margin-top:26px}.summary-contributions h3{margin-bottom:12px;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.contribution-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid var(--border)}.contribution-content{min-width:0;flex:1}.contribution-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px 16px;margin-top:5px;color:var(--muted);font-size:.78rem}.contribution-stats b{color:var(--text)}.room-layout{display:grid;grid-template-columns:320px minmax(0,1fr) 340px;grid-template-areas:"search player people" "activity player queue" "history player queue";gap:18px;align-items:start}.search-panel{grid-area:search}.activity-panel{grid-area:activity}.history-panel{grid-area:history}.player-panel{grid-area:player}.people-panel{grid-area:people}.queue-panel{grid-area:queue}.search-panel,.people-panel{background:radial-gradient(circle at 0% 0%,rgba(var(--identity-blue-rgb),.045),transparent 42%),linear-gradient(145deg,var(--surface-raised),var(--surface));border-color:rgba(var(--identity-blue-rgb),.18)}.activity-panel,.history-panel{background:radial-gradient(circle at 100% 0%,rgba(var(--pink-rgb),.05),transparent 42%),linear-gradient(145deg,var(--surface-raised),var(--surface));border-color:rgba(var(--pink-rgb),.16)}.queue-panel{background:radial-gradient(circle at 100% 0%,rgba(var(--identity-violet-rgb),.06),transparent 42%),linear-gradient(145deg,var(--surface-raised),var(--surface));border-color:rgba(var(--identity-violet-rgb),.21)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading .panel-title{margin-bottom:0}.summary-action{padding:0;border:0;background:transparent;color:var(--accent-soft);font-size:.74rem;font-weight:700;white-space:nowrap}.summary-action:hover:not(:disabled){color:#ff8ac7;text-decoration:underline;text-underline-offset:3px}.summary-action:disabled{opacity:.45;cursor:not-allowed}.player-panel{border-color:#8b5cf64d;background:radial-gradient(circle at 50% 18%,rgba(139,92,246,.08),transparent 38%),linear-gradient(145deg,#17182ef5,#0e0f1ffc)}.player-cover{position:relative;aspect-ratio:1 / 1;width:100%;max-width:440px;margin:0 auto;background:radial-gradient(circle at 50% 46%,rgba(139,92,246,.22),transparent 18%),radial-gradient(90% 90% at 50% 30%,#181a39,#090a18 78%);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;overflow:hidden}.player-cover:before,.player-cover:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.player-cover:before{width:68%;aspect-ratio:1;border:1px solid rgba(53,167,255,.18);box-shadow:0 0 0 36px #8b5cf609,0 0 0 72px #f43f9e06}.player-cover:after{width:34%;aspect-ratio:1;background:radial-gradient(circle,rgba(244,63,158,.13),rgba(139,92,246,.04) 55%,transparent 72%);filter:blur(2px)}.equalizer{display:flex;align-items:flex-end;gap:6px;height:90px;position:relative;z-index:1}.equalizer-bar{width:8px;height:18%;border-radius:999px;background:linear-gradient(180deg,var(--blue),var(--violet) 52%,var(--magenta));opacity:.55;transition:opacity .3s ease;box-shadow:0 0 12px #8b5cf64d}.equalizer-bar:nth-child(2),.equalizer-bar:nth-child(5){background:linear-gradient(180deg,#67c4ff,var(--violet) 62%,var(--magenta))}.equalizer-active .equalizer-bar{opacity:1;animation:eq 1.15s ease-in-out infinite}@keyframes eq{0%,to{height:16%}50%{height:92%}}.now-playing{display:flex;flex-direction:column;gap:6px;text-align:center}.track-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-soft)}.track-title{font-size:1.25rem;font-weight:700}.track-sub{font-size:.9rem;color:var(--muted)}.controls{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.volume-slider{width:120px;accent-color:var(--violet)}.progress{width:100%;height:8px;border-radius:999px;background:#0b0c1a;border:1px solid rgba(139,92,246,.14);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--brand-gradient);box-shadow:0 0 12px #8b5cf673;transition:width .3s linear}.progress-times{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}.skip-area{display:flex;flex-direction:column;gap:10px}.skip-title{font-size:.95rem;font-weight:600}.vote-bar{height:6px;border-radius:999px;background:var(--panel-2);overflow:hidden}.vote-fill{height:100%;background:linear-gradient(90deg,var(--violet),var(--magenta));transition:width .3s ease}.queue-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2)}.queue-item[data-status=PLAYING]{border-color:#8b5cf67a;background:linear-gradient(100deg,#8b5cf624,#f43f9e0f);box-shadow:inset 3px 0 0 var(--violet)}.queue-item[data-status=FINISHED]{border-color:rgba(var(--identity-violet-rgb),.26)}.queue-item[data-status=FINISHED] .muted{color:var(--lilac)}.queue-item[data-status=SKIPPED],.queue-item[data-status=ERROR]{border-color:rgba(var(--pink-rgb),.26)}.queue-item[data-status=SKIPPED] .muted,.queue-item[data-status=ERROR] .muted{color:var(--pink)}.queue-thumb{width:48px;height:30px;object-fit:cover;border-radius:6px;background:#000;flex-shrink:0}.queue-info{min-width:0;flex:1}.tag-autodj{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#74c7ff;border:1px solid rgba(53,167,255,.38);background:#35a7ff14;border-radius:999px;padding:1px 7px}.participant{display:flex;align-items:center;gap:12px;padding:8px 0}.participant-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-count{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums}.activity-item{display:flex;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-icon{width:30px;height:30px;border-radius:50%;background:rgba(var(--identity-violet-rgb),.11);color:var(--lilac);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.activity-item[data-activity-type=MEMBER_JOINED] .activity-icon,.activity-item[data-activity-type=PLAYBACK_STARTED] .activity-icon{color:var(--identity-blue);background:linear-gradient(145deg,rgba(var(--identity-blue-rgb),.13),rgba(var(--identity-violet-rgb),.08))}.activity-item[data-activity-type=SONG_ADDED] .activity-icon,.activity-item[data-activity-type=ROOM_RENAMED] .activity-icon{color:var(--pink);background:linear-gradient(145deg,rgba(var(--identity-violet-rgb),.09),rgba(var(--pink-rgb),.12))}.activity-item[data-activity-type=PLAYBACK_FINISHED] .activity-icon{color:var(--lilac);background:rgba(var(--identity-violet-rgb),.11)}.activity-item[data-activity-type=SONG_REMOVED] .activity-icon,.activity-item[data-activity-type=PLAYBACK_SKIPPED] .activity-icon{color:var(--pink);background:linear-gradient(145deg,rgba(var(--identity-violet-rgb),.1),rgba(var(--pink-rgb),.12))}.activity-item[data-activity-type=MEMBER_LEFT] .activity-icon{color:var(--text-secondary);background:rgba(var(--identity-violet-rgb),.07)}.activity-body{min-width:0}.activity-line{line-height:1.4}.activity-song{font-weight:600;color:var(--text)}.mode-switch{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden}.mode-switch button{border:none;background:transparent;color:var(--muted);padding:8px 14px;font-size:.82rem}.mode-switch button.mode-active{background:linear-gradient(110deg,#35a7ffeb,#8b5cf6f5);color:#fff}.caixa-state{font-size:.88rem;color:var(--muted)}.caixa-state+.btn-danger{background:rgba(var(--identity-violet-rgb),.055);border-color:rgba(var(--pink-rgb),.34);color:var(--text)}.caixa-state+.btn-danger:hover:not(:disabled){background:linear-gradient(100deg,rgba(var(--identity-violet-rgb),.24),rgba(var(--pink-rgb),.18));border-color:rgba(var(--pink-rgb),.52);color:var(--text)}.notice{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border)}.notice-error{background:#ff6b6b1f;border-color:#ff6b6b66;color:#ffb3b3}.notice-success{background:#5ee6a01a;border-color:#5ee6a059;color:#b8f2d2}.notice-info{background:#35a7ff17;border-color:#35a7ff4d;color:#b9e2ff}.notice-close{border:none;background:transparent;color:inherit;font-size:1.25rem;line-height:1;padding:0 4px;cursor:pointer}.notice-close:hover{opacity:.7}.youtube-player{position:absolute;left:-9999px;top:-9999px;width:300px;height:169px;pointer-events:none;opacity:0}.youtube-player iframe{width:300px;height:169px;border:0}.mobile-tabbar{display:none;position:sticky;bottom:0;background:#111225f0;border-top:1px solid var(--border);z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-tabbar-inner{display:flex}.mobile-tab{flex:1;border:none;background:transparent;color:var(--muted);padding:12px 4px;font-size:.78rem;font-weight:600}.mobile-tab--active{color:var(--accent-soft)}@media(max-width:1080px){.room-layout{grid-template-columns:280px minmax(0,1fr) 300px;gap:14px}}@media(max-width:920px){.summary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.room-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:none}.search-panel,.activity-panel,.history-panel,.player-panel,.people-panel,.queue-panel{display:none;grid-area:auto;min-width:0}.search-panel.is-mobile-active,.activity-panel.is-mobile-active,.history-panel.is-mobile-active,.player-panel.is-mobile-active,.people-panel.is-mobile-active,.queue-panel.is-mobile-active{display:block}.mobile-tabbar{display:block;position:fixed;right:0;left:0;margin:0}.room-page{padding-bottom:80px}}@media(max-width:560px){.container{padding:14px 16px}.room-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px}.room-header>.brand{grid-column:1 / -1}.room-header-title{grid-column:1;grid-row:2;width:100%}.room-header-name{min-width:0}.room-header>.badge{grid-column:2;grid-row:2;justify-self:end}.room-header>.btn:first-of-type{grid-column:1;grid-row:3;justify-self:start}.room-header>.btn:last-of-type{grid-column:2;grid-row:3;justify-self:end}.player-panel .skip-area{margin-top:28px}.home-header{flex-direction:column;align-items:stretch}.user-chip{flex-wrap:wrap;min-width:0}.user-chip>.stack{flex:1;min-width:120px}.user-chip>.stack span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-name{font-size:1.2rem}.login{padding-inline:16px}.login-content{width:100%}.login-brand-name{font-size:clamp(2.8rem,14vw,3.5rem)}.login-auth-card{width:min(100%,320px);padding:18px}.summary-backdrop{align-items:end;padding:10px}.summary-dialog{max-height:calc(100vh - 20px);padding:18px 16px;border-radius:18px}.summary-metrics,.contribution-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.equalizer-active .equalizer-bar,.live-dot{animation:none}.equalizer-bar{height:60%;opacity:.7}.btn,.room-card{transition:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.scroll-area{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.scroll-area::-webkit-scrollbar{width:8px}.scroll-area::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}.scroll-area::-webkit-scrollbar-track{background:transparent}.search-thumb{width:52px;height:32px;object-fit:cover;border-radius:6px;background:var(--panel-2);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.search-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;line-height:1.25}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}