*{box-sizing:border-box;padding:0;margin:0}:root{--font-display:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Plus Jakarta Sans",sans-serif;--color-bg:#080808;--color-bg-deep:#000;--color-bg-gradient:radial-gradient(ellipse 120% 80% at 50% 0%,#111 0%,#080808 50%,#000 100%);--color-bg-elevated:#0c0c0c;--surface-glass-bg:hsla(0,0%,100%,.03);--surface-glass-bg-strong:hsla(0,0%,100%,.04);--surface-glass-bg-subtle:hsla(0,0%,100%,.02);--surface-glass-blur:20px;--surface-glass-border:1px solid hsla(0,0%,100%,.06);--surface-glass-border-color:hsla(0,0%,100%,.06);--surface-glass-border-strong:1px solid hsla(0,0%,100%,.08);--surface-glass-border-color-strong:hsla(0,0%,100%,.08);--surface-glass-shadow:0 2px 20px rgba(0,0,0,.3);--color-primary:hsla(0,0%,100%,.85);--color-primary-rgb:255,255,255;--color-primary-hover:hsla(0,0%,100%,.95);--color-primary-muted:hsla(0,0%,100%,.4);--color-primary-glow:hsla(0,0%,100%,.12);--color-primary-glow-strong:hsla(0,0%,100%,.2);--color-primary-subtle:hsla(0,0%,100%,.05);--color-primary-surface:hsla(0,0%,100%,.03);--color-text:#fff;--color-text-warm:#fff;--color-text-secondary:hsla(0,0%,100%,.45);--color-text-muted:hsla(0,0%,100%,.35);--color-text-dim:hsla(0,0%,100%,.2);--color-border:hsla(0,0%,100%,.1);--color-border-strong:hsla(0,0%,100%,.15);--color-divider:hsla(0,0%,100%,.08);--color-accent:#e2e2e2;--color-accent-rgb:226,226,226;--color-accent-muted:hsla(0,0%,89%,.5);--color-accent-subtle:hsla(0,0%,89%,.12);--color-accent-glow:hsla(0,0%,89%,.08);--color-accent-surface:hsla(0,0%,89%,.04);--ease-smooth:cubic-bezier(0.16,1,0.3,1);--color-grid-line:hsla(0,0%,100%,.02);--color-glow:hsla(0,0%,100%,.015);--layout-searchbar-height:60px;--creator-sidebar-width:240px;--creator-mobile-nav-height:0px;--page-max-width:1280px;--page-gutter-x:clamp(1rem,4vw,2rem);--page-top-offset:calc(var(--layout-searchbar-height) + env(safe-area-inset-top, 0px) + 1.5rem);--page-bottom-offset:calc(4rem + env(safe-area-inset-bottom, 0px));--live-scrollbar-thumb:hsla(0,0%,100%,.15);--live-scrollbar-thumb-hover:hsla(0,0%,100%,.3);--live-stage-bg:linear-gradient(170deg,hsla(0,0%,100%,.02),rgba(11,15,25,.95) 50%,hsla(0,0%,100%,.01));--live-stage-spotlight-bg:linear-gradient(170deg,rgba(251,191,36,.08),rgba(11,15,25,.95) 55%,rgba(251,191,36,.02));--live-stage-border:rgba(250,49,49,.08);--live-stage-text:hsla(0,0%,100%,.95);--live-stage-text-muted:hsla(0,0%,100%,.6);--live-stage-panel:rgba(11,15,25,.4);--live-stage-divider:hsla(0,0%,100%,.08);--live-stage-text-dim:hsla(0,0%,100%,.48);--live-stage-text-subtle:hsla(0,0%,100%,.35);--live-progress-track:hsla(0,0%,100%,.12);--live-progress-track-grid:hsla(0,0%,100%,.08);--live-volume-popover-bg:rgba(11,15,25,.95);--live-volume-popover-shadow:0 8px 32px rgba(0,0,0,.7),0 0 24px hsla(0,0%,100%,.08);--live-volume-track-bg:hsla(0,0%,100%,.2);--live-chip-bg:hsla(0,0%,100%,.08);--live-chip-border:hsla(0,0%,100%,.12);--live-popover-bg:rgba(5,5,5,.96);--live-popover-border:hsla(0,0%,100%,.08);--live-popover-divider:hsla(0,0%,100%,.07);--live-popover-shadow:0 20px 56px rgba(0,0,0,.75),0 0 0 1px hsla(0,0%,100%,.05);--live-tooltip-bg:rgba(8,10,18,.9);--live-grade-tile-bg:hsla(0,0%,100%,.04);--live-grade-slider-bg:hsla(0,0%,100%,.08);--live-grade-slider-bg-hover:hsla(0,0%,100%,.12);--live-grade-slider-fill-empty:hsla(0,0%,100%,.15);--live-grade-label-empty:hsla(0,0%,100%,.5);--live-grade-btn-bg:hsla(0,0%,100%,.06);--live-grade-btn-border:hsla(0,0%,100%,.1);--live-grade-btn-color:hsla(0,0%,100%,.55);--searchbar-bg:rgba(0,0,0,.82);--searchbar-border:hsla(0,0%,100%,.08);--searchbar-shadow:0 8px 32px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.04)}input[type=range].room-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:transparent;cursor:pointer}input[type=range].room-player-volume-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:transparent;border:none;cursor:pointer}input[type=range].room-player-volume-slider::-webkit-slider-runnable-track{height:4px;background:transparent;cursor:pointer}input[type=range].room-player-volume-slider::-moz-range-track{height:4px;background:transparent;cursor:pointer}.room-player-volume{flex-shrink:0}.glass-panel{position:relative;overflow:hidden;isolation:isolate;background:transparent;border:1px solid hsla(0,0%,100%,.12);border-radius:2rem;box-shadow:none}.glass-panel:after,.glass-panel:before{display:none}.glass-panel.glass-panel--now-playing{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12)}.glass-panel.glass-panel--now-playing:before{backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);mask-image:radial-gradient(ellipse 78% 72% at 50% 50%,transparent 42%,rgba(0,0,0,.55) 72%,#000 100%);-webkit-mask-image:radial-gradient(ellipse 78% 72% at 50% 50%,transparent 42%,rgba(0,0,0,.55) 72%,#000 100%)}.glass-panel.glass-panel--now-playing:after,.glass-panel.glass-panel--now-playing:before{display:block;content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none}.glass-panel.glass-panel--now-playing:after{background:linear-gradient(180deg,hsla(0,0%,100%,.09),transparent 10%),radial-gradient(ellipse 92% 88% at 50% 50%,transparent 48%,rgba(0,0,0,.22) 88%,rgba(0,0,0,.38) 100%)}.glass-panel>*{position:relative;z-index:1}[data-viewer=true] .glass-panel{border:1px solid hsla(0,0%,100%,.1);box-shadow:none}[data-now-playing-blur=true] .glass-panel{background:hsla(0,0%,4%,.05);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}[data-now-playing-blur=true] .glass-panel.glass-panel--now-playing:after,[data-now-playing-blur=true] .glass-panel.glass-panel--now-playing:before{display:none}[data-now-playing-blur=true][data-viewer=true] .glass-panel{background:hsla(0,0%,4%,.55);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 8px 32px rgba(0,0,0,.35)}.glass-panel.glass-panel--favorited{border-color:rgba(250,204,21,.42);box-shadow:0 0 36px -10px rgba(250,204,21,.28),inset 0 0 28px -14px rgba(250,204,21,.06)}.glass-panel.glass-panel--now-playing.glass-panel--favorited{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 0 36px -10px rgba(250,204,21,.28),inset 0 0 28px -14px rgba(250,204,21,.06)}[data-viewer=true] .glass-panel.glass-panel--favorited{border-color:rgba(250,204,21,.38);box-shadow:0 8px 32px rgba(0,0,0,.35),0 0 32px -10px rgba(250,204,21,.24),inset 0 0 24px -14px rgba(250,204,21,.05)}.live-smoky-bg-wrap{position:absolute;inset:0;z-index:0;background:#000;pointer-events:none;overflow:hidden}.live-smoky-bg-wrap:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#000 0,rgba(0,0,0,.92) 6%,rgba(0,0,0,.55) 12%,transparent 24%,transparent 76%,rgba(0,0,0,.55) 88%,rgba(0,0,0,.92) 94%,#000)}.live-smoky-bg{position:absolute;left:0;right:0;top:50%;width:100%;height:82%;object-fit:cover;object-position:center center;transform:translateY(-50%) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 8%,#000 18%,#000 82%,rgba(0,0,0,.35) 92%,transparent);mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.35) 8%,#000 18%,#000 82%,rgba(0,0,0,.35) 92%,transparent)}.live-smoky-bg--owner{filter:contrast(1.06) saturate(1.05)}.live-side-panel-scrim-left{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.42) 72%,transparent)}.live-side-panel-scrim-right{background:linear-gradient(270deg,rgba(0,0,0,.78),rgba(0,0,0,.42) 72%,transparent)}.live-side-panel{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.live-side-panel__header{flex-shrink:0;overflow:visible}.live-side-panel__scroll{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto}.live-side-panel__header [data-tooltip]:after{bottom:auto;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px)}.live-side-panel__header [data-tooltip]:hover:after{transform:translateX(-50%) translateY(0)}@media (max-width:767px){.live-mobile-queue-section{flex-shrink:0}.live-mobile-queue-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:.5rem;padding:0 .15rem;overflow:visible}.live-mobile-queue-section__header [data-tooltip]:after{bottom:auto;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px)}.live-mobile-queue-section__header [data-tooltip]:hover:after{transform:translateX(-50%) translateY(0)}.live-mobile-queue-section__title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:hsla(0,0%,100%,.55)}.live-mobile-queue-section__list{display:flex;flex-direction:column;gap:.55rem;padding-left:1.25rem;margin-left:.35rem;border-left:1px solid hsla(0,0%,100%,.08)}.live-mobile-queue-section__scroll{display:flex;flex-direction:column;gap:.4rem;overflow-x:hidden;overflow-y:auto}.glass-panel.glass-panel--now-playing{border-radius:1.25rem;overflow:visible}.live-np-header-row{flex-direction:column;align-items:stretch;gap:.65rem;margin-bottom:.85rem!important}.live-np-owner-actions{gap:.4rem;max-width:none;width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;justify-content:flex-start}.live-np-owner-actions::-webkit-scrollbar{display:none}.live-np-owner-actions .np-ctrl-btn{width:34px;height:34px;flex-shrink:0}.live-np-owner-actions .np-ctrl-btn svg{width:15px;height:15px}.room-player-transport{flex-shrink:0;padding-bottom:.15rem}.live-mobile-queue-section__scroll{max-height:min(18vh,108px)}.live-mobile-owner-rail{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:stretch;justify-content:space-around;gap:.15rem;padding:.45rem .35rem calc(.45rem + env(safe-area-inset-bottom, 0px));background:rgba(0,0,0,.92);border-top:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.live-mobile-owner-rail__btn{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.35rem .15rem;background:transparent;border:none;border-radius:.5rem;color:hsla(0,0%,100%,.45);cursor:pointer;transition:color .15s ease,background .15s ease}.live-mobile-owner-rail__btn span{font-size:.48rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.live-mobile-owner-rail__btn:active{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.85)}[data-mobile-owner=true] .live-layout-wordmark-patch{display:none}}.live-queue-card{transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease,-webkit-backdrop-filter .25s ease}.live-queue-card__title{text-shadow:0 1px 3px rgba(0,0,0,.45)}.live-queue-card__artist{text-shadow:0 1px 2px rgba(0,0,0,.35)}.live-queue-card--glass{background:hsla(0,0%,100%,.08);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid hsla(0,0%,100%,.18);box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.08)}.live-queue-card--glass:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.22)}.live-queue-card--history,.live-queue-card--timeline{background:transparent;border:1px solid transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;cursor:pointer}.live-queue-card--timeline .live-queue-card__title{color:hsla(0,0%,100%,.82)}.live-queue-card--timeline .live-queue-card__artist{color:hsla(0,0%,100%,.45)}.live-queue-card--history .live-queue-card__title{color:hsla(0,0%,100%,.78)}.live-queue-card--history .live-queue-card__artist{color:hsla(0,0%,100%,.42)}.live-queue-card--history .live-queue-card__icon{opacity:.28}.live-queue-card--history:hover,.live-queue-card--timeline:hover{background:hsla(0,0%,100%,.09);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-color:hsla(0,0%,100%,.2);box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.1)}.live-queue-card--timeline:hover .live-queue-card__title{color:#fff}.live-queue-card--timeline:hover .live-queue-card__artist{color:hsla(0,0%,100%,.55)}.live-queue-card--history:hover .live-queue-card__title{color:hsla(0,0%,100%,.95)}.live-queue-card--history:hover .live-queue-card__artist{color:hsla(0,0%,100%,.52)}.live-queue-card--history:hover .live-queue-card__icon{opacity:.55}.live-queue-card--selected{background:hsla(0,0%,100%,.08);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-color:hsla(0,0%,100%,.18)!important;box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.08)}.live-queue-card--selected .live-queue-card__title{color:hsla(0,0%,100%,.95)}.live-queue-card--selected .live-queue-card__artist{color:hsla(0,0%,100%,.52)}.live-queue-card--selected.live-queue-card--history .live-queue-card__icon{opacity:.5}[data-live-layout=reference] .live-layout-ref-hide{display:none!important}[data-live-layout=reference] .live-side-panel-scrim-left,[data-live-layout=reference] .live-side-panel-scrim-right{background:transparent}[data-live-layout=reference] .live-layout-grain{display:none}[data-live-layout=reference] .bg-grid-dots{opacity:.35}[data-live-layout=reference] .live-queue-card--reference-row .live-queue-card__artist{text-transform:none;letter-spacing:normal}[data-live-layout=reference] .live-np-owner-actions{display:none}.queue-now-playing-smoke-bg{position:absolute;inset:0;z-index:0;background-image:-webkit-image-set(url("/smoky-bg.webp") type("image/webp"),url("/smoky-bg.png") type("image/png"));background-image:image-set(url("/smoky-bg.webp") type("image/webp"),url("/smoky-bg.png") type("image/png"));background-size:cover;background-position:50%;pointer-events:none}.queue-now-playing-smoke-bg:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.38)}.queue-now-playing-blur-bg,.queue-now-playing-gradient-overlay,[data-now-playing-blur=true] .queue-now-playing-smoke-bg{display:none}[data-now-playing-blur=true] .queue-now-playing-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(125deg,rgba(18,18,22,.98),rgba(6,6,8,.99) 55%,rgba(10,10,14,.98))!important}[data-now-playing-blur=true] .queue-now-playing-blur-bg,[data-now-playing-blur=true] .queue-now-playing-gradient-overlay{display:block}[data-hide-cover-art=true] .queue-now-playing-blur-bg{display:none!important}.live-queue-table-wrap{flex:0 1 auto;width:100%;margin-top:.75rem;border:1px solid hsla(0,0%,100%,.1);border-radius:14px;overflow:hidden;background:hsla(0,0%,100%,.02);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}.live-queue-table-wrap--light{border-color:rgba(0,0,0,.08);background:hsla(0,0%,100%,.72);box-shadow:0 1px 2px rgba(15,23,42,.04),inset 0 1px 0 hsla(0,0%,100%,.9)}.live-queue-table-wrap--placeholder{border:none;box-shadow:none}.live-queue-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .85rem;border-bottom:1px solid hsla(0,0%,100%,.08);background:rgba(8,8,10,.72)}.live-queue-table-wrap--light .live-queue-table-toolbar{border-bottom-color:rgba(0,0,0,.06);background:hsla(0,0%,100%,.92)}.live-queue-table-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.65rem;padding:.2rem .55rem;border-radius:999px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.55);font-size:.58rem;font-weight:800;letter-spacing:.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.live-queue-table-wrap--light .live-queue-table-count{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:rgba(24,21,26,.55)}.live-queue-table-scroll{max-height:min(420px,42vh);overflow:auto}.live-queue-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.72rem}.live-queue-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:2;padding:.7rem .85rem;text-align:left;font-size:.55rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:hsla(0,0%,100%,.42);background:rgba(10,10,12,.96);border-bottom:1px solid hsla(0,0%,100%,.08);white-space:nowrap}.live-queue-table-scroll--light .live-queue-table thead th{color:rgba(24,21,26,.5);background:hsla(0,0%,98%,.98);border-bottom-color:rgba(0,0,0,.06)}.live-queue-table-col-num{width:52px;text-align:center!important}.live-queue-table-col-type{width:68px;text-align:right!important}.live-queue-table-row{transition:background .14s ease}.live-queue-table-row:not(:last-of-type) .live-queue-table-cell{border-bottom:1px solid hsla(0,0%,100%,.06)}.live-queue-table-scroll--light .live-queue-table-row:not(:last-of-type) .live-queue-table-cell{border-bottom-color:rgba(0,0,0,.05)}.live-queue-table-row--interactive{cursor:pointer}.live-queue-table-row--interactive:hover{background:hsla(0,0%,100%,.035)}.live-queue-table-scroll--light .live-queue-table-row--interactive:hover{background:rgba(0,0,0,.03)}.live-queue-table-row--next{background:rgba(16,185,129,.07)}.live-queue-table-row--next:hover{background:rgba(16,185,129,.1)}.live-queue-table-row--confirm-open{background:rgba(16,185,129,.05)}.live-queue-table-cell{padding:.72rem .85rem;vertical-align:middle}.live-queue-table-cell-num{text-align:center;color:hsla(0,0%,100%,.42);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.live-queue-table-scroll--light .live-queue-table-cell-num{color:rgba(24,21,26,.45)}.live-queue-table-cell-title{font-weight:700;color:hsla(0,0%,100%,.92);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.live-queue-table-scroll--light .live-queue-table-cell-title{color:rgba(24,21,26,.92)}.live-queue-table-cell-artist{color:hsla(0,0%,100%,.62);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.live-queue-table-scroll--light .live-queue-table-cell-artist{color:rgba(24,21,26,.58)}.live-queue-table-cell-muted{color:hsla(0,0%,100%,.42);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}.live-queue-table-scroll--light .live-queue-table-cell-muted{color:rgba(24,21,26,.45)}.live-queue-table-cell-type{text-align:right}.live-queue-table-next-badge{display:inline-flex;align-items:center;gap:4px;padding:.15rem .45rem;border-radius:999px;background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.28);color:#34d399;font-size:.52rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.live-queue-table-next-dot{width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.55)}.live-queue-table-type-pill{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.18rem .45rem;border-radius:999px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.55);font-size:.52rem;font-weight:800;letter-spacing:.06em}.live-queue-table-scroll--light .live-queue-table-type-pill{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:rgba(24,21,26,.55)}.live-queue-table-tier-cell{display:flex;gap:4px;flex-wrap:wrap}.live-queue-table-confirm-row td{padding:.65rem .85rem .75rem;background:rgba(16,185,129,.06);border-bottom:1px solid hsla(0,0%,100%,.06)}.live-queue-table-scroll--light .live-queue-table-confirm-row td{background:rgba(167,243,208,.08);border-bottom-color:rgba(0,0,0,.05)}.live-queue-table-confirm-inner{display:flex;align-items:center;justify-content:space-between;gap:.85rem}.live-queue-table-confirm-text{margin:0;font-size:.62rem;font-weight:600;color:hsla(0,0%,100%,.62);line-height:1.45}.live-queue-table-scroll--light .live-queue-table-confirm-text{color:rgba(24,21,26,.58)}.live-queue-table-confirm-btn{flex-shrink:0;padding:.35rem .85rem;border:none;border-radius:999px;background:rgba(16,185,129,.18);color:#34d399;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .14s ease,transform .14s ease}.live-queue-table-confirm-btn:hover:not(:disabled){background:rgba(16,185,129,.28);transform:translateY(-1px)}.live-queue-table-confirm-btn:disabled{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.35);cursor:not-allowed}.bg-grid-dots{background-image:radial-gradient(hsla(0,0%,100%,.03) 1px,transparent 0);background-size:24px 24px}body,html{max-width:100vw;overflow-x:hidden}body{font-family:var(--font-body);background:var(--color-bg-gradient);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes buttonShimmer{0%{left:-100%}to{left:100%}}@keyframes buttonPulse{0%,to{box-shadow:0 0 18px hsla(0,0%,100%,.05),inset 0 0 12px hsla(0,0%,100%,.03)}50%{box-shadow:0 0 28px hsla(0,0%,100%,.08),inset 0 0 16px hsla(0,0%,100%,.04)}}@keyframes hero-pill-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes heroGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes heroGlow{0%,to{text-shadow:0 0 12px rgba(var(--color-primary-rgb),.06)}50%{text-shadow:0 0 20px rgba(var(--color-primary-rgb),.12)}}@media (max-width:640px){.feature-grid-2x2{grid-template-columns:1fr!important}}@media (max-width:768px){.home-landing-main{padding-top:calc(60px + env(safe-area-inset-top, 0px) + 2rem + min(5vh, 1.25rem))!important;gap:clamp(2rem,5.5vh,3rem)!important}.home-landing-main .hero-section{gap:clamp(1rem,2.5vw,1.35rem)!important}}@media (min-width:900px){.hero-headline{letter-spacing:-.02em;line-height:1.2}.hero-headline-accent{-webkit-font-smoothing:antialiased}}.home-landing-main .landing-hero-copy-wrap{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;width:100%;max-width:860px;padding:clamp(1.25rem,3vw,2rem) clamp(1rem,3vw,2.5rem)}.home-landing-main .landing-hero-copy-wrap:before{content:"";position:absolute;inset:-1.5rem -2rem;z-index:-1;pointer-events:none;border-radius:28px;background:radial-gradient(ellipse 88% 115% at 50% 42%,rgba(0,0,0,.62) 0,rgba(0,0,0,.28) 52%,transparent 78%)}.home-landing-main .hero-headline{text-shadow:0 2px 10px rgba(0,0,0,.85),0 0 36px rgba(0,0,0,.45)}.home-landing-main .hero-headline-accent{color:#6ee7b7;text-shadow:0 0 20px rgba(16,185,129,.35),0 2px 10px rgba(0,0,0,.85)}.home-landing-main .landing-hero-subcopy{color:hsla(0,0%,100%,.86);text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 22px rgba(0,0,0,.55)}.home-landing-main .landing-hero-ctas{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center}.home-landing-main .landing-btn-primary{font-family:var(--font-display);border-radius:999px;padding:.78rem 1.85rem;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:1px solid rgba(110,231,183,.55);cursor:pointer;transition:transform .22s var(--ease-smooth),box-shadow .22s var(--ease-smooth),border-color .22s ease,filter .22s ease;box-shadow:0 4px 18px rgba(0,0,0,.45),0 0 28px rgba(16,185,129,.32)}.home-landing-main .landing-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06);border-color:rgba(167,243,208,.75);box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 36px rgba(16,185,129,.42)}.home-landing-main .landing-btn-primary:active{transform:translateY(0)}.home-landing-main .landing-btn-secondary{font-family:var(--font-display);border-radius:999px;padding:.78rem 1.85rem;font-size:.8125rem;font-weight:600;letter-spacing:.02em;color:hsla(0,0%,100%,.94);background:rgba(0,0,0,.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid hsla(0,0%,100%,.28);cursor:pointer;transition:transform .22s var(--ease-smooth),background .22s ease,border-color .22s ease,box-shadow .22s ease;text-shadow:0 1px 3px rgba(0,0,0,.75);box-shadow:0 4px 16px rgba(0,0,0,.35)}.home-landing-main .landing-btn-secondary:hover{transform:translateY(-2px);background:rgba(0,0,0,.52);border-color:hsla(0,0%,100%,.42);box-shadow:0 8px 22px rgba(0,0,0,.42)}.home-landing-main .landing-btn-secondary:active{transform:translateY(0)}@keyframes marqueeScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes buttonGlowPulse{0%,to{box-shadow:0 0 18px rgba(var(--color-primary-rgb),.08)}50%{box-shadow:0 0 28px rgba(var(--color-primary-rgb),.14)}}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-smooth),transform .7s var(--ease-smooth);will-change:opacity,transform}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.button-shimmer{animation:buttonShimmer 3s infinite}@keyframes profileModalBackdropIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes profileModalContentIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes profileModalTileStagger{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-modal-backdrop{animation:profileModalBackdropIn .25s var(--ease-smooth) forwards}.profile-modal-panel{animation:profileModalContentIn .35s var(--ease-smooth) forwards}.profile-modal-tile{transition:background .2s ease,border-color .2s ease}.profile-modal-tile:hover{background:hsla(0,0%,100%,.08)!important;border-color:hsla(0,0%,100%,.14)!important}.profile-modal-tile:active{background:hsla(0,0%,100%,.06)!important}@keyframes settingsSectionReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.settings-section-reveal{animation:settingsSectionReveal .5s var(--ease-smooth) forwards}.create-session-btn{animation:buttonPulse 2s ease-in-out infinite}.btn-primary{font-family:var(--font-body);padding:1rem 2rem;font-size:.9375rem;font-weight:600;letter-spacing:.02em;color:#fff;background:hsla(0,0%,100%,.03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.12);border-radius:12px;cursor:pointer;transition:transform .25s var(--ease-smooth),box-shadow .25s var(--ease-smooth),background .25s var(--ease-smooth),border-color .25s ease;box-shadow:0 0 18px hsla(0,0%,100%,.05),inset 0 0 12px hsla(0,0%,100%,.03),0 2px 16px rgba(0,0,0,.3);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent)}.btn-primary:hover{transform:translateY(-2px);background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.15);box-shadow:0 0 28px hsla(0,0%,100%,.06),inset 0 0 16px hsla(0,0%,100%,.04),0 4px 24px rgba(0,0,0,.4)}.btn-primary:active{transform:translateY(0);box-shadow:0 0 10px hsla(0,0%,100%,.04),inset 0 0 8px hsla(0,0%,100%,.02)}.btn-secondary{font-family:var(--font-body);padding:1rem 2rem;font-size:.9375rem;font-weight:600;letter-spacing:.02em;color:var(--color-text);background:var(--surface-glass-bg);border:var(--surface-glass-border);border-radius:14px;cursor:pointer;backdrop-filter:blur(var(--surface-glass-blur));-webkit-backdrop-filter:blur(var(--surface-glass-blur));transition:transform .25s var(--ease-smooth),box-shadow .25s var(--ease-smooth),background .25s ease,border-color .25s ease}.btn-secondary:hover{transform:translateY(-2px);background:var(--surface-glass-bg-strong);border-color:rgba(var(--color-primary-rgb),.35);box-shadow:0 12px 28px rgba(0,0,0,.4)}.btn-secondary:active{transform:translateY(0)}.creator-proofline{font-family:var(--font-body);font-size:clamp(.72rem,1.05vw,.86rem);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-primary-muted);text-align:center}.cta-cluster{padding:0;border:none;background:transparent;box-shadow:none}.cta-cluster .btn-primary,.cta-cluster .btn-secondary{min-width:185px}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid rgba(var(--color-primary-rgb),.8);outline-offset:2px}.layout-grid{background-image:linear-gradient(var(--color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 1px);background-size:40px 40px}.layout-glow{background:radial-gradient(circle at 50% 0,var(--color-glow) 0,transparent 60%)}.app-page{box-sizing:border-box;display:flex;flex-direction:column;width:100%;max-width:var(--page-max-width);min-height:100vh;margin-inline:auto;padding:var(--page-top-offset) var(--page-gutter-x) var(--page-bottom-offset)}@media (max-width:768px){.app-page{--page-top-offset:calc(var(--layout-searchbar-height) + env(safe-area-inset-top, 0px) + 1rem);--page-bottom-offset:calc(2.5rem + env(safe-area-inset-bottom, 0px))}}.app-page--wide{max-width:1440px}.app-page--flush{max-width:none;margin-inline:0}.creator-app-shell{position:relative;min-height:100vh;--creator-mobile-nav-height:0px}.creator-app-shell__main{min-width:0}.creator-app-shell--with-sidebar .creator-app-shell__main{margin-left:var(--creator-sidebar-width);transition:margin-left .22s ease}.creator-sidebar{position:fixed;top:var(--layout-searchbar-height);left:0;z-index:900;width:var(--creator-sidebar-width);height:calc(100vh - var(--layout-searchbar-height));padding:1rem .75rem 1.25rem max(.75rem,env(safe-area-inset-left,0px));border-right:1px solid hsla(0,0%,100%,.08);background:rgba(8,8,10,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-sizing:border-box;transition:transform .22s ease,opacity .22s ease}.creator-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;padding:0 .375rem}.creator-sidebar__toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;background:hsla(0,0%,100%,.04);color:hsla(30,33%,94%,.55);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.creator-sidebar__toggle:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.16);color:hsla(30,33%,94%,.88)}.creator-sidebar-expand{position:fixed;top:calc(var(--layout-searchbar-height) + .75rem);left:max(.5rem,env(safe-area-inset-left,0px));z-index:900;display:flex;align-items:center;justify-content:center;width:2rem;height:2.25rem;padding:0;border:1px solid hsla(0,0%,100%,.1);border-left:none;border-radius:0 10px 10px 0;background:rgba(8,8,10,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:hsla(30,33%,94%,.65);cursor:pointer;box-shadow:4px 0 16px rgba(0,0,0,.25);transition:background .15s ease,color .15s ease,border-color .15s ease}.creator-sidebar-expand:hover{background:rgba(16,16,18,.95);border-color:hsla(0,0%,100%,.18);color:hsla(30,33%,94%,.95)}.creator-sidebar__inner{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.12) transparent}.creator-sidebar__title{margin:0;font-family:var(--font-display);font-size:.875rem;font-weight:700;letter-spacing:-.02em;color:hsla(30,33%,94%,.92)}.creator-app-shell--with-mobile-nav{--creator-mobile-nav-height:calc(3.85rem + env(safe-area-inset-bottom, 0px))}.creator-app-shell--with-mobile-nav .creator-app-shell__main{padding-bottom:var(--creator-mobile-nav-height)}.creator-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:1002;justify-content:space-around;gap:.15rem;min-height:calc(3.85rem + env(safe-area-inset-bottom, 0px));padding:.55rem .5rem calc(.5rem + env(safe-area-inset-bottom, 0px));border-top:1px solid hsla(0,0%,100%,.08);background:rgba(8,8,10,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-sizing:border-box}.creator-mobile-nav,.creator-mobile-nav__item{display:flex;align-items:center;overflow:visible}.creator-mobile-nav__item{flex:1 1;min-width:0;max-width:5.5rem;flex-direction:column;justify-content:flex-start;gap:.28rem;padding:.2rem .15rem .1rem;border:none;border-radius:10px;background:transparent;color:hsla(30,33%,94%,.45);cursor:pointer;transition:color .15s ease,background .15s ease}.creator-mobile-nav__item--active{color:#f5f0eb;background:hsla(0,0%,89%,.08)}.creator-mobile-nav__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-height:24px;flex-shrink:0;overflow:visible;line-height:0}.creator-mobile-nav__icon svg{display:block;width:20px;height:20px;overflow:visible}.creator-mobile-nav__label{font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.creator-mobile-nav__backdrop{position:fixed;inset:0;z-index:10040;border:none;padding:0;margin:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}.creator-mobile-nav__sheet{position:fixed;left:0;right:0;bottom:0;z-index:10041;max-height:min(78vh,520px);overflow-y:auto;padding:.5rem .85rem calc(1rem + env(safe-area-inset-bottom, 0px));border-radius:18px 18px 0 0;border:1px solid hsla(0,0%,100%,.1);border-bottom:none;background:rgba(10,10,12,.97);box-shadow:0 -12px 40px rgba(0,0,0,.45);animation:creatorMobileSheetIn .28s var(--ease-smooth) both}.creator-mobile-nav__sheet-handle{width:2.25rem;height:.22rem;margin:.15rem auto .65rem;border-radius:999px;background:hsla(0,0%,100%,.18)}.creator-mobile-nav__sheet-title{margin:0 0 .65rem .25rem;font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:-.02em;color:hsla(30,33%,94%,.92)}@keyframes creatorMobileSheetIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.creator-app-shell--with-sidebar .creator-app-shell__main{margin-left:0}.creator-sidebar{display:none!important}}.app-page--centered{align-items:center;justify-content:center}.app-page--gap-sm{gap:1rem}.app-page--gap-md{gap:1.25rem}.app-page--gap-lg{gap:2rem}.app-page--atmospheric{position:relative;z-index:1;background:transparent}.app-atmosphere-bg{position:fixed;inset:0;z-index:0;pointer-events:none}.app-atmosphere-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,.12) 0,rgba(0,0,0,.52) 100%)}.app-page--atmospheric .glass-panel{background:rgba(8,8,8,.68)!important;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 8px 32px rgba(0,0,0,.35)}.app-page--atmospheric .glass-panel.glass-panel--now-playing:after,.app-page--atmospheric .glass-panel.glass-panel--now-playing:before{display:none}.app-page--atmospheric .live-queue-card--history,.app-page--atmospheric .live-queue-card--timeline{background:rgba(8,8,8,.52);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 16px rgba(0,0,0,.28)}.app-page--atmospheric .bracket-canvas-shell,.app-page--atmospheric .bracket-glass-surface{background:rgba(8,8,8,.68)!important;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.app-page--atmospheric h1,.app-page--atmospheric h2,.app-page--atmospheric h3{text-shadow:0 2px 12px rgba(0,0,0,.75)}.bracket-canvas-shell,.bracket-glass-surface{background:transparent;border:1px solid hsla(0,0%,100%,.12)}.bracket-canvas-shell{position:relative;overflow:hidden;border-radius:16px}@keyframes bracketLobbyMetaIn{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bracket-lobby-meta-tooltip a:hover{text-decoration:underline}.profile-mobile-shell{padding-top:calc(var(--layout-searchbar-height) + env(safe-area-inset-top, 0px) + 1rem)}.page-grid-2col{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem}@media (min-width:769px){.page-grid-2col--wide-narrow{grid-template-columns:2fr 1fr}}.rooms-create-card,.rooms-live-hero{transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--ease-smooth,ease),background .25s ease}.rooms-create-card:hover,.rooms-live-hero:hover{transform:translateY(-2px)}.app-page--atmospheric .rooms-live-hero{transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--ease-smooth,ease)}.app-page--atmospheric .profile-live-card,.app-page--atmospheric .rooms-live-hero{background:rgba(8,8,8,.72)!important;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 8px 40px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.06)}.app-page--atmospheric .profile-live-card:hover,.app-page--atmospheric .rooms-live-hero:hover{border-color:rgba(16,185,129,.35)!important;box-shadow:0 14px 48px rgba(0,0,0,.52),0 0 40px rgba(16,185,129,.1)}.app-page--atmospheric .rooms-create-card{background:rgba(8,8,8,.42)!important;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);border-style:dashed!important;transition:border-color .25s ease,background .25s ease,transform .25s var(--ease-smooth,ease)}.app-page--atmospheric .rooms-create-card:hover{border-color:hsla(0,0%,100%,.22)!important;background:hsla(0,0%,5%,.58)!important}.app-page--atmospheric .rooms-create-card:hover .rooms-create-icon{border-color:hsla(0,0%,100%,.35);background:hsla(0,0%,100%,.08);transform:rotate(90deg)}.rooms-create-icon{transition:transform .35s var(--ease-smooth,ease),border-color .25s ease,background .25s ease}@keyframes roomsHeroIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.rooms-page-hero-enter{animation:roomsHeroIn .55s var(--ease-smooth,ease) both}.rooms-page-hero-enter--delay{animation-delay:.08s}@media (prefers-reduced-motion:reduce){.rooms-page-hero-enter,.rooms-page-hero-enter--delay{animation:none}.app-page--atmospheric .rooms-create-card:hover,.app-page--atmospheric .rooms-live-hero:hover,.rooms-create-card:hover .rooms-create-icon{transform:none}}.rooms-page-hero-grid{max-width:640px}@media (min-width:769px){.rooms-page-hero-grid.rooms-page-hero-grid--with-create{max-width:920px;grid-template-columns:minmax(0,520px) minmax(0,1fr)}}.page-hero-card{min-height:clamp(12rem,38vw,20rem)}@media (max-width:768px){.page-hero-card{min-height:auto}}.page-hero-footer{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem}@media (max-width:640px){.page-hero-footer{flex-direction:column;align-items:stretch}.page-hero-footer>button{width:100%;justify-content:center}}.rooms-queue-stat{gap:.2rem;padding:.7rem 1rem;border-radius:10px;border:1px solid hsla(0,0%,100%,.1);min-width:96px;flex-shrink:0}.rooms-queue-stat,.rooms-queue-stat__copy,.rooms-queue-stat__main{display:flex;flex-direction:column;align-items:flex-end}.rooms-queue-stat__copy{text-align:right}.rooms-queue-stat__label{margin:0;font-size:.58rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;line-height:1.2}.rooms-queue-stat__hint{display:none}.rooms-queue-stat__count{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.35rem);font-weight:800;margin:.25rem 0 0;letter-spacing:-.04em;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rooms-queue-stat__avatars{display:none;align-items:center;flex-shrink:0}.rooms-queue-stat__avatar{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--rooms-queue-ring,#000)}.rooms-queue-stat__avatar+.rooms-queue-stat__avatar{margin-left:-7px}@media (max-width:640px){.page-hero-footer .rooms-queue-stat{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-width:0;padding:.85rem 1rem}.rooms-queue-stat__main{flex-direction:row;align-items:center;gap:.75rem;min-width:0;flex:1 1}.rooms-queue-stat__avatars{display:flex}.rooms-queue-stat__copy{align-items:flex-start;text-align:left;min-width:0}.rooms-queue-stat__hint{display:block;margin:.2rem 0 0;font-size:.72rem;font-weight:600;line-height:1.35}.rooms-queue-stat__count{margin:0;font-size:clamp(2rem,8vw,2.5rem);flex-shrink:0}}.page-list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}@media (max-width:640px){.page-list-row{flex-direction:column;align-items:stretch}.page-list-row__aside{display:flex;align-items:center;justify-content:space-between;text-align:left!important}}@keyframes live-email-stage-confirm-accordion{0%{opacity:0;max-height:0}to{opacity:1;max-height:72px}}.live-email-stage-confirm-enter{overflow:hidden;will-change:max-height,opacity;animation:live-email-stage-confirm-accordion .52s var(--ease-smooth) both}@media (prefers-reduced-motion:reduce){.live-email-stage-confirm-enter{animation:none;opacity:1;max-height:none;overflow:visible;will-change:auto}}.glass-surface{background:hsla(0,0%,100%,.03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px 0 rgba(0,0,0,.3)}.discover-panel{background:#121212;border:1px solid hsla(0,0%,100%,.12);border-radius:16px;box-shadow:none;transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--ease-smooth,ease),background .25s ease}.app-page--atmospheric .discover-panel{background:rgba(8,8,8,.68)!important;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.05)}.discover-live-card{border-radius:16px;overflow:hidden;cursor:pointer;background:#121212;border:1px solid hsla(0,0%,100%,.12);transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--ease-smooth,ease)}.app-page--atmospheric .discover-live-card{background:rgba(8,8,8,.72);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 8px 28px rgba(0,0,0,.32)}.discover-live-card:hover{transform:translateY(-2px)}.app-page--atmospheric .discover-live-card:hover{border-color:rgba(16,185,129,.32);box-shadow:0 14px 40px rgba(0,0,0,.45),0 0 32px rgba(16,185,129,.08)}.discover-live-card--playing{position:relative}.discover-live-card__glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 0,rgba(16,185,129,.16) 0,transparent 58%);animation:discoverLiveGlow 4s ease-in-out infinite}.discover-live-card__wave{position:absolute;left:0;right:0;bottom:0;height:42%;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:0 12% 10%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.discover-live-card__wave-bar{flex:1 1;max-width:5px;min-height:3px;border-radius:2px;background:rgba(34,197,94,.55);transform-origin:bottom center;animation:discoverWave 1.4s ease-in-out infinite}.discover-live-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 6px;border-radius:999px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.35);font-size:.52rem;font-weight:900;color:#16a34a;letter-spacing:.08em;text-transform:uppercase;animation:discoverBadgePulse 2.5s ease-in-out infinite}.discover-live-badge--md{padding:3px 10px 3px 8px;font-size:.55rem}.discover-live-badge__bars{display:flex;align-items:flex-end;gap:2px;height:8px}.discover-live-badge__bar{width:2px;background:#22c55e;border-radius:1px;animation:discoverWaveBar .7s ease-in-out infinite alternate}.discover-featured-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;flex-shrink:0;scroll-snap-align:start;transition:transform .25s var(--ease-smooth,ease)}.discover-featured-item:hover{transform:translateY(-4px) scale(1.02)}.discover-featured-avatar{width:130px;height:130px;border-radius:50%;overflow:hidden;border:2px solid hsla(0,0%,100%,.12);transition:border-color .25s ease,box-shadow .25s ease}.discover-featured-avatar--live{border-color:rgba(16,185,129,.45);box-shadow:0 0 24px rgba(16,185,129,.14)}.discover-featured-item:hover .discover-featured-avatar{border-color:hsla(0,0%,100%,.32)}.discover-featured-item:hover .discover-featured-avatar--live{border-color:rgba(16,185,129,.65);box-shadow:0 0 30px rgba(16,185,129,.22)}.discover-featured-meta{display:flex;flex-direction:column;align-items:center;gap:.3rem;max-width:130px}.discover-featured-name{font-size:.82rem;font-weight:600;color:#fff;text-align:center}.discover-featured-handle,.discover-featured-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discover-featured-handle{font-size:.7rem;font-weight:500;color:hsla(0,0%,100%,.42)}.discover-queue-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .45rem;border-radius:999px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);font-size:.65rem;font-weight:700;color:hsla(0,0%,100%,.55);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.discover-scroll-btn{border:1px solid hsla(0,0%,100%,.12);background:rgba(8,8,8,.72);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);transform:translateY(-50%);transition:border-color .2s ease,background .2s ease,transform .2s ease}.discover-scroll-btn:hover{border-color:hsla(0,0%,100%,.22);background:hsla(0,0%,5%,.82);transform:translateY(-50%) scale(1.05)}.discover-page-header{margin-bottom:clamp(.5rem,2vw,1rem)}.discover-page-kicker{margin:0 0 .65rem;font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(74,222,128,.75)}.discover-page-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:#fff;margin:0}.discover-page-subtitle{font-family:var(--font-body);font-size:.95rem;color:hsla(0,0%,100%,.45);margin:.5rem 0 0;font-weight:400;max-width:36rem}.discover-section-enter{animation:discoverSectionIn .55s var(--ease-smooth,ease) both}.discover-section-enter--delay-1{animation-delay:.08s}.discover-section-enter--delay-2{animation-delay:.16s}@keyframes discoverLiveGlow{0%,to{opacity:.45}50%{opacity:1}}@keyframes discoverWave{0%,to{transform:scaleY(.25);opacity:.35}50%{transform:scaleY(1);opacity:.7}}@keyframes discoverWaveBar{0%{height:2px}to{height:10px}}@keyframes discoverBadgePulse{0%,to{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.3)}50%{background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.7)}}@keyframes discoverSectionIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.discover-section-enter,.discover-section-enter--delay-1,.discover-section-enter--delay-2{animation:none}.discover-featured-item:hover,.discover-live-card:hover{transform:none}.discover-live-badge,.discover-live-badge__bar,.discover-live-card__glow,.discover-live-card__wave-bar{animation:none}}.profile-mobile-shell,.profile-page{position:relative;z-index:1}.profile-panel{background:#121212;border:1px solid hsla(0,0%,100%,.12);border-radius:16px;box-shadow:none;transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--ease-smooth,ease),background .25s ease}.app-page--atmospheric .profile-panel{background:rgba(8,8,8,.68)!important;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.05)}.profile-live-card{background:#000;border:1px solid hsla(0,0%,100%,.12);border-radius:16px;box-shadow:none;transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--ease-smooth,ease)}.profile-live-card:hover{transform:translateY(-2px)}.profile-live-card__glow{position:absolute;top:-35%;left:-15%;width:55%;height:90%;background:radial-gradient(ellipse,rgba(16,185,129,.14) 0,transparent 68%);pointer-events:none;animation:discoverLiveGlow 4s ease-in-out infinite}.profile-section-enter{animation:discoverSectionIn .55s var(--ease-smooth,ease) both}.profile-section-enter--delay-1{animation-delay:.08s}.profile-section-enter--delay-2{animation-delay:.16s}@media (prefers-reduced-motion:reduce){.profile-section-enter,.profile-section-enter--delay-1,.profile-section-enter--delay-2{animation:none}.profile-live-card:hover{transform:none}.profile-live-card__glow{animation:none}}.glass-surface-strong{background:hsla(0,0%,100%,.04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:0 2px 20px rgba(0,0,0,.3)}.glass-surface-subtle{background:hsla(0,0%,100%,.02);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;box-shadow:0 2px 16px rgba(0,0,0,.25)}.glow-accent{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.08),inset 0 0 10px rgba(var(--color-primary-rgb),.04)}.glow-accent-strong{box-shadow:0 0 28px rgba(var(--color-primary-rgb),.12),inset 0 0 14px rgba(var(--color-primary-rgb),.06)}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-primary)}.bg-midnight{background:radial-gradient(ellipse 120% 80% at 50% 0,#111 0,#080808 50%,#000 100%);min-height:100vh}@keyframes accentPulse{0%,to{box-shadow:0 0 16px rgba(var(--color-primary-rgb),.08)}50%{box-shadow:0 0 24px rgba(var(--color-primary-rgb),.15)}}.accent-pulse{animation:accentPulse 2.5s ease-in-out infinite}