@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=DM+Mono:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";:root{--bg-0: #F2F2F7;--bg-1: #FFFFFF;--bg-2: #F7F7FA;--bg-3: #E8E8ED;--bg-4: #C7C7CC;--bg-5: #8E8E93;--amber: #2B62D4;--amber-bright: #4A80F0;--amber-dim: #1A4BAD;--amber-glow: rgba(43, 98, 212, .1);--amber-glow2: rgba(43, 98, 212, .22);--cream: #1C1C1E;--cream-dim: #3A3A3C;--cream-faint: #8E8E93;--red-deep: #FF3B30;--text-primary: #1C1C1E;--text-secondary: #636366;--text-faint: #AEAEB2;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-card: 0 2px 20px rgba(0,0,0,.07), 0 1px 3px rgba(0,0,0,.04);--shadow-album: 0 8px 28px rgba(0,0,0,.18);--shadow-ambient: 0 4px 16px rgba(0,0,0,.08);--shadow-amber: 0 0 20px rgba(43,98,212,.2);--ske-raised: 0 1px 0 rgba(255,255,255,.85) inset, 0 2px 5px rgba(0,0,0,.13), 0 1px 2px rgba(0,0,0,.08);--ske-pressed: 0 1px 3px rgba(0,0,0,.22) inset, 0 1px 0 rgba(255,255,255,.55);--ske-groove: 0 2px 4px rgba(0,0,0,.14) inset, 0 1px 0 rgba(255,255,255,.9)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-0);color:var(--text-primary);font-family:DM Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;pointer-events:none;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:300px 300px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .12s ease;white-space:nowrap}.btn-amber{background:linear-gradient(to bottom,#4a80f0,#2350c8);color:#fff;font-weight:700;border:1px solid rgba(0,0,80,.28);box-shadow:0 1px #ffffff47 inset,0 3px 8px #2b62d461,0 1px 3px #00000026;text-shadow:0 1px 2px rgba(0,0,0,.22)}.btn-amber:hover{background:linear-gradient(to bottom,#5a90ff,#2b5ed8);box-shadow:0 1px #ffffff47 inset,0 5px 16px #2b62d473,0 2px 4px #00000026;transform:translateY(-1px)}.btn-amber:active{background:linear-gradient(to bottom,#1e48b8,#3a6ae0);box-shadow:var(--ske-pressed);transform:translateY(0)}.btn-ghost{background:linear-gradient(to bottom,#fff,#e8e8ed);color:var(--text-secondary);border:1px solid rgba(0,0,0,.18);box-shadow:var(--ske-raised)}.btn-ghost:hover{background:linear-gradient(to bottom,#fff,#dddde4);color:var(--amber);border-color:#2b62d44d}.btn-ghost:active{background:linear-gradient(to bottom,#dddde4,#ebebf0);box-shadow:var(--ske-pressed)}.btn-danger{background:linear-gradient(to bottom,#fff,#f0e8e8);color:#d4302a;border:1px solid rgba(180,40,30,.22);font-size:.82rem;padding:8px 16px;border-radius:var(--radius-full);font-weight:500;box-shadow:var(--ske-raised)}.btn-danger:hover{background:linear-gradient(to bottom,#fff0f0,#ffe0e0);border-color:#b4281e66}.btn-danger:active{box-shadow:var(--ske-pressed)}.landing{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(43,98,212,.05) 0%,transparent 70%),var(--bg-0)}.landing-inner{position:relative;z-index:1;display:flex;align-items:center;gap:72px;max-width:860px;width:100%;padding:40px}.deco-vinyl-wrap{flex-shrink:0;position:relative}.deco-vinyl{width:260px;height:260px;border-radius:50%;background:repeating-radial-gradient(circle at center,#0c0905,#0c0905 2.5px,#161008 2.5px,#161008 5px,#0c0905 5px,#0c0905 8px);box-shadow:0 0 80px #00000040,0 0 40px #2b62d40f,inset 0 0 30px #00000080,0 0 0 1px #00000014;position:relative;animation:slow-spin 18s linear infinite}@keyframes slow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.deco-vinyl-label{position:absolute;top:28%;right:28%;bottom:28%;left:28%;border-radius:50%;background:radial-gradient(circle at 38% 35%,#2b62d473,#080a1a 65%);box-shadow:inset 0 0 20px #0009}.deco-vinyl-hole{position:absolute;top:47%;right:47%;bottom:47%;left:47%;border-radius:50%;background:var(--bg-0);box-shadow:0 0 6px #0000004d}.deco-vinyl:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse at 32% 28%,rgba(255,255,255,.04) 0%,transparent 55%);pointer-events:none}.landing-content{flex:1;min-width:0}.landing-eyebrow{font-family:DM Mono,monospace;font-size:.72rem;letter-spacing:.2em;color:var(--amber);text-transform:uppercase;margin-bottom:14px;opacity:.9}.landing-title{font-family:DM Sans,sans-serif;font-size:3.8rem;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.02em;margin-bottom:18px}.landing-tagline{font-family:DM Sans,sans-serif;font-size:1rem;color:var(--text-secondary);line-height:1.85;margin-bottom:38px}.landing-tagline em{color:var(--amber-dim);font-style:italic}.user-connected-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:24px}.user-connected-wrap .user-pill{margin-bottom:0}.reconnect-link{background:none;border:none;padding:0;font-size:.75rem;color:var(--text-faint);cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:color .15s;font-family:inherit}.reconnect-link:hover{color:var(--text-secondary)}.user-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:linear-gradient(to bottom,#fff,#f0f0f5);border:1px solid rgba(0,0,0,.14);border-radius:var(--radius-full);margin-bottom:24px;box-shadow:var(--ske-raised)}.user-pill img{width:24px;height:24px;border-radius:50%;object-fit:cover}.user-pill span{font-size:.82rem;color:var(--text-secondary)}.user-pill strong{color:var(--text-primary)}.landing-actions{display:flex;flex-direction:column;gap:10px;max-width:340px}.divider-text{display:flex;align-items:center;gap:10px;color:var(--text-faint);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin:4px 0}.divider-text:before,.divider-text:after{content:"";flex:1;height:1px;background:var(--bg-4)}.join-row{display:flex;gap:8px}.code-input{flex:1;padding:12px 14px;background:linear-gradient(to bottom,#ebebf0,#f5f5fa);border:1px solid rgba(0,0,0,.16);border-radius:var(--radius-md);color:var(--text-primary);font-family:DM Mono,monospace;font-size:1rem;letter-spacing:.18em;text-transform:uppercase;transition:border-color .18s,box-shadow .18s;outline:none;box-shadow:var(--ske-groove)}.code-input:focus{border-color:var(--amber);box-shadow:var(--ske-groove),0 0 0 3px var(--amber-glow)}.code-input::placeholder{color:var(--text-faint);letter-spacing:.12em}.landing-footer-note{font-size:.72rem;color:var(--text-faint);margin-top:6px}.error-text{font-size:.82rem;color:var(--red-deep)}.room{height:100vh;display:flex;flex-direction:column;background:var(--bg-0);overflow:hidden}.room-header{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;background:linear-gradient(to bottom,#fff,#f5f5fa);box-shadow:0 1px #ffffffe6 inset,0 1px 4px #0000000f}.room-logo{font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:.01em;display:flex;align-items:center;gap:8px}.room-logo-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px #2b62d480}.room-code-badge{display:flex;align-items:center;gap:8px}.room-code-label{font-size:.72rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em}.room-code-value{font-family:DM Mono,monospace;font-size:.88rem;color:var(--amber);letter-spacing:.18em;background:linear-gradient(to bottom,#f0f4ff,#e4ecff);padding:5px 12px;border-radius:var(--radius-full);border:1px solid rgba(43,98,212,.22);cursor:pointer;transition:all .18s;box-shadow:var(--ske-raised)}.room-code-value:hover{background:linear-gradient(to bottom,#e8efff,#d6e3ff);box-shadow:0 1px #ffffffe6 inset,0 3px 8px #2b62d42e,0 1px 3px #00000014}.room-code-value:active{box-shadow:var(--ske-pressed);background:linear-gradient(to bottom,#dce6ff,#e8efff)}.room-code-copied{font-size:.7rem;color:var(--amber);opacity:0;transition:opacity .3s}.room-code-copied.show{opacity:1}.room-body,.player-section{display:none}.vinyl-wrap{position:relative}.vinyl{width:220px;height:220px;border-radius:50%;position:relative;background:repeating-radial-gradient(circle at center,#0b0806,#0b0806 2px,#151009 2px,#151009 4px,#0b0806 4px,#0b0806 7px);box-shadow:inset 0 0 30px #000000b3,0 0 0 1px #00000014}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl.playing{animation:vinyl-spin 3.4s linear infinite}.vinyl-label{position:absolute;top:27%;right:27%;bottom:27%;left:27%;border-radius:50%;background-size:cover;background-position:center;background-color:#0a1028;box-shadow:inset 0 0 20px #0000008c;overflow:hidden}.vinyl-label-default{background:radial-gradient(circle at 38% 34%,#2b62d473,#080a1a 68%)}.vinyl-spindle{position:absolute;top:46.5%;right:46.5%;bottom:46.5%;left:46.5%;border-radius:50%;background:var(--bg-0);z-index:2}.track-info,.track-name,.track-meta,.no-track{display:none}.progress-wrap{width:100%;display:flex;flex-direction:column;gap:6px}.progress-bar-track{width:100%;height:4px;background:linear-gradient(to bottom,#d0d0d8,#e0e0e8);border-radius:var(--radius-full);position:relative;cursor:pointer;box-shadow:0 1px 2px #00000024 inset,0 1px #fffc}.progress-bar-track:hover .progress-bar-fill{height:4px;margin-top:-.5px}.progress-bar-fill{height:4px;background:linear-gradient(to bottom,var(--amber-bright) 0%,var(--amber-dim) 100%);border-radius:var(--radius-full);transition:width .1s linear,height .15s;position:relative;box-shadow:0 0 6px #2b62d466}.progress-bar-fill:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:radial-gradient(circle at 35% 35%,#6699ff,var(--amber));border-radius:50%;opacity:0;transition:opacity .15s;box-shadow:0 1px 4px #2b62d480,0 0 0 2px #fffc}.progress-bar-track:hover .progress-bar-fill:after{opacity:1}.progress-times{display:flex;justify-content:space-between}.progress-time{font-family:DM Mono,monospace;font-size:.68rem;color:var(--text-faint)}.player-controls{display:flex;align-items:center;gap:4px}.player-controls-pill{display:inline-flex;align-items:center;background:linear-gradient(to bottom,#e2e2e8,#d0d0d8);border-radius:var(--radius-full);padding:3px;gap:2px;border:1px solid rgba(0,0,0,.16);box-shadow:0 1px #ffffffb3 inset,0 2px 8px #00000024,0 1px 2px #0000001a}.pill-ctrl-btn{background:linear-gradient(to bottom,#fdfdfd,#e8e8ed);border:1px solid rgba(0,0,0,.11);color:var(--text-primary);display:flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:var(--radius-full);transition:all .1s;cursor:pointer;box-shadow:0 1px #fffffff2 inset,0 1px 2px #00000014}.pill-ctrl-btn:hover:not(:disabled){background:linear-gradient(to bottom,#fff,#e2e2e8);color:var(--amber)}.pill-ctrl-btn:active:not(:disabled){background:linear-gradient(to bottom,#dddde4,#ebebf0);box-shadow:var(--ske-pressed);transform:translateY(.5px)}.pill-ctrl-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.ctrl-btn{background:linear-gradient(to bottom,#fff,#e8e8ed);border:1px solid rgba(0,0,0,.13);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .12s;padding:8px;border-radius:var(--radius-full);box-shadow:var(--ske-raised)}.ctrl-btn:hover:not(:disabled){color:var(--amber);background:linear-gradient(to bottom,#fff,#dddde4);border-color:#2b62d433}.ctrl-btn:active:not(:disabled){background:linear-gradient(to bottom,#dddde4,#ebebf0);box-shadow:var(--ske-pressed)}.ctrl-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.video-grid-section,.video-grid{display:none}.booth-tile{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-3);border:1px solid var(--bg-4);transition:border-color .2s,box-shadow .2s;flex-shrink:0}.booth-tile.is-speaking{border-color:var(--amber);box-shadow:0 0 12px #2b62d42e}.booth-tile.is-me{border-color:var(--amber)}.booth-video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}.booth-video.remote{transform:none}.booth-avatar-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--bg-3)}.booth-avatar-img{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid var(--bg-4)}.booth-avatar-initials{width:52px;height:52px;border-radius:50%;background:var(--bg-1);border:2px solid var(--bg-4);display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:1.2rem;color:var(--amber-dim)}.booth-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px 8px 6px;background:linear-gradient(transparent,#00000080);display:flex;align-items:flex-end;justify-content:space-between}.booth-name{font-size:.72rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px}.booth-host-crown{font-size:.65rem;opacity:.7}.booth-muted-icon{font-size:.65rem;color:#ff3b30;opacity:.9}.reaction-section{flex-shrink:0;padding:10px 0 12px;display:flex;justify-content:center}.reaction-bar{display:flex;gap:3px;background:linear-gradient(to bottom,#e8e8ed,#d8d8df);border-radius:var(--radius-full);padding:5px 7px;border:1px solid rgba(0,0,0,.12);box-shadow:0 1px #ffffffbf inset,0 2px 6px #0000001a,0 1px 2px #00000012}.reaction-btn{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(to bottom,#fff,#ebebf0);border:1px solid rgba(0,0,0,.1);font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 1px #ffffffe6 inset,0 1px 2px #00000014}.reaction-btn:hover{transform:scale(1.3) translateY(-3px);background:linear-gradient(to bottom,#fff,#e2e2e8);box-shadow:0 1px #ffffffe6 inset,0 3px 8px #00000024}.reaction-btn:active{transform:scale(.95);background:linear-gradient(to bottom,#dddde4,#ebebf0);box-shadow:var(--ske-pressed)}.floating-reactions{position:fixed;bottom:100px;left:0;right:0;pointer-events:none;z-index:100}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}70%{opacity:1}to{transform:translateY(-180px) scale(.6);opacity:0}}.floating-reaction{position:absolute;bottom:0;animation:float-up 2.4s ease-out forwards;display:flex;flex-direction:column;align-items:center;gap:4px}.floating-reaction .emoji{font-size:1.8rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.floating-reaction .from-name{font-size:.62rem;color:var(--text-secondary);background:var(--bg-1);padding:2px 6px;border-radius:var(--radius-full);white-space:nowrap;box-shadow:0 1px 4px #0000001a}.room-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-0)}.room-loading-spinner{width:40px;height:40px;border-radius:50%;border:2px solid var(--bg-4);border-top-color:var(--text-primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.room-loading p{font-family:DM Sans,sans-serif;color:var(--text-secondary);font-style:italic}.host-notice{font-size:.72rem;color:var(--text-faint);font-family:DM Mono,monospace;letter-spacing:.05em;white-space:nowrap}.spotify-connect-card{background:var(--bg-1);border:1px solid var(--bg-4);border-radius:var(--radius-lg);padding:24px 28px;text-align:center;max-width:320px;margin:0 auto;box-shadow:var(--shadow-card)}.spotify-connect-card h3{font-family:DM Sans,sans-serif;color:var(--text-primary);font-size:1.05rem;margin-bottom:8px}.spotify-connect-card p{font-size:.82rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.auth-loading{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-0);flex-direction:column;gap:14px}.auth-loading p{font-family:DM Sans,sans-serif;color:var(--text-secondary);font-size:1rem;font-style:italic}.search-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.search-panel{position:fixed;top:0;right:0;bottom:0;width:340px;z-index:201;background:var(--bg-1);border-left:1px solid var(--bg-4);display:flex;flex-direction:column;box-shadow:-8px 0 40px #0000001f}.search-panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid var(--bg-3);flex-shrink:0}.search-panel-title{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.search-panel-title:before{content:"♪";color:var(--amber);font-size:.9rem}.search-close-btn{background:linear-gradient(to bottom,#fff,#e8e8ed);border:1px solid rgba(0,0,0,.13);color:var(--text-secondary);font-size:.85rem;padding:6px 10px;border-radius:var(--radius-full);transition:all .12s;box-shadow:var(--ske-raised)}.search-close-btn:hover{background:linear-gradient(to bottom,#fff,#dddde4);color:var(--text-primary)}.search-close-btn:active{background:linear-gradient(to bottom,#dddde4,#ebebf0);box-shadow:var(--ske-pressed)}.search-input-wrap{position:relative;padding:12px 14px;border-bottom:1px solid var(--bg-3);flex-shrink:0;display:flex;align-items:center;gap:10px;background:var(--bg-2)}.search-icon{color:var(--text-faint);flex-shrink:0}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:DM Sans,sans-serif;font-size:.88rem}.search-input::placeholder{color:var(--text-faint)}.search-clear-btn{background:var(--bg-3);border:none;color:var(--text-secondary);font-size:.75rem;width:20px;height:20px;border-radius:50%;cursor:pointer;transition:all .15s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.search-clear-btn:hover{background:var(--bg-4)}.search-results{flex:1;overflow-y:auto;padding:8px 0 24px}.search-loading{display:flex;justify-content:center;padding:24px}.search-section-label{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);padding:10px 16px 6px}.search-back-btn{background:linear-gradient(to bottom,#fff,#e8e8ed);border:1px solid rgba(0,0,0,.13);color:var(--text-secondary);font-size:.8rem;padding:6px 12px;margin:8px 16px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .12s;box-shadow:var(--ske-raised)}.search-back-btn:hover{background:linear-gradient(to bottom,#fff,#dddde4);color:var(--text-primary)}.search-back-btn:active{background:linear-gradient(to bottom,#dddde4,#ebebf0);box-shadow:var(--ske-pressed)}.album-header{display:flex;gap:12px;padding:12px 16px 16px;border-bottom:1px solid var(--bg-3);margin-bottom:4px}.album-header-art{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.album-header-name{font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:2px;line-height:1.3}.album-header-artist{font-size:.75rem;color:var(--text-secondary);margin-bottom:10px}.play-album-btn{background:var(--text-primary);border:none;color:var(--bg-1);font-size:.72rem;font-weight:600;padding:6px 14px;border-radius:var(--radius-full);cursor:pointer;transition:opacity .15s}.play-album-btn:hover{opacity:.8}.track-row{width:100%;background:none;border:none;display:flex;align-items:center;gap:10px;padding:8px 16px;text-align:left;cursor:pointer;transition:background .12s;border-radius:0}.track-row:hover{background:var(--bg-2)}.track-row-playing{background:var(--amber-glow)}.track-row-playing:hover{background:var(--amber-glow2)}.track-row-art{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.track-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.track-row-name{font-size:.83rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.track-row-playing .track-row-name{color:var(--amber)}.track-row-artist{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row-duration{font-family:DM Mono,monospace;font-size:.68rem;color:var(--text-faint);flex-shrink:0}.track-row-playing-dot{width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px #2b62d480;flex-shrink:0}.album-row{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .12s}.album-row:hover{background:var(--bg-2)}.album-row:hover .album-row-play{opacity:1}.album-row-play{background:var(--text-primary);border:none;color:var(--bg-1);width:28px;height:28px;border-radius:50%;font-size:.6rem;cursor:pointer;opacity:0;transition:opacity .15s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.recent-albums-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px 14px}.recent-album-tile{position:relative;background:var(--bg-2);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:background .15s}.recent-album-tile:hover{background:var(--bg-3)}.recent-album-tile:hover .recent-album-play{opacity:1}.recent-album-art{width:100%;aspect-ratio:1;object-fit:cover;display:block}.recent-album-name{font-size:.72rem;color:var(--text-primary);padding:6px 8px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.recent-album-artist{font-size:.65rem;color:var(--text-secondary);padding:0 8px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-album-play{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#ffffffe6;border:none;color:var(--text-primary);font-size:.65rem;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;cursor:pointer;box-shadow:0 2px 8px #00000026}.recent-album-play:hover{background:#fff}.search-trigger-btn{background:linear-gradient(to bottom,#fff,#e8e8ed);border:1px solid rgba(0,0,0,.15);color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-full);font-size:.78rem;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .12s;white-space:nowrap;box-shadow:var(--ske-raised)}.search-trigger-btn:hover{background:linear-gradient(to bottom,#fff,#dddde4);color:var(--amber);border-color:#2b62d433}.search-trigger-btn:active{background:linear-gradient(to bottom,#dddde4,#ebebf0);box-shadow:var(--ske-pressed)}.shelf-section,.shelf-empty{display:none}.room-panels{flex:1;display:flex;flex-direction:column;gap:12px;padding:12px 16px;overflow-y:auto;overflow-x:hidden;min-height:0}.panel{background:linear-gradient(to bottom,#fff,#f7f7fb);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;border:1px solid rgba(0,0,0,.09);box-shadow:0 1px #fffffff2 inset,0 2px 12px #00000012,0 1px 3px #0000000a}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid rgba(0,0,0,.07);background:linear-gradient(to bottom,#f9f9fd,#f2f2f7);flex-shrink:0}.panel-title{font-family:DM Mono,monospace;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.panel-action-btn{background:linear-gradient(to bottom,#fff,#e8e8ed);border:1px solid rgba(0,0,0,.15);color:var(--text-secondary);font-size:.72rem;display:flex;align-items:center;gap:5px;cursor:pointer;padding:6px 12px;border-radius:var(--radius-full);transition:all .12s;font-family:DM Sans,sans-serif;font-weight:500;box-shadow:var(--ske-raised)}.panel-action-btn:hover{background:linear-gradient(to bottom,#fff,#dddde4);color:var(--text-primary)}.panel-action-btn:active{background:linear-gradient(to bottom,#dddde4,#ebebf0);box-shadow:var(--ske-pressed)}.panel-member-count{font-family:DM Mono,monospace;font-size:.62rem;color:var(--text-faint);letter-spacing:.08em}.panel-albums{overflow:hidden}.album-stack-root{display:flex;flex-direction:column;overflow:hidden}.album-stack-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;flex-shrink:0}.album-stack-title{font-family:DM Sans,sans-serif;font-size:2rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.album-cf-viewport{position:relative;height:210px;flex-shrink:0;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 7%,black 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 7%,black 93%,transparent 100%)}.album-cf-viewport:active{cursor:grabbing}.album-cf-track{display:flex;align-items:flex-end;padding-bottom:50px;height:100%;will-change:transform}.album-cf-item{position:relative;flex-shrink:0;margin-right:-26px}.album-cf-item.fan-clickable{cursor:pointer}.album-cf-item.fan-clickable:hover{transform:translateY(-9px) scale(1.06);z-index:500!important;transition:transform .18s ease}.album-fan-art{width:130px;height:130px;border-radius:22px;object-fit:cover;display:block;box-shadow:var(--shadow-album);pointer-events:none}.album-fan-reflection{position:absolute;top:130px;left:0;width:100%;height:46px;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,rgba(255,255,255,.38) 0%,transparent 100%);mask-image:linear-gradient(to bottom,rgba(255,255,255,.38) 0%,transparent 100%)}.album-fan-reflection img{transform:scaleY(-1);transform-origin:top center}.album-fan-playing-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:25px;border:2.5px solid var(--amber);box-shadow:0 0 12px #2b62d459;pointer-events:none}.album-stack-empty{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:.3;flex-shrink:0}.album-stack-empty span{font-size:2.5rem}.album-stack-empty p{font-size:.85rem;color:var(--text-faint);text-align:center;max-width:200px}.panel-player{overflow:hidden}.now-playing-content{display:flex;flex-direction:row;align-items:center;gap:28px;padding:20px 28px;overflow:hidden;min-height:0}.now-playing-left{flex-shrink:0}.now-playing-art-wrap{position:relative;width:240px;height:162px}.now-playing-vinyl{position:absolute;right:0;top:4px;width:154px;height:154px;border-radius:50%;background:repeating-radial-gradient(circle at center,#111,#111 2px,#222 2px,#222 4px,#111 4px,#111 7px);box-shadow:inset 0 0 30px #00000080,0 0 0 1px #00000026,6px 6px 28px #00000038;z-index:1}@keyframes now-playing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.now-playing-vinyl.spinning{animation:now-playing-spin 3.4s linear infinite}.now-playing-vinyl-label{position:absolute;top:27%;right:27%;bottom:27%;left:27%;border-radius:50%;background-size:cover;background-position:center;background-color:#0a1028;box-shadow:inset 0 0 12px #0006}.now-playing-vinyl-hole{position:absolute;top:46.5%;right:46.5%;bottom:46.5%;left:46.5%;border-radius:50%;background:#fff;z-index:2;box-shadow:0 0 0 1px #0000001a}.now-playing-vinyl-sheen{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse at 30% 26%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.now-playing-art{position:absolute;left:0;top:0;width:155px;height:155px;border-radius:var(--radius-md);object-fit:cover;z-index:2;box-shadow:var(--shadow-album);display:block}.now-playing-art-placeholder{background:var(--bg-3);display:flex;align-items:center;justify-content:center;font-size:2.5rem;opacity:.3;border-radius:var(--radius-md)}.now-playing-right{flex:1;display:flex;flex-direction:column;gap:14px;min-width:0}.now-playing-info{min-width:0}.now-playing-artist{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;font-weight:400}.now-playing-track{font-family:DM Sans,sans-serif;font-size:1.6rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;letter-spacing:-.02em}.now-playing-time-chip{display:inline-flex;align-items:center;background:linear-gradient(to bottom,#e0e0e8,#ebebf0);border-radius:var(--radius-full);padding:4px 11px;font-family:DM Mono,monospace;font-size:.72rem;color:var(--text-secondary);margin-top:8px;border:1px solid rgba(0,0,0,.1);box-shadow:var(--ske-groove)}.now-playing-idle{min-width:0}.now-playing-idle p{font-family:DM Sans,sans-serif;color:var(--text-faint);font-size:.9rem;font-style:italic;line-height:1.5}.now-playing-right .progress-wrap{width:100%}.now-playing-right .player-controls{display:flex;align-items:center;gap:4px}.spotify-connecting{display:flex;flex-direction:row;align-items:center;gap:14px;opacity:.6;padding:24px 28px}.spotify-connecting p{font-family:DM Sans,sans-serif;font-style:italic;color:var(--text-secondary);font-size:.9rem;margin-bottom:4px}.panel-booth{display:flex;flex-direction:column;overflow:hidden}.booth-grid-wrap{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;justify-content:center;padding:16px 16px 12px}.booth-reactions{flex-shrink:0;border-top:1px solid var(--bg-3)}.booth-reactions .reaction-section{padding:8px 0 10px}