:root{--surface-0: #1B1C1C;--surface-1: #1F2020;--surface-2: #292A2A;--surface-3: #343535;--border-default: rgba(255, 255, 255, .06);--border-active: rgba(255, 255, 255, .12);--text-primary: #E8E8F0;--text-secondary: #99948D;--text-muted: #6B6B6B;--color-active: #F45836;--color-active-hover: #F6714F;--color-active-muted: rgba(244, 88, 54, .06);--color-active-soft: rgba(244, 88, 54, .08);--color-control: #F5901A;--color-control-hover: #F7A34A;--color-control-subtle: rgba(245, 144, 26, .04);--color-control-muted: rgba(245, 144, 26, .08);--color-control-soft: rgba(245, 144, 26, .1);--color-control-glow: rgba(245, 144, 26, .3);--color-ready: #459193;--color-ready-muted: rgba(69, 145, 147, .1);--color-ready-soft: rgba(69, 145, 147, .12);--color-warm: #8F4955;--color-alert: #B83426;--color-alert-muted: rgba(184, 52, 38, .08);--color-alert-soft: rgba(184, 52, 38, .25);--color-ambient: #486F52;--copper: #784C2E;--shadow-subtle: 0 1px 2px rgba(0, 0, 0, .3);--shadow-elevated: 0 2px 6px rgba(0, 0, 0, .4);--shadow-floating: 0 4px 12px rgba(0, 0, 0, .5);--overlay-light: rgba(255, 255, 255, .06);--overlay-dark: rgba(0, 0, 0, .6);--overlay-heavy: rgba(0, 0, 0, .7);--text-display: 3rem;--text-title: 2rem;--text-heading: 1.25rem;--text-body: .875rem;--text-chat: .85rem;--text-small: .75rem;--text-caption: .7rem;--text-micro: .6rem;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--tracking-tight: -.02em;--tracking-wide: .05em;--tracking-wider: .08em;--tracking-mono: .1em;--font-family-ui: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem;--space-4xl: 3rem;--room-primary: var(--color-control);--room-secondary: var(--color-ready);--room-accent: var(--color-warm);--room-bg: var(--surface-0);--room-surface: var(--surface-1)}.themed-room{background-color:var(--room-bg)}.themed-room .top-bar{border-bottom:2px solid var(--room-primary)}.themed-room .room-grid-left,.themed-room .room-grid-right,.themed-room .now-playing-bar{background:var(--room-surface)}.themed-room .btn-accent{background-color:var(--room-primary)}.themed-room .btn-accent:hover{background-color:var(--room-accent)}.themed-room .dj-booth-current{border-color:var(--room-primary)}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--surface-2) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--surface-2);border:1px solid var(--surface-1)}*::-webkit-scrollbar-thumb:hover{background:var(--color-control)}*::-webkit-scrollbar-corner{background:transparent}body{font-family:var(--font-family-ui);background-color:var(--surface-0);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:1px solid var(--border-active);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@keyframes dj-pulse{0%,to{border-left-color:var(--color-control);background:var(--color-control-muted)}50%{border-left-color:#fa5b1c33;background:#fa5b1c05}}@keyframes slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes vote-pop{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes card-entrance{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.gate-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl)}.gate-content{text-align:center;max-width:360px;width:100%}.gate-input{width:100%;background:var(--surface-1);border:1px solid var(--border-default);border-radius:0;color:var(--text-primary);padding:var(--space-md) var(--space-lg);font-size:1rem;font-family:var(--font-family-ui);margin-bottom:var(--space-lg);text-align:center}.gate-input:focus{outline:none;border-color:var(--border-active)}.gate-input::placeholder{color:var(--text-muted)}.gate-error{color:var(--color-alert);font-size:var(--text-chat);margin-bottom:var(--space-lg)}.gate-btn{width:100%;padding:var(--space-md);font-size:1rem}.login,.home,.auth-callback{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl)}.update-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-family-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-wide);padding:var(--space-xs) var(--space-lg);cursor:pointer;z-index:2000;animation:fade-in .3s ease-out;white-space:nowrap}.update-toast:hover{background:var(--surface-3);color:var(--text-primary)}.loading-screen,.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl)}.error-boundary-content{text-align:center;max-width:400px}.error-boundary-title{font-size:var(--text-heading);font-weight:var(--weight-normal);text-transform:lowercase;margin-bottom:var(--space-md)}.error-boundary-message{font-size:var(--text-chat);font-family:var(--font-family-mono);color:var(--text-muted);margin-bottom:var(--space-lg);word-break:break-word}.error-boundary-btn{background:none;border:1px solid var(--border-default);color:var(--text-primary);padding:var(--space-sm) var(--space-lg);font-family:var(--font-family-ui);font-size:var(--text-chat);cursor:pointer;text-transform:lowercase;transition:border-color .1s}.error-boundary-btn:hover{border-color:var(--text-secondary)}.login-content,.auth-callback-content{text-align:center;width:100%}.login-content,.auth-callback-content{max-width:480px}.dj-name-picker{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-2xl)}.dj-name-picker-form{width:100%;max-width:400px;text-align:center}.dj-name-picker-title{font-size:var(--text-title);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-sm);text-transform:lowercase}.dj-name-picker-subtitle{color:var(--text-secondary);font-size:var(--text-body);font-weight:var(--weight-light);margin-bottom:var(--space-2xl)}.dj-name-picker-input{width:100%;padding:.875rem 1rem;background:var(--surface-1);border:1px solid var(--border-default);border-radius:0;color:var(--text-primary);font-family:var(--font-family-mono);font-size:var(--text-heading);text-align:center;outline:none;transition:border-color .1s}.dj-name-picker-input:focus{border-color:var(--color-control)}.dj-name-picker-input::placeholder{color:var(--text-muted);font-family:var(--font-family-mono)}.dj-name-picker-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xs);min-height:1.5rem}.dj-name-picker-count{color:var(--text-muted);font-family:var(--font-family-mono);font-size:var(--text-caption)}.dj-name-picker-hint{color:var(--color-warm);font-size:var(--text-caption);font-family:var(--font-family-mono)}.dj-name-picker-error{color:var(--color-alert);font-size:var(--text-small);margin-top:var(--space-sm)}.dj-name-picker-submit{width:100%;margin-top:var(--space-xl);padding:var(--space-md) var(--space-2xl);background:var(--color-control);color:var(--surface-0);border:none;border-radius:0;font-family:var(--font-family-ui);font-size:1rem;font-weight:var(--weight-medium);cursor:pointer;text-transform:lowercase;transition:opacity .1s}.dj-name-picker-submit:hover:not(:disabled){opacity:.9}.dj-name-picker-submit:disabled{opacity:.4;cursor:not-allowed}h1{font-size:var(--text-display);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-sm)}.tagline{color:var(--text-secondary);font-size:var(--text-heading);font-weight:var(--weight-light);font-style:italic;margin-bottom:var(--space-sm);line-height:1.6}.tagline-attr{color:var(--text-muted);font-size:var(--text-body);font-family:var(--font-family-mono);margin-bottom:var(--space-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md) var(--space-2xl);border-radius:0;font-size:1rem;font-weight:var(--weight-medium);font-family:var(--font-family-ui);text-decoration:none;cursor:pointer;border:none;transition:background .1s ease-out}.btn-spotify{background-color:var(--color-control);color:#fff;font-size:var(--text-heading);font-weight:var(--weight-medium);padding:var(--space-lg) var(--space-2xl);width:100%}.btn-spotify:hover{background-color:var(--color-control-hover)}.btn-secondary{background-color:transparent;color:var(--text-secondary);font-size:var(--text-body);padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-default)}.btn-secondary:hover{background-color:var(--surface-2);color:var(--text-primary)}.login h1{font-size:3.5rem;letter-spacing:.15em;text-transform:lowercase;margin-bottom:var(--space-xl)}.login-divider{width:2rem;height:1px;background:var(--color-control);margin:0 auto var(--space-lg);opacity:.6}.login-note{color:var(--text-muted);font-size:var(--text-caption);font-family:var(--font-family-mono);margin-top:var(--space-md)}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-name{font-weight:var(--weight-normal);font-size:var(--text-body)}.spinner{width:32px;height:32px;border:2px solid var(--border-default);border-top-color:var(--text-secondary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-lg)}.app-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:radial-gradient(ellipse at bottom,rgba(var(--album-color-primary, 245, 144, 26),.06) 0%,transparent 50%),var(--surface-0);transition:background 2s ease}.top-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--space-md) var(--space-xl);background:var(--surface-1);border-bottom:1px solid var(--border-default);flex-shrink:0;position:relative}.top-bar-title{justify-self:center;text-align:center;font-size:var(--text-heading);font-weight:var(--weight-light);letter-spacing:var(--tracking-tight);margin:0;white-space:nowrap;z-index:2}.health-dot-wrapper{display:inline-flex;align-items:center;position:relative;margin-left:var(--space-xs);pointer-events:auto;cursor:pointer}.health-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.health-dot-green{background:#4ade80;box-shadow:0 0 4px #4ade8066}.health-dot-yellow{background:#facc15;box-shadow:0 0 4px #facc1566;animation:health-pulse 1.5s ease-in-out infinite}.health-dot-red{background:#f87171;box-shadow:0 0 4px #f8717166}@keyframes health-pulse{0%,to{opacity:1}50%{opacity:.4}}.health-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-micro);font-family:var(--font-family-mono);padding:3px 8px;white-space:nowrap;pointer-events:none;z-index:100}.top-bar-user{display:flex;align-items:center;gap:var(--space-sm);justify-self:end}.user-avatar-sm{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-name-sm{font-size:var(--text-chat);color:var(--text-secondary)}.btn-sm{padding:.35rem var(--space-md);font-size:var(--text-small)}.main-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.main-content-home{position:relative}.warp-field{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.warp-field-room{z-index:40}.main-content-home .home-rooms{position:relative;z-index:1}.player-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.player-error{background:var(--color-alert-muted);border:1px solid var(--color-alert-soft);border-radius:0;padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);color:var(--color-alert);font-size:var(--text-body)}.autoplay-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000d9;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.autoplay-prompt{text-align:center;color:var(--text-primary)}.autoplay-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.autoplay-prompt p{font-size:var(--text-body);margin:var(--space-xs) 0}.text-secondary{color:var(--text-secondary)}.text-hint{color:var(--text-muted);font-size:var(--text-small);font-family:var(--font-family-mono);margin-top:var(--space-sm)}.text-error{color:var(--color-alert)}.playlist-browser{max-width:720px;margin:0 auto}.playlist-browser-sticky-header{position:sticky;top:calc(-1 * var(--space-md));z-index:10;background:var(--surface-1);padding-top:var(--space-md);padding-bottom:var(--space-md);margin-left:calc(-1 * var(--space-lg));margin-right:calc(-1 * var(--space-lg));padding-left:var(--space-lg);padding-right:var(--space-lg);border-bottom:1px solid var(--border-default)}.playlist-browser-sticky-header .search-input-wrapper,.playlist-browser-sticky-header .back-btn{margin-bottom:0}.playlist-browser-sticky-header h3{margin-bottom:var(--space-sm)}.playlist-browser-sticky-header .playlist-filter-wrapper{margin-bottom:0}.playlist-browser h3{font-size:var(--text-heading);font-weight:var(--weight-normal);margin-bottom:var(--space-md);text-transform:lowercase}.browse-tabs{display:flex;gap:var(--space-xs);flex-shrink:0;border-bottom:1px solid var(--border-default);border-top:1px solid var(--border-default);background:var(--surface-1)}.browse-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:var(--text-chat);font-weight:var(--weight-normal);font-family:var(--font-family-ui);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:color .1s;text-transform:lowercase;margin-bottom:-1px}.browse-tab:hover{color:var(--text-primary)}.browse-tab-active{color:var(--text-primary);border-bottom-color:var(--color-ready)}.search-input-wrapper{position:relative;display:flex;align-items:center;margin-bottom:var(--space-lg)}.search-icon{position:absolute;left:var(--space-md);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.6rem 2.25rem;background:var(--surface-1);border:1px solid var(--border-default);border-radius:0;color:var(--text-primary);font-size:var(--text-body);font-family:var(--font-family-mono);outline:none;transition:border-color .1s}.search-input::placeholder{color:var(--text-muted);font-family:var(--font-family-mono)}.search-input:focus{border-color:var(--border-active)}.search-clear-btn{position:absolute;right:var(--space-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);display:flex;align-items:center;transition:color .1s}.search-clear-btn:hover{color:var(--text-primary)}.back-btn{display:inline-flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--text-secondary);font-size:var(--text-chat);font-family:var(--font-family-ui);cursor:pointer;padding:var(--space-sm) 0;margin-bottom:var(--space-lg);transition:color .1s}.back-btn:hover{color:var(--text-primary)}.back-btn-label{font-size:1rem;text-transform:lowercase}.playlist-list{display:flex;flex-direction:column;gap:1px}.playlist-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:0;cursor:pointer;text-align:left;color:var(--text-primary);width:100%;transition:background .1s}.playlist-item:hover{background:var(--surface-2)}.playlist-img{width:48px;height:48px;border-radius:0;object-fit:cover;flex-shrink:0}.playlist-info{min-width:0}.playlist-name{font-weight:var(--weight-normal);font-size:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-meta{color:var(--text-muted);font-size:var(--text-small);font-family:var(--font-family-mono);margin-top:.15rem}.dev-mode-notice{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-secondary);font-size:var(--text-body);line-height:1.6}.playlist-header{display:flex;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.playlist-header-img{width:80px;height:80px;border-radius:0;object-fit:cover}.playlist-header h3{margin-bottom:var(--space-xs)}.batch-add-btn{margin-left:auto;background:none;border:1px solid var(--color-ready);color:var(--color-ready);font-size:var(--text-caption);font-family:var(--font-family-mono);padding:var(--space-xs) var(--space-md);cursor:pointer;white-space:nowrap;text-transform:lowercase;transition:background .1s,color .1s;flex-shrink:0}.batch-add-btn:hover{background:var(--color-ready-muted)}.playlist-header-actions{display:flex;gap:var(--space-sm);margin-left:auto;align-items:center}.link-playlist-btn{display:inline-flex;align-items:center;gap:var(--space-xs);background:none;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--text-caption);font-family:var(--font-family-mono);padding:var(--space-xs) var(--space-md);cursor:pointer;white-space:nowrap;text-transform:lowercase;transition:all .1s}.link-playlist-btn:hover{border-color:var(--color-control);color:var(--color-control)}.link-playlist-btn-active{border-color:var(--color-control);color:var(--color-control);background:var(--color-control-muted)}.playlist-linked-badge{display:inline-flex;align-items:center;margin-left:var(--space-xs);color:var(--color-control);vertical-align:middle}.search-results-grouped{display:flex;flex-direction:column;gap:var(--space-xl)}.search-section{display:flex;flex-direction:column}.search-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.search-section-header h4{font-size:var(--text-body);font-weight:var(--weight-normal);color:var(--text-secondary);text-transform:lowercase;margin:0}.search-section-subheading{font-size:var(--text-body);font-weight:var(--weight-normal);color:var(--text-secondary);text-transform:lowercase;margin:var(--space-lg) 0 var(--space-sm)}.search-see-all{background:none;border:none;color:var(--color-ready);font-size:var(--text-small);font-family:var(--font-family-mono);cursor:pointer;padding:0;text-transform:lowercase}.search-see-all:hover{text-decoration:underline}.search-section-list{display:flex;flex-direction:column;gap:1px}.search-result-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-sm);background:none;border:none;border-radius:0;cursor:pointer;text-align:left;color:var(--text-primary);width:100%;transition:background .1s}.search-result-item:hover{background:var(--surface-2)}.search-result-img{width:48px;height:48px;border-radius:0;object-fit:cover;flex-shrink:0}.search-result-img-placeholder{background:var(--surface-2)}.search-result-info{flex:1;min-width:0}.search-result-name{font-size:var(--text-body);font-weight:var(--weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-subtitle{color:var(--text-secondary);font-size:var(--text-small);margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-arrow{color:var(--text-muted);flex-shrink:0}.album-track-row{display:flex;align-items:center}.track-number{color:var(--text-muted);font-size:var(--text-small);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;width:24px;text-align:right;flex-shrink:0;margin-right:var(--space-xs)}.playlist-filter-wrapper{margin-bottom:var(--space-md)}.playlist-filter-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--surface-1);border:1px solid var(--border-default);border-radius:0;color:var(--text-primary);font-size:var(--text-small);font-family:var(--font-family-mono);outline:none;transition:border-color .1s}.playlist-filter-input::placeholder{color:var(--text-muted)}.playlist-filter-input:focus{border-color:var(--border-active)}.track-list{display:flex;flex-direction:column;gap:1px}.track-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:0;cursor:pointer;text-align:left;color:var(--text-primary);width:100%;transition:background .1s}.track-item:hover{background:var(--surface-2)}.track-art{width:36px;height:36px;border-radius:0;object-fit:cover;flex-shrink:0}.track-info{flex:1;min-width:0}.track-name{font-size:var(--text-body);font-weight:var(--weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist{color:var(--text-secondary);font-size:var(--text-small);margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-duration{color:var(--text-muted);font-size:var(--text-small);font-family:var(--font-family-mono);flex-shrink:0;font-variant-numeric:tabular-nums}.track-popularity{width:40px;height:3px;background:var(--border-default);flex-shrink:0;position:relative;border-radius:0}.track-popularity-fill{height:100%;border-radius:0;background:var(--color-ready);transition:width .3s ease}.album-type-pill{display:inline-block;font-size:.6rem;font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.04em;padding:1px 5px;margin-left:6px;margin-right:2px;border-radius:0;vertical-align:middle;line-height:1.4}.album-type-pill-album{color:var(--color-ready);background:var(--color-ready-muted)}.album-type-pill-single{color:var(--color-control);background:var(--color-control-subtle)}.album-type-pill-compilation{color:var(--color-warm);background:#8f49551f}.batch-add-btn-small{padding:3px 10px;font-size:.7rem}.drilldown-back-row{position:sticky;top:0;z-index:9;background:var(--surface-1);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-default)}.recent-searches{background:var(--surface-2);border:1px solid var(--border-default);border-top:none;margin-top:-1px}.recent-searches-header{padding:6px 10px 4px;font-size:.65rem;font-family:var(--font-family-mono);color:var(--text-muted);text-transform:lowercase;letter-spacing:.04em}.recent-search-item{display:flex;align-items:center}.recent-search-query{flex:1;display:flex;align-items:center;gap:8px;padding:6px 10px;background:none;border:none;color:var(--text-secondary);font-size:var(--text-small);font-family:var(--font-family-mono);text-align:left;cursor:pointer;transition:all .1s}.recent-search-query:hover{background:var(--surface-3);color:var(--text-primary)}.recent-search-icon{color:var(--text-muted);flex-shrink:0}.recent-search-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;margin-right:4px;transition:color .1s}.recent-search-remove:hover{color:var(--color-alert)}.now-playing{flex-shrink:0;background:var(--surface-1);border-top:1px solid var(--border-default);position:relative}.now-playing-progress{position:absolute;top:0;left:0;right:0;height:2px;background:var(--overlay-light)}.now-playing-progress-fill{height:100%;background:var(--color-active);transition:width .3s linear}.now-playing-visualizer{height:28px;overflow:hidden;border-bottom:1px solid var(--border-default)}.audio-visualizer-canvas{width:100%;height:28px;display:block;image-rendering:pixelated}.now-playing-content{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);gap:var(--space-lg)}.now-playing-track{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.now-playing-art{width:40px;height:40px;border-radius:0;object-fit:cover;flex-shrink:0}.now-playing-art-placeholder{background:radial-gradient(circle at 50% 50%,var(--color-active) 0 6%,transparent 6.5%),radial-gradient(circle at 50% 50%,transparent 0 18%,rgba(255,255,255,.06) 18.5% 19%,transparent 19.5% 30%,rgba(255,255,255,.04) 30.5% 31%,transparent 31.5% 42%,rgba(255,255,255,.06) 42.5% 43%,transparent 43.5%),radial-gradient(circle at 50% 50%,#1a1a1a 0,#1a1a1a)}.now-playing-art-spinning{border-radius:50%;animation:vinyl-spin 3s linear infinite}.now-playing-art-paused{border-radius:50%;animation:vinyl-spin 3s linear infinite;animation-play-state:paused}.now-playing-info{min-width:0}.track-change-enter{animation:track-slide-in .3s ease-out}@keyframes track-slide-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.now-playing-name{font-weight:var(--weight-normal);font-size:var(--text-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-artist{color:var(--text-secondary);font-size:var(--text-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-votes,.now-playing-controls{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;transition:all .1s}.control-btn:hover{color:var(--text-primary);background:var(--surface-2)}.now-playing-time{color:var(--text-muted);font-size:var(--text-small);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:80px;text-align:right}.visualizer-toggle-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .1s}.visualizer-toggle-btn:hover{border-color:var(--color-active);color:var(--text-primary)}.visualizer-toggle-btn-active{border-color:var(--color-active);color:var(--color-active)}.home-rooms{max-width:1040px;margin:0 auto;padding:0 var(--space-md)}.home-section-heading{display:flex;align-items:center;gap:var(--space-md);font-size:var(--text-heading);font-weight:var(--weight-light);color:var(--text-primary);text-transform:lowercase;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-default)}.home-section-heading:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(to right,var(--border-default) 0,var(--border-default) 6px,transparent 6px,transparent 12px);opacity:.5;margin-bottom:-2px}.home-section-heading .count{font-size:var(--text-caption);color:var(--text-muted);font-family:var(--font-family-mono);letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:2px 8px;border:1px solid var(--border-default)}.activity-signal{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-small);color:var(--text-secondary);margin-bottom:var(--space-lg);letter-spacing:var(--tracking-wide)}.activity-dot{width:6px;height:6px;border-radius:50%;background:var(--color-ready);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.active-rooms-section{margin-bottom:var(--space-2xl)}.active-rooms-grid{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-xs);scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to right,black 0,black calc(100% - 32px),transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0,black calc(100% - 32px),transparent 100%)}.active-rooms-grid::-webkit-scrollbar{display:none}.active-room-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);width:280px;flex-shrink:0;background:var(--surface-1);border:1px solid var(--border-default);cursor:pointer;text-align:left;color:var(--text-primary);font-family:var(--font-family-ui);transition:background .15s,border-color .15s,transform .15s;position:relative}.active-room-card:hover{background:var(--surface-2);border-color:var(--border-active);transform:translateY(-1px)}.active-room-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-control);opacity:.5}.active-room-card.is-playing:before{background:var(--color-active);opacity:1;box-shadow:0 0 8px var(--color-active)}.active-room-art{width:44px;height:44px;flex-shrink:0;object-fit:cover}.active-room-art-placeholder{background:var(--surface-2);display:flex;align-items:center;justify-content:center}.active-room-info{flex:1;min-width:0}.active-room-name{font-size:var(--text-body);font-weight:var(--weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-room-track{font-size:var(--text-small);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.active-room-meta{font-size:var(--text-caption);color:var(--text-muted);margin-top:2px}.house-room-badge{position:absolute;top:var(--space-xs);right:var(--space-xs);font-size:var(--text-micro);font-weight:var(--weight-medium);color:var(--color-ready);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:1px var(--space-xs);border:1px solid var(--color-ready-muted);background:var(--color-ready-muted)}.recent-rooms-section{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.recent-rooms-section .home-section-heading{margin-bottom:var(--space-lg)}.recent-rooms-carousel{display:flex;gap:var(--space-md);overflow-x:auto;padding-bottom:var(--space-sm);scrollbar-width:none;-ms-overflow-style:none}.recent-rooms-carousel::-webkit-scrollbar{display:none}.recent-room-card{display:flex;align-items:center;gap:var(--space-sm);min-width:160px;max-width:200px;padding:var(--space-md) var(--space-lg);background:var(--surface-1);border:1px solid var(--border-default);border-left:3px solid var(--hr-primary, var(--color-control));cursor:pointer;transition:background .15s,border-color .15s;text-align:left;color:var(--text-primary);font-family:var(--font-family-ui)}.recent-room-card:hover{background:var(--surface-2);border-color:var(--border-active);border-left-color:var(--hr-primary, var(--color-control))}.recent-room-card-content{flex:1;min-width:0}.recent-room-name{font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-room-meta{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-xs)}.recent-room-code{font-size:var(--text-micro, .6rem);font-family:var(--font-family-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.recent-room-time{font-size:var(--text-micro, .6rem);font-family:var(--font-family-mono);color:var(--text-muted);text-transform:lowercase}.recent-room-arrow{color:var(--text-muted);flex-shrink:0;opacity:.4;transition:opacity .15s}.recent-room-card:hover .recent-room-arrow{opacity:.8}.house-rooms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}@media(max-width:760px){.house-rooms-grid{grid-template-columns:repeat(2,1fr)}}.house-room-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);min-height:120px;background:var(--surface-1);border:1px solid var(--border-default);cursor:pointer;text-align:left;color:var(--text-primary);font-family:var(--font-family-ui);transition:background .15s,transform .15s,border-color .15s;position:relative;overflow:hidden}.house-room-card:after{content:"";position:absolute;top:0;right:0;width:32px;height:32px;background:repeating-linear-gradient(to bottom,var(--border-default) 0,var(--border-default) 1px,transparent 1px,transparent 3px);opacity:.6;pointer-events:none}.house-room-card:hover{background:var(--surface-2);transform:translateY(-1px)}.house-room-icon{font-size:1.25rem}.house-room-card-info{flex:1}.house-room-card-name{font-size:var(--text-body);font-weight:var(--weight-medium);display:inline-block;border-bottom:2px solid var(--hr-primary, var(--color-control));padding-bottom:2px}.house-room-card-desc{font-size:var(--text-small);color:var(--text-muted);margin-top:2px}.home-actions{display:flex;gap:var(--space-md);align-items:center;justify-content:center;flex-wrap:wrap;margin:var(--space-2xl) 0;padding:var(--space-xl) var(--space-lg);background:linear-gradient(135deg,#f5901a0a,#784c2e05);border:1px solid var(--border-default);position:relative}.home-actions:before{content:"";position:absolute;top:-1px;left:0;right:0;height:4px;background:repeating-linear-gradient(to right,var(--color-control) 0,var(--color-control) 8px,transparent 8px,transparent 16px);opacity:.4}.join-form{display:flex;gap:var(--space-sm);align-items:center}.join-input{background:var(--surface-1);border:1px solid var(--border-default);border-radius:0;color:var(--text-primary);padding:var(--space-sm) var(--space-lg);font-size:var(--text-body);font-family:var(--font-family-mono);letter-spacing:var(--tracking-mono);width:14ch;text-transform:uppercase}.join-input::placeholder{letter-spacing:normal;text-transform:none;color:var(--text-muted)}.join-input:focus{outline:none;border-color:var(--border-active)}.room-list{display:flex;flex-direction:column;gap:1px}.room-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:none;border:none;border-radius:0;cursor:pointer;text-align:left;color:var(--text-primary);width:100%;transition:transform .15s ease,background .15s ease}.room-card:hover{background:var(--surface-2);transform:translateY(-1px)}.room-card-name{font-weight:var(--weight-normal);font-size:var(--text-body)}.room-card-meta{color:var(--text-muted);font-size:var(--text-small);font-family:var(--font-family-mono);margin-top:.15rem}.room-presence{display:flex;align-items:center;gap:var(--space-xs);margin-top:.25rem}.room-presence-avatars{display:flex;align-items:center;gap:var(--space-xs)}.room-presence-text{color:var(--color-control);font-size:var(--text-caption);font-weight:var(--weight-medium)}.room-card-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.room-card-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:0;color:var(--text-muted);cursor:pointer;transition:all .1s}.room-card-delete:hover{color:var(--color-alert);background:var(--color-alert-muted)}.room-card-leave{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:0;color:var(--text-muted);cursor:pointer;transition:color .1s,background .1s}.room-card-leave:hover{color:var(--text-secondary);background:var(--overlay-light)}.room-card-arrow{color:var(--text-muted);flex-shrink:0}.room-header-left{display:flex;align-items:center;gap:var(--space-lg)}.room-code{font-family:var(--font-family-mono);font-size:var(--text-chat);color:var(--text-muted);letter-spacing:var(--tracking-mono)}.copy-link-btn{background:none;border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .1s,border-color .1s}.copy-link-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.copy-link-feedback{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-ready)}.dj-turn-toast{position:fixed;top:var(--space-lg);left:50%;transform:translate(-50%);background:var(--color-control);color:var(--surface-0);font-family:var(--font-family-mono);font-size:var(--text-chat);font-weight:var(--weight-medium);padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);z-index:1000;animation:toast-in .3s ease-out;text-transform:lowercase;letter-spacing:.02em;border:1px solid var(--color-control-glow)}.dj-turn-toast-icon{display:flex;align-items:center}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.queue-panel{background:var(--surface-1);border:1px solid var(--border-default);border-top:none}.queue-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--surface-1);z-index:1;padding:var(--space-md);border-bottom:1px solid var(--border-default)}.queue-title{font-size:var(--text-body);font-weight:var(--weight-normal);text-transform:lowercase;margin:0}.queue-clear-btn{background:none;border:none;color:var(--text-muted);font-family:var(--font-family-mono);font-size:var(--text-caption);letter-spacing:var(--tracking-wide);cursor:pointer;transition:color .1s}.queue-clear-btn:hover{color:var(--color-alert)}.queue-empty{color:var(--text-muted);font-size:var(--text-chat);font-family:var(--font-family-mono);text-align:center;padding:var(--space-lg) var(--space-md)}.queue-list{display:flex;flex-direction:column;gap:0}.queue-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);border-radius:0;transition:background .1s;animation:slide-in .15s ease-out}.queue-item:hover{background:var(--surface-2)}.queue-item .queue-item-actions{opacity:0;transition:opacity .1s}.queue-item:hover .queue-item-actions{opacity:1}.queue-remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:0;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .1s}.queue-remove-btn:hover{color:var(--color-alert);background:var(--color-alert-muted)}.track-item-row{display:flex;align-items:center;gap:var(--space-xs)}.track-item-row .track-item{flex:1;min-width:0}.track-queue-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--border-default);border-radius:0;color:var(--color-ready);font-size:var(--text-heading);font-weight:var(--weight-normal);cursor:pointer;flex-shrink:0;transition:all .1s}.track-queue-btn:hover{background:var(--color-ready-soft);border-color:var(--color-ready)}.track-preview-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--border-default);border-radius:0;color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:color .12s ease,border-color .12s ease,background .12s ease;margin-right:var(--space-xs)}.track-preview-btn:hover{color:var(--color-active);border-color:var(--color-active)}.track-preview-btn-active{color:var(--color-active);border-color:var(--color-active);background:#f5901a14}.track-item-row-previewing{background:#f5901a0a;box-shadow:inset 2px 0 0 var(--color-active)}.track-queue-actions{flex-shrink:0;position:relative}.track-queue-menu{position:absolute;bottom:100%;right:0;z-index:10;background:var(--surface-2, #1F2020);border:1px solid var(--border-default);display:flex;flex-direction:column;margin-bottom:2px}.track-queue-menu button{padding:6px 10px;background:none;border:none;color:var(--text-secondary);font-size:.7rem;font-family:var(--font-family-mono);text-align:left;cursor:pointer;white-space:nowrap;transition:all .1s}.track-queue-menu button:hover{background:var(--color-ready-soft);color:var(--color-ready)}.track-queue-menu button+button{border-top:1px solid var(--border-default)}.track-item-row-added .track-item{background:var(--color-ready-muted)}.track-add-badge{color:var(--color-ready);font-size:var(--text-caption);font-weight:var(--weight-normal);font-family:var(--font-family-mono);flex-shrink:0;padding:.1rem .35rem;border:1px solid var(--color-ready);border-radius:0;text-transform:lowercase}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-heavy);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-lg)}.dialog{background:var(--surface-1);border:1px solid var(--border-default);border-radius:0;padding:var(--space-xl);width:100%;max-width:400px}.dialog h3{font-size:var(--text-heading);font-weight:var(--weight-normal);margin-bottom:var(--space-lg);text-transform:lowercase}.dialog-input{width:100%;background:var(--surface-0);border:1px solid var(--border-default);border-radius:0;color:var(--text-primary);padding:.625rem var(--space-md);font-size:var(--text-body);font-family:var(--font-family-ui)}.dialog-input:focus{outline:none;border-color:var(--border-active)}.dialog-input::placeholder{color:var(--text-muted)}.dialog-input-row{display:flex;gap:var(--space-xs);align-items:stretch}.dialog-input-row .dialog-input{flex:1}.btn-generate-name{display:flex;align-items:center;justify-content:center;width:36px;flex-shrink:0;background:var(--surface-2);border:1px solid var(--border-default);border-radius:0;color:var(--text-secondary);cursor:pointer;transition:color .15s,background .15s}.btn-generate-name:hover{color:var(--color-control);background:var(--surface-3)}.btn-generate-name:disabled{opacity:.5;cursor:default}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.btn-accent{background-color:var(--color-control);color:var(--surface-0)}.btn-accent:hover{background-color:var(--color-control-hover)}.btn-accent:disabled{opacity:.5;cursor:not-allowed}.now-playing-sync{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.sync-indicator{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.sync-indicator-synced{background:var(--color-ready)}.sync-indicator-syncing{background:var(--color-control)}.sync-indicator-disconnected{background:var(--color-alert)}.sync-label{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--text-muted)}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;height:100%;min-height:0}.room-grid-left{display:flex;flex-direction:column;overflow:hidden;min-height:0;border-right:1px solid var(--border-default)}.queue-resize-wrapper{overflow-y:auto;min-height:0;flex-shrink:0}.resize-handle{height:12px;background:var(--surface-2);border-top:1px solid var(--border-active);border-bottom:1px solid var(--border-active);cursor:row-resize;flex-shrink:0;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}.resize-handle:after{content:"";width:40px;height:3px;background:var(--text-secondary);border-radius:2px}.resize-handle:hover{background:var(--surface-1)}.resize-handle:hover:after,.resize-handle:active:after{background:var(--text-primary)}.room-scroll-section{flex:1;overflow-y:auto;min-height:0;padding:var(--space-md) var(--space-lg);background:var(--surface-1);border:1px solid var(--border-default);border-top:none}.room-grid-right{display:flex;flex-direction:column;gap:0;min-height:0}.dj-booth-panel{background:var(--surface-1);border:1px solid var(--border-default);border-radius:0;flex-shrink:0}.dj-booth-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--border-default)}.dj-booth-title{font-size:var(--text-body);font-weight:var(--weight-normal);margin:0;text-transform:lowercase}.dj-booth-meta{display:flex;align-items:center;gap:var(--space-sm)}.dj-booth-seats{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--text-muted)}.dj-booth-set-progress{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-control);padding:.1rem .3rem;border:1px solid var(--color-control)}.set-length-buttons{display:flex;align-items:center;gap:var(--space-xs)}.set-length-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--border-default);color:var(--text-primary);font-family:var(--font-family-mono);font-size:var(--text-chat);cursor:pointer;padding:0;transition:all .1s}.set-length-btn:hover:not(:disabled){border-color:var(--color-control);color:var(--color-control)}.set-length-btn:disabled{opacity:.3;cursor:default}.set-length-value{font-size:var(--text-chat);font-family:var(--font-family-mono);color:var(--text-primary);min-width:1.5rem;text-align:center}.dj-booth-rotation{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding:var(--space-sm) var(--space-md)}.dj-chip{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:0;border:1px solid transparent;border-left:4px solid transparent;transition:all .1s}.dj-chip-active{background:var(--color-control-muted);border-color:var(--border-default);border-left-color:var(--color-control);animation:dj-pulse 2s ease-in-out infinite}.dj-chip-next{background:transparent;border-color:var(--border-default);border-left-color:transparent}.dj-chip-dot{flex-shrink:0}.dj-chip-info{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.dj-chip-name{font-size:var(--text-small);font-weight:var(--weight-normal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-chip-label{font-size:var(--text-micro);font-weight:var(--weight-normal);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-family:var(--font-family-mono);color:var(--color-control)}.dj-chip-label-next{color:var(--text-muted)}.dj-chip-empty{border-style:dashed;border-color:var(--border-default);justify-content:center}.dj-chip-empty-label{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.dj-chip-join{display:flex;align-items:center;gap:var(--space-xs);background:none;border:none;color:var(--color-control);font-family:var(--font-family-mono);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);cursor:pointer;padding:0;transition:opacity .1s}.dj-chip-join:hover{opacity:.7}.dj-booth-actions{padding:0 var(--space-md) var(--space-sm)}.dj-leave-btn{width:100%;background:none;border:1px solid var(--border-default);border-radius:0;color:var(--text-secondary);padding:var(--space-sm) var(--space-lg);font-size:var(--text-chat);font-family:var(--font-family-ui);cursor:pointer;transition:all .1s}.dj-leave-btn:hover{border-color:var(--color-alert);color:var(--color-alert)}.participants-panel{background:var(--surface-1);border:1px solid var(--border-default);border-radius:0;flex-shrink:0}.participants-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--border-default)}.participants-title{font-size:var(--text-body);font-weight:var(--weight-normal);margin:0;text-transform:lowercase}.participants-count{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--text-muted)}.participants-list{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);gap:var(--space-xs);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:var(--space-sm) var(--space-md)}.participant-chip{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--text-small);white-space:nowrap;background:var(--surface-2)}.participant-dot{flex-shrink:0}.participant-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-chip:hover{background:var(--border-default)}.device-badge{display:inline-flex;align-items:center;margin-left:auto;opacity:.45}.device-icon{width:12px;height:12px}.conn-badge{display:inline-flex;align-items:center;margin-left:var(--space-xs)}.conn-icon{width:10px;height:10px}.conn-good{color:var(--teal, #459193)}.conn-fair{color:var(--text-secondary, #999)}.conn-poor{color:var(--burgundy, #8F4955)}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-dark);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .15s ease-out}.profile-modal{background:var(--surface-1);border:1px solid var(--border-default);padding:var(--space-2xl) var(--space-3xl);min-width:280px;max-width:320px;text-align:center}.profile-modal-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}.profile-modal-name{font-size:var(--text-heading);font-weight:var(--weight-normal);margin:0;text-transform:lowercase;letter-spacing:.02em}.profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg) var(--space-lg);margin-bottom:var(--space-xl)}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.profile-stat-value{font-size:1.5rem;font-family:var(--font-family-mono);font-weight:var(--weight-medium);color:var(--text-primary)}.profile-stat-label{font-size:var(--text-micro);font-family:var(--font-family-mono);color:var(--text-muted);text-transform:lowercase;letter-spacing:var(--tracking-wide)}.profile-modal-empty{color:var(--text-muted);font-size:var(--text-chat);padding:var(--space-lg) 0 var(--space-xl);margin:0}.profile-modal-close{background:none;border:1px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-family-ui);font-size:var(--text-small);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);padding:var(--space-sm) var(--space-lg);cursor:pointer;transition:background .1s ease-out,color .1s ease-out}.profile-modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.profile-bio{font-size:var(--text-small);color:var(--text-secondary);margin:var(--space-sm) 0 var(--space-md);font-style:italic;text-align:center}.profile-badges{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-default)}.profile-badges-heading{font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-sm)}.profile-badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm) var(--space-xs);justify-items:center}.profile-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-xs) var(--space-xs) var(--space-sm);transition:opacity .15s}.profile-badge-earned{opacity:1}.profile-badge-locked{opacity:.25;filter:grayscale(1)}.profile-badge-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.profile-badge-icon svg{width:100%;height:100%}.profile-badge-locked .profile-badge-icon{color:var(--text-muted)}.profile-badge-name{font-size:var(--text-micro);color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.settings-dialog{max-width:440px}.settings-field{margin-bottom:var(--space-md);position:relative}.settings-label{display:block;font-size:var(--text-caption);font-weight:var(--weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-xs)}.settings-textarea{resize:vertical;min-height:4rem;font-family:var(--font-family-ui)}.settings-char-count{position:absolute;bottom:var(--space-xs);right:var(--space-xs);font-size:var(--text-micro);color:var(--text-muted)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.settings-toggle{width:36px;height:20px;border:1px solid var(--border-default);background:var(--surface-2);border-radius:10px;padding:2px;cursor:pointer;transition:background .15s;position:relative}.settings-toggle-on{background:var(--color-control-muted);border-color:var(--color-control)}.settings-toggle-thumb{display:block;width:14px;height:14px;border-radius:50%;background:var(--text-muted);transition:transform .15s,background .15s}.settings-toggle-on .settings-toggle-thumb{transform:translate(16px);background:var(--color-control)}.btn-settings{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);transition:color .15s}.btn-settings:hover{color:var(--text-primary)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.queue-item-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.queue-drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:grab;flex-shrink:0;padding:2px;opacity:0;transition:opacity .1s}.queue-item:hover .queue-drag-handle{opacity:1}.queue-drag-handle:active{cursor:grabbing;color:var(--text-secondary)}.queue-item-dragging{opacity:.3}.queue-item-drag-over-above{border-top:2px solid var(--color-control)!important}.queue-item-drag-over-below{border-bottom:2px solid var(--color-control)!important}.queue-up-next-badge{font-size:var(--text-micro);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-family:var(--font-family-mono);color:var(--color-control);background:var(--color-control-soft);padding:.1rem .35rem;border-radius:0;flex-shrink:0;margin-right:var(--space-xs)}.chat-panel{display:flex;flex-direction:column;height:100%;background:var(--surface-1);border:1px solid var(--border-default);border-top:none;border-radius:0;overflow:hidden}.chat-title{font-size:var(--text-body);font-weight:var(--weight-normal);padding:var(--space-md);border-bottom:1px solid var(--border-default);flex-shrink:0;margin:0;text-transform:lowercase}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.chat-empty{color:var(--text-muted);font-size:var(--text-chat);font-family:var(--font-family-mono);text-align:center;padding:var(--space-2xl) var(--space-lg);margin:auto}.chat-message{max-width:85%;animation:card-entrance .15s ease-out}.chat-message-own{align-self:flex-end}.chat-message-header{display:flex;align-items:baseline;gap:.4rem;margin-bottom:.15rem}.chat-message-name{font-size:var(--text-caption);font-weight:var(--weight-medium)}.chat-message-time{font-size:var(--text-micro);font-family:var(--font-family-mono);color:var(--text-muted)}.chat-message-text{font-size:var(--text-chat);line-height:1.4;color:var(--text-primary);background:var(--surface-0);padding:.4rem .65rem;border-radius:0;border-left:2px solid var(--border-default);word-break:break-word}.chat-message-own .chat-message-text{background:var(--color-control-subtle);border-left-color:var(--color-control)}.chat-message-system{align-self:center;max-width:100%;animation:fade-in .2s ease-out}.chat-message-system-text{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--text-muted);text-align:center;padding:.15rem var(--space-sm)}.chat-message-track{align-self:center;max-width:90%;width:100%;animation:card-entrance .15s ease-out}.chat-message-gif{animation:card-entrance .15s ease-out}.chat-gif{max-width:200px;max-height:150px;border:1px solid var(--border-default);margin-top:var(--space-xs);display:block}.chat-track-card{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-control-subtle);border:1px solid var(--border-default);border-radius:0;border-left:3px solid var(--color-control)}.chat-track-art{width:36px;height:36px;border-radius:0;object-fit:cover;flex-shrink:0}.chat-track-info{display:flex;flex-direction:column;min-width:0;flex:1}.chat-track-dj{font-size:var(--text-micro);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-family:var(--font-family-mono);color:var(--text-muted)}.chat-track-name{font-size:var(--text-chat);font-weight:var(--weight-normal);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-track-artist{font-size:var(--text-caption);color:var(--text-secondary)}.track-vote-badge{display:flex;gap:var(--space-sm);font-size:.65rem;font-family:var(--font-family-mono);color:var(--text-muted);margin-top:2px;flex-shrink:0}.track-vote-up{color:var(--color-ready)}.track-vote-down{color:var(--color-alert)}.chat-help-card{background:var(--surface-2);border:1px solid var(--border-default);padding:var(--space-md);margin-bottom:var(--space-sm);animation:card-entrance .15s ease-out}.chat-help-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.chat-help-title{font-family:var(--font-family-mono);font-size:var(--text-small);color:var(--color-control);text-transform:lowercase;letter-spacing:var(--tracking-wide)}.chat-help-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px}.chat-help-dismiss:hover{color:var(--text-secondary)}.chat-help-section{margin-bottom:var(--space-sm)}.chat-help-label{display:block;font-family:var(--font-family-mono);font-size:var(--text-micro);color:var(--text-muted);text-transform:lowercase;letter-spacing:var(--tracking-wider);margin-bottom:4px}.chat-help-row{display:flex;align-items:baseline;gap:var(--space-xs);padding:1px 0;font-size:var(--text-caption)}.chat-help-row code{font-family:var(--font-family-mono);font-size:var(--text-caption);color:var(--text-primary);background:var(--surface-1);padding:1px 4px}.chat-help-row span{color:var(--text-secondary);font-size:var(--text-caption);margin-left:auto}.chat-help-footer{display:block;font-family:var(--font-family-mono);font-size:var(--text-micro);color:var(--text-muted);text-transform:lowercase;letter-spacing:var(--tracking-wide);text-align:center;margin-top:var(--space-xs)}.chat-input-bar{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-default);flex-shrink:0}.chat-input{flex:1;background:var(--surface-0);border:1px solid var(--border-default);border-radius:0;color:var(--text-primary);padding:var(--space-sm) var(--space-md);font-size:var(--text-chat);font-family:var(--font-family-ui)}.chat-input:focus{outline:none;border-color:var(--border-active)}.chat-input::placeholder{color:var(--text-muted)}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-control);border:none;border-radius:0;color:var(--surface-0);cursor:pointer;flex-shrink:0;transition:background .1s}.chat-send-btn:hover:not(:disabled){background:var(--color-control-hover)}.chat-send-btn:disabled{opacity:.3;cursor:not-allowed}.vote-btn{display:flex;align-items:center;gap:var(--space-xs);background:none;border:1px solid var(--border-default);border-radius:0;color:var(--text-secondary);cursor:pointer;padding:.2rem .4rem;font-size:var(--text-small);transition:all .1s}.vote-btn:hover{border-color:var(--border-active);color:var(--text-primary)}.vote-btn-pressed{animation:vote-pop .1s ease-out}.vote-btn-active.vote-btn-up{border-color:var(--color-active);color:var(--color-active);background:var(--color-active-soft)}.vote-btn-active.vote-btn-down{border-color:var(--color-alert);color:var(--color-alert);background:var(--color-alert-muted)}.vote-btn-up{position:relative;overflow:visible}.upvote-burst-particle{position:absolute;left:50%;top:50%;font-size:10px;color:var(--color-active);pointer-events:none;white-space:nowrap;animation:upvote-burst .7s ease-out forwards;z-index:10}@keyframes upvote-burst{0%{transform:translate(-50%,-50%) translate(0) scale(.5);opacity:1}40%{opacity:1;transform:translate(-50%,-50%) translate(var(--burst-x),var(--burst-y)) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) translate(calc(var(--burst-x) * 1.3),calc(var(--burst-y) * 1.3 + 10px)) scale(.3)}}.upvote-floater{position:absolute;bottom:-5%;pointer-events:none;opacity:0;z-index:10}.upvote-floater-grow{animation:upvote-flow-grow var(--dur, 1.5s) ease-out forwards}@keyframes upvote-flow-grow{0%{opacity:0;transform:translateY(0) translate(0) scale(.3)}8%{opacity:1}50%{opacity:.9;transform:translateY(-50vh) translate(calc(var(--upvote-drift) * .6)) scale(1.4)}to{opacity:0;transform:translateY(-105vh) translate(var(--upvote-drift)) scale(1.8)}}.upvote-floater-shrink{animation:upvote-flow-shrink var(--dur, 1.5s) ease-out forwards}@keyframes upvote-flow-shrink{0%{opacity:0;transform:translateY(0) translate(0) scale(1.6)}8%{opacity:1}50%{opacity:.9;transform:translateY(-50vh) translate(calc(var(--upvote-drift) * .6)) scale(.8)}to{opacity:0;transform:translateY(-105vh) translate(var(--upvote-drift)) scale(.3)}}.upvote-floater-steady{animation:upvote-flow-steady var(--dur, 1.5s) ease-out forwards}@keyframes upvote-flow-steady{0%{opacity:0;transform:translateY(0) translate(0) scale(1)}8%{opacity:1}50%{opacity:.9;transform:translateY(-50vh) translate(calc(var(--upvote-drift) * .6)) scale(1.05)}to{opacity:0;transform:translateY(-105vh) translate(var(--upvote-drift)) scale(.9)}}.upvote-balloon{position:absolute;bottom:-5%;pointer-events:none;opacity:0;z-index:20;transform-origin:center center;animation:upvote-balloon-swell 2.2s ease-in forwards}.upvote-balloon svg{width:100%;height:100%}@keyframes upvote-balloon-swell{0%{opacity:0;width:30px;height:30px;transform:translate(-50%) translateY(0)}5%{opacity:1;width:30px;height:30px}30%{opacity:1;width:60px;height:60px;transform:translate(-50%) translateY(-25vh)}60%{opacity:1;width:120px;height:120px;transform:translate(-50%) translateY(-42vh)}85%{opacity:1;width:200px;height:200px;transform:translate(-50%) translateY(-50vh)}92%{opacity:1;width:240px;height:240px;transform:translate(-50%) translateY(-50vh) scale(1.15)}to{opacity:0;width:260px;height:260px;transform:translate(-50%) translateY(-50vh) scale(1.4)}}.upvote-explosion-particle{position:absolute;pointer-events:none;opacity:0;z-index:25;animation:upvote-explode .8s ease-out forwards}@keyframes upvote-explode{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateY(0) scale(1.2)}20%{opacity:1;transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateY(calc(var(--burst-radius) * -.5)) scale(1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--burst-angle)) translateY(calc(var(--burst-radius) * -1)) scale(.3)}}.cascade-thumb{position:absolute;pointer-events:none;opacity:0;z-index:10;transform:translate(-50%,-50%) scale(0);animation:cascade-pop .8s ease-out forwards}@keyframes cascade-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}30%{transform:translate(-50%,-50%) scale(.9)}45%{transform:translate(-50%,-50%) scale(1.05)}60%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.6)}}.stampede-thumb{position:absolute;left:-10%;pointer-events:none;opacity:0;z-index:10;animation:stampede-charge var(--dur, 1.2s) ease-in-out forwards}@keyframes stampede-charge{0%{opacity:0;transform:translate(0) translateY(0)}8%{opacity:1}25%{transform:translate(30vw) translateY(calc(var(--stampede-wobble) * .5))}50%{opacity:1;transform:translate(55vw) translateY(var(--stampede-wobble))}75%{transform:translate(80vw) translateY(calc(var(--stampede-wobble) * .5))}92%{opacity:.8}to{opacity:0;transform:translate(115vw) translateY(0)}}.track-transition-sweep{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(245,144,26,.25) 45%,rgba(245,144,26,.4) 50%,rgba(245,144,26,.25) 55%,transparent 100%);animation:track-sweep .8s ease-out forwards}@keyframes track-sweep{0%{transform:translate(-100%);opacity:1}70%{opacity:1}to{transform:translate(100%);opacity:0}}.join-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;border:2px solid rgba(0,230,118,.4);animation:join-ping 1.2s ease-out forwards}@keyframes join-ping{0%{opacity:0;border-width:2px}15%{opacity:1;border-width:2px}to{opacity:0;border-width:0px;transform:scale(1.02)}}.te-ambient-grid{position:fixed;left:0;right:0;top:49px;bottom:72px;pointer-events:none;z-index:30}.ambient-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;pointer-events:none;overflow:hidden;--ambient-speed: 22s;--ambient-speed-b: 28s;--ambient-opacity: .15;--ambient-size: 3px;transition:--ambient-opacity 2s ease,--ambient-size 2s ease}.ambient-particles:before{content:"";position:absolute;width:var(--ambient-size);height:var(--ambient-size);border-radius:0;background:transparent;bottom:-5%;left:0;box-shadow:10vw 0 0 .5px rgba(255,255,255,var(--ambient-opacity)),25vw 4vh 0 .5px rgba(255,255,255,calc(var(--ambient-opacity) * .8)),42vw -2vh 0 1px rgba(255,255,255,var(--ambient-opacity)),58vw 3vh 0 .5px rgba(255,255,255,calc(var(--ambient-opacity) * .9)),75vw -3vh 0 1px rgba(255,255,255,var(--ambient-opacity)),90vw 5vh 0 .5px rgba(255,255,255,calc(var(--ambient-opacity) * .7)),33vw 7vh 0 1px rgba(255,255,255,calc(var(--ambient-opacity) * .85)),50vw -5vh 0 .5px rgba(255,255,255,var(--ambient-opacity)),5vw 2vh 0 .5px rgba(255,255,255,calc(var(--ambient-opacity) * .75)),68vw -1vh 0 1px rgba(255,255,255,calc(var(--ambient-opacity) * .9));animation:ambient-drift-a var(--ambient-speed) linear infinite}.ambient-particles:after{content:"";position:absolute;width:var(--ambient-size);height:var(--ambient-size);border-radius:0;background:transparent;bottom:-5%;left:0;box-shadow:7vw 1vh 0 .5px rgba(255,255,255,calc(var(--ambient-opacity) * .85)),20vw -4vh 0 1px rgba(255,255,255,var(--ambient-opacity)),38vw 6vh 0 .5px rgba(255,255,255,calc(var(--ambient-opacity) * .75)),48vw -2vh 0 1px rgba(255,255,255,var(--ambient-opacity)),63vw 4vh 0 .5px rgba(255,255,255,calc(var(--ambient-opacity) * .9)),80vw -6vh 0 1px rgba(255,255,255,var(--ambient-opacity)),15vw 3vh 0 .5px rgba(255,255,255,calc(var(--ambient-opacity) * .8)),55vw 8vh 0 1px rgba(255,255,255,calc(var(--ambient-opacity) * .9)),85vw -1vh 0 .5px rgba(255,255,255,calc(var(--ambient-opacity) * .7)),30vw 5vh 0 1px rgba(255,255,255,var(--ambient-opacity));animation:ambient-drift-b var(--ambient-speed-b) linear infinite;animation-delay:-12s}.ambient-high-energy:before{box-shadow:10vw 0 0 2px rgba(245,144,26,var(--ambient-opacity)),25vw 4vh 0 1.5px rgba(244,88,54,calc(var(--ambient-opacity) * .8)),42vw -2vh 0 2px rgba(245,144,26,var(--ambient-opacity)),58vw 3vh 0 1.5px rgba(244,88,54,calc(var(--ambient-opacity) * .9)),75vw -3vh 0 1px rgba(255,255,255,calc(var(--ambient-opacity) * .6)),90vw 5vh 0 2px rgba(245,144,26,calc(var(--ambient-opacity) * .7)),33vw 7vh 0 1.5px rgba(244,88,54,calc(var(--ambient-opacity) * .85)),50vw -5vh 0 2px rgba(245,144,26,var(--ambient-opacity)),5vw 2vh 0 1.5px rgba(244,88,54,calc(var(--ambient-opacity) * .75)),68vw -1vh 0 2px rgba(245,144,26,calc(var(--ambient-opacity) * .9))}.ambient-high-energy:after{box-shadow:7vw 1vh 0 2px rgba(244,88,54,calc(var(--ambient-opacity) * .85)),20vw -4vh 0 1.5px rgba(245,144,26,var(--ambient-opacity)),38vw 6vh 0 2px rgba(244,88,54,calc(var(--ambient-opacity) * .75)),48vw -2vh 0 1.5px rgba(245,144,26,var(--ambient-opacity)),63vw 4vh 0 2px rgba(244,88,54,calc(var(--ambient-opacity) * .9)),80vw -6vh 0 1.5px rgba(245,144,26,var(--ambient-opacity)),15vw 3vh 0 2px rgba(244,88,54,calc(var(--ambient-opacity) * .8)),55vw 8vh 0 1.5px rgba(245,144,26,calc(var(--ambient-opacity) * .9)),85vw -1vh 0 2px rgba(244,88,54,calc(var(--ambient-opacity) * .7)),30vw 5vh 0 1.5px rgba(245,144,26,var(--ambient-opacity))}.ambient-low-energy:before{box-shadow:10vw 0 0 .5px rgba(69,145,147,var(--ambient-opacity)),25vw 4vh 0 .5px rgba(72,111,82,calc(var(--ambient-opacity) * .8)),42vw -2vh 0 .5px rgba(69,145,147,var(--ambient-opacity)),58vw 3vh 0 .5px rgba(72,111,82,calc(var(--ambient-opacity) * .9)),75vw -3vh 0 .5px rgba(255,255,255,calc(var(--ambient-opacity) * .5)),90vw 5vh 0 .5px rgba(69,145,147,calc(var(--ambient-opacity) * .7)),33vw 7vh 0 .5px rgba(72,111,82,calc(var(--ambient-opacity) * .85)),50vw -5vh 0 .5px rgba(69,145,147,var(--ambient-opacity)),5vw 2vh 0 .5px rgba(72,111,82,calc(var(--ambient-opacity) * .75)),68vw -1vh 0 .5px rgba(69,145,147,calc(var(--ambient-opacity) * .9))}.ambient-low-energy:after{box-shadow:7vw 1vh 0 .5px rgba(72,111,82,calc(var(--ambient-opacity) * .85)),20vw -4vh 0 .5px rgba(69,145,147,var(--ambient-opacity)),38vw 6vh 0 .5px rgba(72,111,82,calc(var(--ambient-opacity) * .75)),48vw -2vh 0 .5px rgba(69,145,147,var(--ambient-opacity)),63vw 4vh 0 .5px rgba(72,111,82,calc(var(--ambient-opacity) * .9)),80vw -6vh 0 .5px rgba(69,145,147,var(--ambient-opacity)),15vw 3vh 0 .5px rgba(72,111,82,calc(var(--ambient-opacity) * .8)),55vw 8vh 0 .5px rgba(69,145,147,calc(var(--ambient-opacity) * .9)),85vw -1vh 0 .5px rgba(72,111,82,calc(var(--ambient-opacity) * .7)),30vw 5vh 0 .5px rgba(69,145,147,var(--ambient-opacity))}@keyframes ambient-drift-a{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-55vh) translate(12px)}to{transform:translateY(-110vh) translate(-6px)}}@keyframes ambient-drift-b{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-55vh) translate(-15px)}to{transform:translateY(-110vh) translate(10px)}}.hottrack-label{position:absolute;top:35%;left:50%;transform:translate(-50%);font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#f5901ae6;pointer-events:none;white-space:nowrap;animation:hottrack-label-pulse 3.5s ease-out forwards;z-index:10}@keyframes hottrack-label-pulse{0%{opacity:0;transform:translate(-50%) scale(.8)}10%{opacity:1;transform:translate(-50%) scale(1)}60%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1.05)}}.hottrack-ember{position:absolute;bottom:-2%;pointer-events:none;opacity:0;animation:ember-rise 2s ease-out forwards;z-index:5}@keyframes ember-rise{0%{opacity:0;transform:translateY(0) translate(0) scale(1)}10%{opacity:1}60%{opacity:.7;transform:translateY(-55vh) translate(var(--ember-drift)) scale(.7)}to{opacity:0;transform:translateY(-100vh) translate(calc(var(--ember-drift) * 1.5)) scale(.2)}}.room-animation-fire{overflow:hidden}.fire-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,rgba(255,107,53,.45) 0%,rgba(245,88,54,.18) 40%,transparent 75%);opacity:0;animation:fire-glow-pulse 3.2s ease-out forwards;z-index:1}@keyframes fire-glow-pulse{0%{opacity:0}20%{opacity:1}75%{opacity:.7}to{opacity:0}}.fire-particle{position:absolute;bottom:-20px;pointer-events:none;opacity:0;animation:fire-particle-rise ease-out forwards;will-change:transform,opacity;z-index:3}@keyframes fire-particle-rise{0%{transform:translateZ(0) rotate(0) scale(1.2);opacity:0}10%{opacity:1}30%{transform:translate3d(calc(var(--fire-drift, 0px) * .5),-22vh,0) rotate(calc(var(--fire-rot, 0deg) * .4)) scale(1);opacity:.95}55%{transform:translate3d(calc(var(--fire-drift, 0px) * -.3),-50vh,0) rotate(calc(var(--fire-rot, 0deg) * .8)) scale(.75);opacity:.8}80%{transform:translate3d(calc(var(--fire-drift, 0px) * .7),-80vh,0) rotate(calc(var(--fire-rot, 0deg) * 1.2)) scale(.5);opacity:.4}to{transform:translate3d(var(--fire-drift, 0px),-115vh,0) rotate(calc(var(--fire-rot, 0deg) * 1.6)) scale(.25);opacity:0}}.fire-ember{position:absolute;border-radius:50%;pointer-events:none;opacity:0;animation:fire-ember-pop .8s cubic-bezier(.2,.7,.3,1) forwards;z-index:4}@keyframes fire-ember-pop{0%{transform:scale(0);opacity:0}20%{transform:scale(1.6);opacity:1}60%{transform:scale(1);opacity:.7}to{transform:scale(.4);opacity:0}}.spotlight-beam{position:absolute;left:0;width:100%;height:1px;pointer-events:none;opacity:0;animation:spotlight-scan 1.6s ease-out forwards}@keyframes spotlight-scan{0%{opacity:0;transform:scaleX(0)}15%{opacity:.5;transform:scaleX(1)}50%{opacity:.3}to{opacity:0;transform:scaleX(1)}}.spotlight-flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#ffffff14;opacity:0;animation:spotlight-flash-pop 1.6s ease-out forwards}@keyframes spotlight-flash-pop{0%{opacity:0}20%{opacity:0}25%{opacity:1}35%{opacity:0}to{opacity:0}}.room-animation-skipped{animation:skip-jitter .3s steps(2) 3}@keyframes skip-jitter{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.skip-glitch-bar{position:absolute;left:0;width:100%;pointer-events:none;opacity:0;animation:glitch-flash .8s steps(1) forwards}@keyframes glitch-flash{0%{opacity:0;transform:translate(0)}10%{opacity:.8;transform:translate(var(--glitch-shift))}20%{opacity:0;transform:translate(calc(var(--glitch-shift) * -.5))}30%{opacity:.6;transform:translate(var(--glitch-shift))}45%{opacity:0}55%{opacity:.4;transform:translate(calc(var(--glitch-shift) * -1))}65%{opacity:0}to{opacity:0}}.skip-scratch{position:absolute;top:10%;left:30%;width:40%;height:2px;background:linear-gradient(90deg,transparent,rgba(244,88,54,.8),transparent);transform:rotate(-25deg);pointer-events:none;animation:scratch-slash .5s ease-out forwards;transform-origin:center}@keyframes scratch-slash{0%{opacity:0;transform:rotate(-25deg) scaleX(0)}20%{opacity:1;transform:rotate(-25deg) scaleX(1)}to{opacity:0;transform:rotate(-25deg) scaleX(1.3) translate(20px)}}.skip-vote-btn{display:flex;align-items:center;gap:var(--space-xs);background:none;border:1px solid var(--border-default);border-radius:0;color:var(--text-secondary);cursor:pointer;padding:.2rem .5rem;font-family:var(--font-family-mono);font-size:var(--text-caption);transition:all .1s;margin-left:var(--space-xs)}.skip-vote-btn:hover:not(:disabled){border-color:var(--color-alert);color:var(--color-alert)}.skip-vote-btn:disabled{cursor:default}.skip-vote-btn-active{border-color:var(--color-alert);color:var(--color-alert);background:var(--color-alert-muted)}.save-btn{display:flex;align-items:center;justify-content:center;padding:4px 6px;border:1px solid var(--border-default);border-radius:0;background:transparent;color:var(--text-secondary);font-size:.7rem;cursor:pointer;transition:all .15s ease}.save-btn:hover:not(:disabled){border-color:var(--color-control);color:var(--color-control);background:var(--color-control-subtle)}.save-btn-active{border-color:var(--color-control);color:var(--color-control);background:var(--color-control-muted);cursor:default;filter:drop-shadow(0 0 6px var(--color-control-glow))}.save-btn:disabled{cursor:default}.discog-filters{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);flex-wrap:wrap}.discog-filter-pill{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border-default);border-radius:0;background:transparent;color:var(--text-secondary);font-size:.75rem;font-family:var(--font-family-mono);cursor:pointer;transition:all .15s ease;text-transform:lowercase}.discog-filter-pill:hover{border-color:var(--text-primary);color:var(--text-primary)}.discog-filter-pill.active{border-color:var(--color-control);color:var(--color-control);background:var(--color-control-muted)}.discog-filter-count{font-size:.65rem;opacity:.6}.playlist-followed-tag{color:var(--text-muted);font-style:italic}.see-all-btn{display:block;width:100%;padding:var(--space-xs) var(--space-sm);margin-top:var(--space-xs);border:none;background:transparent;color:var(--text-secondary);font-size:.75rem;font-family:var(--font-family-mono);cursor:pointer;text-align:center;text-transform:lowercase;transition:color .15s ease}.see-all-btn:hover{color:var(--text-primary)}@media(max-width:640px){h1{font-size:var(--text-title)}.user-card{flex-direction:column;gap:var(--space-lg)}.top-bar-title{font-size:1rem}.user-name-sm{display:none}.now-playing-content{padding:var(--space-sm) var(--space-lg);flex-wrap:wrap}.now-playing-time{display:none}.now-playing-visualizer,.audio-visualizer-canvas{height:20px}.now-playing-track{flex-basis:100%;order:2}.now-playing-controls{order:1;margin:0 auto}.playlist-header-img{width:60px;height:60px}.home-actions{flex-direction:column}.room-header-left .top-bar-title{font-size:var(--text-body)}.room-code{font-size:var(--text-caption)}.now-playing-sync{order:1;margin:0 auto}.room-grid{grid-template-columns:1fr}.room-grid-left{border-right:none}.room-grid-right{max-height:50vh}.vote-btn{padding:.5rem .75rem;font-size:var(--text-chat);min-height:44px}.skip-vote-btn{padding:.4rem .75rem;font-size:var(--text-small);min-height:44px}.control-btn,.queue-remove-btn{width:44px;height:44px}.settings-close-btn{padding:10px;min-width:44px;min-height:44px}.copy-link-btn{padding:8px 12px;min-height:44px}.chat-help-dismiss{padding:10px;min-width:44px;min-height:44px}.resize-handle{height:28px}.chat-message{max-width:95%}.dj-chip-label,.chat-message-time{font-size:var(--text-caption)}.dj-booth-rotation{flex-direction:row;flex-wrap:wrap}.batch-add-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-small)}.playlist-header{flex-wrap:wrap}.dialog-overlay{padding:var(--space-sm)}.profile-modal{width:calc(100vw - var(--space-2xl));max-width:none}}@media(hover:none){.queue-drag-handle{opacity:.5}.queue-item .queue-remove-btn{opacity:1}.playlist-item:active,.track-item:active{background:var(--surface-2)}.control-btn:active{color:var(--text-primary);background:var(--surface-2)}.browse-tab:active{color:var(--text-primary)}}.settings-panel{background:var(--surface-2);border:1px solid var(--border-default);padding:0;animation:settings-slide-in .2s ease-out}@keyframes settings-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-default)}.settings-title{font-size:var(--text-small);font-family:var(--font-family-mono);color:var(--text-muted);text-transform:lowercase;letter-spacing:var(--tracking-wide);margin:0}.settings-saved-flash{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--color-ready);text-transform:lowercase;letter-spacing:var(--tracking-wide);animation:fade-in .1s ease-out}.settings-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;transition:color .15s}.settings-close-btn:hover{color:var(--text-primary)}.settings-section{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-default)}.settings-section:last-child{border-bottom:none}.settings-section-label{display:block;font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--text-muted);text-transform:lowercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-xs)}.genre-chips{display:flex;flex-wrap:wrap;gap:4px}.genre-chip{padding:3px 8px;font-size:var(--text-caption);font-family:var(--font-family-mono);background:none;border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;transition:all .15s;text-transform:lowercase}.genre-chip:hover{border-color:var(--color-control);color:var(--text-primary)}.genre-chip-active{border-color:var(--color-control);background:var(--color-control);color:var(--surface-0)}.custom-theme-input{width:100%;margin-top:var(--space-xs);padding:4px 8px;font-size:var(--text-small);font-family:var(--font-family-mono);background:var(--surface-0);border:1px solid var(--border-default);color:var(--text-primary);outline:none;transition:border-color .15s}.custom-theme-input:focus{border-color:var(--color-control)}.custom-theme-input::placeholder{color:var(--text-muted)}.settings-toggle-btn{background:none;border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:all .15s}.settings-toggle-btn:hover{border-color:var(--color-control);color:var(--text-primary)}.settings-toggle-btn-active{border-color:var(--color-control);color:var(--color-control)}.dj-booth-genre-tag{display:inline-block;padding:1px 6px;font-size:var(--text-micro);font-family:var(--font-family-mono);background:var(--color-control);color:var(--surface-0);text-transform:lowercase;font-weight:var(--weight-medium)}.settings-char-count{display:block;font-size:var(--text-micro);font-family:var(--font-family-mono);color:var(--text-muted);text-align:right;margin-top:2px}.settings-readonly-note{font-size:var(--text-caption);font-family:var(--font-family-mono);color:var(--text-muted);text-transform:lowercase;letter-spacing:var(--tracking-wide);padding:var(--space-xs) var(--space-md);margin:0;border-bottom:1px solid var(--border-default)}.settings-readonly-value{font-size:var(--text-small);color:var(--text-secondary);margin:0}.admin-panel{background:var(--surface-2);border:1px solid var(--border-default);border-top:none}.admin-panel-title{font-size:var(--text-small);font-family:var(--font-family-mono);color:var(--text-muted);text-transform:lowercase;letter-spacing:var(--tracking-wide);margin:0;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-default)}.admin-member-list{padding:var(--space-xs) 0}.admin-member-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);transition:background .1s}.admin-member-row:hover{background:var(--surface-1)}.admin-member-offline{opacity:.5}.admin-member-info{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-xs)}.admin-member-name{font-size:var(--text-small);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-member-you{color:var(--text-muted);font-size:var(--text-caption)}.admin-member-status{font-size:var(--text-micro);font-family:var(--font-family-mono);color:var(--text-muted);text-transform:lowercase}.admin-member-actions{display:flex;gap:4px;flex-shrink:0}.btn-admin-toggle{background:none;border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.btn-admin-toggle:hover{border-color:var(--color-control);color:var(--color-control)}.btn-admin-toggle-active{color:var(--color-control);border-color:var(--color-control)}.btn-kick{background:none;border:1px solid var(--border-default);color:var(--text-muted);cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-kick:hover{border-color:var(--color-error);color:var(--color-error)}.role-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px}.role-badge svg{width:12px;height:12px}.role-badge-owner{color:var(--color-control)}.role-badge-admin{color:var(--text-muted)}.history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0;margin-left:auto}.history-dj{font-size:var(--text-micro);font-family:var(--font-family-mono);color:var(--text-muted);white-space:nowrap}.history-time{font-size:var(--text-micro);font-family:var(--font-family-mono);color:var(--text-muted);opacity:.6;white-space:nowrap}.history-load-more{width:100%;padding:var(--space-sm);background:none;border:1px solid var(--border-default);color:var(--text-secondary);font-family:var(--font-family-mono);font-size:var(--text-caption);text-transform:lowercase;cursor:pointer;margin-top:var(--space-sm);transition:all .15s}.history-load-more:hover{border-color:var(--color-control);color:var(--text-primary)}.history-load-more:disabled{opacity:.5;cursor:default}.chat-pinned-banner{display:flex;align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--surface-2);border-bottom:1px solid var(--border-default);font-size:var(--text-small);color:var(--text-secondary);font-style:italic;flex-shrink:0}.chat-pinned-icon{font-style:normal;font-size:var(--text-caption);flex-shrink:0}.chat-pinned-text{line-height:1.4}.chat-style-big{font-size:1.4rem!important;font-weight:var(--weight-light);letter-spacing:.02em}@keyframes msg-shake{0%,to{transform:translate(0)}12.5%{transform:translate(-2px)}25%{transform:translate(2px)}37.5%{transform:translate(-2px)}50%{transform:translate(2px)}62.5%{transform:translate(-1px)}75%{transform:translate(1px)}}.chat-style-shake{animation:msg-shake .3s steps(8) 2}@keyframes color-cycle{0%,to{color:var(--color-control)}20%{color:var(--color-active)}40%{color:var(--color-ready)}60%{color:var(--color-warm)}80%{color:var(--color-alert)}}.chat-style-rainbow{animation:color-cycle 2s steps(5) infinite}@keyframes opacity-pulse{0%,to{opacity:1}50%{opacity:.35}}.chat-style-glow{color:var(--color-control);animation:opacity-pulse 2s ease-out infinite}.chat-style-mono{font-family:var(--font-family-mono)!important;text-transform:uppercase;letter-spacing:var(--tracking-wider);font-size:.8rem!important;color:var(--color-ready)}@keyframes msg-flash{0%{color:var(--color-control);transform:scale(1.3);opacity:1}25%{color:var(--color-control);transform:scale(1.3)}to{color:var(--text-primary);transform:scale(1);opacity:1}}.chat-style-flash{animation:msg-flash .5s ease-out;display:inline-block;transform-origin:left center}.room-animation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;overflow:hidden}@keyframes confetti-fall{0%{transform:translateY(-10px) translate(0) rotate(0);opacity:1}75%{opacity:1}to{transform:translateY(100vh) translate(var(--drift, 0px)) rotate(180deg);opacity:0}}.confetti-particle{position:absolute;top:-10px;border-radius:0;animation:confetti-fall 2.2s ease-out forwards}@keyframes rocket-launch{0%{bottom:-5%;opacity:0}10%{opacity:.4}80%{opacity:.3}to{bottom:calc(100% - var(--target-y, 30vh));opacity:0}}.firework-rocket{position:absolute;width:2px;height:12px;background:linear-gradient(to top,transparent,#E8E8F0);border-radius:0;animation:rocket-launch ease-out forwards}@keyframes firework-burst{0%{transform:translate(0) scale(1);opacity:0}5%{opacity:1}50%{opacity:.8}to{transform:translate(calc(cos(var(--angle, 0deg)) * var(--radius, 120px)),calc(sin(var(--angle, 0deg)) * var(--radius, 120px))) scale(.2);opacity:0}}.firework-particle{position:absolute;border-radius:0;opacity:0;animation:firework-burst 1.4s ease-out forwards}@keyframes celebrate-ring-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:0}15%{opacity:.8}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.celebrate-ring{position:absolute;left:50%;top:50%;border:2px solid;border-radius:0;opacity:0;animation:celebrate-ring-expand 1.5s ease-out forwards}@keyframes drop-impact{0%{opacity:0}6%{opacity:.15}14%{opacity:0}24%{opacity:.12}32%{opacity:0}44%{opacity:.08}52%{opacity:0}to{opacity:0}}.room-animation-drop{background:var(--color-control);animation:drop-impact 1.2s ease-out forwards}@keyframes drop-shockwave{0%{transform:scaleX(0);opacity:0}15%{transform:scaleX(1);opacity:.6}to{transform:scaleX(1);opacity:0}}.drop-shockwave{position:absolute;left:0;right:0;height:2px;background:var(--color-control);transform-origin:center;animation:drop-shockwave .5s ease-out forwards}@keyframes wave-spike{0%{transform:scaleY(0);opacity:0}25%{transform:scaleY(1);opacity:var(--bar-opacity, .4)}50%{transform:scaleY(.5);opacity:calc(var(--bar-opacity, .4) * .7)}75%{transform:scaleY(.7);opacity:calc(var(--bar-opacity, .4) * .5)}to{transform:scaleY(0);opacity:0}}.wave-bar{position:absolute;bottom:0;width:2.5%;border-radius:0;transform-origin:bottom center;animation:wave-spike 1.2s ease-out forwards}@keyframes lfg-echo{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.lfg-text{position:absolute;font-family:var(--font-family-mono);font-weight:var(--weight-light);text-transform:lowercase;letter-spacing:var(--tracking-mono);opacity:0;animation:lfg-echo 1s ease-out forwards}@keyframes smoke-billow{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}20%{opacity:var(--smoke-opacity, .3)}55%{opacity:var(--smoke-opacity, .3);transform:translate(calc(-50% + var(--smoke-drift, 0px)),calc(-50% - var(--smoke-rise, 20px) * .5)) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + var(--smoke-drift, 0px) * 2),calc(-50% - var(--smoke-rise, 20px))) scale(1.6)}}.smoke-cloud{position:absolute;opacity:0;animation:smoke-billow 3.8s ease-out forwards}.smoke-blob{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(170,170,185,.5) 0%,rgba(140,140,160,.15) 50%,transparent 70%)}.room-animation-earthquake{animation:earthquake-shake .6s ease-out 3}@keyframes earthquake-shake{0%,to{transform:translate(0)}10%{transform:translate(-8px,4px)}20%{transform:translate(6px,-6px)}30%{transform:translate(-10px,-2px)}40%{transform:translate(8px,6px)}50%{transform:translate(-4px,-8px)}60%{transform:translate(10px,2px)}70%{transform:translate(-6px,6px)}80%{transform:translate(4px,-4px)}90%{transform:translate(-2px,8px)}}.earthquake-crack{position:absolute;left:50%;top:50%;width:2px;height:var(--crack-length, 30%);background:linear-gradient(to bottom,rgba(244,88,54,.7),transparent);transform-origin:top center;transform:rotate(var(--crack-angle, 0deg));animation:crack-spread .8s ease-out forwards}@keyframes crack-spread{0%{height:0;opacity:0}30%{opacity:1}to{height:var(--crack-length, 30%);opacity:0}}.earthquake-debris{position:absolute;animation:debris-fly 1.2s ease-out forwards}@keyframes debris-fly{0%{transform:translate(0) scale(1);opacity:.8}to{transform:translate(calc((var(--x, 0) - .5) * 200px),100px) scale(0);opacity:0}}.strobe-flash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:strobe-pulse .12s ease-out forwards}@keyframes strobe-pulse{0%{opacity:0}20%{opacity:.25}to{opacity:0}}.aurora-band{position:absolute;left:-30%;width:160%;border-radius:40% 60% 50% 40%/50% 40% 60% 50%;opacity:0;filter:blur(60px);mix-blend-mode:screen;animation:aurora-flow 5s ease-in-out forwards}.aurora-band:nth-child(odd){border-radius:60% 40% 45% 55%/45% 55% 40% 60%}@keyframes aurora-flow{0%{opacity:0;transform:translate(0) translateY(0) scaleX(.7) skew(0)}20%{opacity:.25;transform:translate(calc(var(--aurora-drift, 20%) * .3)) translateY(-8px) scaleX(1.1) skew(-3deg)}40%{opacity:.35;transform:translate(var(--aurora-drift, 20%)) translateY(5px) scaleX(1.3) skew(4deg)}60%{opacity:.3;transform:translate(calc(var(--aurora-drift, 20%) * .5)) translateY(-12px) scaleX(1.15) skew(-2deg)}80%{opacity:.2;transform:translate(calc(var(--aurora-drift, 20%) * -.5)) translateY(3px) scaleX(.95) skew(3deg)}to{opacity:0;transform:translate(calc(var(--aurora-drift, 20%) * -1)) translateY(0) scaleX(.8) skew(0)}}.rain-drop{position:absolute;top:-20px;width:1.5px;background:linear-gradient(to bottom,transparent,rgba(69,145,147,.5));border-radius:0 0 1px 1px;animation:rain-fall linear forwards}@keyframes rain-fall{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(110vh);opacity:0}}.float-orb{position:absolute;bottom:-20px;border-radius:50%;pointer-events:none;animation:float-rise ease-in-out forwards;will-change:transform,opacity}@keyframes float-rise{0%{transform:translateZ(0);opacity:0}12%{opacity:var(--orb-peak, .55)}25%{transform:translate3d(calc(var(--float-drift) * .5),-25vh,0)}50%{transform:translate3d(var(--float-drift),-50vh,0)}75%{transform:translate3d(calc(var(--float-drift) * .3),-75vh,0)}88%{opacity:var(--orb-peak, .4)}to{transform:translate3d(0,-110vh,0);opacity:0}}.gr-overlay{animation:gr-overlay-fade 12s linear forwards;display:flex;align-items:center;justify-content:center}@keyframes gr-overlay-fade{0%,88%{opacity:1}to{opacity:0}}.gr-board{position:absolute;top:8vh;right:6vw;bottom:8vh;left:6vw;display:grid;gap:2px;pointer-events:none}.gr-dot{background:var(--text-primary);opacity:.05;border-radius:50%;align-self:center;justify-self:center;width:3px;height:3px}.gr-flash{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%) scale(.4);opacity:0;animation:gr-flash-pulse .6s cubic-bezier(.2,.7,.3,1) forwards;pointer-events:none;will-change:transform,opacity}@keyframes gr-flash-pulse{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}20%{transform:translate(-50%,-50%) scale(1.3);opacity:1}60%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(.6);opacity:0}}.rp-origin{position:absolute;pointer-events:none;width:0;height:0}.rp-ring{position:absolute;left:0;top:0;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border:1px solid var(--text-primary);border-radius:50%;opacity:0;animation:rp-expand ease-out forwards;will-change:transform,opacity}@keyframes rp-expand{0%{transform:scale(0);opacity:0}10%{opacity:.55}60%{opacity:.18}to{transform:scale(38);opacity:0}}.sn-flake{position:absolute;top:-8px;background:#e8e8f0;opacity:0;animation:sn-fall ease-in-out forwards;pointer-events:none;will-change:transform,opacity}@keyframes sn-fall{0%{transform:translateZ(0);opacity:0}10%{opacity:var(--sn-peak, .5)}50%{transform:translate3d(var(--sn-drift),50vh,0)}90%{opacity:var(--sn-peak, .5)}to{transform:translate3d(0,110vh,0);opacity:0}}.lt-overlay{animation:lt-overlay-fade 16s linear forwards}@keyframes lt-overlay-fade{0%,92%{opacity:1}to{opacity:0}}.lt-orb{position:absolute;border-radius:50%;opacity:0;animation:lt-pulse ease-in-out infinite;pointer-events:none;will-change:opacity,transform}@keyframes lt-pulse{0%,to{opacity:.05;transform:translate(0) scale(.7)}25%{opacity:.5;transform:translate(calc(var(--lt-sway, 0) * .5),calc(var(--lt-bob, 0) * -.6)) scale(.95)}50%{opacity:.9;transform:translate(var(--lt-sway, 0),var(--lt-bob, 0)) scale(1.08)}75%{opacity:.5;transform:translate(calc(var(--lt-sway, 0) * .5),calc(var(--lt-bob, 0) * .6)) scale(.95)}}.bj-overlay{animation:bj-overlay-fade 7.5s linear forwards}@keyframes bj-overlay-fade{0%,86%{opacity:1}to{opacity:0}}.bj-step{position:absolute;width:26px;height:12px;border-radius:6px/4px;background:var(--color-control, #F5901A);opacity:0;transform-origin:center;animation:bj-step-light .85s cubic-bezier(.25,.46,.45,.94) var(--bj-delay) forwards;pointer-events:none;will-change:transform,opacity,box-shadow}@keyframes bj-step-light{0%{opacity:0;transform:translate(-50%) rotate(var(--bj-rot, 0deg)) scale(.5);box-shadow:0 0 #f5901a00}18%{opacity:1;transform:translate(-50%) rotate(var(--bj-rot, 0deg)) scale(1.25);box-shadow:0 0 22px #f5901af2,0 0 40px #f4583666}40%{opacity:.92;transform:translate(-50%) rotate(var(--bj-rot, 0deg)) scale(1);box-shadow:0 0 12px #f5901a99}to{opacity:.55;transform:translate(-50%) rotate(var(--bj-rot, 0deg)) scale(1);box-shadow:0 0 6px #f5901a4d}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}