:root{--sv-color-brand-primary:#00e5ff;--sv-color-brand-secondary:#8b3dff;--sv-color-brand-tertiary:#ff2d78;--sv-color-brand-coin:gold;--sv-color-white:#fff;--sv-color-black:#000;--sv-gradient-brand-horizontal:linear-gradient(90deg, #00e5ff 0%, #8b3dff 100%);--sv-gradient-brand-diagonal:linear-gradient(135deg, #00e5ff 0%, #8b3dff 100%);--sv-gradient-brand-mobile:linear-gradient(45deg, #00e5ff, #8b3dff);--sv-gradient-brand-vibrant:linear-gradient(120deg, #00e5ff 0%, #8b3dff 52%, #ff2d78 100%);--sv-gradient-coin:linear-gradient(135deg, #ffe259 0%, #ffa751 100%);--sv-font-family-brand:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sv-font-family-display:var(--sv-font-family-brand);--sv-font-size-base:16px;--sv-font-size-xs:12px;--sv-font-size-sm:14px;--sv-font-size-md:16px;--sv-font-size-lg:18px;--sv-font-size-xl:22px;--sv-font-size-2xl:28px;--sv-font-size-3xl:34px;--sv-font-weight-regular:400;--sv-font-weight-medium:500;--sv-font-weight-semibold:600;--sv-font-weight-bold:700;--sv-font-weight-heavy:800;--sv-letter-spacing-tight:-.02em;--sv-letter-spacing-wide:.08em;--sv-line-height-tight:1.2;--sv-line-height-normal:1.5;--sv-line-height-relaxed:1.7;--sv-space-1:4px;--sv-space-2:8px;--sv-space-3:12px;--sv-space-4:16px;--sv-space-5:20px;--sv-space-6:24px;--sv-space-8:32px;--sv-space-10:40px;--sv-space-12:48px;--sv-space-16:64px;--sv-screen-gutter:clamp(16px, 4.5vw, 24px);--sv-content-max:480px;--sv-content-max-wide:680px;--sv-title-screen:clamp(1.375rem, 5.5vw, 1.75rem);--sv-title-section:.8125rem;--sv-radius-sm:8px;--sv-radius-md:12px;--sv-radius-lg:16px;--sv-radius-xl:20px;--sv-radius-full:9999px;--sv-radius-circle:50%;--sv-glow-brand:0 0 20px #00e5ff59;--sv-glow-violet:0 0 20px #8b3dff66;--sv-glow-pink:0 0 18px #ff2d7866;--sv-glow-live:0 0 16px #ff2d5573;--sv-glow-coin:0 0 16px #ffd70059;--sv-duration-fast:.15s;--sv-duration-normal:.3s;--sv-duration-slow:.5s;--sv-easing-standard:ease;--sv-easing-mobile:ease-out;--sv-easing-out-expo:cubic-bezier(.16, 1, .3, 1);--sv-easing-spring:cubic-bezier(.34, 1.56, .64, 1)}:root,[data-platform=mobile]{--sv-surface-app:#08080f;--sv-surface-panel:#14141f;--sv-surface-card:#191928;--sv-surface-card-raised:#23233a;--sv-surface-card-hover:#2e2e4a;--sv-surface-inverse:#fff;--sv-glass-background:#ffffff1a;--sv-glass-background-subtle:#ffffff0d;--sv-glass-background-strong:#fff3;--sv-glass-border:#fff3;--sv-glass-border-subtle:#ffffff1a;--sv-blur-soft:blur(14px);--sv-blur-strong:blur(24px);--sv-text-primary:#fff;--sv-text-secondary:#b8b8d4;--sv-text-muted:#8585a3;--sv-text-disabled:#fff6;--sv-text-inverse:#111118;--sv-text-on-gold:#1a1a1a;--sv-color-success:#00e676;--sv-color-warning:#ffb020;--sv-color-danger:#ff3b5c;--sv-color-info:var(--sv-color-brand-primary);--sv-color-live:#ff2d55;--sv-color-accent-pink:#ff4d8d;--sv-color-hover-blue:#33ebff;--sv-color-active-purple:#7a2ef2;--sv-action-primary-bg:var(--sv-gradient-brand-horizontal);--sv-action-primary-text:var(--sv-color-white);--sv-action-primary-glow:0 4px 20px #00e5ff40, 0 4px 20px #8b3dff33;--sv-action-secondary-bg:var(--sv-glass-background);--sv-action-secondary-text:var(--sv-text-primary);--sv-action-secondary-border:var(--sv-glass-border);--sv-input-bg:#ffffff14;--sv-input-border:#ffffff29;--sv-input-border-focus:var(--sv-color-brand-primary);--sv-input-text:var(--sv-text-primary);--sv-input-placeholder:var(--sv-text-muted);--sv-focus-ring:0 0 0 3px #00e5ff40;--sv-card-bg:var(--sv-surface-card);--sv-card-border:var(--sv-glass-border-subtle);--sv-card-radius:var(--sv-radius-lg);--sv-card-padding:var(--sv-space-5);--sv-card-gap:var(--sv-space-4);--sv-avatar-radius:var(--sv-radius-circle);--sv-shadow-sm:0 2px 8px #00000040;--sv-shadow-card:0 6px 20px #00000059, inset 0 1px 0 #ffffff0a;--sv-shadow-elevated:0 12px 40px #00000080, inset 0 1px 0 #ffffff0f;--sv-shadow-accent-glow:0 0 24px #8b3dff73;--sv-nav-height:60px;--sv-nav-height-landscape:50px;--sv-safe-area-top:env(safe-area-inset-top,0px);--sv-safe-area-right:env(safe-area-inset-right,0px);--sv-safe-area-bottom:env(safe-area-inset-bottom,0px);--sv-safe-area-left:env(safe-area-inset-left,0px);--sv-touch-target-min:44px;--sv-touch-target-lg:56px;--sv-header-min-clearance:0px;--sv-overlay-bottom-clearance:0px;--sv-header-content-gap:var(--sv-space-4);--sv-header-aligned-height:calc(var(--sv-safe-area-top) + var(--sv-header-min-clearance) + var(--sv-space-4) + 42px + var(--sv-space-4) + 44px + var(--sv-space-3) + 1px);--sv-motion-fast:var(--sv-duration-fast) var(--sv-easing-out-expo);--sv-motion-normal:var(--sv-duration-normal) var(--sv-easing-out-expo);--sv-motion-slow:var(--sv-duration-slow) var(--sv-easing-standard);--sv-motion-spring:var(--sv-duration-normal) var(--sv-easing-spring)}@media (display-mode:standalone){:root,[data-platform=mobile]{--sv-header-min-clearance:max(0px, calc(59px - var(--sv-safe-area-top)));--sv-overlay-bottom-clearance:max(0px, calc(28px - var(--sv-safe-area-bottom)))}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--sv-font-size-base);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--sv-font-family-brand);line-height:var(--sv-line-height-normal);color:var(--sv-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--sv-font-family-display);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);line-height:var(--sv-line-height-tight)}h5,h6{font-weight:var(--sv-font-weight-bold);line-height:var(--sv-line-height-tight)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{overscroll-behavior:none;touch-action:pan-x pan-y}body{background:var(--sv-surface-app);height:100vh;min-height:100vh;overflow:hidden}#app-root{background:var(--sv-surface-app);width:100vw;height:100vh;color:var(--sv-text-primary);flex-direction:column;display:flex;overflow:hidden}.app-shell{background:var(--sv-surface-app);height:100vh;color:var(--sv-text-primary);flex-direction:column;display:flex}.app-shell-content{flex-direction:column;flex:1;display:flex;overflow:hidden}#overlay-root{z-index:2000;pointer-events:none;position:fixed;inset:0}#overlay-root>*{pointer-events:auto}.screen-container{overscroll-behavior-y:none;padding:var(--sv-screen-gutter);padding-top:calc(var(--sv-screen-gutter) + var(--sv-safe-area-top));padding-bottom:calc(var(--sv-nav-height) + var(--sv-screen-gutter));background:var(--sv-surface-app);color:var(--sv-text-primary);flex:1;position:relative;overflow:hidden auto}.screen-container--fullscreen{padding:0;overflow:visible}.screen-router-screen{backface-visibility:hidden;width:100%;min-height:100%;position:relative}.screen-router-screen--stream{height:100%;min-height:100%}@supports (padding:max(0px)){body{padding-left:var(--sv-safe-area-left);padding-right:var(--sv-safe-area-right)}}main.screen-container:has(.screen-sticky-layout){padding-top:0;padding-left:0;padding-right:0}.screen-sticky-layout{padding-top:0!important}.screen-sticky-header{z-index:10;background:color-mix(in srgb, var(--sv-surface-panel) 88%, transparent);-webkit-backdrop-filter:var(--sv-blur-soft);backdrop-filter:var(--sv-blur-soft);color:var(--sv-text-primary);padding:var(--sv-space-4) var(--sv-screen-gutter) var(--sv-space-3);padding-top:calc(var(--sv-header-min-clearance) + var(--sv-space-4) + var(--sv-safe-area-top));border-bottom:1px solid var(--sv-glass-border-subtle);margin-left:calc(-1 * var(--sv-screen-gutter));margin-right:calc(-1 * var(--sv-screen-gutter));position:sticky;top:0}.screen-sticky-header .profile-title{margin:0 0 var(--sv-space-1)}#mobile-navigation-container{width:100%;height:calc(var(--sv-nav-height) + var(--sv-safe-area-bottom));flex-shrink:0;position:relative}#mobile-navigation-container.nav-hidden{display:none}.mobile-navigation{box-sizing:border-box;min-height:calc(var(--sv-nav-height) + var(--sv-safe-area-bottom));padding-bottom:var(--sv-safe-area-bottom);background:var(--sv-surface-panel);border-top:1px solid var(--sv-glass-border-subtle);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000059}.nav-tab{padding:var(--sv-space-2) var(--sv-space-3);cursor:pointer;color:var(--sv-text-muted);transition:color var(--sv-motion-fast), background-color var(--sv-motion-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:60px;height:100%;display:flex;position:relative}.nav-tab:hover{color:var(--sv-text-secondary);background-color:var(--sv-glass-background-subtle)}.nav-tab-active{color:var(--sv-color-brand-primary);background-color:var(--sv-glass-background)}.nav-tab-active:before{content:"";background:var(--sv-gradient-brand-horizontal);border-radius:0 0 var(--sv-space-1) var(--sv-space-1);height:3px;position:absolute;top:0;left:0;right:0}.nav-tab-primary{background:0 0}.nav-tab-primary.nav-tab-active{background-color:var(--sv-glass-background-strong);color:var(--sv-color-brand-primary)}.nav-tab-primary.nav-tab-active:before{background:var(--sv-gradient-brand-horizontal);height:4px}.nav-icon{font-size:24px;line-height:1}.nav-unread-badge{background:var(--sv-color-danger);color:var(--sv-color-white);text-align:center;border-radius:var(--sv-space-2);min-width:16px;height:16px;padding:0 var(--sv-space-1);box-sizing:border-box;pointer-events:none;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:2px;right:6px}.nav-unread-badge--dot{border-radius:50%;width:9px;min-width:0;height:9px;padding:0;font-size:0;line-height:0}@media (orientation:landscape) and (height<=500px){.mobile-navigation{min-height:var(--sv-nav-height-landscape)}#mobile-navigation-container{height:calc(var(--sv-nav-height-landscape) + var(--sv-safe-area-bottom))}.screen-container{padding-bottom:calc(var(--sv-nav-height-landscape) + var(--sv-screen-gutter))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes svFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes svLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.92)}}@keyframes svShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen-header-row{align-items:center;gap:var(--sv-space-3);min-height:var(--sv-touch-target-min);display:flex}.screen-header-title{min-width:0;font-size:var(--sv-title-screen);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);line-height:var(--sv-line-height-tight);color:var(--sv-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.screen-header-back{width:var(--sv-touch-target-min);height:var(--sv-touch-target-min);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.screen-header-back svg{display:block}.screen-header-back:hover{background:var(--sv-glass-background-strong)}.screen-header-back:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.screen-header-trailing{align-items:center;gap:var(--sv-space-2);flex-shrink:0;display:inline-flex}.screen-header-secondary{margin-top:var(--sv-space-3)}.screen-header-secondary>:first-child,.screen-header-secondary--solo{margin-top:0}.screen-header--aligned{min-height:var(--sv-header-aligned-height)}.screen-header-tabs{margin-bottom:var(--sv-space-4);border-bottom:1px solid var(--sv-glass-border-subtle);gap:0;display:flex}.screen-header-tab{padding:var(--sv-space-3) var(--sv-space-4);color:var(--sv-text-muted);cursor:pointer;transition:color var(--sv-motion-fast), border-color var(--sv-motion-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;font-size:.875rem;font-weight:500}.screen-header-tab:hover{color:var(--sv-text-secondary)}.screen-header-tab.active{color:var(--sv-color-brand-primary);border-bottom-color:var(--sv-color-brand-primary);font-weight:600}.screen-header--three-row{padding-top:calc(var(--sv-header-min-clearance) + var(--sv-safe-area-top));flex-direction:column;padding-bottom:0;display:flex}.screen-header-top-row{height:var(--sv-touch-target-min);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.screen-header--three-row .screen-header-tabs{box-sizing:border-box;flex-shrink:0;height:42px;margin-bottom:0}.screen-header--three-row .screen-header-tab{justify-content:center;align-items:center;padding-top:0;padding-bottom:0;display:inline-flex}.screen-header-controls-row{height:var(--sv-touch-target-min);flex-shrink:0;align-items:center;display:flex}.screen-header-wordmark{font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);background:var(--sv-gradient-brand-horizontal);-webkit-text-fill-color:transparent;color:#0000;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin-right:auto;font-size:1.6rem;line-height:1}.stream-notifications-bell{min-width:var(--sv-touch-target-min);min-height:var(--sv-touch-target-min);color:var(--sv-text-primary);border-radius:var(--sv-radius-sm);cursor:pointer;transition:opacity var(--sv-motion-fast), transform var(--sv-motion-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.stream-notifications-bell:hover{opacity:.85}.stream-notifications-bell:active{transform:scale(.96)}.stream-bell-badge{background:var(--sv-color-danger);color:var(--sv-color-white);text-align:center;border-radius:var(--sv-space-2);min-width:16px;height:16px;padding:0 var(--sv-space-1);box-sizing:border-box;pointer-events:none;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:4px;right:2px}.stream-bell-badge--dot{border-radius:50%;width:9px;min-width:0;height:9px;padding:0;font-size:0;line-height:0}.screen-placeholder{text-align:center;color:var(--sv-text-secondary);padding:40px 20px}.screen-placeholder p{margin:10px 0;font-size:18px}.screen-note{color:var(--sv-text-muted);font-size:14px;font-style:italic}.offline-queue-status{bottom:calc(var(--sv-nav-height) + var(--sv-safe-area-bottom) + 8px);color:var(--sv-text-secondary);background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);z-index:100;border-radius:4px;padding:4px 8px;font-size:.75rem;position:fixed;right:12px;box-shadow:0 1px 3px #0000001a}.app-loading{background:var(--sv-surface-app);height:100vh;color:var(--sv-text-primary);flex-direction:column;justify-content:center;align-items:center;display:flex}.app-loading .loading-spinner{border:4px solid var(--sv-input-border);border-top-color:var(--sv-color-brand-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-text{color:var(--sv-text-secondary);margin-top:16px;font-size:14px}.app-error{background:var(--sv-surface-app);height:100vh;color:var(--sv-text-primary);padding:var(--sv-space-5);justify-content:center;align-items:center;display:flex}.error-container{text-align:center;max-width:400px}.error-icon{margin-bottom:16px;font-size:48px;display:block}.error-title{color:var(--sv-text-primary);margin-bottom:8px;font-size:20px}.error-message{color:var(--sv-text-secondary);margin-bottom:24px;line-height:1.5}.error-retry-button{background:var(--sv-color-brand-primary);color:var(--sv-color-white);border-radius:var(--sv-radius-md);cursor:pointer;transition:background var(--sv-duration-normal) var(--sv-easing-standard);border:none;padding:12px 24px;font-size:16px}.error-retry-button:hover{background:var(--sv-color-hover-blue)}#app-shell-error-container{width:100%;min-height:calc(100vh - var(--sv-nav-height));z-index:1;position:relative}.error-boundary{min-height:calc(100vh - var(--sv-nav-height));padding:var(--sv-space-10) var(--sv-space-5);background:var(--sv-surface-app);color:var(--sv-text-primary);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.error-boundary-container{text-align:center;width:100%;max-width:400px}.error-boundary-icon{margin-bottom:20px;font-size:64px;line-height:1;display:block}.error-boundary-title{color:var(--sv-text-primary);margin-bottom:12px;font-size:24px;font-weight:600}.error-boundary-message{color:var(--sv-text-secondary);margin-bottom:8px;font-size:16px;line-height:1.5}.error-boundary-code{color:var(--sv-text-muted);padding:var(--sv-space-2);background:var(--sv-surface-panel);border-radius:var(--sv-radius-sm);border:1px solid var(--sv-glass-border-subtle);text-align:left;margin-bottom:24px;font-family:monospace;font-size:12px}.error-boundary-actions{flex-direction:column;align-items:stretch;gap:12px;display:flex}.error-boundary-button{border-radius:var(--sv-radius-md);cursor:pointer;border:none;min-height:44px;padding:14px 24px;font-size:16px;font-weight:500;transition:all .2s ease-in-out}.error-boundary-button-primary{background:var(--sv-color-brand-primary);color:var(--sv-color-white)}.error-boundary-button-primary:hover{background:var(--sv-color-hover-blue)}.error-boundary-button-primary:active{background:var(--sv-color-hover-blue);filter:brightness(.92)}.error-boundary-button-secondary{background:var(--sv-glass-background);color:var(--sv-text-primary);border:1px solid var(--sv-glass-border-subtle)}.error-boundary-button-secondary:hover{background:var(--sv-glass-background-strong)}.error-boundary-button-secondary:active{background:var(--sv-surface-card-hover)}.error-boundary-button:disabled{opacity:.6;cursor:not-allowed}.loading-state{padding:var(--sv-space-10) var(--sv-space-5);background:var(--sv-surface-app);color:var(--sv-text-primary);justify-content:center;align-items:center;display:flex}.loading-state-fullscreen{height:100vh;min-height:100vh}.loading-state-screen{min-height:calc(100vh - var(--sv-nav-height))}.loading-state-component{padding:var(--sv-space-5);min-height:200px}.loading-spinner-container{flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{border-style:solid;border-color:var(--sv-input-border);border-top-color:var(--sv-color-brand-primary);border-radius:50%;animation:1s linear infinite spin}.loading-spinner-small{border-width:3px;width:24px;height:24px}.loading-spinner-medium{border-width:4px;width:40px;height:40px}.loading-spinner-large{border-width:5px;width:56px;height:56px}.loading-message{margin-top:var(--sv-space-4);color:var(--sv-text-secondary);text-align:center;font-size:14px}.loading-state-skeleton{padding:var(--sv-space-5);background:var(--sv-surface-app);color:var(--sv-text-primary)}.skeleton-list{flex-direction:column;gap:16px;display:flex}.skeleton-item{align-items:center;gap:12px;padding:12px;display:flex}.skeleton-avatar{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24 50%,#ffffff0f 75%) 0 0/200% 100%;border-radius:50%;flex-shrink:0;width:48px;height:48px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-content{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:20px;display:grid}.skeleton-card{background:var(--sv-surface-card);border-radius:var(--sv-radius-sm);box-shadow:var(--sv-shadow-sm);border:1px solid var(--sv-glass-border-subtle);overflow:hidden}.skeleton-image{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24 50%,#ffffff0f 75%) 0 0/200% 100%;width:100%;height:200px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-card-content{flex-direction:column;gap:8px;padding:16px;display:flex}.skeleton-screen{padding:20px}.skeleton-header{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.skeleton-body{flex-direction:column;gap:16px;display:flex}.skeleton-line{border-radius:var(--sv-radius-sm);background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24 50%,#ffffff0f 75%) 0 0/200% 100%;height:12px;animation:1.5s ease-in-out infinite skeleton-loading}.skeleton-line-title{width:60%;height:20px}.skeleton-line-subtitle{width:40%;height:16px}.skeleton-line-text{width:100%;height:12px}.skeleton-line-text:nth-child(3){width:80%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.form-group{gap:var(--sv-space-2);flex-direction:column;display:flex}.form-label{font-size:calc(var(--sv-font-size-base) * .875);font-weight:var(--sv-font-weight-medium);color:var(--sv-text-secondary)}.form-input{width:100%;padding:var(--sv-space-3) var(--sv-space-4);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-md);font-size:var(--sv-font-size-base);background:var(--sv-input-bg);color:var(--sv-input-text);transition:border-color var(--sv-motion-fast), box-shadow var(--sv-motion-fast);font-family:inherit}.form-input::placeholder{color:var(--sv-input-placeholder)}.form-input:focus{border-color:var(--sv-input-border-focus);box-shadow:var(--sv-focus-ring);outline:none}.form-input:disabled{background:var(--sv-glass-background-subtle);color:var(--sv-text-disabled);cursor:not-allowed}.form-input[type=datetime-local],.form-input[type=date],.form-input[type=time]{appearance:none;width:100%;min-width:0;max-width:100%;min-height:var(--sv-touch-target-min);display:block}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-hint{font-size:calc(var(--sv-font-size-base) * .75);color:var(--sv-text-muted);margin-top:var(--sv-space-1)}.required{color:var(--sv-color-danger)}.optional{font-weight:var(--sv-font-weight-regular);color:var(--sv-text-muted)}.tappable-list-item:active{background-color:var(--sv-glass-background-subtle)}.empty-state{padding:var(--sv-space-12) var(--sv-space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.empty-state-icon{margin-bottom:var(--sv-space-4);opacity:.6;font-size:48px}.empty-state-title{font-size:calc(var(--sv-font-size-base) * 1.125);color:var(--sv-text-primary);margin:0 0 var(--sv-space-2);font-weight:600}.empty-state-message{font-size:calc(var(--sv-font-size-base) * .875);color:var(--sv-text-secondary);line-height:var(--sv-line-height-normal);max-width:280px;margin:0 0 var(--sv-space-5)}.empty-state-cta{background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-md);font-size:calc(var(--sv-font-size-base) * .875);font-weight:var(--sv-font-weight-semibold);cursor:pointer;box-shadow:var(--sv-action-primary-glow);transition:filter var(--sv-motion-fast), transform var(--sv-motion-fast);border:none;align-items:center;gap:6px;padding:10px 20px;display:inline-flex}.empty-state-cta:active{filter:brightness(1.1);transform:scale(.97)}.pull-to-refresh-indicator{top:calc(var(--sv-safe-area-top) + var(--sv-header-min-clearance) + var(--sv-space-2));width:max-content;height:var(--sv-space-10);padding:0 var(--sv-space-4);background:var(--sv-surface-panel);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-full);font-size:calc(var(--sv-font-size-base) * .8125);color:var(--sv-text-muted);transition:opacity var(--sv-duration-fast) var(--sv-easing-standard);pointer-events:none;z-index:9;transform:translateY(calc(var(--sv-space-10) * -1));justify-content:center;align-items:center;margin-inline:auto;display:flex;position:absolute;left:0;right:0;box-shadow:0 4px 16px #00000059}.pull-to-refresh-active{color:var(--sv-color-brand-primary);font-weight:600;animation:.8s linear infinite ptr-spin}.pull-to-refresh-active:before{content:"↻ "}@keyframes ptr-spin{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.end-stream-dialog-backdrop{z-index:9999;animation:fadeIn var(--sv-duration-fast) var(--sv-easing-standard);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.end-stream-dialog{background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-lg);padding:var(--sv-space-6);text-align:center;width:min(90vw,340px);box-shadow:var(--sv-shadow-elevated)}.end-stream-dialog h3{margin:0 0 var(--sv-space-3);font-size:calc(var(--sv-font-size-base) * 1.125);color:var(--sv-text-primary)}.end-stream-dialog p{margin:0 0 var(--sv-space-5);font-size:calc(var(--sv-font-size-base) * .875);color:var(--sv-text-secondary);line-height:1.4}.end-stream-dialog-actions{gap:var(--sv-space-3);display:flex}.end-stream-dialog-actions button{padding:var(--sv-space-3) var(--sv-space-4);font-size:calc(var(--sv-font-size-base) * .9375);cursor:pointer;transition:background var(--sv-duration-fast) var(--sv-easing-standard);border:none;border-radius:10px;flex:1;font-weight:600}.end-stream-btn-cancel{background:var(--sv-glass-background);color:var(--sv-text-primary)}.end-stream-btn-cancel:active{background:var(--sv-glass-background-strong)}.end-stream-btn-confirm{background:var(--sv-color-danger);color:#fff}.end-stream-btn-confirm:active{filter:brightness(.85)}.uni-form-input{flex-direction:column;gap:6px;width:100%;display:flex}.uni-form-input-label{font-size:calc(var(--sv-font-size-base) * .875);font-weight:var(--sv-font-weight-medium);color:var(--sv-text-secondary)}.uni-form-input-required{color:var(--sv-color-danger)}.uni-form-input-field{width:100%;padding:var(--sv-space-3) var(--sv-space-4);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-md);font-size:var(--sv-font-size-base);background:var(--sv-input-bg);color:var(--sv-input-text);transition:border-color var(--sv-motion-fast), box-shadow var(--sv-motion-fast);font-family:inherit}.uni-form-input-field::placeholder{color:var(--sv-input-placeholder)}.uni-form-input-field:focus{border-color:var(--sv-input-border-focus);box-shadow:var(--sv-focus-ring);outline:none}.uni-form-input-field:disabled{background:var(--sv-glass-background-subtle);color:var(--sv-text-disabled);cursor:not-allowed}.uni-form-input-field--error{border-color:var(--sv-color-danger)}.uni-form-input-field--error:focus{border-color:var(--sv-color-danger);box-shadow:0 0 0 3px #ff3b5c38}.uni-form-input-error{font-size:calc(var(--sv-font-size-base) * .8125);color:var(--sv-color-danger);margin:0}.uni-button{justify-content:center;align-items:center;gap:var(--sv-space-2);padding:var(--sv-space-3) var(--sv-space-6);border-radius:var(--sv-radius-md);font-size:var(--sv-font-size-base);font-weight:var(--sv-font-weight-semibold);cursor:pointer;transition:opacity var(--sv-motion-fast), background-color var(--sv-motion-fast), box-shadow var(--sv-motion-fast), transform var(--sv-motion-fast);border:none;font-family:inherit;display:inline-flex}.uni-button:active:not(.uni-button--disabled){transform:scale(.97)}.uni-button:focus{outline:2px solid var(--sv-color-brand-primary);outline-offset:2px}.uni-button--primary{background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);box-shadow:var(--sv-action-primary-glow)}.uni-button--primary:hover:not(.uni-button--disabled){filter:brightness(1.1)}.uni-button--secondary{background:var(--sv-action-secondary-bg);color:var(--sv-action-secondary-text);border:1px solid var(--sv-action-secondary-border)}.uni-button--secondary:hover:not(.uni-button--disabled){background:var(--sv-glass-background-strong)}.uni-button--danger{background:var(--sv-color-danger);color:var(--sv-color-white)}.uni-button--danger:hover:not(.uni-button--disabled){filter:brightness(1.1)}.uni-button--text{color:var(--sv-color-brand-primary);background:0 0}.uni-button--text:hover:not(.uni-button--disabled){background:#00e5ff1a}.uni-button--disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.uni-button--loading .uni-button-label{opacity:.8}.uni-button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite uni-button-spin;display:inline-block}@keyframes uni-button-spin{to{transform:rotate(360deg)}}.uni-loading-spinner{align-items:center;gap:var(--sv-space-3);flex-direction:column;display:flex}.uni-loading-spinner-ring{border:2px solid var(--sv-input-border);border-top-color:var(--sv-color-brand-primary);border-radius:var(--sv-radius-circle);animation:.8s linear infinite uni-loading-spin;display:block}.uni-loading-spinner--small .uni-loading-spinner-ring{width:20px;height:20px}.uni-loading-spinner--medium .uni-loading-spinner-ring{width:40px;height:40px}.uni-loading-spinner--large .uni-loading-spinner-ring{width:60px;height:60px}.uni-loading-spinner-message{font-size:calc(var(--sv-font-size-base) * .875);color:var(--sv-text-secondary);margin:0}@keyframes uni-loading-spin{to{transform:rotate(360deg)}}.uni-error-message{gap:var(--sv-space-3);padding:var(--sv-space-4);border-radius:var(--sv-radius-sm);border-left:var(--sv-space-1) solid;flex-direction:column;display:flex}.uni-error-message-header{align-items:flex-start;gap:10px;display:flex}.uni-error-message--error{border-left-color:var(--sv-color-danger);background:#ff444424}.uni-error-message--warning{border-left-color:var(--sv-color-warning);background:#ff980024}.uni-error-message--info{border-left-color:var(--sv-color-brand-primary);background:#00e5ff1f}.uni-error-message-icon{font-size:var(--sv-space-5);font-weight:700;line-height:1}.uni-error-message--error .uni-error-message-icon{color:var(--sv-color-danger)}.uni-error-message--warning .uni-error-message-icon{color:var(--sv-color-warning)}.uni-error-message--info .uni-error-message-icon{color:var(--sv-color-brand-primary)}.uni-error-message-text{font-size:calc(var(--sv-font-size-base) * .875);color:var(--sv-text-primary);flex:1;margin:0}.uni-error-message-retry{padding:var(--sv-space-2) var(--sv-space-4);font-size:calc(var(--sv-font-size-base) * .875);cursor:pointer;transition:opacity .2s var(--sv-easing-standard);background:0 0;border:1px solid;border-radius:6px;align-self:flex-start;font-weight:500}.uni-error-message-retry:hover{opacity:.85}.uni-error-message--error .uni-error-message-retry{color:var(--sv-color-danger)}.uni-error-message--warning .uni-error-message-retry{color:var(--sv-color-warning)}.uni-error-message--info .uni-error-message-retry{color:var(--sv-color-brand-primary)}.uni-modal-overlay{-webkit-backdrop-filter:var(--sv-blur-soft);backdrop-filter:var(--sv-blur-soft);z-index:1000;padding:var(--sv-space-5);opacity:0;visibility:hidden;background:#0009;justify-content:center;align-items:center;transition:opacity .25s ease-out,visibility .25s ease-out;display:flex;position:fixed;inset:0}.uni-modal-overlay--visible{opacity:1;visibility:visible}.uni-modal-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none}.uni-modal-backdrop{cursor:pointer;position:absolute;inset:0}.uni-modal-container{background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-lg);width:100%;max-width:400px;max-height:90vh;box-shadow:var(--sv-shadow-elevated);color:var(--sv-text-primary);opacity:0;transition:transform .25s var(--sv-easing-out-expo), opacity .25s ease-out;z-index:1;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}.uni-modal-overlay--visible .uni-modal-container{opacity:1;transform:translateY(0)}.uni-modal-overlay--hidden .uni-modal-container{opacity:0;transform:translateY(20px)}.uni-modal-header{padding:var(--sv-space-4) var(--sv-space-5);border-bottom:1px solid var(--sv-glass-border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.uni-modal-title{font-size:18px;font-weight:var(--sv-font-weight-bold);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);flex:1;margin:0}.uni-modal-header-spacer{flex:1}.uni-modal-close{width:var(--sv-space-8);height:var(--sv-space-8);background:var(--sv-glass-background);border-radius:var(--sv-radius-circle);font-size:var(--sv-space-6);cursor:pointer;color:var(--sv-text-secondary);transition:background var(--sv-motion-fast), color var(--sv-motion-fast);border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.uni-modal-close:hover{background:var(--sv-glass-background-strong);color:var(--sv-text-primary)}.uni-modal-body{padding:var(--sv-space-5);flex:1;min-height:0;overflow-y:auto}.uni-modal-footer{gap:var(--sv-space-3);padding:var(--sv-space-4) var(--sv-space-5);border-top:1px solid var(--sv-glass-border-subtle);flex-shrink:0;justify-content:flex-end;display:flex}.uni-modal-footer-btn{padding:10px var(--sv-space-5);border:1px solid var(--sv-glass-border);background:var(--sv-glass-background);border-radius:var(--sv-radius-md);font-size:var(--sv-font-size-base);font-weight:var(--sv-font-weight-medium);cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast)}.uni-modal-footer-btn:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-glass-border)}.uni-modal-footer-btn--primary{background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);box-shadow:var(--sv-action-primary-glow);border-color:#0000}.uni-modal-footer-btn--primary:hover{filter:brightness(1.1)}.uni-dialog-overlay{-webkit-backdrop-filter:var(--sv-blur-soft);backdrop-filter:var(--sv-blur-soft);z-index:1000;padding:var(--sv-space-5);opacity:0;visibility:hidden;background:#0009;justify-content:center;align-items:center;transition:opacity .25s ease-out,visibility .25s ease-out;display:flex;position:fixed;inset:0}.uni-dialog-overlay--visible{opacity:1;visibility:visible}.uni-dialog-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none}.uni-dialog-backdrop{cursor:pointer;position:absolute;inset:0}.uni-dialog-container{background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-lg);width:100%;max-width:400px;box-shadow:var(--sv-shadow-elevated);color:var(--sv-text-primary);opacity:0;transition:transform .25s var(--sv-easing-out-expo), opacity .25s ease-out;z-index:1;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(20px)}.uni-dialog-overlay--visible .uni-dialog-container{opacity:1;transform:translateY(0)}.uni-dialog-overlay--hidden .uni-dialog-container{opacity:0;transform:translateY(20px)}.uni-dialog-header{padding:var(--sv-space-4) var(--sv-space-5);border-bottom:1px solid var(--sv-glass-border-subtle);flex-shrink:0}.uni-dialog-title{font-size:18px;font-weight:var(--sv-font-weight-bold);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);margin:0}.uni-dialog-body{padding:var(--sv-space-5);flex:1}.uni-dialog-message{font-size:var(--sv-font-size-base);color:var(--sv-text-secondary);margin:0;line-height:1.5}.uni-dialog-footer{gap:var(--sv-space-3);padding:var(--sv-space-4) var(--sv-space-5);border-top:1px solid var(--sv-glass-border-subtle);flex-shrink:0;justify-content:flex-end;display:flex}.uni-dialog-footer-btn{padding:10px var(--sv-space-5);border:1px solid var(--sv-glass-border);background:var(--sv-glass-background);border-radius:var(--sv-radius-md);font-size:var(--sv-font-size-base);font-weight:var(--sv-font-weight-medium);cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast)}.uni-dialog-footer-btn:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-glass-border)}.uni-dialog-footer-btn--primary{background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);box-shadow:var(--sv-action-primary-glow);border-color:#0000}.uni-dialog-footer-btn--primary:hover{filter:brightness(1.1)}.stream-discovery-screen{padding:var(--sv-screen-gutter);background:var(--sv-surface-app);min-height:100%;color:var(--sv-text-primary);box-sizing:border-box}.stream-discovery-container{max-width:var(--sv-content-max-wide);margin:0 auto}.stream-discovery-screen .screen-sticky-header{background:var(--sv-surface-panel);border-bottom-color:var(--sv-glass-border-subtle)}.stream-discovery-title{font-size:var(--sv-title-screen);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);margin:0}.stream-discovery-header{gap:var(--sv-space-3);display:flex}.stream-discovery-search{flex:1}.stream-search-input{width:100%;padding:var(--sv-space-3) var(--sv-space-4);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);box-sizing:border-box;background:var(--sv-input-bg);color:var(--sv-input-text)}.stream-search-input::placeholder{color:var(--sv-input-placeholder)}.stream-search-input:focus{border-color:var(--sv-input-border-focus);outline:none;box-shadow:0 0 0 2px #00e5ff40}.stream-filter-button{padding:var(--sv-space-3) var(--sv-space-4);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);cursor:pointer;transition:opacity var(--sv-motion-fast), transform var(--sv-motion-fast);white-space:nowrap;border:none;font-size:.875rem;font-weight:600}.stream-filter-button:hover{opacity:.92}.stream-filter-button:active{opacity:.88;transform:scale(.98)}.filter-count-badge{min-width:18px;height:18px;margin-left:var(--sv-space-1);background:var(--sv-glass-background-strong);border-radius:var(--sv-radius-full);color:var(--sv-action-primary-text);justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.stream-discovery-empty{padding:var(--sv-space-10) 0;color:var(--sv-text-muted);font-size:var(--sv-font-size-base);text-align:center}.stream-discovery-list{gap:var(--sv-card-gap);flex-direction:column;display:flex}.stream-discovery-list[data-view-mode=grid]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.stream-discovery-screen .error-message{align-items:flex-start;gap:var(--sv-space-2);margin:0 0 var(--sv-space-4);padding:var(--sv-space-3) var(--sv-space-4);border-radius:var(--sv-radius-sm);color:var(--sv-text-primary);background:#ff44441f;border:1px solid #ff444459;display:flex}.stream-discovery-screen .error-message .error-text{color:var(--sv-text-secondary);line-height:var(--sv-line-height-normal)}.stream-discovery-screen #stream-list-container{margin-top:var(--sv-header-content-gap)}.stream-discovery-screen .empty-state{padding:0 var(--sv-space-6) var(--sv-space-12)}.stream-discovery-screen .empty-state-icon{margin-bottom:var(--sv-space-4);opacity:.85;font-size:48px}.stream-discovery-screen .empty-state-title{color:var(--sv-text-primary);margin:0 0 var(--sv-space-2);font-size:1.125rem;font-weight:600}.stream-discovery-screen .empty-state-message{color:var(--sv-text-secondary);font-size:.875rem;line-height:var(--sv-line-height-normal);max-width:280px;margin:0 0 var(--sv-space-5)}.stream-discovery-screen .empty-state-cta{padding:var(--sv-space-3) var(--sv-space-5);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);cursor:pointer;transition:opacity var(--sv-motion-fast);border:none;align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:inline-flex}.stream-discovery-screen .empty-state-cta:active{opacity:.85}.stream-discovery-screen .pull-to-refresh-indicator{color:var(--sv-text-muted)}.stream-discovery-screen .pull-to-refresh-active{color:var(--sv-color-brand-primary)}.stream-card{background:var(--sv-card-bg);border:1px solid var(--sv-card-border);border-radius:var(--sv-card-radius);box-shadow:var(--sv-shadow-sm);cursor:pointer;touch-action:manipulation;transition:transform var(--sv-motion-fast), opacity var(--sv-motion-fast), box-shadow var(--sv-motion-normal);-webkit-user-select:none;user-select:none;overflow:hidden}.stream-card:hover{box-shadow:var(--sv-shadow-card)}.stream-card:active{opacity:.9;transform:scale(.97)}.stream-card-thumbnail{aspect-ratio:16/9;background:var(--sv-surface-app);position:relative}.stream-card-thumb-img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.stream-card-thumb-placeholder{background:var(--sv-gradient-brand-diagonal);opacity:.85;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.stream-card-thumb-genre{color:#ffffffd9;text-transform:capitalize;letter-spacing:.5px;text-shadow:0 1px 4px #00000073;font-size:13px;font-weight:600}.stream-card-viewer-icon{margin-right:2px;font-size:12px}.stream-card-live-badge{top:var(--sv-space-2);left:var(--sv-space-2);padding:var(--sv-space-1) var(--sv-space-2);background:var(--sv-color-live);color:var(--sv-color-white);font-size:12px;font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-wide);text-transform:uppercase;border-radius:var(--sv-radius-sm);box-shadow:var(--sv-glow-live);position:absolute}.stream-card-recorded-badge{top:var(--sv-space-2);left:var(--sv-space-2);padding:var(--sv-space-1) var(--sv-space-2);background:var(--sv-color-active-purple);color:var(--sv-color-white);border-radius:var(--sv-radius-sm);font-size:12px;font-weight:600;position:absolute}.stream-card-upcoming-badge{top:var(--sv-space-2);left:var(--sv-space-2);padding:var(--sv-space-1) var(--sv-space-2);color:var(--sv-text-inverse);border-radius:var(--sv-radius-sm);background:#00e5ffe6;font-size:12px;font-weight:600;position:absolute}.stream-card-play-icon{color:#ffffffeb;text-shadow:0 2px 8px #0000008c;pointer-events:none;font-size:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stream-card-duration,.stream-card-scheduled{color:var(--sv-text-secondary);font-size:13px}.stream-card-body{padding:var(--sv-space-3) var(--sv-space-4)}.stream-card-title{margin-bottom:var(--sv-space-2);color:var(--sv-text-primary);font-size:1rem;font-weight:600}.stream-card-meta{align-items:center;gap:var(--sv-space-2);color:var(--sv-text-secondary);font-size:.875rem;display:flex}.stream-card-network-btn{padding:var(--sv-space-1) var(--sv-space-2);border:1px solid var(--sv-action-secondary-border);border-radius:var(--sv-radius-sm);background:var(--sv-action-secondary-bg);color:var(--sv-text-primary);cursor:pointer;transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast);margin-left:auto;font-size:.875rem}.stream-card-network-btn:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-glass-border)}.stream-card-network-btn--requested{border-color:var(--sv-color-warning,#ffc400);color:var(--sv-color-warning,#ffc400)}.stream-card-avatar{border-radius:var(--sv-avatar-radius);object-fit:cover;border:1px solid var(--sv-glass-border-subtle);width:24px;height:24px}.stream-card-dj{color:var(--sv-text-primary);font-weight:500}.stream-card-viewers{color:var(--sv-text-muted);margin-left:auto}@media (width>=768px){.stream-discovery-list[data-view-mode=grid]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.filter-panel-overlay{z-index:1000;-webkit-tap-highlight-color:transparent;background:#0009;justify-content:flex-end;animation:.2s ease-out filterPanelFadeIn;display:flex;position:fixed;inset:0}@keyframes filterPanelFadeIn{0%{opacity:0}to{opacity:1}}.filter-panel{background:var(--sv-surface-panel);border-left:1px solid var(--sv-glass-border-subtle);box-sizing:border-box;flex-direction:column;width:100%;max-width:320px;height:100%;animation:.25s ease-out slideInRight;display:flex;box-shadow:-4px 0 24px #0006}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-panel-header{padding:var(--sv-space-5) var(--sv-space-4);border-bottom:1px solid var(--sv-glass-border-subtle);justify-content:space-between;align-items:center;display:flex}.filter-panel-title{color:var(--sv-text-primary);margin:0;font-size:1.25rem;font-weight:700}.filter-panel-close{border:1px solid var(--sv-glass-border-subtle);background:var(--sv-glass-background);border-radius:var(--sv-radius-circle);cursor:pointer;width:36px;height:36px;color:var(--sv-text-secondary);transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast), color var(--sv-motion-fast);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex}.filter-panel-close:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-glass-border);color:var(--sv-text-primary)}.filter-panel-close:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.filter-panel-content{padding:var(--sv-space-5) var(--sv-space-4);flex:1;overflow-y:auto}.filter-panel-section{margin:0 0 var(--sv-space-6) 0;border:none;padding:0}.filter-panel-legend{color:var(--sv-text-primary);margin-bottom:var(--sv-space-3);padding:0;font-size:14px;font-weight:600}.filter-panel-genres{flex-direction:column;gap:10px;display:flex}.filter-panel-checkbox{align-items:center;gap:var(--sv-space-3);cursor:pointer;color:var(--sv-text-primary);font-size:16px;display:flex}.filter-panel-checkbox input{cursor:pointer;width:20px;height:20px;accent-color:var(--sv-color-brand-primary)}.filter-panel-select{width:100%;padding:var(--sv-space-3) var(--sv-space-4);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);background:var(--sv-input-bg);color:var(--sv-input-text);cursor:pointer;min-height:var(--sv-touch-target-min);box-sizing:border-box;font-family:inherit;font-size:16px}.filter-panel-select:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.filter-panel-footer{padding:var(--sv-space-4);padding-bottom:max(var(--sv-space-4), var(--sv-safe-area-bottom));border-top:1px solid var(--sv-glass-border-subtle)}.filter-panel-done{border-radius:var(--sv-radius-sm);cursor:pointer;width:100%;min-height:var(--sv-touch-target-min);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);transition:filter var(--sv-motion-fast), transform var(--sv-motion-fast);-webkit-tap-highlight-color:transparent;border:none;padding:14px;font-size:16px;font-weight:600}.filter-panel-done:hover{filter:brightness(1.08)}.filter-panel-done:active:not(:disabled){transform:scale(.98)}.filter-panel-done:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.login-screen .form-label,.signup-screen .form-label,.forgot-password-screen .form-label,.email-verification-screen .form-label{color:var(--sv-text-secondary)}.login-screen .form-input,.signup-screen .form-input,.forgot-password-screen .form-input,.email-verification-screen .form-input{background:var(--sv-input-bg);border:1px solid var(--sv-input-border);color:var(--sv-input-text);border-radius:var(--sv-radius-sm)}.login-screen .form-input:focus,.signup-screen .form-input:focus,.forgot-password-screen .form-input:focus,.email-verification-screen .form-input:focus{border-color:var(--sv-input-border-focus);outline:none;box-shadow:0 0 0 2px #00e5ff38}.login-screen .form-input:disabled,.signup-screen .form-input:disabled,.forgot-password-screen .form-input:disabled,.email-verification-screen .form-input:disabled{background:var(--sv-glass-background-subtle);color:var(--sv-text-disabled);cursor:not-allowed}.form-row{gap:var(--sv-space-3);display:flex}.form-group-half{flex:1}main.screen-container:has(.login-screen){padding:0;overflow-y:hidden}.login-screen .login-container{transition:transform .25s var(--sv-easing-out-expo);will-change:transform}@media (orientation:landscape) and (height<=500px){main.screen-container:has(.login-screen){overflow-y:auto}}.login-screen{min-height:100%;padding:var(--sv-space-5);background:var(--sv-surface-app);justify-content:center;align-items:center;display:flex}.login-container{background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);width:100%;max-width:400px;padding:var(--sv-space-8) var(--sv-space-6);box-shadow:var(--sv-shadow-card)}.login-title{color:var(--sv-text-primary);text-align:center;margin-bottom:var(--sv-space-2);font-size:1.75rem;font-weight:700}.login-subtitle{font-size:var(--sv-font-size-base);color:var(--sv-text-muted);text-align:center;margin-bottom:var(--sv-space-8)}.login-form{gap:var(--sv-space-5);flex-direction:column;display:flex}.login-button{width:100%;padding:var(--sv-space-3) var(--sv-space-6);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;transition:opacity var(--sv-motion-fast);min-height:var(--sv-touch-target-min);border:none;font-weight:600}.login-button:hover:not(:disabled){opacity:.92}.login-button:disabled{background:var(--sv-glass-background);color:var(--sv-text-disabled);cursor:not-allowed;opacity:.6}.login-footer{margin-top:var(--sv-space-6);text-align:center}.forgot-password-link{color:var(--sv-color-brand-primary);margin-bottom:var(--sv-space-4);font-size:.875rem;text-decoration:none;display:block}.forgot-password-link:hover{text-decoration:underline}.signup-prompt{color:var(--sv-text-muted);margin:0;font-size:.875rem}.signup-link{color:var(--sv-color-brand-primary);font-weight:500;text-decoration:none}.signup-link:hover{text-decoration:underline}.login-screen .error-message{border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);background:#ff444424;border:1px solid #f446;font-size:.875rem;display:flex}.login-screen .error-message .error-text{color:var(--sv-text-secondary)}.login-screen .error-icon{font-size:1.125rem}.login-screen .success-message{border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);background:#00e6761f;border:1px solid #00e67659;font-size:.875rem;display:flex}.login-screen .success-message .success-text{color:var(--sv-color-success)}.login-screen .success-icon{font-size:1.125rem}.forgot-password-screen{min-height:100vh;padding:var(--sv-space-5);background:var(--sv-surface-app);justify-content:center;align-items:center;display:flex}.forgot-password-container{background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);width:100%;max-width:400px;padding:var(--sv-space-8) var(--sv-space-6);box-shadow:var(--sv-shadow-card)}.forgot-password-title{text-align:center;margin-bottom:var(--sv-space-2);color:var(--sv-text-primary);font-size:1.75rem;font-weight:700}.forgot-password-subtitle{text-align:center;color:var(--sv-text-muted);margin-bottom:var(--sv-space-6);font-size:var(--sv-font-size-base);line-height:var(--sv-line-height-normal)}.forgot-password-form{gap:var(--sv-space-5);flex-direction:column;display:flex}.forgot-password-button{width:100%;padding:var(--sv-space-3) var(--sv-space-6);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;transition:opacity var(--sv-motion-fast);min-height:var(--sv-touch-target-min);border:none;font-weight:600}.forgot-password-button:hover:not(:disabled){opacity:.92}.forgot-password-button:disabled{opacity:.5;cursor:not-allowed}.forgot-password-footer{margin-top:var(--sv-space-6);text-align:center}.back-to-login-link{color:var(--sv-color-brand-primary);font-size:.875rem;font-weight:500;text-decoration:none}.back-to-login-link:hover{text-decoration:underline}.forgot-password-screen .error-message{border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);background:#ff444424;border:1px solid #f446;font-size:.875rem;display:flex}.forgot-password-screen .error-icon{font-size:1.125rem}.forgot-password-screen .success-message{border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);background:#00e6761f;border:1px solid #00e67659;font-size:.875rem;display:flex}.forgot-password-screen .success-icon{font-size:1.125rem}.signup-screen{min-height:100vh;padding:var(--sv-space-5);background:var(--sv-surface-app);justify-content:center;align-items:center;display:flex}.signup-container{background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);width:100%;max-width:400px;padding:var(--sv-space-6);box-shadow:var(--sv-shadow-card)}.signup-title{text-align:center;margin-bottom:var(--sv-space-1);color:var(--sv-text-primary);font-size:1.5rem;font-weight:700}.signup-subtitle{text-align:center;color:var(--sv-text-muted);margin-bottom:var(--sv-space-6);font-size:.875rem}.signup-form{gap:var(--sv-space-4);flex-direction:column;display:flex}.role-selection{gap:var(--sv-space-3);margin-top:var(--sv-space-2);display:flex}.role-button{padding:var(--sv-space-3);border:2px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background-subtle);cursor:pointer;transition:border-color var(--sv-motion-fast), background var(--sv-motion-fast);flex-direction:column;flex:1;align-items:center;gap:6px;min-height:70px;display:flex}.role-button:hover:not(:disabled){border-color:var(--sv-color-brand-primary);background:var(--sv-glass-background)}.role-button-active{border-color:var(--sv-color-brand-primary);background:var(--sv-glass-background-strong)}.role-button:disabled{opacity:.5;cursor:not-allowed}.role-icon{font-size:28px}.role-label{font-size:var(--sv-font-size-base);color:var(--sv-text-primary);font-weight:600}.checkbox-label{align-items:flex-start;gap:var(--sv-space-3);cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--sv-color-brand-primary);margin-top:4px}.checkbox-text{color:var(--sv-text-secondary);font-size:.875rem;line-height:var(--sv-line-height-normal)}.signup-button{width:100%;padding:var(--sv-space-3);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;transition:opacity var(--sv-motion-fast);border:none;min-height:48px;font-weight:600}.signup-button:hover:not(:disabled){opacity:.92}.signup-button:disabled{opacity:.5;cursor:not-allowed}.signup-footer{margin-top:var(--sv-space-6);text-align:center}.login-prompt{color:var(--sv-text-muted);margin:0;font-size:.875rem}.login-link{color:var(--sv-color-brand-primary);font-weight:500;text-decoration:none}.login-link:hover{text-decoration:underline}.signup-screen .error-message{border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);background:#ff444424;border:1px solid #f446;font-size:.875rem;display:flex}.signup-screen .error-icon{font-size:1.125rem}.signup-screen .success-message{border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);background:#00e6761f;border:1px solid #00e67659;font-size:.875rem;display:flex}.signup-screen .success-icon{font-size:1.125rem}.email-verification-screen{min-height:100vh;padding:var(--sv-space-5);background:var(--sv-surface-app);justify-content:center;align-items:center;display:flex}.email-verification-container{background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);width:100%;max-width:400px;padding:var(--sv-space-6);box-shadow:var(--sv-shadow-card)}.email-verification-title{text-align:center;margin-bottom:var(--sv-space-1);color:var(--sv-text-primary);font-size:1.5rem;font-weight:700}.email-verification-subtitle{text-align:center;color:var(--sv-text-muted);margin-bottom:var(--sv-space-6);font-size:.875rem;line-height:var(--sv-line-height-normal)}.email-verification-subtitle strong{color:var(--sv-text-primary);font-weight:600}.email-verification-form{gap:var(--sv-space-4);flex-direction:column;display:flex}.code-input-container{gap:var(--sv-space-2);margin-bottom:var(--sv-space-2);justify-content:center;display:flex}.code-input{border:2px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);text-align:center;width:48px;height:56px;transition:border-color var(--sv-motion-fast), box-shadow var(--sv-motion-fast);background:var(--sv-input-bg);color:var(--sv-input-text);font-size:1.5rem;font-weight:600}.code-input:focus,.code-input-focused{border-color:var(--sv-input-border-focus);outline:none;box-shadow:0 0 0 2px #00e5ff38}.code-input-next{border-color:var(--sv-color-brand-primary);background:var(--sv-glass-background)}.code-input:disabled{background:var(--sv-glass-background-subtle);cursor:not-allowed;opacity:.6}.verify-button{width:100%;padding:var(--sv-space-3);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;transition:opacity var(--sv-motion-fast);border:none;min-height:48px;font-weight:600}.verify-button:hover:not(:disabled){opacity:.92}.verify-button:disabled{opacity:.5;cursor:not-allowed}.email-verification-footer{margin-top:var(--sv-space-6);text-align:center}.resend-prompt{color:var(--sv-text-muted);margin-bottom:var(--sv-space-2);font-size:.875rem}.resend-button{color:var(--sv-color-brand-primary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.875rem;font-weight:500;text-decoration:underline}.resend-button:hover:not(:disabled){opacity:.85}.resend-button:disabled{color:var(--sv-text-disabled);cursor:not-allowed;text-decoration:none}.email-verification-screen .error-message{border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);background:#ff444424;border:1px solid #f446;font-size:.875rem;display:flex}.email-verification-screen .error-icon{font-size:1.125rem}.email-verification-screen .success-message{border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);background:#00e6761f;border:1px solid #00e67659;font-size:.875rem;display:flex}.email-verification-screen .success-icon{font-size:1.125rem}@keyframes authModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes authModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-modal-overlay{z-index:1000;padding:var(--sv-space-5);animation:authModalFadeIn var(--sv-duration-normal) var(--sv-easing-mobile);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal-container{background:var(--sv-surface-panel);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);width:100%;max-width:400px;max-height:90vh;box-shadow:var(--sv-shadow-elevated);animation:authModalSlideUp var(--sv-duration-normal) var(--sv-easing-mobile);position:relative;overflow:hidden}.auth-modal-close{top:var(--sv-space-3);right:var(--sv-space-3);background:var(--sv-glass-background);border-radius:var(--sv-radius-circle);cursor:pointer;z-index:10;width:32px;height:32px;color:var(--sv-text-secondary);transition:background var(--sv-motion-fast), color var(--sv-motion-fast);border:none;justify-content:center;align-items:center;font-size:24px;line-height:1;display:flex;position:absolute}.auth-modal-close:hover{background:var(--sv-glass-background-strong);color:var(--sv-text-primary)}.auth-modal-content{max-height:90vh;overflow-y:auto}.auth-modal-content .login-screen,.auth-modal-content .signup-screen,.auth-modal-content .forgot-password-screen,.auth-modal-content .email-verification-screen{background:0 0;min-height:auto;padding:0}.auth-modal-content .login-container,.auth-modal-content .signup-container,.auth-modal-content .forgot-password-container,.auth-modal-content .email-verification-container{box-shadow:none;padding:var(--sv-space-6);background:0 0;border:none;max-width:100%}.auth-modal-content .form-group{gap:var(--sv-space-2);flex-direction:column;display:flex}.auth-modal-content .form-row{gap:var(--sv-space-3);display:flex}.auth-modal-content .form-group-half{flex:1}.auth-modal-content .form-label{color:var(--sv-text-secondary);font-size:.875rem;font-weight:500}.auth-modal-content .form-input{width:100%;padding:var(--sv-space-3) var(--sv-space-4);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);transition:border-color var(--sv-motion-fast), box-shadow var(--sv-motion-fast);background:var(--sv-input-bg);color:var(--sv-input-text)}.auth-modal-content .form-input:focus{border-color:var(--sv-input-border-focus);outline:none;box-shadow:0 0 0 2px #00e5ff38}.auth-modal-content .form-input:disabled{background:var(--sv-glass-background-subtle);color:var(--sv-text-disabled);cursor:not-allowed}.auth-modal-content .login-button,.auth-modal-content .signup-button,.auth-modal-content .forgot-password-button,.auth-modal-content .verify-button{width:100%;padding:var(--sv-space-3);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;transition:opacity var(--sv-motion-fast);border:none;min-height:48px;font-weight:600}.auth-modal-content .login-button:hover:not(:disabled),.auth-modal-content .signup-button:hover:not(:disabled),.auth-modal-content .forgot-password-button:hover:not(:disabled),.auth-modal-content .verify-button:hover:not(:disabled){opacity:.92}.auth-modal-content .login-button:disabled,.auth-modal-content .signup-button:disabled,.auth-modal-content .forgot-password-button:disabled,.auth-modal-content .verify-button:disabled{opacity:.5;cursor:not-allowed}.auth-modal-content .forgot-password-link,.auth-modal-content .signup-link,.auth-modal-content .login-link,.auth-modal-content .back-to-login-link{color:var(--sv-color-brand-primary);font-size:.875rem;font-weight:500;text-decoration:none}.auth-modal-content .forgot-password-link:hover,.auth-modal-content .signup-link:hover,.auth-modal-content .login-link:hover,.auth-modal-content .back-to-login-link:hover{text-decoration:underline}.auth-modal-content .role-selection{gap:var(--sv-space-3);margin-top:var(--sv-space-2);display:flex}.auth-modal-content .role-button{padding:var(--sv-space-3);border:2px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background-subtle);cursor:pointer;transition:border-color var(--sv-motion-fast), background var(--sv-motion-fast);flex-direction:column;flex:1;align-items:center;gap:6px;min-height:70px;display:flex}.auth-modal-content .role-button:hover:not(:disabled){border-color:var(--sv-color-brand-primary);background:var(--sv-glass-background)}.auth-modal-content .role-button-active{border-color:var(--sv-color-brand-primary);background:var(--sv-glass-background-strong)}.auth-modal-content .checkbox-label{align-items:flex-start;gap:var(--sv-space-3);cursor:pointer;display:flex}.auth-modal-content .checkbox-label input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--sv-color-brand-primary);margin-top:4px}.auth-modal-content .code-input-container{gap:var(--sv-space-2);margin-bottom:var(--sv-space-2);justify-content:center;display:flex}.auth-modal-content .code-input{border:2px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);text-align:center;width:48px;height:56px;transition:border-color var(--sv-motion-fast), box-shadow var(--sv-motion-fast);background:var(--sv-input-bg);color:var(--sv-input-text);font-size:1.5rem;font-weight:600}.auth-modal-content .code-input:focus,.auth-modal-content .code-input-focused{border-color:var(--sv-input-border-focus);outline:none;box-shadow:0 0 0 2px #00e6ff38}.auth-modal-content .code-input-next{border-color:var(--sv-color-brand-primary);background:var(--sv-glass-background)}.auth-modal-content .resend-button{color:var(--sv-color-brand-primary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.875rem;font-weight:500;text-decoration:underline}.auth-modal-content .resend-button:hover:not(:disabled){opacity:.85}.auth-modal-content .resend-button:disabled{color:var(--sv-text-disabled);cursor:not-allowed;text-decoration:none}.auth-modal-content .error-message{border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);background:#ff444424;border:1px solid #f446;font-size:.875rem;display:flex}.auth-modal-content .success-message{border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);background:#00e6761f;border:1px solid #00e67659;font-size:.875rem;display:flex}.profile-screen{padding:var(--sv-screen-gutter);background:var(--sv-surface-app);min-height:100%;color:var(--sv-text-primary);box-sizing:border-box}.profile-container{max-width:var(--sv-content-max);margin:0 auto}.profile-title{font-size:var(--sv-title-screen);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);margin:0}.profile-screen .screen-sticky-header,.profile-screen-topbar{background:var(--sv-surface-panel);border-bottom-color:var(--sv-glass-border-subtle)}.profile-screen-topbar{margin-bottom:var(--sv-header-content-gap)}.profile-screen-topbar .profile-title{flex:1;margin-bottom:0}.profile-actions--public{flex-wrap:wrap}.profile-card{background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);padding:var(--sv-space-5);margin-bottom:var(--sv-space-6);box-shadow:var(--sv-shadow-sm)}.profile-avatar{border-radius:var(--sv-avatar-radius);width:64px;height:64px;margin-bottom:var(--sv-space-4);background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar .avatar-placeholder{width:100%;height:100%;color:var(--sv-text-muted);justify-content:center;align-items:center;font-size:32px;display:flex}.profile-info{margin-bottom:var(--sv-space-2)}.profile-username{color:var(--sv-text-primary);margin-bottom:var(--sv-space-1);font-size:1.125rem;font-weight:600}.profile-email,.profile-role{color:var(--sv-text-secondary);margin-bottom:2px;font-size:.875rem}.logout-button{width:100%;padding:var(--sv-space-3);color:var(--sv-color-danger);border-radius:var(--sv-radius-sm);font-size:.9375rem;font-weight:var(--sv-font-weight-medium);cursor:pointer;transition:background var(--sv-motion-fast), opacity var(--sv-motion-fast);background:0 0;border:none}.logout-button:hover{background:#ff3b5c1a}.profile-prd56{gap:var(--sv-space-4);flex-direction:column;display:flex}.profile-header{align-items:center;gap:var(--sv-space-4);padding:var(--sv-space-4);background:var(--sv-surface-panel);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);margin-bottom:var(--sv-space-2);display:flex}.profile-header-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-connection-btn{border-radius:var(--sv-radius-circle);cursor:pointer;width:40px;height:40px;color:var(--sv-text-primary);transition:background var(--sv-motion-fast);background:#00e5ff1f;border:1px solid #00e5ff73;flex-shrink:0;font-size:16px}.profile-connection-btn:hover{background:#00e5ff38}.profile-connection-btn--requested{border-color:var(--sv-color-warning,#ffc400);color:var(--sv-color-warning,#ffc400)}.profile-name{font-size:1.375rem;font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-meta{color:var(--sv-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.profile-genres{z-index:1;border-radius:var(--sv-radius-sm);background:var(--sv-surface-card-raised);color:var(--sv-color-brand-secondary);letter-spacing:.02em;text-transform:lowercase;white-space:nowrap;text-overflow:ellipsis;border:1px solid #8b3dff73;max-width:104px;padding:1px 6px;font-size:10px;font-weight:500;position:absolute;bottom:-5px;left:-6px;overflow:hidden}.profile-stats--single{grid-template-columns:1fr}.profile-social-link{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.profile-section-title svg,.profile-icon-btn svg,.profile-connection-btn svg{vertical-align:-3px}.profile-genres-row{gap:var(--sv-space-2);flex-wrap:wrap;display:flex}.profile-stats{gap:var(--sv-space-2);grid-template-columns:repeat(4,1fr);display:grid}.profile-stat-tile{padding:var(--sv-space-3) var(--sv-space-1);background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);box-shadow:var(--sv-shadow-sm);flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.profile-stat-num{font-size:1.25rem;font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);background:var(--sv-gradient-brand-horizontal);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1.2}.profile-stat-label{font-size:10px;font-weight:var(--sv-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--sv-letter-spacing-wide);color:var(--sv-text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.profile-section{padding:var(--sv-space-4);background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);box-shadow:var(--sv-shadow-sm)}.profile-section-title{font-size:var(--sv-title-section);font-weight:var(--sv-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--sv-letter-spacing-wide);color:var(--sv-text-muted);margin:0 0 var(--sv-space-2) 0}.profile-section-content{color:var(--sv-text-secondary);margin:0;font-size:.875rem}.profile-actions{gap:var(--sv-space-3);margin-top:var(--sv-space-2);flex-direction:column;display:flex}.profile-action-btn{padding:var(--sv-space-3) var(--sv-space-4);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;transition:opacity var(--sv-motion-fast);border:none;font-weight:600}.profile-action-primary{background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);box-shadow:var(--sv-action-primary-glow);border-radius:var(--sv-radius-md)}.profile-action-primary:hover{opacity:.92}.profile-action-secondary{background:var(--sv-glass-background);color:var(--sv-text-primary);border:1px solid var(--sv-glass-border-subtle)}.profile-action-secondary:hover{background:var(--sv-glass-background-strong)}.profile-header--with-actions{flex-wrap:wrap}.profile-header-actions{align-items:center;gap:var(--sv-space-2);flex-direction:row;display:flex}.profile-icon-rail{flex-direction:column;gap:6px;display:flex}.profile-icon-btn{border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-circle);background:var(--sv-glass-background);filter:grayscale();opacity:.85;cursor:pointer;width:32px;height:32px;color:var(--sv-text-primary);transition:background var(--sv-motion-fast);font-size:14px}.profile-icon-btn:hover{background:var(--sv-glass-background-strong);opacity:1}.profile-avatar--live{box-shadow:0 0 0 3px var(--sv-color-live);animation:2s ease-in-out infinite profile-live-pulse}@keyframes profile-live-pulse{0%,to{box-shadow:0 0 0 3px var(--sv-color-live)}50%{box-shadow:0 0 0 6px #ff444459}}.profile-live-banner{align-items:center;gap:var(--sv-space-2);width:100%;margin:0 0 var(--sv-space-2) 0;border-radius:var(--sv-radius-sm);color:var(--sv-text-primary);text-align:left;cursor:pointer;transition:background var(--sv-motion-fast);background:#ff44441f;border:1px solid #ff444459;padding:10px 14px;font-size:.875rem;font-weight:600;display:flex}.profile-live-banner:hover{background:#ff44442e}.profile-live-dot{background:var(--sv-color-live);border-radius:50%;width:10px;height:10px;animation:1.5s ease-in-out infinite profile-live-pulse}.profile-badges-row{align-items:center;gap:var(--sv-space-2);padding:var(--sv-space-2) var(--sv-space-3);margin:0 0 var(--sv-space-2) 0;text-align:left;border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);background:var(--sv-surface-card);cursor:pointer;width:100%;max-width:100%;font:inherit;color:var(--sv-text-primary);box-sizing:border-box;transition:background var(--sv-motion-fast);flex-wrap:wrap;display:flex}.profile-badges-row:hover{background:var(--sv-surface-card-raised)}.profile-badges-more{color:var(--sv-color-brand-primary);margin-left:4px;font-size:12px;font-weight:600}.profile-badge-chip{font-size:11px;font-weight:var(--sv-font-weight-medium);padding:4px var(--sv-space-3);border-radius:var(--sv-radius-full);color:#c9a6ff;background:#8b3dff29;border:1px solid #8b3dff4d}.profile-social-links{gap:var(--sv-space-3);flex-wrap:wrap;display:flex}.profile-social-link{opacity:.9;font-size:22px;text-decoration:none}.profile-social-link:hover{opacity:1}.profile-stream-cards{flex-direction:column;gap:10px;display:flex}.profile-stream-card{gap:var(--sv-space-3);width:100%;padding:var(--sv-space-2);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-surface-card-raised);cursor:pointer;text-align:left;color:inherit;transition:background var(--sv-motion-fast);align-items:center;display:flex}.profile-stream-card:hover{background:var(--sv-surface-card-hover)}.profile-stream-card-thumb{border-radius:var(--sv-radius-sm);background:var(--sv-surface-app);flex-shrink:0;width:72px;height:48px;overflow:hidden}.profile-stream-card-thumb img{object-fit:cover;width:100%;height:100%}.profile-stream-card-placeholder{justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;display:flex}.profile-stream-card-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-stream-card-title{color:var(--sv-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.profile-stream-card-sub{color:var(--sv-text-muted);font-size:12px}.profile-fav-dj-row{gap:var(--sv-space-3);padding-bottom:var(--sv-space-2);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.profile-fav-dj-card{cursor:pointer;min-width:72px;color:inherit;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:4px;display:flex}.profile-fav-dj-avatar{border-radius:var(--sv-radius-circle);background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);width:56px;height:56px;position:relative;overflow:hidden}.profile-fav-dj-avatar img{object-fit:cover;width:100%;height:100%}.profile-fav-dj-placeholder{width:100%;height:100%;color:var(--sv-text-muted);justify-content:center;align-items:center;font-size:20px;font-weight:600;display:flex}.profile-fav-dj-live-dot{background:var(--sv-color-live);border:2px solid var(--sv-surface-card);border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.profile-fav-dj-name{text-overflow:ellipsis;white-space:nowrap;max-width:72px;color:var(--sv-text-secondary);font-size:11px;overflow:hidden}.achievements-panel-backdrop{z-index:12000;background:#0000008c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.achievements-panel-sheet{background:var(--sv-surface-panel);width:100%;max-width:480px;max-height:85vh;color:var(--sv-text-primary);border-radius:var(--sv-radius-md) var(--sv-radius-md) 0 0;border:1px solid var(--sv-glass-border-subtle);box-shadow:var(--sv-shadow-elevated);flex-direction:column;display:flex}.achievements-panel-header{padding:var(--sv-space-4) var(--sv-space-4) var(--sv-space-2);border-bottom:1px solid var(--sv-glass-border-subtle);justify-content:space-between;align-items:center;display:flex}.achievements-panel-title{color:var(--sv-text-primary);margin:0;font-size:1.125rem;font-weight:700}.achievements-panel-close{color:var(--sv-text-muted);cursor:pointer;padding:4px var(--sv-space-2);background:0 0;border:none;font-size:22px;line-height:1}.achievements-panel-close:hover{color:var(--sv-text-primary)}.achievements-panel-list{padding:var(--sv-space-2) var(--sv-space-4) var(--sv-space-6);flex:1;overflow-y:auto}.achievements-panel-item{border-bottom:1px solid var(--sv-glass-border-subtle);padding:14px 0}.achievements-panel-item:last-child{border-bottom:none}.achievements-panel-item--locked{opacity:.72}.achievements-panel-item-head{align-items:center;gap:10px;display:flex}.achievements-panel-emoji{font-size:22px}.achievements-panel-name{font-weight:600;font-size:var(--sv-font-size-base);color:var(--sv-text-primary);flex:1}.achievements-panel-desc{color:var(--sv-text-muted);margin:6px 0 4px 32px;font-size:13px;line-height:1.4}.achievements-panel-progress{background:var(--sv-glass-background);border-radius:4px;height:6px;margin:8px 0 4px 32px;overflow:hidden}.achievements-panel-progress-bar{background:var(--sv-gradient-brand-horizontal);border-radius:4px;height:100%}.achievements-panel-progress-label{color:var(--sv-text-muted);margin-left:32px;font-size:12px;display:block}.achievements-panel-date{color:var(--sv-color-success);margin:6px 0 0 32px;font-size:12px;display:block}.achievements-panel-empty{margin:var(--sv-space-6);text-align:center;color:var(--sv-text-muted)}.follower-list-overlay{z-index:9999;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.follower-list-backdrop{background:#0000008c;position:absolute;inset:0}.follower-list-panel{background:var(--sv-surface-panel);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md) var(--sv-radius-md) 0 0;width:100%;max-width:480px;max-height:85vh;box-shadow:var(--sv-shadow-elevated);color:var(--sv-text-primary);flex-direction:column;display:flex;position:relative}.follower-list-header{align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-3) var(--sv-space-4);border-bottom:1px solid var(--sv-glass-border-subtle);display:flex}.follower-list-close{cursor:pointer;color:var(--sv-text-secondary);background:0 0;border:none;font-size:22px}.follower-list-close:hover{color:var(--sv-text-primary)}.follower-list-tabs{gap:var(--sv-space-2);flex:1;justify-content:center;display:flex}.follower-list-tab{padding:var(--sv-space-2) var(--sv-space-4);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background-subtle);cursor:pointer;color:var(--sv-text-secondary);font-weight:600}.follower-list-tab.is-active{background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-color:#0000}.follower-list-body{padding:var(--sv-space-2) 0 var(--sv-space-6);min-height:120px;overflow-y:auto}.follower-list-row{align-items:center;gap:var(--sv-space-3);width:100%;padding:10px var(--sv-space-4);border:none;border-bottom:1px solid var(--sv-glass-border-subtle);cursor:pointer;text-align:left;color:inherit;background:0 0;display:flex}.follower-list-row:hover{background:var(--sv-glass-background-subtle)}.follower-list-avatar{border-radius:var(--sv-radius-circle);background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);width:40px;height:40px;overflow:hidden}.follower-list-avatar-img{object-fit:cover;width:100%;height:100%}.follower-list-avatar-ph{width:100%;height:100%;font-size:var(--sv-font-size-base);color:var(--sv-text-muted);justify-content:center;align-items:center;font-weight:600;display:flex}.follower-list-name{color:var(--sv-text-primary);font-size:15px;font-weight:500}.founding-member-section{max-width:400px;padding:var(--sv-space-5) var(--sv-space-4);background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);box-shadow:var(--sv-shadow-sm);margin:0 auto}.founding-member-title{color:var(--sv-text-primary);margin:0 0 var(--sv-space-3) 0;font-size:1.125rem;font-weight:600}.founding-member-badge{padding:var(--sv-space-2) var(--sv-space-4);margin-bottom:var(--sv-space-4);background:var(--sv-gradient-brand-diagonal);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-weight:600;display:inline-block}.founding-member-badge-text{font-size:.875rem}.founding-member-referral{align-items:center;gap:var(--sv-space-2);margin-bottom:var(--sv-space-3);flex-wrap:wrap;display:flex}.founding-member-label{color:var(--sv-text-muted);font-size:.875rem}.founding-member-code{font-family:ui-monospace,monospace;font-size:var(--sv-font-size-base);color:var(--sv-text-primary);font-weight:600}.founding-member-copy{padding:6px var(--sv-space-3);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);color:var(--sv-color-brand-primary);cursor:pointer;transition:background var(--sv-motion-fast);font-size:.875rem}.founding-member-copy:hover{background:var(--sv-glass-background-strong)}.founding-member-link-row{margin-bottom:var(--sv-space-3)}.founding-member-copy-link{padding:6px var(--sv-space-3);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);color:var(--sv-color-brand-primary);cursor:pointer;transition:background var(--sv-motion-fast);font-size:.875rem}.founding-member-copy-link:hover{background:var(--sv-glass-background-strong)}.founding-member-recruitment{color:var(--sv-text-secondary);margin:0;font-size:.875rem}.founding-member-section--empty .founding-member-empty-text{color:var(--sv-text-muted);font-size:.875rem;line-height:var(--sv-line-height-normal);margin:0}.profile-header-row{align-items:center;gap:var(--sv-space-3);display:flex}.profile-header-row .profile-header{flex:1;min-width:0}.screen-header .profile-header{background:0 0;border:none;margin-bottom:0;padding:0}.profile-avatar-wrap{flex-shrink:0;position:relative}.screen-header .profile-avatar{border:1px solid var(--sv-glass-border);flex-shrink:0;width:64px;height:64px;margin-bottom:0;box-shadow:0 0 20px #00e5ff2e,0 0 30px #8b3dff26}.profile-row-btn{align-items:center;gap:var(--sv-space-3);width:100%;padding:var(--sv-space-4);background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);color:var(--sv-text-primary);font-size:.9375rem;font-weight:var(--sv-font-weight-medium);cursor:pointer;text-align:left;transition:background var(--sv-motion-fast);display:flex}.profile-row-btn:hover{background:var(--sv-surface-card-raised)}.profile-row-btn-icon{flex-shrink:0;font-size:1.05rem;line-height:1}.profile-row-btn-label{flex:1;min-width:0}.profile-row-btn-meta{border-radius:var(--sv-radius-full);min-width:22px;color:var(--sv-color-brand-primary);font-size:12px;font-weight:var(--sv-font-weight-bold);text-align:center;background:#00e5ff1f;flex-shrink:0;padding:1px 8px}.profile-row-btn-chevron{color:var(--sv-text-muted);flex-shrink:0;font-size:1.25rem;line-height:1}.profile-action-group{border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);flex-direction:column;display:flex;overflow:hidden}.profile-action-group .profile-row-btn{border:none;border-bottom:1px solid var(--sv-glass-border-subtle);border-radius:0}.profile-action-group .profile-row-btn:last-child{border-bottom:none}.edit-profile-screen{padding:var(--sv-screen-gutter);box-sizing:border-box;background:var(--sv-surface-app);min-height:100%;color:var(--sv-text-primary)}.edit-profile-title{font-size:calc(var(--sv-font-size-base) * 1.5);font-weight:700;line-height:var(--sv-line-height-tight);color:var(--sv-text-primary);margin:0}.edit-profile-form{gap:var(--sv-space-4);flex-direction:column;display:flex}.edit-profile-avatar-row{align-items:center;gap:var(--sv-space-4);margin-bottom:var(--sv-space-2);display:flex}.edit-profile-avatar-wrap{border-radius:var(--sv-radius-circle);background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);flex-shrink:0;width:96px;height:96px;overflow:hidden}.edit-profile-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.edit-profile-avatar-placeholder{width:100%;height:100%;font-size:calc(var(--sv-font-size-base) * 2.5);color:var(--sv-text-muted);justify-content:center;align-items:center;display:flex}.edit-profile-change-photo{padding:10px var(--sv-space-4);border-radius:var(--sv-radius-sm);border:1px solid var(--sv-color-brand-primary);background:var(--sv-glass-background);color:var(--sv-color-brand-primary);font-size:calc(var(--sv-font-size-base) * (15 / 16));cursor:pointer;transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast), opacity var(--sv-motion-fast);font-weight:600}.edit-profile-change-photo:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-color-hover-blue)}.edit-profile-username-hint{font-size:calc(var(--sv-font-size-base) * (13 / 16));color:var(--sv-text-muted);min-height:1.2em}.edit-profile-field{flex-direction:column;gap:6px;display:flex}.edit-profile-field label{font-size:calc(var(--sv-font-size-base) * (14 / 16));color:var(--sv-text-secondary);font-weight:500}.edit-profile-field input,.edit-profile-field textarea{padding:var(--sv-space-3);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);background:var(--sv-input-bg);color:var(--sv-input-text);font-family:inherit}.edit-profile-field input::placeholder,.edit-profile-field textarea::placeholder{color:var(--sv-input-placeholder)}.edit-profile-field input:focus,.edit-profile-field textarea:focus{border-color:var(--sv-input-border-focus);outline:none;box-shadow:0 0 0 2px #00e5ff38}.edit-profile-field textarea{resize:vertical;min-height:80px}.edit-profile-actions{gap:var(--sv-space-3);margin-top:var(--sv-space-4);display:flex}.edit-profile-save{background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;transition:opacity var(--sv-motion-fast);border:none;flex:1;padding:14px;font-weight:600}.edit-profile-save:hover:not(:disabled){opacity:.92}.edit-profile-save:active:not(:disabled){opacity:.88}.edit-profile-save:disabled{opacity:.6;cursor:not-allowed}.edit-profile-cancel{padding:14px var(--sv-space-5);background:var(--sv-glass-background);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast)}.edit-profile-cancel:hover{background:var(--sv-glass-background-strong)}.edit-profile-error{padding:var(--sv-space-3) var(--sv-space-4);color:var(--sv-color-danger);border-radius:var(--sv-radius-sm);margin-bottom:var(--sv-space-4);background:#ff44441f;border:1px solid #ff444459}.edit-profile-success{padding:var(--sv-space-3) var(--sv-space-4);color:var(--sv-color-success);border-radius:var(--sv-radius-sm);margin-bottom:var(--sv-space-4);background:#00e6761f;border:1px solid #00e67659}.edit-profile-screen{padding-bottom:var(--sv-keyboard-inset,0px)}.edit-profile-field-error{margin-top:var(--sv-space-1);color:var(--sv-color-danger);font-size:.8125rem;display:block}.dj-search-screen{padding:var(--sv-screen-gutter);background:var(--sv-surface-app);min-height:100%;color:var(--sv-text-primary);box-sizing:border-box}.dj-search-screen .screen-sticky-header{background:var(--sv-surface-panel);border-bottom-color:var(--sv-glass-border-subtle)}.dj-search-container{max-width:400px;margin:0 auto}.dj-search-title{font-size:var(--sv-title-screen);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);margin:0}.dj-search-header{margin-bottom:0}.dj-search-search{width:100%;position:relative}.dj-search-input{width:100%;padding:var(--sv-space-3) var(--sv-space-4);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);box-sizing:border-box;background:var(--sv-input-bg);color:var(--sv-input-text)}.dj-search-input::placeholder{color:var(--sv-input-placeholder)}.dj-search-input:focus{border-color:var(--sv-input-border-focus);outline:none;box-shadow:0 0 0 2px #00e5ff40}.dj-search-content{margin-top:var(--sv-header-content-gap);padding-bottom:var(--sv-space-4)}.dj-search-empty{padding:var(--sv-space-10) 0;color:var(--sv-text-muted);font-size:var(--sv-font-size-base);text-align:center}.dj-search-list{gap:var(--sv-space-4);flex-direction:column;display:flex}.dj-search-list[data-view-mode=grid]{grid-template-columns:repeat(2,1fr);display:grid}.dj-card{background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);box-shadow:var(--sv-shadow-sm);cursor:pointer;touch-action:manipulation;transition:transform .12s ease, opacity .12s ease, box-shadow var(--sv-motion-fast), background var(--sv-motion-fast);-webkit-user-select:none;user-select:none;overflow:hidden}.dj-card:hover{box-shadow:var(--sv-shadow-card);background:var(--sv-surface-card-raised)}.dj-card:active{opacity:.88;transform:scale(.97)}.dj-card-body{align-items:center;gap:var(--sv-space-4);padding:var(--sv-space-3) var(--sv-space-4);display:flex}.dj-card-avatar{border-radius:var(--sv-radius-circle);object-fit:cover;border:1px solid var(--sv-glass-border-subtle);width:48px;height:48px}.dj-card-avatar-placeholder{border-radius:var(--sv-radius-circle);background:var(--sv-gradient-brand-diagonal);width:48px;height:48px}.dj-card-info{gap:var(--sv-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.dj-card-username{font-size:var(--sv-font-size-base);color:var(--sv-text-primary);margin:0;font-weight:600}.dj-card-meta{align-items:center;gap:var(--sv-space-2);color:var(--sv-text-secondary);flex-wrap:wrap;font-size:.875rem;display:flex}.dj-card-network-btn{padding:var(--sv-space-1) var(--sv-space-2);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);color:var(--sv-color-brand-primary);cursor:pointer;transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast), color var(--sv-motion-fast);margin-left:auto;font-size:.875rem}.dj-card-network-btn:hover{border-color:var(--sv-color-brand-primary);background:#00e5ff24}.dj-card-network-btn--active{border-color:var(--sv-color-success);color:var(--sv-color-success);background:#00e67629}.dj-card-network-btn--requested{border-color:var(--sv-color-warning,#ffc400);color:var(--sv-color-warning,#ffc400);background:#ffc4001f}.dj-card-network-btn--respond{opacity:.75;border-style:dashed}.dj-card-network-btn--active:hover{background:#00e67642}.dj-card-network-btn--pending{opacity:.55;cursor:wait}.dj-card-genres{gap:var(--sv-space-1);flex-wrap:wrap;margin-top:2px;display:flex}.dj-card-genre-tag{padding:1px var(--sv-space-2);border-radius:var(--sv-radius-sm);color:var(--sv-color-brand-secondary);text-transform:capitalize;background:#8b3dff2e;font-size:11px;font-weight:500;display:inline-block}.dj-card-last-stream{color:var(--sv-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.dj-section-heading{margin:var(--sv-space-4) 0 var(--sv-space-2);padding:0 var(--sv-space-1);color:var(--sv-text-secondary);font-size:.9375rem;font-weight:600}.dj-section-heading--live{color:var(--sv-color-live)}.dj-card-followers{color:var(--sv-text-secondary);font-size:.875rem}.dj-card-live-badge{padding:2px var(--sv-space-2);background:var(--sv-color-live);color:var(--sv-text-inverse);border-radius:var(--sv-radius-sm);align-self:flex-start;font-size:11px;font-weight:700}.dj-search-history{z-index:20;background:var(--sv-surface-panel);border:1px solid var(--sv-glass-border-subtle);border-radius:0 0 var(--sv-radius-sm) var(--sv-radius-sm);box-shadow:var(--sv-shadow-elevated);margin-top:2px;position:absolute;top:100%;left:0;right:0}.dj-search-history-header{padding:var(--sv-space-2) var(--sv-space-3) var(--sv-space-1);color:var(--sv-text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.dj-search-history-clear{color:var(--sv-color-brand-primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.dj-search-history-clear:hover{color:var(--sv-color-brand-secondary)}.dj-search-history-item{padding:var(--sv-space-2) var(--sv-space-3);cursor:pointer;color:var(--sv-text-primary);font-size:.875rem}.dj-search-history-item:hover{background:var(--sv-glass-background)}.dj-search-empty-enhanced{text-align:center;padding:var(--sv-space-10) var(--sv-space-5);background:var(--sv-glass-background-subtle);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);margin-top:var(--sv-space-2)}.dj-search-empty-icon{font-size:var(--sv-space-12);margin-bottom:var(--sv-space-3)}.dj-search-empty-title{font-size:var(--sv-font-size-base);color:var(--sv-text-primary);margin:0 0 var(--sv-space-2);font-weight:600}.dj-search-empty-hint{color:var(--sv-text-muted);margin:0 0 var(--sv-space-4);font-size:.875rem}.dj-search-empty-browse{padding:var(--sv-space-2) var(--sv-space-6);border:1px solid var(--sv-color-brand-primary);border-radius:var(--sv-radius-full);color:var(--sv-color-brand-primary);cursor:pointer;transition:background var(--sv-motion-fast);background:0 0;font-size:.875rem;font-weight:600}.dj-search-empty-browse:hover{background:#00e5ff1f}.dj-search-scroll-loader{text-align:center;padding:var(--sv-space-4);color:var(--sv-text-muted);font-size:.875rem}.dj-search-screen .error-message{align-items:flex-start;gap:var(--sv-space-2);margin:0 0 var(--sv-space-4);padding:var(--sv-space-3) var(--sv-space-4);border-radius:var(--sv-radius-sm);color:var(--sv-text-primary);background:#ff44441f;border:1px solid #ff444459;display:flex}.dj-search-screen .error-message .error-text{color:var(--sv-text-secondary);line-height:var(--sv-line-height-normal)}.dj-search-screen>.loading-state{background:0 0}.dj-search-screen>.loading-state .loading-spinner{border-color:var(--sv-glass-border-subtle);border-top-color:var(--sv-color-brand-primary)}.dj-search-screen>.loading-state .loading-message{color:var(--sv-text-secondary)}.wallet-display-screen{padding:var(--sv-screen-gutter);background:var(--sv-surface-app);min-height:100%;color:var(--sv-text-primary);box-sizing:border-box}.wallet-display-screen .screen-sticky-header{background:var(--sv-surface-panel);border-bottom-color:var(--sv-glass-border-subtle)}.wallet-display-container{max-width:var(--sv-content-max);margin:0 auto}.wallet-display-title{font-size:var(--sv-title-screen);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);margin:0}.wallet-balance-section{background:var(--sv-surface-card);border-radius:var(--sv-radius-sm);padding:var(--sv-space-5);margin-bottom:var(--sv-space-6);box-shadow:var(--sv-glow-coin), var(--sv-shadow-sm);border:1px solid #ffd70047}.wallet-balance-label{color:var(--sv-text-secondary);margin:0 0 var(--sv-space-1);font-size:.875rem;font-weight:600}.wallet-balance-value{font-size:clamp(1.875rem,8vw,2.375rem);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);font-variant-numeric:tabular-nums;background:var(--sv-gradient-coin);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.wallet-display-screen .wallet-transactions-section{margin-top:var(--sv-header-content-gap)}.wallet-transactions-section{background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);padding:var(--sv-space-5);margin-bottom:var(--sv-space-6);box-shadow:var(--sv-shadow-sm)}.wallet-transactions-header{margin-bottom:var(--sv-space-4);justify-content:space-between;align-items:center;gap:var(--sv-space-3);display:flex}.wallet-transactions-label{font-size:var(--sv-font-size-base);color:var(--sv-text-primary);margin:0;font-weight:600}.wallet-view-full-history{color:var(--sv-color-brand-primary);padding:var(--sv-space-1) var(--sv-space-2);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;flex-shrink:0;font-size:.875rem;text-decoration:underline}.wallet-view-full-history:hover{color:var(--sv-color-brand-secondary)}.wallet-transactions-list{margin:0;padding:0;list-style:none}.wallet-transaction-item{padding:var(--sv-space-3) 0;border-bottom:1px solid var(--sv-glass-border-subtle);cursor:pointer;touch-action:manipulation;transition:background var(--sv-motion-fast)}.wallet-transaction-item:hover{background:var(--sv-glass-background-subtle)}.wallet-transaction-item:last-child{border-bottom:none}.wallet-transaction-empty{padding:var(--sv-space-4) 0;color:var(--sv-text-muted);text-align:center;font-size:.875rem}.wallet-tx-main{margin-bottom:var(--sv-space-1);justify-content:space-between;align-items:flex-start;gap:var(--sv-space-3);display:flex}.wallet-tx-description{color:var(--sv-text-primary);font-size:.875rem}.wallet-tx-amount{flex-shrink:0;font-size:.875rem;font-weight:600}.wallet-tx-credit{color:var(--sv-color-success)}.wallet-tx-debit{color:var(--sv-color-danger)}.wallet-tx-meta{gap:var(--sv-space-3);color:var(--sv-text-muted);font-size:.75rem;display:flex}.wallet-tx-date,.wallet-tx-type{color:var(--sv-text-muted)}.wallet-tx-hint{margin:var(--sv-space-3) 0 0;color:var(--sv-text-muted);font-size:.75rem}.wallet-actions-section{margin-top:var(--sv-space-6);gap:var(--sv-space-3);flex-direction:column;display:flex}.wallet-purchase-button{width:100%;padding:var(--sv-space-4);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;transition:opacity var(--sv-motion-fast), transform var(--sv-motion-fast);border:none;font-weight:600}.wallet-purchase-button:hover{opacity:.92}.wallet-purchase-button:active{transform:scale(.98)}.wallet-payment-methods-button{width:100%;padding:var(--sv-space-3);background:var(--sv-glass-background);color:var(--sv-color-brand-primary);border:1px solid var(--sv-color-brand-primary);border-radius:var(--sv-radius-sm);cursor:pointer;transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast);font-size:.9375rem;font-weight:600}.wallet-payment-methods-button:hover{border-color:var(--sv-color-brand-secondary);color:var(--sv-text-primary);background:#00e5ff1f}.wallet-bonus-button{width:100%;padding:var(--sv-space-3);background:var(--sv-glass-background);color:var(--sv-color-brand-secondary);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);cursor:pointer;transition:background var(--sv-motion-fast);font-size:.9375rem;font-weight:600}.wallet-bonus-button:hover{background:#8b3dff24}.wallet-bonus-hint{margin:var(--sv-space-2) 0 0;color:var(--sv-text-secondary);font-size:.875rem}.wallet-vybecoin-slot{margin-top:var(--sv-space-4);min-height:0}.wallet-display-screen .error-message{align-items:flex-start;gap:var(--sv-space-2);margin:0 0 var(--sv-space-4);padding:var(--sv-space-3) var(--sv-space-4);border-radius:var(--sv-radius-sm);color:var(--sv-text-primary);background:#ff44441f;border:1px solid #ff444459;display:flex}.wallet-display-screen .error-message .error-text{color:var(--sv-text-secondary);line-height:var(--sv-line-height-normal)}.wallet-display-screen>.loading-state{background:0 0}.wallet-display-screen>.loading-state .loading-spinner{border-color:var(--sv-glass-border-subtle);border-top-color:var(--sv-color-brand-primary)}.wallet-display-screen>.loading-state .loading-message{color:var(--sv-text-secondary)}.screen-header .wallet-balance-section{box-shadow:none;background:0 0;border:none;margin-bottom:0;padding:0}.screen-header .wallet-balance-label{margin:0 0 var(--sv-space-1)}.wallet-balance-row{justify-content:flex-end;align-items:center;height:42px;display:flex}.screen-header-top-row .wallet-balance-label{margin:0;font-size:1rem;line-height:1}.wallet-balance-row .wallet-balance-value{margin:0}.wallet-filter-row{gap:0}.wallet-actions-pinned{left:0;right:0;bottom:calc(var(--sv-nav-height) + var(--sv-safe-area-bottom));z-index:5;gap:var(--sv-space-2);padding:var(--sv-space-3) var(--sv-screen-gutter);background:color-mix(in srgb, var(--sv-surface-panel) 92%, transparent);-webkit-backdrop-filter:var(--sv-blur-soft);backdrop-filter:var(--sv-blur-soft);border-top:1px solid var(--sv-glass-border-subtle);flex-direction:column;display:flex;position:fixed}.wallet-display-screen{padding-bottom:var(--wallet-pinned-clearance,0px)}.wallet-actions-row{gap:var(--sv-space-2);display:flex}.wallet-actions-row>button{flex:1;margin:0}.vybecoin-brand{font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight)}.vybecoin-brand-vybe{color:var(--sv-color-brand-primary)}.vybecoin-brand-coin{background:var(--sv-gradient-coin);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.payment-methods-screen{padding:var(--sv-space-4) var(--sv-screen-gutter) var(--sv-space-6);max-width:var(--sv-content-max);background:var(--sv-surface-app);min-height:100%;color:var(--sv-text-primary);box-sizing:border-box;margin:0 auto}.payment-methods-header{align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-5);display:flex}.payment-methods-back{padding:var(--sv-space-2) var(--sv-space-3);background:var(--sv-glass-background);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast);font-size:18px;line-height:1}.payment-methods-back:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-glass-border)}.payment-methods-back:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.payment-methods-title{font-size:var(--sv-title-screen);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);margin:0}.payment-methods-status{color:var(--sv-text-secondary);margin:0 0 var(--sv-space-4);font-size:14px;line-height:var(--sv-line-height-normal)}.payment-methods-list{margin:0 0 var(--sv-space-5);background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);box-shadow:var(--sv-shadow-sm);padding:0;list-style:none;overflow:hidden}.payment-methods-empty{padding:var(--sv-space-5) var(--sv-space-4);color:var(--sv-text-muted);font-size:14px}.payment-methods-item{align-items:center;gap:var(--sv-space-2);padding:14px var(--sv-space-4);border-bottom:1px solid var(--sv-glass-border-subtle);flex-wrap:wrap;display:flex}.payment-methods-item:last-child{border-bottom:none}.payment-methods-item-label{color:var(--sv-text-primary);font-weight:600}.payment-methods-item-last4{color:var(--sv-text-secondary);font-size:14px}.payment-methods-default{color:var(--sv-color-brand-primary);margin-left:auto;font-size:12px;font-weight:600}.payment-methods-actions{margin-top:var(--sv-space-2)}.payment-methods-add{background:var(--sv-action-primary-bg);width:100%;color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;transition:filter var(--sv-motion-fast);box-shadow:var(--sv-shadow-accent-glow);border:none;padding:14px;font-weight:600}.payment-methods-add:hover:not(:disabled){filter:brightness(1.06)}.payment-methods-add:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.payment-methods-add:disabled{background:var(--sv-surface-card-hover);color:var(--sv-text-disabled);cursor:not-allowed;filter:none;box-shadow:none;opacity:.85}.payment-methods-add-hint{color:var(--sv-text-muted);text-align:center;margin-top:10px;font-size:13px}.earnings-display-screen{padding:var(--sv-screen-gutter);max-width:var(--sv-content-max);background:var(--sv-surface-app);min-height:100%;color:var(--sv-text-primary);box-sizing:border-box;margin:0 auto}.earnings-display-title{font-size:var(--sv-title-screen);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);margin:0}.earnings-summary-section,.earnings-breakdown-section,.earnings-top-supporters-section,.earnings-transactions-section{background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);padding:var(--sv-space-5);margin-bottom:var(--sv-space-6);box-shadow:var(--sv-shadow-sm);box-sizing:border-box}.earnings-total-label{color:var(--sv-text-secondary);margin:0 0 var(--sv-space-1);font-size:14px;font-weight:500}.earnings-total-value{font-size:32px;font-weight:700;line-height:var(--sv-line-height-tight);color:var(--sv-color-success);margin:0}.earnings-breakdown-label,.earnings-top-supporters-label,.earnings-transactions-label{margin:0 0 var(--sv-space-3);color:var(--sv-text-primary);font-size:16px;font-weight:600}.earnings-transactions-label{margin-bottom:var(--sv-space-4)}.earnings-breakdown-placeholder,.earnings-breakdown-empty{color:var(--sv-text-muted);padding:var(--sv-space-3) 0;margin:0;font-size:14px}.earnings-breakdown-list{margin:0;padding:0;list-style:none}.earnings-breakdown-row{align-items:baseline;gap:var(--sv-space-2) var(--sv-space-4);padding:var(--sv-space-3) 0;border-bottom:1px solid var(--sv-glass-border-subtle);flex-wrap:wrap;display:flex}.earnings-breakdown-row:last-child{border-bottom:none}.earnings-breakdown-type{color:var(--sv-text-primary);flex:120px;font-size:14px}.earnings-breakdown-vc{color:var(--sv-color-success);font-size:14px;font-weight:600}.earnings-breakdown-pct{color:var(--sv-text-muted);font-size:13px}.earnings-top-supporters-empty{color:var(--sv-text-muted);padding:var(--sv-space-3) 0;margin:0;font-size:14px}.earnings-top-supporters-list{margin:0;padding:0;list-style:none}.earnings-top-supporters-list li{align-items:center;gap:var(--sv-space-2) var(--sv-space-4);padding:var(--sv-space-3) 0;border-bottom:1px solid var(--sv-glass-border-subtle);flex-wrap:wrap;display:flex}.earnings-top-supporters-list li:last-child{border-bottom:none}.earnings-supporter-rank{min-width:2.5rem;color:var(--sv-text-secondary);font-size:14px;font-weight:600}.earnings-supporter-vc{color:var(--sv-color-success);font-size:14px;font-weight:600}.earnings-supporter-meta{color:var(--sv-text-muted);font-size:13px}.earnings-transactions-list{margin:0;padding:0;list-style:none}.earnings-transaction-item{padding:var(--sv-space-3) 0;border-bottom:1px solid var(--sv-glass-border-subtle)}.earnings-transaction-item:last-child{border-bottom:none}.earnings-transaction-empty{padding:var(--sv-space-4) 0;color:var(--sv-text-muted);font-size:14px}.earnings-tx-main{justify-content:space-between;align-items:flex-start;gap:var(--sv-space-3);margin-bottom:var(--sv-space-1);display:flex}.earnings-tx-description{color:var(--sv-text-primary);font-size:14px}.earnings-tx-amount{color:var(--sv-color-success);flex-shrink:0;font-size:14px;font-weight:600}.earnings-tx-meta{color:var(--sv-text-muted);font-size:12px}.earnings-tx-date{color:var(--sv-text-muted)}.earnings-actions-section{margin-top:var(--sv-space-6)}.earnings-payout-button{border-radius:var(--sv-radius-sm);cursor:pointer;background:var(--sv-color-success);width:100%;color:var(--sv-color-white);transition:filter var(--sv-motion-fast);border:none;padding:14px;font-size:16px;font-weight:600}.earnings-payout-button:hover:not(:disabled){filter:brightness(1.08)}.earnings-payout-button:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.earnings-payout-button:disabled{opacity:.45;cursor:not-allowed;filter:none}.transaction-history-screen{max-width:var(--sv-content-max);padding:var(--sv-screen-gutter);box-sizing:border-box;color:var(--sv-text-primary);background:0 0;min-height:100%;margin:0 auto}.transaction-history-title{font-size:var(--sv-title-screen);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);margin:0}.transaction-history-controls{gap:var(--sv-space-4);margin-bottom:var(--sv-space-5);flex-wrap:wrap;display:flex}.transaction-history-filter,.transaction-history-sort{flex:1;min-width:120px}.tx-control-label{font-size:var(--sv-font-size-caption,.75rem);color:var(--sv-text-secondary);margin-bottom:var(--sv-space-1);font-weight:600;display:block}.tx-control-select{width:100%;padding:var(--sv-space-2) var(--sv-space-3);font-size:var(--sv-font-size-caption,.875rem);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);background:var(--sv-input-bg);color:var(--sv-input-text);box-sizing:border-box}.tx-control-select:focus{border-color:var(--sv-input-border-focus);outline:none}.transaction-history-list-section{background:var(--sv-surface-panel);border-radius:var(--sv-radius-md);padding:var(--sv-space-4);border:1px solid var(--sv-glass-border-subtle);box-shadow:var(--sv-shadow-sm)}.transaction-history-list{margin:0;padding:0;list-style:none}.transaction-history-item{padding:var(--sv-space-3) 0;border-bottom:1px solid var(--sv-glass-border-subtle)}.transaction-history-item:last-child{border-bottom:none}.transaction-history-empty{padding:var(--sv-space-4) 0;color:var(--sv-text-muted);font-size:var(--sv-font-size-caption,.875rem)}.transaction-item-main{justify-content:space-between;align-items:flex-start;gap:var(--sv-space-3);display:flex}.transaction-item-description{font-size:var(--sv-font-size-caption,.875rem);color:var(--sv-text-primary);flex:1}.transaction-item-amount{font-size:var(--sv-font-size-caption,.875rem);white-space:nowrap;font-weight:600}.tx-amount-credit{color:var(--sv-color-success)}.tx-amount-debit{color:var(--sv-color-danger)}.transaction-item-meta{gap:var(--sv-space-3);margin-top:var(--sv-space-1);font-size:var(--sv-font-size-caption,.75rem);color:var(--sv-text-muted);display:flex}.transaction-item-type{text-transform:capitalize}.go-live-setup{max-width:var(--sv-content-max);padding:var(--sv-space-6) var(--sv-screen-gutter);background:var(--sv-surface-app);min-height:100%;color:var(--sv-text-primary);box-sizing:border-box;margin:0 auto}.go-live-setup .screen-sticky-header{background:var(--sv-surface-panel);border-bottom-color:var(--sv-glass-border-subtle);margin-left:calc(-1 * var(--sv-screen-gutter));margin-right:calc(-1 * var(--sv-screen-gutter));padding-left:var(--sv-screen-gutter);padding-right:var(--sv-screen-gutter)}.go-live-setup-title{font-size:var(--sv-title-screen);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);margin:0}.go-live-form{gap:var(--sv-space-5);margin-top:var(--sv-header-content-gap);flex-direction:column;display:flex}.go-live-form .form-group{gap:var(--sv-space-2);flex-direction:column;display:flex}.go-live-form .form-label{color:var(--sv-text-secondary)}.form-label--inline{margin-bottom:0}.go-live-form .form-input,.go-live-form .form-textarea,.go-live-form select.form-input{background:var(--sv-input-bg);border:1px solid var(--sv-input-border);color:var(--sv-input-text)}.go-live-form .form-input::placeholder,.go-live-form .form-textarea::placeholder{color:var(--sv-input-placeholder)}.go-live-form .form-input:focus,.go-live-form .form-textarea:focus,.go-live-form select.form-input:focus{border-color:var(--sv-input-border-focus);outline:none;box-shadow:0 0 0 2px #00e5ff40}.go-live-form .form-input:disabled,.go-live-form .form-textarea:disabled,.go-live-form select.form-input:disabled{background:var(--sv-glass-background-subtle);color:var(--sv-text-disabled);cursor:not-allowed}.go-live-setup .form-hint{color:var(--sv-text-muted)}.go-live-setup .form-hint code{background:var(--sv-glass-background);padding:1px var(--sv-space-1);border-radius:4px;font-size:.85em}.go-live-setup .required{color:var(--sv-color-danger)}.go-live-setup .optional{color:var(--sv-text-muted)}.go-live-thumbnail-placeholder{padding:var(--sv-space-8) var(--sv-space-4);border:2px dashed var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background-subtle);cursor:pointer;transition:border-color var(--sv-motion-fast), background var(--sv-motion-fast);flex-direction:column;justify-content:center;align-items:center;display:flex}.go-live-thumbnail-placeholder:hover{border-color:var(--sv-color-brand-primary);background:var(--sv-glass-background)}.go-live-thumbnail-placeholder:focus{border-color:var(--sv-input-border-focus);outline:none;box-shadow:0 0 0 2px #00e5ff40}.go-live-thumbnail-icon{font-size:var(--sv-space-8);margin-bottom:var(--sv-space-2)}.go-live-thumbnail-text{color:var(--sv-text-secondary);font-size:.875rem}.go-live-validation-error{padding:var(--sv-space-3) var(--sv-space-4);color:var(--sv-text-primary);border-radius:var(--sv-radius-sm);background:#ff44441f;border:1px solid #ff444459;font-size:.875rem}.go-live-button{width:100%;padding:var(--sv-space-4) var(--sv-space-6);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;transition:opacity var(--sv-motion-fast), transform var(--sv-motion-fast);min-height:var(--sv-touch-target-min);border:none;font-weight:600}.go-live-button:hover:not(:disabled){opacity:.92}.go-live-button:focus{outline:none;box-shadow:0 0 0 2px #00e5ff59}.go-live-button:disabled{opacity:.55;cursor:not-allowed}.go-live-encoder-caps{padding:var(--sv-space-3) 0;border-top:1px solid var(--sv-glass-border-subtle)}.go-live-bitrate-row{align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-3);display:flex}.go-live-bitrate-slider{min-width:0;accent-color:var(--sv-color-brand-primary);flex:1}.go-live-bitrate-value{min-width:70px;color:var(--sv-text-secondary);font-size:.875rem;font-weight:600}.go-live-framerate-row{align-items:center;gap:var(--sv-space-3);flex-wrap:wrap;display:flex}.go-live-framerate-buttons{gap:var(--sv-space-2);flex-wrap:wrap;display:flex}.go-live-framerate-btn{padding:var(--sv-space-2) var(--sv-space-4);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);color:var(--sv-text-primary);cursor:pointer;transition:border-color var(--sv-motion-fast), background var(--sv-motion-fast), color var(--sv-motion-fast);font-size:.875rem}.go-live-framerate-btn:hover{border-color:var(--sv-color-brand-primary);color:var(--sv-color-brand-primary)}.go-live-framerate-btn--active{background:var(--sv-gradient-brand-horizontal);color:var(--sv-action-primary-text);border-color:#0000}.go-live-framerate-btn--active:hover{opacity:.95;color:var(--sv-action-primary-text)}.go-live-multi-stream{margin-top:var(--sv-space-4);padding-top:var(--sv-space-4);border-top:1px solid var(--sv-glass-border-subtle)}.go-live-multi-stream-title{font-size:var(--sv-font-size-base);color:var(--sv-text-primary);margin:0 0 var(--sv-space-2);font-weight:600}.go-live-multi-stream-checkboxes{gap:var(--sv-space-2);flex-direction:column;display:flex}.go-live-multi-stream-label{align-items:center;gap:var(--sv-space-3);cursor:pointer;color:var(--sv-text-primary);font-size:.875rem;display:flex}.go-live-multi-stream-cb{width:18px;height:18px;accent-color:var(--sv-color-brand-primary)}.go-live-broadcast-panel{margin-top:var(--sv-space-6);padding:var(--sv-space-4);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-surface-card);box-shadow:var(--sv-shadow-sm)}.go-live-broadcast-title{margin:0 0 var(--sv-space-2);color:var(--sv-text-primary);font-size:1.125rem}.go-live-broadcast-panel p{color:var(--sv-text-secondary);font-size:.875rem;line-height:var(--sv-line-height-normal)}.go-live-broadcast-panel code,.go-live-stream-id,.go-live-rtmps-url,.go-live-stream-key{background:var(--sv-glass-background);border:1px solid var(--sv-glass-border-subtle);padding:2px var(--sv-space-2);color:var(--sv-color-brand-primary);word-break:break-all;border-radius:4px;font-size:.8125rem}.go-live-copy-btn{margin-left:var(--sv-space-2);padding:var(--sv-space-1) var(--sv-space-3);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);color:var(--sv-text-primary);cursor:pointer;transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast);font-size:.8125rem}.go-live-copy-btn:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-color-brand-primary)}.go-live-multi-stream-status{margin-top:var(--sv-space-4);padding:var(--sv-space-3);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-surface-card)}.go-live-multi-stream-status-title{margin:0 0 var(--sv-space-2);color:var(--sv-text-primary);font-size:1rem}.go-live-multi-stream-status-list{gap:var(--sv-space-2);margin:var(--sv-space-3) 0;padding:0;list-style:none;display:grid}.go-live-multi-stream-status-item{align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);flex-wrap:wrap;font-size:.875rem;display:flex}.go-live-multi-stream-platform{color:var(--sv-text-primary);font-weight:600}.go-live-multi-stream-status-pill{padding:2px var(--sv-space-2);border-radius:var(--sv-radius-full);color:var(--sv-color-brand-secondary);background:#8b3dff38;font-size:12px;font-weight:600}.go-live-multi-stream-status-item--active .go-live-multi-stream-status-pill{color:var(--sv-color-success);background:#00e6762e}.go-live-multi-stream-status-item--failed .go-live-multi-stream-status-pill{color:var(--sv-color-danger);background:#ff44442e}.go-live-multi-stream-status-detail{color:var(--sv-text-muted);font-size:12px}.go-live-refresh-multi-sessions{padding:var(--sv-space-1) var(--sv-space-3);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);color:var(--sv-text-primary);cursor:pointer;font-size:.875rem}.go-live-refresh-multi-sessions:hover{border-color:var(--sv-color-brand-primary)}.go-live-encoder-hints{margin-top:var(--sv-space-4);padding:var(--sv-space-3);border:1px dashed var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background-subtle)}.go-live-encoder-summary,.go-live-obs-nested-summary{cursor:pointer;color:var(--sv-color-brand-primary);font-weight:600}.go-live-encoder-steps,.go-live-obs-steps{margin:var(--sv-space-3) 0 0;line-height:var(--sv-line-height-normal);color:var(--sv-text-secondary);padding-left:1.25rem}.go-live-encoder-steps li,.go-live-obs-steps li{margin-bottom:var(--sv-space-2)}.go-live-encoder-mobile-hint,.go-live-encoder-placeholder{margin-top:var(--sv-space-3)}.go-live-obs-nested{margin-top:var(--sv-space-3);padding:var(--sv-space-3);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-surface-panel)}.go-live-obs-nested-summary{font-size:.95rem}.multi-stream-settings{max-width:480px;padding:var(--sv-space-6) var(--sv-space-5);box-sizing:border-box;color:var(--sv-text-primary);background:0 0;min-height:100%;margin:0 auto}.multi-stream-header{align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-5);display:flex}.multi-stream-back{padding:var(--sv-space-2) var(--sv-space-3);background:var(--sv-action-secondary-bg);border:1px solid var(--sv-action-secondary-border);border-radius:var(--sv-radius-sm);font-size:calc(var(--sv-font-size-base) * 1.125);cursor:pointer;color:var(--sv-action-secondary-text);transition:background var(--sv-motion-fast)}.multi-stream-back:hover{background:var(--sv-glass-background-strong)}.multi-stream-title{font-size:var(--sv-font-size-xl,1.5rem);color:var(--sv-text-primary);letter-spacing:-.02em;flex:1;margin:0;font-weight:700}.multi-stream-tier-gate{padding:var(--sv-space-6);border-radius:var(--sv-radius-md);color:var(--sv-text-primary);background:#ff98001f;border:1px solid #ff980073}.multi-stream-tier-gate p{margin:0 0 var(--sv-space-2) 0;font-size:var(--sv-font-size-base)}.multi-stream-tier-gate .multi-stream-hint{color:var(--sv-color-warning)}.multi-stream-hint{font-size:var(--sv-font-size-caption,.75rem);color:var(--sv-text-muted);margin-bottom:var(--sv-space-3)}.multi-stream-loading{font-size:var(--sv-font-size-caption,.875rem);color:var(--sv-text-secondary)}.multi-stream-error{padding:var(--sv-space-3) var(--sv-space-4);border-radius:var(--sv-radius-md);color:var(--sv-color-danger);margin-bottom:var(--sv-space-4);background:#ff44441f;border:1px solid #ff444459}.multi-stream-section-title{font-size:calc(var(--sv-font-size-base) * 1.125);color:var(--sv-text-primary);margin-bottom:var(--sv-space-3);font-weight:600}.multi-stream-linked,.multi-stream-oauth,.multi-stream-toggles{margin-bottom:var(--sv-space-6)}.multi-stream-account-list{margin:0;padding:0;list-style:none}.multi-stream-account-item{justify-content:space-between;align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-3) 0;border-bottom:1px solid var(--sv-glass-border-subtle);display:flex}.multi-stream-account-item:last-child{border-bottom:none}.multi-stream-account-name{font-size:var(--sv-font-size-caption,.875rem);color:var(--sv-text-primary)}.multi-stream-oauth-buttons{gap:var(--sv-space-2);flex-direction:column;display:flex}.multi-stream-connect-btn{padding:var(--sv-space-3) var(--sv-space-4);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-caption,.875rem);cursor:pointer;text-align:left;transition:filter var(--sv-motion-fast), box-shadow var(--sv-motion-fast);border:none;font-weight:600}.multi-stream-connect-btn:hover{filter:brightness(1.08)}.multi-stream-connect-btn:focus{box-shadow:0 0 0 2px var(--sv-input-border-focus);outline:none}.multi-stream-disconnect-btn{padding:var(--sv-space-2) var(--sv-space-3);color:var(--sv-color-danger);border-radius:var(--sv-radius-xs,6px);font-size:var(--sv-font-size-caption,.75rem);cursor:pointer;transition:background var(--sv-motion-fast);background:0 0;border:1px solid #ff444473}.multi-stream-disconnect-btn:hover{background:#ff44441a}.multi-stream-toggle-list{margin:0;padding:0;list-style:none}.multi-stream-toggle-item{padding:var(--sv-space-3) 0;border-bottom:1px solid var(--sv-glass-border-subtle)}.multi-stream-toggle-item:last-child{border-bottom:none}.multi-stream-toggle-label{align-items:center;gap:var(--sv-space-3);cursor:pointer;font-size:var(--sv-font-size-caption,.875rem);color:var(--sv-text-primary);display:flex}.multi-stream-toggle-input{width:20px;height:20px;accent-color:var(--sv-color-brand-primary,#8b3dff)}.your-events,.event-discovery{max-width:var(--sv-content-max);padding:var(--sv-screen-gutter);color:var(--sv-text-primary);box-sizing:border-box;margin:0 auto}.event-discovery-title{font-size:var(--sv-title-screen);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);margin-bottom:var(--sv-space-4)}.event-discovery-filter{margin-bottom:var(--sv-space-4)}.event-discovery-filter-label{align-items:center;gap:var(--sv-space-2);cursor:pointer;color:var(--sv-text-secondary);font-size:14px;display:flex}.event-discovery-filter-row{margin-top:var(--sv-space-2)}.event-discovery-filter-row .event-discovery-filter-label{margin-bottom:var(--sv-space-1);display:block}.event-discovery-filter-input{width:100%;padding:var(--sv-space-2) var(--sv-space-3);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);background:var(--sv-input-bg);color:var(--sv-input-text);box-sizing:border-box;font-size:14px}.event-discovery-filter-input:focus{border-color:var(--sv-input-border-focus);outline:none;box-shadow:0 0 0 2px #00e5ff33}.event-discovery-filter-apply{margin-top:var(--sv-space-3);padding:var(--sv-space-2) var(--sv-space-4);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);cursor:pointer;transition:filter var(--sv-motion-fast);border:none;font-size:14px;font-weight:600}.event-discovery-filter-apply:hover{filter:brightness(1.06)}.event-discovery-filter-apply:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.event-discovery-create-btn{margin-bottom:var(--sv-space-4);padding:10px var(--sv-space-5);background:var(--sv-color-success);color:var(--sv-text-inverse);border-radius:var(--sv-radius-sm);cursor:pointer;transition:filter var(--sv-motion-fast);border:none;font-size:14px;font-weight:600}.event-discovery-create-btn:hover{filter:brightness(1.08)}.event-discovery-create-btn:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.event-discovery-list{margin:0;padding:0;list-style:none}.event-discovery-item{margin-bottom:var(--sv-space-3)}.event-discovery-card{width:100%;padding:var(--sv-space-4);text-align:left;background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);cursor:pointer;transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast), box-shadow var(--sv-motion-fast);color:inherit;font:inherit;box-shadow:var(--sv-shadow-sm);box-sizing:border-box}.event-discovery-card:hover{background:var(--sv-surface-card-hover);border-color:var(--sv-glass-border)}.event-discovery-card:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.event-discovery-card-title{font-size:var(--sv-font-size-base);color:var(--sv-text-primary);font-weight:600;display:block}.event-discovery-card-meta{color:var(--sv-text-secondary);margin-top:var(--sv-space-1);font-size:13px;display:block}.event-discovery-card-location,.event-discovery-card-genre,.event-discovery-card-dj{color:var(--sv-text-muted);margin-top:2px;font-size:12px;display:block}.event-discovery-empty,.event-discovery-loading,.event-discovery-error{color:var(--sv-text-muted);margin-top:var(--sv-space-4);font-size:14px}.event-discovery-error{color:var(--sv-color-danger)}.event-detail{max-width:480px;padding:var(--sv-space-6) 0;color:var(--sv-text-primary);box-sizing:border-box;margin:0 auto}.event-detail-back{font-size:var(--sv-font-size-base);color:var(--sv-color-brand-primary);cursor:pointer;margin-bottom:var(--sv-space-4);transition:opacity var(--sv-motion-fast);background:0 0;border:none;padding:0;font-weight:500}.event-detail-back:hover{opacity:.85}.event-detail-back:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px;border-radius:var(--sv-radius-sm)}.event-detail-title{color:var(--sv-text-primary);margin-bottom:var(--sv-space-2);font-size:1.5rem;font-weight:600}.event-detail-meta{color:var(--sv-text-secondary);margin-bottom:var(--sv-space-2);font-size:14px}.event-detail-description{color:var(--sv-text-secondary);margin-bottom:var(--sv-space-4);font-size:14px;line-height:var(--sv-line-height-relaxed)}.event-detail-actions{gap:var(--sv-space-3);margin-bottom:var(--sv-space-6);flex-wrap:wrap;display:flex}.event-detail-edit{padding:var(--sv-space-2) var(--sv-space-4);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);cursor:pointer;transition:filter var(--sv-motion-fast);border:none;font-size:14px;font-weight:600}.event-detail-edit:hover{filter:brightness(1.06)}.event-detail-edit:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.event-detail-delete{padding:var(--sv-space-2) var(--sv-space-4);background:var(--sv-color-danger);color:var(--sv-color-white);border-radius:var(--sv-radius-sm);cursor:pointer;transition:filter var(--sv-motion-fast);border:none;font-size:14px;font-weight:600}.event-detail-delete:hover:not(:disabled){filter:brightness(1.08)}.event-detail-delete:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.event-detail-delete:disabled{opacity:.45;cursor:not-allowed}.event-detail-subtitle{color:var(--sv-text-primary);margin-bottom:var(--sv-space-3);font-size:1.125rem;font-weight:600}.event-detail-slot-list{margin:0 0 var(--sv-space-6) 0;padding:0;list-style:none}.event-detail-slot{padding:var(--sv-space-2) 0;border-bottom:1px solid var(--sv-glass-border-subtle);justify-content:space-between;gap:var(--sv-space-3);font-size:14px;display:flex}.event-detail-slot-dj{color:var(--sv-text-primary);font-weight:500}.event-detail-slot-time{color:var(--sv-text-secondary)}.event-detail-join{width:100%;padding:14px var(--sv-space-6);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;transition:filter var(--sv-motion-fast);box-shadow:var(--sv-shadow-accent-glow);border:none;font-weight:600}.event-detail-join:hover{filter:brightness(1.06)}.event-detail-join:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.event-detail-hint{color:var(--sv-text-muted);margin-top:var(--sv-space-2);font-size:12px}.event-detail-empty{color:var(--sv-text-muted);font-size:14px}.event-detail-handover{margin:var(--sv-space-3) 0;padding:var(--sv-space-3);background:var(--sv-glass-background);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);box-shadow:var(--sv-shadow-sm)}.event-detail-handover-msg{color:var(--sv-color-brand-primary);margin:0 0 var(--sv-space-1) 0;font-size:14px;font-weight:600}.event-detail-handover-stream,.event-detail-handover-time{color:var(--sv-text-secondary);margin:2px 0 0;font-size:12px}.event-detail-slot-stream{color:var(--sv-color-success);margin-left:var(--sv-space-2);font-size:11px}.event-detail-temporal-banner{padding:var(--sv-space-3) var(--sv-space-4);margin:var(--sv-space-3) 0;background:var(--sv-glass-background-subtle);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);color:var(--sv-text-secondary);font-size:14px}.event-detail-temporal-banner--cancelled{color:var(--sv-color-danger);border-color:#ff444459}.event-detail-grid{margin:var(--sv-space-4) 0}.event-detail-claim-hint{margin:0 0 var(--sv-space-2)}.event-detail-grid-status{min-height:1em;margin:0 0 var(--sv-space-2);color:var(--sv-text-secondary);font-size:13px}.event-detail-slot-grid{gap:var(--sv-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.event-detail-day-label{margin-top:var(--sv-space-2);letter-spacing:.04em;text-transform:uppercase;color:var(--sv-text-secondary);font-size:.8125rem;font-weight:600}.event-detail-slot-row{align-items:center;gap:var(--sv-space-3);width:100%;min-height:var(--sv-touch-target-min);padding:var(--sv-space-2) var(--sv-space-3);background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);color:var(--sv-text-primary);text-align:left;box-sizing:border-box;font-size:.9375rem;display:flex}button.event-detail-slot-row--open{cursor:pointer;transition:filter var(--sv-motion-fast)}button.event-detail-slot-row--open:hover,button.event-detail-slot-row--open:focus-visible{filter:brightness(1.12)}button.event-detail-slot-row--open:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.event-detail-slot-row--mine{border-color:var(--sv-color-brand-primary);background:var(--sv-glass-background)}.event-detail-slot-row--claimed,.event-detail-slot-row--readonly{color:var(--sv-text-secondary)}.event-detail-slot-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.event-detail-slot-range{color:var(--sv-text-primary);font-weight:600}.event-detail-slot-sub{color:var(--sv-text-muted);font-size:12px}.event-detail-slot-state{color:var(--sv-text-secondary);flex-shrink:0;font-size:13px}.event-detail-slot-row--mine .event-detail-slot-state{color:var(--sv-color-brand-primary);font-weight:600}.event-detail-slot-release{min-height:32px;padding:var(--sv-space-1) var(--sv-space-3);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);color:var(--sv-text-primary);cursor:pointer;background:0 0;flex-shrink:0;font-size:13px}.event-detail-slot-release:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){button.event-detail-slot-row--open{transition:none}}.event-detail-invite-banner{align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-3) var(--sv-space-4);margin:var(--sv-space-3) 0;background:var(--sv-glass-background);border:1px solid var(--sv-color-brand-primary);border-radius:var(--sv-radius-sm);display:flex}.event-detail-invite-banner-text{color:var(--sv-text-primary);flex:1;font-size:14px;font-weight:600}.event-detail-invite-banner-actions{gap:var(--sv-space-2);flex-shrink:0;display:flex}.event-detail-invite-accept,.event-detail-invite-decline{min-height:var(--sv-touch-target-min);padding:var(--sv-space-1) var(--sv-space-3);border-radius:var(--sv-radius-sm);cursor:pointer;font-size:14px;font-weight:600}.event-detail-invite-accept{background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border:none}.event-detail-invite-decline{color:var(--sv-text-primary);border:1px solid var(--sv-glass-border-subtle);background:0 0}.event-detail-invitations{margin:var(--sv-space-4) 0}.event-detail-invitation-list{gap:var(--sv-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.event-detail-invitation-row{align-items:center;gap:var(--sv-space-3);min-height:var(--sv-touch-target-min);padding:var(--sv-space-2) var(--sv-space-3);background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);font-size:14px;display:flex}.event-detail-invitation-dj{color:var(--sv-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.event-detail-invitation-status{border:1px solid var(--sv-glass-border-subtle);background:var(--sv-glass-background-subtle);color:var(--sv-text-secondary);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:.6875rem}.event-detail-invitation-status--accepted{border-color:var(--sv-color-brand-primary);color:var(--sv-color-brand-primary)}.event-detail-invitation-revoke{min-height:32px;padding:var(--sv-space-1) var(--sv-space-2);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);color:var(--sv-text-primary);cursor:pointer;background:0 0;flex-shrink:0;font-size:13px}.event-detail-invite-section{margin:var(--sv-space-3) 0}.event-detail-invite-toggle{width:100%;min-height:var(--sv-touch-target-min);padding:var(--sv-space-2) var(--sv-space-4);background:var(--sv-glass-background);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);color:var(--sv-text-primary);cursor:pointer;font-size:14px;font-weight:600}.event-detail-invite-body{margin-top:var(--sv-space-2);padding:var(--sv-space-3);background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);gap:var(--sv-space-2);flex-direction:column;display:flex}.event-detail-invite-body[hidden]{display:none}.event-detail-invite-results{min-height:1em;color:var(--sv-text-secondary);margin:0;font-size:13px}.event-detail-invite-empty{color:var(--sv-text-secondary);margin:0;font-size:13px}.event-detail-grid-sync{margin:0 0 var(--sv-space-2);color:var(--sv-text-secondary);font-size:13px}.event-card-badge{padding:2px var(--sv-space-2);letter-spacing:.08em;color:var(--sv-brand-cyan,#00e5ff);border-radius:var(--sv-radius-sm);border:1px solid;align-self:flex-start;font-size:10px;font-weight:700;display:inline-block}.event-card-cta{padding:2px var(--sv-space-2);color:var(--sv-action-primary-text);background:var(--sv-action-primary-bg);border-radius:var(--sv-radius-sm);align-self:flex-start;font-size:12px;font-weight:600;display:inline-block}.event-card-yours{color:var(--sv-brand-cyan,#00e5ff);font-size:12px;font-weight:600}.stream-discovery-events-error{margin:0 0 var(--sv-space-2);color:var(--sv-text-secondary);font-size:13px}.event-detail-invite-send{min-height:var(--sv-touch-target-min);padding:var(--sv-space-2) var(--sv-space-4);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);cursor:pointer;border:none;font-size:14px;font-weight:600}.event-detail-cancel{padding:var(--sv-space-2) var(--sv-space-4);color:var(--sv-color-danger);border-radius:var(--sv-radius-sm);cursor:pointer;min-height:var(--sv-touch-target-min);background:#ff44441f;border:1px solid #ff444459;font-size:14px;font-weight:600}.event-creation{max-width:var(--sv-content-max);padding:var(--sv-screen-gutter);color:var(--sv-text-primary);box-sizing:border-box;margin:0 auto}.event-creation-title{font-size:var(--sv-title-screen);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);margin-bottom:var(--sv-space-6)}.event-creation-form{gap:var(--sv-space-5);flex-direction:column;display:flex}.event-creation-form .form-group{gap:var(--sv-space-2);flex-direction:column;display:flex}.event-creation-validation-error{padding:var(--sv-space-3) var(--sv-space-4);color:var(--sv-color-danger);border-radius:var(--sv-radius-sm);background:#ff44441f;border:1px solid #ff444459;font-size:14px}.event-creation-button{width:100%;padding:14px var(--sv-space-6);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);cursor:pointer;transition:filter var(--sv-motion-fast);min-height:var(--sv-touch-target-min);box-shadow:var(--sv-shadow-accent-glow);border:none;font-weight:600}.event-creation-button:hover{filter:brightness(1.06)}.event-creation-button:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.event-creation-button--secondary{background:var(--sv-glass-background);color:var(--sv-text-primary);border:1px solid var(--sv-glass-border-subtle);box-shadow:none}.event-creation-hint{color:var(--sv-text-muted);font-size:12px}.event-creation-tier-gate{padding:var(--sv-space-6);border-radius:var(--sv-radius-sm);color:var(--sv-color-warning);background:#ff980024;border:1px solid #ff980073}.event-creation-tier-gate p{margin:0 0 var(--sv-space-2) 0;font-size:var(--sv-font-size-base)}.event-creation-tier-gate .event-creation-hint{color:var(--sv-text-secondary);margin-bottom:0}.event-creation-window-row{gap:var(--sv-space-3);display:flex}.event-creation-window-row .form-group{flex:1}.event-creation-chip-row{gap:var(--sv-space-2);flex-wrap:wrap;display:flex}.event-creation-chip{min-width:var(--sv-touch-target-min);min-height:var(--sv-touch-target-min);padding:var(--sv-space-1) var(--sv-space-3);background:var(--sv-glass-background-subtle);color:var(--sv-text-secondary);border:1px solid var(--sv-glass-border-subtle);cursor:pointer;transition:filter var(--sv-motion-fast);border-radius:999px;font-size:14px;font-weight:600}.event-creation-chip[aria-pressed=true]{background:var(--sv-glass-background);color:var(--sv-text-primary);border-color:var(--sv-color-brand-primary)}.event-creation-chip:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.event-creation-preview{color:var(--sv-text-secondary);margin:0;font-size:13px}.event-creation-preview--warn{color:var(--sv-color-warning)}.event-creation-invite-section{padding:var(--sv-space-4);background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);box-shadow:var(--sv-shadow-sm);gap:var(--sv-space-2);flex-direction:column;display:flex}.event-creation-invite-title{color:var(--sv-text-primary);margin:0;font-size:1.125rem;font-weight:600}.event-creation-explainer{padding:var(--sv-space-6);background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);gap:var(--sv-space-3);text-align:center;flex-direction:column;display:flex}.event-creation-explainer-title{color:var(--sv-text-primary);margin:0;font-size:1.125rem;font-weight:600}.event-creation-gate-error{padding:var(--sv-space-4);border-radius:var(--sv-radius-sm);color:var(--sv-color-danger);gap:var(--sv-space-3);background:#ff44441f;border:1px solid #ff444459;flex-direction:column;font-size:14px;display:flex}.event-creation--embedded{max-width:none;margin:0;padding:0}.go-live-event-creation-slot{margin-top:var(--sv-header-content-gap)}.app-shell-content>main.screen-container:has(.messaging-screen.messaging-thread){min-height:0}main.screen-container:has(.messaging-screen.messaging-thread){flex-direction:column;padding:0;display:flex;overflow:hidden}main.screen-container:has(.messaging-screen.messaging-thread)>.screen-router-screen{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.screen-router-screen:has(.messaging-screen.messaging-thread){flex-direction:column;flex:auto;height:auto;max-height:none;display:flex;overflow:hidden;min-height:0!important}main.screen-container:has(.messaging-screen.messaging-thread)>.sv-react-screen-host{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.screen-router-screen:has(.messaging-screen.messaging-thread)>.messaging-screen-host{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.screen-router-screen:has(.messaging-screen.messaging-thread) .messaging-screen.messaging-thread{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}#app-root>#messaging-container{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.messaging-screen .screen-sticky-header{background:var(--sv-surface-panel);border-bottom:1px solid var(--sv-glass-border-subtle);-webkit-backdrop-filter:var(--sv-blur-soft);backdrop-filter:var(--sv-blur-soft)}.screen-sticky-header .messaging-title{margin:0 0 4px}.messaging-screen{padding:var(--sv-screen-gutter);width:100%;min-height:100%;max-width:var(--sv-content-max);flex-direction:column;margin:0 auto;display:flex}.messaging-screen.messaging-thread{min-height:0;padding:0}.messaging-screen>.screen-sticky-header{margin-bottom:var(--sv-header-content-gap)}.messaging-controls-row{gap:var(--sv-space-3)}.messaging-controls-row .messaging-filter-bar{flex:1;min-width:0;padding:0}.messaging-controls-row .messaging-new-btn{flex-shrink:0}.messaging-title{color:var(--sv-text-primary);margin:0;font-size:1.5rem;font-weight:700}.messaging-new-btn{padding:var(--sv-space-2) var(--sv-space-4);color:var(--sv-color-brand-primary);border:1px solid var(--sv-color-brand-primary);border-radius:var(--sv-radius-sm);cursor:pointer;transition:background var(--sv-motion-fast), color var(--sv-motion-fast), border-color var(--sv-motion-fast);background:0 0;font-size:14px;font-weight:600}.messaging-new-btn:hover{color:var(--sv-text-primary);background:#00e5ff1f}.messaging-search-area{margin-bottom:var(--sv-space-4);padding:var(--sv-space-3) var(--sv-space-4) 0}.messaging-search-input{width:100%;padding:var(--sv-space-3) var(--sv-space-4);font-size:var(--sv-font-size-base);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);background:var(--sv-input-bg);color:var(--sv-input-text);box-sizing:border-box;transition:border-color var(--sv-motion-fast), box-shadow var(--sv-motion-fast);outline:none}.messaging-search-input::placeholder{color:var(--sv-input-placeholder)}.messaging-search-input:focus{border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00e5ff38}.messaging-user-list{margin:0;padding:0;list-style:none}.messaging-user-item{align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-4);border-bottom:1px solid var(--sv-glass-border-subtle);cursor:pointer;transition:background var(--sv-motion-normal);display:flex}.messaging-user-item:hover{background:var(--sv-surface-card-hover)}.messaging-conversation-list{border-radius:var(--sv-radius-md);border:1px solid var(--sv-glass-border-subtle);background:var(--sv-glass-background-subtle);margin:0;padding:0;list-style:none;overflow:hidden}.messaging-conversation-item{align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-4);border-bottom:1px solid var(--sv-glass-border-subtle);cursor:pointer;transition:background var(--sv-motion-normal);display:flex}.messaging-conversation-item:last-child{border-bottom:none}.messaging-conversation-item:hover{background:var(--sv-surface-card-hover)}.messaging-conversation-item.unread{box-shadow:inset 3px 0 0 var(--sv-color-brand-primary);background:#00e5ff14}.messaging-avatar{border-radius:var(--sv-avatar-radius);background:var(--sv-surface-card-raised);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;position:relative;overflow:hidden}.messaging-avatar img{object-fit:cover;width:100%;height:100%;display:block}.messaging-conversation-content{flex:1;min-width:0}.messaging-conversation-name{font-weight:600;font-size:var(--sv-font-size-base);color:var(--sv-text-primary);display:block}.messaging-conversation-preview{color:var(--sv-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.messaging-conversation-time{color:var(--sv-text-muted);flex-shrink:0;font-size:12px}.messaging-unread-badge{background:var(--sv-gradient-brand-horizontal);color:var(--sv-action-primary-text);padding:2px var(--sv-space-2);border-radius:var(--sv-radius-xl);text-align:center;min-width:20px;font-size:12px;font-weight:600}.messaging-empty{padding:var(--sv-space-6);color:var(--sv-text-muted);text-align:center;font-size:14px}.messaging-thread{flex-direction:column;flex:auto;width:100%;max-width:100%;min-height:0;display:flex;overflow:hidden}.messaging-thread .screen-sticky-header,.messaging-new-conversation .screen-sticky-header{flex-shrink:0;margin-left:0;margin-right:0}.messaging-thread .screen-header-title,.messaging-new-conversation .screen-header-title{font-size:1.35rem}.screen-header-title .messaging-status-text{letter-spacing:normal;font-size:11px;display:block}.messaging-screen.messaging-thread>.loading-state{flex:auto;justify-content:center;align-items:center;min-height:200px;display:flex}.messaging-thread-scroll{-webkit-overflow-scrolling:touch;background:var(--sv-surface-app);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}.messaging-thread-composer{box-sizing:border-box;background:var(--sv-surface-panel);flex-shrink:0;width:100%;max-width:100%}.messaging-back{padding:var(--sv-space-2) var(--sv-space-3);cursor:pointer;color:var(--sv-color-brand-primary);transition:opacity var(--sv-motion-fast);background:0 0;border:none;font-size:24px}.messaging-back:hover{opacity:.85}.messaging-message-list{padding:var(--sv-space-4);margin:auto 0 0;list-style:none}.messaging-message-item{margin-bottom:var(--sv-space-3)}.messaging-message-item.grouped{margin-top:calc(-1 * var(--sv-space-3) + var(--sv-space-1))}.messaging-day-separator{align-items:center;gap:var(--sv-space-3);margin:var(--sv-space-6) 0 var(--sv-space-4);list-style:none;display:flex}.messaging-day-separator:before,.messaging-day-separator:after{content:"";background:var(--sv-glass-border-subtle);flex:1;height:1px}.messaging-day-separator span{color:var(--sv-text-secondary);letter-spacing:var(--sv-letter-spacing-wide);text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:600}.messaging-message-item.sent{text-align:right;margin-left:20%}.messaging-message-item.received{text-align:left;margin-right:20%}.messaging-message-bubble{padding:var(--sv-space-3) var(--sv-space-4);border-radius:var(--sv-radius-lg);text-align:left;max-width:100%;display:inline-block}.messaging-message-item.sent .messaging-message-bubble{box-shadow:var(--sv-shadow-sm);background:var(--sv-gradient-brand-diagonal)!important;color:var(--sv-text-primary)!important}.messaging-message-item.received .messaging-message-bubble{border:1px solid var(--sv-glass-border-subtle);background:var(--sv-glass-background-strong)!important;color:var(--sv-text-primary)!important}.messaging-message-text{font-size:15px;display:block}.messaging-message-time{color:#ffffffd9;margin-top:var(--sv-space-1);font-size:11px}.messaging-message-item.received .messaging-message-time{color:var(--sv-text-muted)}.messaging-error{padding:var(--sv-space-4);border-radius:var(--sv-radius-sm);color:var(--sv-color-warning);background:#ff98001f;border:1px solid #ff980059;font-size:14px}.messaging-filter-bar{padding:var(--sv-space-2) 0 var(--sv-space-3);align-items:center;gap:var(--sv-space-2);background:0 0;border-bottom:none;display:flex}.messaging-filter-input{background:var(--sv-input-bg);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);padding:var(--sv-space-2) var(--sv-space-3);-webkit-text-fill-color:var(--sv-input-text);caret-color:var(--sv-color-brand-primary);transition:border-color var(--sv-motion-fast), box-shadow var(--sv-motion-fast);outline:none;flex:1;font-size:14px;color:var(--sv-input-text)!important}.messaging-filter-input::placeholder{-webkit-text-fill-color:var(--sv-input-placeholder);opacity:1;color:var(--sv-input-placeholder)!important}.messaging-filter-input:focus{border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00e5ff38}.messaging-filter-clear{color:var(--sv-text-muted);cursor:pointer;padding:var(--sv-space-2) var(--sv-space-2);-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:16px}.messaging-filter-clear:hover{color:var(--sv-text-secondary)}.messaging-load-earlier{text-align:center;padding:var(--sv-space-2)}.messaging-load-earlier-btn{background:var(--sv-glass-background);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-xl);color:var(--sv-text-secondary);padding:6px var(--sv-space-4);cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:13px}.messaging-load-earlier-btn:active{opacity:.7}.messaging-load-more{text-align:center;padding:var(--sv-space-3)}.messaging-load-more-btn{border-radius:var(--sv-radius-sm);color:#c8aaff;padding:var(--sv-space-2) var(--sv-space-5);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#8b3dff2e;border:1px solid #8b3dff59;font-size:14px}.messaging-load-more-btn:active{opacity:.7}.messaging-read-receipt{text-align:right;color:var(--sv-text-muted);padding-right:var(--sv-space-1);margin-top:2px;font-size:11px;display:block}.messaging-reaction-picker{background:var(--sv-surface-card-raised);border-radius:var(--sv-radius-xl);padding:var(--sv-space-1) 6px;box-shadow:var(--sv-shadow-elevated);border:1px solid var(--sv-glass-border-subtle);z-index:100;white-space:nowrap;gap:2px;display:flex;position:absolute;bottom:100%;left:0}.messaging-reaction-emoji{padding:var(--sv-space-1) 6px;cursor:pointer;border-radius:var(--sv-radius-sm);transition:background var(--sv-motion-fast);background:0 0;border:none;font-size:20px}.messaging-reaction-emoji:hover,.messaging-reaction-emoji:active{background:var(--sv-glass-background)}.messaging-picker-unsend{border:none;border-left:1px solid var(--sv-glass-border-subtle);padding:var(--sv-space-1) var(--sv-space-2);cursor:pointer;border-radius:0 var(--sv-radius-sm) var(--sv-radius-sm) 0;transition:background var(--sv-motion-fast);background:0 0;margin-left:2px;font-size:18px}.messaging-picker-unsend:hover,.messaging-picker-unsend:active{background:#ff444438}.messaging-reaction-chips{gap:var(--sv-space-1);padding:var(--sv-space-1) 0 0;flex-wrap:wrap;display:flex}.messaging-message-item.sent .messaging-reaction-chips{justify-content:flex-end}.messaging-reaction-chip{background:var(--sv-glass-background-subtle);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-xl);padding:2px var(--sv-space-2);cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast);font-size:14px}.messaging-reaction-chip.mine{background:#8b3dff40;border-color:#8b3dff73}.messaging-reaction-chip:active{background:var(--sv-glass-background-strong)}.messaging-message-item.unsent .messaging-message-bubble{opacity:.5}.messaging-unsent{color:var(--sv-text-muted);font-style:italic}.messaging-unsend-menu{background:var(--sv-surface-card-raised);border-radius:var(--sv-radius-sm);box-shadow:var(--sv-shadow-elevated);border:1px solid var(--sv-glass-border-subtle);z-index:100;position:absolute;bottom:100%;right:0;overflow:hidden}.messaging-unsend-btn{color:var(--sv-color-danger);padding:10px var(--sv-space-5);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:14px}.messaging-unsend-btn:active{background:#ff444426}.messaging-online-dot{z-index:1;background:var(--sv-color-success);border:2px solid var(--sv-surface-app);border-radius:50%;width:10px;height:10px;position:absolute;bottom:3px;right:3px}.messaging-status-text{color:var(--sv-text-muted);font-size:11px;font-weight:400}.messaging-status-text.active{color:var(--sv-color-success)}.messaging-thread-menu-btn svg,.messaging-attach-btn svg,.messaging-picker-unsend svg,.messaging-action-icon svg{display:block}.messaging-action-icon{color:var(--sv-text-secondary);align-items:center;display:inline-flex}.messaging-action-danger .messaging-action-icon{color:inherit}.messaging-thread-menu-btn{color:inherit;padding:var(--sv-space-2) 10px;cursor:pointer;border-radius:var(--sv-radius-sm);transition:background var(--sv-motion-fast);background:0 0;border:none;flex-shrink:0;font-size:22px;line-height:1}.messaging-thread-menu-btn:active{background:var(--sv-glass-background)}.messaging-action-sheet-overlay{z-index:500;background:#00000080;justify-content:center;align-items:flex-end;animation:.15s sv-messaging-fade-in;display:flex;position:fixed;inset:0}.messaging-action-sheet{background:var(--sv-surface-card-raised);border-radius:var(--sv-radius-lg) var(--sv-radius-lg) 0 0;width:100%;max-width:420px;padding:var(--sv-space-2) 0;border:1px solid var(--sv-glass-border-subtle);border-bottom:none;animation:.2s slideUp}.messaging-action-item{align-items:center;gap:var(--sv-space-3);width:100%;color:var(--sv-text-primary);font-size:var(--sv-font-size-base);padding:14px var(--sv-space-5);cursor:pointer;text-align:left;transition:background var(--sv-motion-fast);background:0 0;border:none;display:flex}.messaging-action-item:active{background:var(--sv-glass-background-subtle)}.messaging-action-icon{text-align:center;width:28px;font-size:20px}.messaging-action-danger{color:var(--sv-color-danger)}.messaging-action-cancel{border-top:1px solid var(--sv-glass-border-subtle);margin-top:var(--sv-space-1);color:var(--sv-text-muted);justify-content:center;font-size:15px}.messaging-report-dialog{background:var(--sv-surface-card-raised);border-radius:var(--sv-radius-lg);width:calc(100% - 32px);max-width:400px;padding:var(--sv-space-5);border:1px solid var(--sv-glass-border-subtle);margin:auto;animation:.2s sv-messaging-scale-in}.messaging-report-title{margin:0 0 var(--sv-space-4);color:var(--sv-text-primary);font-size:18px}.messaging-report-reasons{gap:var(--sv-space-2);margin-bottom:var(--sv-space-3);flex-direction:column;display:flex}.messaging-report-reason{padding:10px var(--sv-space-3);border-radius:var(--sv-radius-sm);cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast);box-sizing:border-box;border:1px solid #0000;align-items:center;gap:10px;font-size:15px;display:flex}.messaging-report-reason:has(input:checked){background:#00e5ff1f;border-color:#00e5ff40}.messaging-report-reason input[type=radio]{accent-color:var(--sv-color-brand-primary);width:18px;height:18px}.messaging-report-details{box-sizing:border-box;background:var(--sv-input-bg);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);width:100%;color:var(--sv-input-text);resize:vertical;margin-bottom:var(--sv-space-4);padding:10px;font-size:14px}.messaging-report-details::placeholder{color:var(--sv-input-placeholder)}.messaging-report-actions{gap:var(--sv-space-2);justify-content:flex-end;display:flex}.messaging-report-cancel{border:1px solid var(--sv-glass-border);color:var(--sv-text-primary);border-radius:var(--sv-radius-sm);padding:var(--sv-space-2) var(--sv-space-4);cursor:pointer;background:0 0;font-size:14px}.messaging-report-submit{background:var(--sv-color-danger);color:var(--sv-text-primary);border-radius:var(--sv-radius-sm);padding:var(--sv-space-2) var(--sv-space-4);cursor:pointer;border:none;font-size:14px;font-weight:600}.messaging-report-submit:disabled{opacity:.4;cursor:not-allowed}.messaging-toast{background:var(--sv-surface-card-raised);color:var(--sv-text-primary);padding:10px var(--sv-space-5);border-radius:var(--sv-radius-xl);z-index:600;box-shadow:var(--sv-shadow-elevated);border:1px solid var(--sv-glass-border-subtle);font-size:14px;animation:.2s sv-messaging-fade-in,.3s 2.5s forwards sv-messaging-fade-out;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.messaging-image-bubble{cursor:pointer;display:block}.messaging-image-thumb{border-radius:var(--sv-radius-md);object-fit:cover;max-width:240px;max-height:180px;display:block}.messaging-image-caption{margin-top:var(--sv-space-1);color:var(--sv-text-secondary);font-size:13px;display:block}.messaging-message-item.msg-image .messaging-message-bubble{padding:var(--sv-space-1);border:none;background:0 0!important}.messaging-image-overlay{z-index:900;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.messaging-image-overlay-content{max-width:95vw;max-height:90vh;position:relative}.messaging-image-full{border-radius:var(--sv-radius-sm);object-fit:contain;max-width:95vw;max-height:85vh}.messaging-image-overlay-close{color:var(--sv-text-primary);cursor:pointer;padding:var(--sv-space-1) var(--sv-space-3);background:0 0;border:none;font-size:32px;position:absolute;top:-40px;right:0}.messaging-share-card{border-radius:var(--sv-radius-md);padding:var(--sv-space-2);cursor:pointer;max-width:280px;transition:background var(--sv-motion-fast);background:#8b3dff1f;border:1px solid #8b3dff4d;gap:10px;display:flex}.messaging-share-card:active{background:#8b3dff38}.messaging-share-thumb-wrap{border-radius:var(--sv-radius-sm);background:var(--sv-surface-panel);flex-shrink:0;width:80px;height:56px;position:relative;overflow:hidden}.messaging-share-thumb{object-fit:cover;width:100%;height:100%}.messaging-share-thumb-placeholder{background:var(--sv-glass-background-subtle);justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex}.messaging-share-live-badge{top:var(--sv-space-1);left:var(--sv-space-1);background:var(--sv-color-live);color:var(--sv-text-primary);text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:2px 5px;font-size:9px;font-weight:700;position:absolute}.messaging-share-info{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.messaging-share-title{color:var(--sv-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.messaging-share-dj{color:var(--sv-text-muted);font-size:11px}.messaging-message-item.msg-share .messaging-message-bubble{padding:var(--sv-space-1);border:none;background:0 0!important}.messaging-share-picker-overlay{z-index:800;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.messaging-share-picker{background:var(--sv-surface-panel);border-radius:var(--sv-radius-lg) var(--sv-radius-lg) 0 0;width:100%;max-width:420px;max-height:60vh;padding:var(--sv-space-4);border:1px solid var(--sv-glass-border-subtle);border-bottom:none;animation:.25s slideUp;overflow-y:auto}.messaging-share-picker-header{margin-bottom:var(--sv-space-3);justify-content:space-between;align-items:center;display:flex}.messaging-share-picker-header h3{color:var(--sv-text-primary);margin:0;font-size:18px}.messaging-share-picker-close{color:var(--sv-text-primary);cursor:pointer;padding:var(--sv-space-1) var(--sv-space-2);background:0 0;border:none;font-size:24px}.messaging-share-picker-list{margin:0;padding:0;list-style:none}.messaging-share-picker-item{align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-3) var(--sv-space-2);border-radius:var(--sv-radius-sm);cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast);font-size:15px;display:flex}.messaging-share-picker-item:active{background:var(--sv-glass-background-subtle)}.messaging-share-picker-avatar{border-radius:var(--sv-avatar-radius);background:var(--sv-glass-background);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;overflow:hidden}.messaging-share-picker-avatar img{object-fit:cover;width:100%;height:100%}.messaging-share-picker-empty{text-align:center;color:var(--sv-text-muted);padding:var(--sv-space-5);font-size:14px}@keyframes sv-messaging-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sv-messaging-fade-out{to{opacity:0}}@keyframes sv-messaging-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.messaging-typing-indicator{color:var(--sv-color-brand-secondary);-webkit-text-fill-color:var(--sv-color-brand-secondary);padding:var(--sv-space-2) var(--sv-space-4);background:#8b3dff1f;min-height:32px;font-size:14px}.messaging-connection-request-card,.messaging-spotlight-card,.messaging-event-invite-card{min-width:200px;padding:var(--sv-space-2) var(--sv-space-3);background:var(--sv-glass-background-subtle);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);cursor:pointer;flex-direction:column;gap:2px;display:flex}.messaging-event-invite-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--sv-text-secondary);font-size:.6875rem}.messaging-event-invite-title{color:var(--sv-text-primary);font-size:.9375rem;font-weight:600}.messaging-event-invite-window{color:var(--sv-text-muted);font-size:12px}.messaging-event-invite-cta{margin-top:var(--sv-space-1);color:var(--sv-color-brand-primary);font-size:13px;font-weight:600}.network-screen{padding:var(--sv-space-6);box-sizing:border-box;min-height:100%;color:var(--sv-text-primary);background:0 0;flex-direction:column;display:flex}.network-header{align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-5);display:flex}.network-back{min-width:var(--sv-touch-target-min);min-height:var(--sv-touch-target-min);padding:var(--sv-space-2) var(--sv-space-3);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);font-size:calc(var(--sv-font-size-base) * 1.125);cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast);flex-shrink:0}.network-back:hover{background:var(--sv-glass-background-strong)}.network-title{font-size:calc(var(--sv-font-size-base) * 1.5);font-weight:700;line-height:var(--sv-line-height-tight);color:var(--sv-text-primary);margin:0}.network-tabs{gap:var(--sv-space-2);margin-bottom:var(--sv-space-4);flex-wrap:wrap;display:flex}.network-tab{padding:var(--sv-space-2) var(--sv-space-4);background:var(--sv-glass-background);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);font-size:calc(var(--sv-font-size-base) * (14 / 16));cursor:pointer;color:var(--sv-text-secondary);transition:background var(--sv-motion-fast), color var(--sv-motion-fast), border-color var(--sv-motion-fast);font-weight:500}.network-tab:hover{background:var(--sv-glass-background-strong);color:var(--sv-text-primary)}.network-tab.active{background:var(--sv-gradient-brand-horizontal);color:var(--sv-text-inverse);border-color:#0000}.network-search{margin-bottom:var(--sv-space-4)}.network-search-input{box-sizing:border-box;width:100%;padding:var(--sv-space-3) var(--sv-space-4);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);font-size:calc(var(--sv-font-size-base) * (14 / 16));background:var(--sv-input-bg);color:var(--sv-input-text);transition:border-color var(--sv-motion-fast)}.network-search-input::placeholder{color:var(--sv-input-placeholder)}.network-search-input:focus{border-color:var(--sv-input-border-focus);outline:none;box-shadow:0 0 0 2px #00e5ff33}.network-content{flex:1}.network-section-title{font-size:calc(var(--sv-font-size-base) * 1);margin:var(--sv-space-4) 0 var(--sv-space-2);color:var(--sv-text-primary);font-weight:600}.network-pending-list,.network-connection-list{margin:0;padding:0;list-style:none}.network-pending-item,.network-connection-item{align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-3) 0;border-bottom:1px solid var(--sv-glass-border-subtle);display:flex}.network-pending-avatar,.network-connection-avatar{border-radius:var(--sv-radius-circle);background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.network-pending-avatar img,.network-connection-avatar img{object-fit:cover;width:100%;height:100%}.network-pending-name,.network-connection-name{font-size:calc(var(--sv-font-size-base) * (14 / 16));color:var(--sv-text-primary);flex:1}.network-connection-link{align-items:center;gap:var(--sv-space-3);color:inherit;flex:1;min-width:0;text-decoration:none;display:flex}.network-connection-link:hover{color:var(--sv-color-brand-primary);text-decoration:underline}.network-connection-remove{border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-circle);background:var(--sv-glass-background);width:44px;height:44px;color:var(--sv-text-secondary);font-size:calc(var(--sv-font-size-base) * 1.125);cursor:pointer;transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast), color var(--sv-motion-fast);flex-shrink:0;padding:0;line-height:1}.network-connection-remove:hover{color:var(--sv-color-danger);background:#ff44442e;border-color:#ff444473}.network-pending-actions{gap:var(--sv-space-2);display:flex}.network-btn{padding:var(--sv-space-2) var(--sv-space-3);border-radius:var(--sv-radius-sm);font-size:calc(var(--sv-font-size-base) * (13 / 16));cursor:pointer;transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast), color var(--sv-motion-fast);border:1px solid #0000;font-weight:600}.network-btn-accept{background:var(--sv-gradient-brand-horizontal);color:var(--sv-text-inverse)}.network-btn-accept:hover{filter:brightness(1.08)}.network-btn-decline{background:var(--sv-glass-background);border-color:var(--sv-glass-border-subtle);color:var(--sv-text-secondary)}.network-btn-decline:hover{background:var(--sv-glass-background-strong);color:var(--sv-text-primary)}.network-empty,.network-error{padding:var(--sv-space-4);font-size:calc(var(--sv-font-size-base) * (14 / 16));border-radius:var(--sv-radius-md)}.network-empty{color:var(--sv-text-muted);background:var(--sv-glass-background-subtle);border:1px dashed var(--sv-glass-border-subtle);text-align:center}.network-error{color:var(--sv-color-danger);background:#ff44441f;border:1px solid #ff444459}.network-level-selector-overlay{-webkit-backdrop-filter:var(--sv-blur-soft);backdrop-filter:var(--sv-blur-soft);z-index:1000;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.network-level-selector{background:var(--sv-surface-card);border:1px solid var(--sv-glass-border);padding:var(--sv-space-6);border-radius:var(--sv-radius-md);min-width:200px;box-shadow:var(--sv-shadow-elevated);-webkit-backdrop-filter:var(--sv-blur-strong);backdrop-filter:var(--sv-blur-strong);color:var(--sv-text-primary)}.network-level-selector h4{margin:0 0 var(--sv-space-4);font-size:calc(var(--sv-font-size-base) * 1);color:var(--sv-text-primary);font-weight:600}.network-level-buttons{gap:var(--sv-space-2);margin-bottom:var(--sv-space-4);display:flex}.network-level-btn{padding:var(--sv-space-3);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);cursor:pointer;font-size:calc(var(--sv-font-size-base) * 1);color:var(--sv-text-primary);transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast);flex:1}.network-level-btn:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-color-brand-primary)}.network-level-cancel{width:100%;padding:var(--sv-space-3);border:1px solid var(--sv-glass-border-subtle);background:var(--sv-glass-background);border-radius:var(--sv-radius-sm);cursor:pointer;font-size:calc(var(--sv-font-size-base) * (14 / 16));color:var(--sv-text-secondary);transition:background var(--sv-motion-fast);font-weight:500}.network-level-cancel:hover{background:var(--sv-glass-background-strong);color:var(--sv-text-primary)}.nw-overflow{display:none}.network-group--expanded .nw-overflow,.network-screen--searching .nw-overflow{display:flex}.network-screen--searching .nw-search-miss,.network-screen--searching .nw-search-allmiss,.network-screen--searching .network-see-all,.nw-search-empty-hidden{display:none}.network-group{margin-bottom:var(--sv-space-4)}.network-group-count{color:var(--sv-text-muted);font-weight:400}.network-see-all{width:100%;padding:var(--sv-space-2);margin-top:var(--sv-space-1);color:var(--sv-color-brand-primary,#00e5ff);cursor:pointer;text-align:left;background:0 0;border:none;font-size:.875rem;display:block}.network-connection-badge{padding-right:var(--sv-space-2);color:var(--sv-text-muted);white-space:nowrap;margin-left:auto;font-size:.75rem}.network-connection-name{flex-shrink:0}.network-pending-type{margin-right:var(--sv-space-1);font-size:.875rem}.network-btn-withdraw{background:var(--sv-glass-background);border-color:var(--sv-color-warning,#ffc400);color:var(--sv-color-warning,#ffc400)}.network-btn-withdraw:hover{background:var(--sv-glass-background-strong)}.raver-notifications{padding:var(--sv-space-6);box-sizing:border-box;min-height:100%;color:var(--sv-text-primary);background:0 0}.raver-notifications-header{align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-5);display:flex}.raver-notifications-back{min-width:var(--sv-touch-target-min);min-height:var(--sv-touch-target-min);padding:var(--sv-space-2) var(--sv-space-3);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);font-size:calc(var(--sv-font-size-base) * 1.125);cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast);flex-shrink:0}.raver-notifications-back:hover{background:var(--sv-glass-background-strong)}.raver-notifications-title{font-size:calc(var(--sv-font-size-base) * 1.5);font-weight:700;line-height:var(--sv-line-height-tight);color:var(--sv-text-primary);margin:0}.raver-notifications-toolbar{gap:var(--sv-space-3);margin-bottom:var(--sv-space-5);flex-wrap:wrap;align-items:center;display:flex}.raver-notifications-toolbar--hoisted{flex-wrap:nowrap;justify-content:space-between;margin-bottom:0}.raver-notifications-tabs{gap:var(--sv-space-2);display:flex}.raver-notifications-tab{padding:var(--sv-space-2) var(--sv-space-4);background:var(--sv-glass-background);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);font-size:calc(var(--sv-font-size-base) * (14 / 16));cursor:pointer;color:var(--sv-text-secondary);transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast), color var(--sv-motion-fast);font-weight:500}.raver-notifications-tab:hover{background:var(--sv-glass-background-strong);color:var(--sv-text-primary)}.raver-notifications-tab.active{background:var(--sv-gradient-brand-horizontal);color:var(--sv-text-inverse);border-color:#0000}.raver-notifications-mark-all{padding:var(--sv-space-2) var(--sv-space-4);background:var(--sv-glass-background);border:1px solid var(--sv-color-brand-primary);border-radius:var(--sv-radius-sm);font-size:calc(var(--sv-font-size-base) * (14 / 16));color:var(--sv-color-brand-primary);cursor:pointer;transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast), color var(--sv-motion-fast);font-weight:600}.raver-notifications-mark-all:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-color-hover-blue);color:var(--sv-color-hover-blue)}.raver-notifications-list{margin:0;padding:0;list-style:none}.raver-notifications-item{align-items:flex-start;gap:var(--sv-space-3);padding:var(--sv-space-4);background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);margin-bottom:var(--sv-space-2);box-shadow:var(--sv-shadow-sm);cursor:pointer;-webkit-backdrop-filter:var(--sv-blur-soft);backdrop-filter:var(--sv-blur-soft);transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast);display:flex}.raver-notifications-item:hover{background:var(--sv-surface-card-hover);border-color:var(--sv-glass-border)}.raver-notifications-item.unread{border-left:4px solid var(--sv-color-brand-primary)}.raver-notifications-icon{font-size:calc(var(--sv-font-size-base) * 1.5);flex-shrink:0;line-height:1}.raver-notifications-content{flex:1;min-width:0}.raver-notifications-message{font-size:calc(var(--sv-font-size-base) * (14 / 16));color:var(--sv-text-primary);margin-bottom:var(--sv-space-1);line-height:var(--sv-line-height-normal);display:block}.raver-notifications-timestamp{font-size:calc(var(--sv-font-size-base) * (12 / 16));color:var(--sv-text-muted)}.raver-notifications-badge{border-radius:var(--sv-radius-circle);background:var(--sv-gradient-brand-diagonal);width:8px;height:8px;box-shadow:var(--sv-shadow-accent-glow);flex-shrink:0;margin-top:6px}.raver-notifications-empty{padding:var(--sv-space-6);color:var(--sv-text-muted);font-size:calc(var(--sv-font-size-base) * (14 / 16));text-align:center;background:var(--sv-glass-background-subtle);border:1px dashed var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md)}.raver-notifications-error{align-items:flex-start;gap:var(--sv-space-2);padding:var(--sv-space-4);margin-bottom:var(--sv-space-4);border-radius:var(--sv-radius-sm);color:var(--sv-color-danger);font-size:calc(var(--sv-font-size-base) * (14 / 16));line-height:var(--sv-line-height-normal);background:#ff44441f;border:1px solid #ff444459;display:flex}.messaging-notifications-pane{flex-direction:column;flex:1;min-height:0;display:flex}.raver-notifications--embedded{padding:var(--sv-space-3) 0 var(--sv-space-6);min-height:0}.recent-sets-screen{padding:var(--sv-screen-gutter);background:var(--sv-surface-app);min-height:100%;color:var(--sv-text-primary);box-sizing:border-box;max-width:var(--sv-content-max);margin:0 auto}.recent-sets-screen .screen-sticky-header{background:var(--sv-surface-panel);border-bottom-color:var(--sv-glass-border-subtle)}.recent-sets-list{gap:var(--sv-card-gap);margin-top:var(--sv-header-content-gap);flex-direction:column;display:flex}.recent-sets-empty{margin-top:var(--sv-header-content-gap);padding:var(--sv-space-10) var(--sv-space-5);text-align:center;color:var(--sv-text-muted);background:var(--sv-glass-background-subtle);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md)}#screen-container.screen-container--fullscreen{background:var(--sv-surface-app)}.stream-viewer-container{min-height:100%;position:absolute;inset:0}.stream-viewer{background:var(--sv-surface-app);width:100%;height:100%;min-height:100%;position:relative}.stream-viewer-video-area{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stream-viewer-network-badge{top:var(--sv-space-2);right:var(--sv-space-2);padding:var(--sv-space-1) var(--sv-space-2);color:#ffffffe6;border-radius:var(--sv-space-1);z-index:1;pointer-events:none;background:#000000a6;font-size:11px;font-weight:600;position:absolute}.stream-viewer-video-placeholder{background:var(--sv-surface-panel);width:100%;height:100%;color:var(--sv-text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.stream-viewer-player-slot{width:100%;height:100%;min-height:0;position:relative}.stream-viewer-overlay{pointer-events:none;padding:var(--sv-space-2) var(--sv-space-3);color:#fffc;background:#00000080;font-size:12px;position:absolute}.stream-viewer-overlay-label{opacity:.9}.stream-viewer-top-bar{z-index:10;will-change:transform;backface-visibility:hidden;opacity:1;min-height:64px;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .3s cubic-bezier(.32,.72,0,1);position:absolute;top:0;left:0;right:0;transform:translateY(0)}.stream-viewer-top-bar.bars-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%)}.stream-viewer-top-bar-slot{pointer-events:auto;position:absolute;inset:0}.stream-viewer-back-btn{left:var(--sv-space-3);z-index:11;pointer-events:auto;background:var(--sv-glass-background);border:1px solid var(--sv-glass-border);color:var(--sv-text-primary);padding:6px var(--sv-space-3);border-radius:var(--sv-radius-sm);cursor:pointer;transition:background var(--sv-motion-fast);font-size:14px;position:absolute;top:calc(50% + 28px);transform:translateY(-50%)}.stream-viewer-back-btn:hover{background:var(--sv-glass-background-strong)}.stream-viewer-top-bar-has-back .stream-top-bar{padding-left:96px}.stream-viewer-close-btn{top:calc(var(--sv-header-min-clearance) + var(--sv-safe-area-top) + 12px);right:var(--sv-space-3);z-index:11;pointer-events:auto;width:var(--sv-touch-target-min);height:var(--sv-touch-target-min);border-radius:var(--sv-radius-circle);border:1px solid var(--sv-glass-border);color:var(--sv-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast), transform var(--sv-motion-fast);background:#0000008c;justify-content:center;align-items:center;font-size:22px;line-height:1;display:inline-flex;position:absolute}.stream-viewer-close-btn:hover,.stream-viewer-close-btn:focus-visible{background:#000000bf;outline:none}.stream-viewer-close-btn:active{transform:scale(.92)}.stream-viewer-share-btn{top:calc(var(--sv-header-min-clearance) + var(--sv-safe-area-top) + 12px);right:calc(var(--sv-space-3) + var(--sv-touch-target-min) + var(--sv-space-2));z-index:11;pointer-events:auto;min-width:var(--sv-touch-target-min);height:var(--sv-touch-target-min);padding:0 var(--sv-space-3);border-radius:calc(var(--sv-touch-target-min) / 2);border:1px solid var(--sv-glass-border);color:var(--sv-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast), transform var(--sv-motion-fast);background:#0000008c;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex;position:absolute}.stream-viewer-share-btn:hover,.stream-viewer-share-btn:focus-visible{background:#000000bf;outline:none}.stream-viewer-share-btn:active{transform:scale(.92)}.stream-viewer-top-bar-recorded .stream-top-bar{padding-right:148px}@media (display-mode:standalone){.stream-viewer-video-area-recorded{bottom:calc(var(--sv-overlay-bottom-clearance) + var(--sv-safe-area-bottom))}.stream-viewer-top-bar-recorded .stream-top-bar{padding-top:calc(var(--sv-header-min-clearance) + var(--sv-safe-area-top))}}.stream-viewer-bottom-bar{z-index:10;will-change:transform;backface-visibility:hidden;opacity:1;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .3s cubic-bezier(.32,.72,0,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(0)}.stream-viewer-bottom-bar.bar-slide-down{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(250%)}.stream-viewer-bottom-bar-slot{pointer-events:auto}.stream-viewer-bar-slot{z-index:11;pointer-events:none;will-change:transform;backface-visibility:hidden;transition:transform .3s cubic-bezier(.32,.72,0,1);bottom:0;left:0;right:0;transform:translateY(100%)}.stream-viewer-bar-slot.bar-slide-up{pointer-events:auto;transform:translateY(0)}.stream-viewer-bar-slot.bar-slide-down{transform:translateY(100%)}.stream-viewer-vybecoin,.stream-viewer-chat,.stream-viewer-effects,.stream-viewer-earnings,.stream-viewer-queue{background:0 0}.stream-viewer-chat.bar-slide-up,.stream-viewer-earnings.bar-slide-up,.stream-viewer-queue.bar-slide-up{bottom:0}.stream-top-bar{padding:var(--sv-space-3) var(--sv-space-4);padding-top:calc(var(--sv-header-min-clearance) + max(var(--sv-space-3), var(--sv-safe-area-top)));background:var(--sv-surface-panel);color:#fffffff2;z-index:10;position:absolute;top:0;left:0;right:0}.stream-top-bar-inner{align-items:center;gap:var(--sv-space-3);min-height:40px;display:flex}.stream-top-bar-avatar{border-radius:var(--sv-radius-circle);background:var(--sv-glass-background);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;overflow:hidden}.stream-top-bar-avatar-img{object-fit:cover;width:100%;height:100%}.stream-top-bar-avatar-placeholder{color:#ffffffe6;font-size:18px;font-weight:600}.stream-top-bar-end-stream{border-radius:var(--sv-radius-circle);background:var(--sv-glass-background);width:40px;height:40px;color:var(--sv-text-primary);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:600;display:flex}.stream-top-bar-end-stream:hover{background:var(--sv-glass-background-strong)}.stream-top-bar--dj-own .stream-top-bar-meta{flex-wrap:nowrap}.stream-top-bar--dj-own .stream-top-bar-title{flex:0 auto;min-width:0;max-width:120px}.stream-top-bar-meta{align-items:center;gap:var(--sv-space-2);flex-wrap:wrap;flex:1;min-width:0;display:flex}.stream-top-bar-title{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:140px;font-size:14px;font-weight:600;overflow:hidden}.stream-top-bar-earnings-pill{padding:var(--sv-space-2) 14px;background:var(--sv-glass-background);color:var(--sv-text-primary);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;font-size:13px;font-weight:600}.stream-top-bar-earnings-pill:active{background:var(--sv-glass-background-strong)}.stream-top-bar-session-total{color:var(--sv-text-primary);white-space:nowrap;font-size:13px}.stream-top-bar-cta{padding:var(--sv-space-2) 14px;background:var(--sv-glass-background);color:var(--sv-text-primary);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);cursor:pointer;transition:background var(--sv-motion-fast);flex-shrink:0;font-size:13px;font-weight:600}.stream-top-bar-cta:hover{background:var(--sv-glass-background-strong)}.stream-top-bar-cta--requested{border-color:var(--sv-color-warning,#ffc400);color:var(--sv-color-warning,#ffc400)}.stream-top-bar-cta--respond{opacity:.75;border-style:dashed}.stream-top-bar-duration{color:#ffffffe6;font-variant-numeric:tabular-nums;letter-spacing:.04em;background:var(--sv-glass-background-subtle);border-radius:var(--sv-space-1);padding:2px 6px;font-size:11px;font-weight:600}@keyframes earnings-flash{0%{background:#00e67640;box-shadow:0 0 #00e67673}to{background:var(--sv-glass-background);box-shadow:0 0 12px 4px #00e67600}}.stream-top-bar-earnings-pill--flash{animation:.6s ease-out earnings-flash}.stream-top-bar-health{font-size:10px;line-height:1}.stream-top-bar-health--good{color:var(--sv-color-success)}.stream-top-bar-health--warning{color:var(--sv-color-warning)}.stream-top-bar-health--poor{color:var(--sv-color-danger)}.stream-bottom-bar{padding:var(--sv-space-3) var(--sv-space-4);padding-bottom:calc(var(--sv-overlay-bottom-clearance) + max(var(--sv-space-3), var(--sv-safe-area-bottom)));background:var(--sv-surface-panel);color:#fffffff2;z-index:10;position:absolute;bottom:0;left:0;right:0}.stream-bottom-bar-inner{justify-content:space-between;align-items:center;gap:var(--sv-space-2);min-height:var(--sv-touch-target-min);display:flex}.stream-bottom-bar-btn{min-width:0;padding:10px var(--sv-space-2);background:var(--sv-glass-background);color:var(--sv-text-primary);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);cursor:pointer;transition:background var(--sv-motion-fast);flex:1;font-size:13px;font-weight:600}.stream-bottom-bar-btn:hover{background:var(--sv-glass-background-strong)}.stream-bottom-bar-btn--active{color:var(--sv-color-brand-primary);background:#00e5ff2e;border-color:#00e5ff59}.stream-player{background:#000;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.stream-player-video-area{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.stream-player-loading{justify-content:center;align-items:center;gap:var(--sv-space-3);color:var(--sv-text-primary);background:#000000b3;flex-direction:column;display:flex;position:absolute;inset:0}.stream-player-loading-spinner{border:3px solid #ffffff4d;border-top-color:var(--sv-color-brand-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite stream-player-spin}@keyframes stream-player-spin{to{transform:rotate(360deg)}}.stream-player-loading-text{color:var(--sv-text-secondary);font-size:14px;font-weight:500}.stream-player-error{justify-content:center;align-items:center;gap:var(--sv-space-4);padding:var(--sv-space-6);text-align:center;color:var(--sv-text-primary);flex-direction:column;display:flex}.stream-player-error-text{color:var(--sv-text-secondary);font-size:14px;line-height:1.4}.stream-player-retry-btn{padding:var(--sv-space-3) var(--sv-space-6);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-sm);cursor:pointer;transition:opacity var(--sv-motion-fast);border:none;font-size:14px;font-weight:600}.stream-player-retry-btn:hover{opacity:.92}.stream-player-video{object-fit:contain;background:#000;width:100%;height:100%}.stream-player-unavailable{text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;padding:24px;display:flex}.stream-player-unavailable-title{color:#fff;font-size:1.0625rem;font-weight:600}.stream-player-unavailable-detail{color:#ffffffb3;max-width:32ch;font-size:.8125rem}.stream-player-placeholder{background:var(--sv-surface-app);border:2px dashed var(--sv-glass-border-subtle);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.stream-player-placeholder-text{color:var(--sv-text-muted);font-size:18px;font-weight:600}#dj-stream-view-player-slot .stream-player-placeholder{background:#000;border:none}#dj-stream-view-player-slot .stream-player-placeholder-text{display:none}.stream-viewer-pip-host{bottom:80px;right:var(--sv-space-4);z-index:90;pointer-events:none;opacity:0;visibility:hidden;width:120px;height:90px;transition:opacity var(--sv-motion-normal), visibility var(--sv-motion-normal);position:fixed}.stream-viewer-pip-host.stream-viewer-pip-visible{opacity:1;visibility:visible;pointer-events:auto}.stream-viewer-pip-overlay{border-radius:var(--sv-radius-sm);border:2px solid var(--sv-glass-border);background:#000000d9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.stream-viewer-pip-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.stream-viewer-pip-video{object-fit:cover;background:#111;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scaleX(-1)}.stream-viewer-pip-video[hidden]{display:none}.stream-viewer-pip-placeholder{z-index:1;align-items:center;gap:var(--sv-space-1);color:var(--sv-text-primary);flex-direction:column;font-size:12px;font-weight:500;display:flex;position:relative}.stream-viewer-pip-label{text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stream-viewer-pip-status{opacity:.85;text-align:center;font-size:10px}.stream-viewer-pip-duration{opacity:.85;font-size:10px}.stream-viewer-pip-duration[hidden],.stream-viewer-pip-status[hidden]{display:none}.stream-viewer-pip-golive-btn{border-radius:var(--sv-radius-pill,999px);background:var(--sv-color-brand-secondary,#8b3dff);color:#fff;cursor:pointer;border:none;min-height:36px;margin-top:4px;padding:6px 12px;font-size:12px;font-weight:700}.stream-viewer-pip-golive-btn:active{opacity:.85}.stream-viewer-pip-actions{gap:var(--sv-space-2);padding:6px var(--sv-space-2);margin-top:auto;display:flex}.stream-viewer-pip-end-btn,.stream-viewer-pip-report-btn{border-radius:var(--sv-space-1);cursor:pointer;background:var(--sv-glass-background);color:var(--sv-text-primary);border:none;padding:4px 10px;font-size:11px;font-weight:600}.stream-viewer-pip-end-btn:hover,.stream-viewer-pip-report-btn:hover{background:var(--sv-glass-background-strong)}.stream-viewer-pip-report-btn{background:#ff444473}.stream-viewer-pip-report-btn:hover{background:#ff4444a6}.stream-loading-state{background:var(--sv-surface-panel);color:var(--sv-text-primary);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex}.stream-loading-spinner{border:3px solid var(--sv-glass-border);border-top-color:var(--sv-color-brand-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite sv-spin}@keyframes sv-spin{to{transform:rotate(360deg)}}.stream-loading-text{margin-top:var(--sv-space-3);color:var(--sv-text-secondary);font-size:.875rem}.stream-ended-overlay{color:var(--sv-text-primary);z-index:50;justify-content:center;align-items:center;gap:var(--sv-space-4);padding:var(--sv-space-6);text-align:center;background:#000000e0;flex-direction:column;display:flex;position:absolute;inset:0}.stream-ended-overlay__title{font-size:1.25rem;font-weight:600}.stream-ended-overlay__countdown{color:var(--sv-text-secondary);font-size:.9375rem}.stream-ended-overlay__go-back{margin-top:var(--sv-space-2);border-radius:var(--sv-radius-full);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);cursor:pointer;touch-action:manipulation;transition:opacity var(--sv-motion-fast);border:none;padding:10px 28px;font-size:.9375rem;font-weight:600}.stream-ended-overlay__go-back:active{opacity:.75}main.screen-container:has(.glcp.screen-sticky-layout){flex-direction:column;min-height:100dvh;display:flex}.screen-container:has(.glcp.screen-sticky-layout){flex-direction:column;min-height:100dvh;display:flex}.glcp{background:var(--sv-surface-app);height:100%;min-height:0;color:var(--sv-text-primary);flex-direction:column;flex:1;display:flex}.glcp-top-bar{align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-3) var(--sv-space-4);padding-top:calc(var(--sv-header-min-clearance) + var(--sv-space-3) + var(--sv-safe-area-top));background:var(--sv-surface-panel);border-bottom:1px solid var(--sv-glass-border-subtle);display:flex}.glcp-back-btn{color:var(--sv-text-secondary);cursor:pointer;padding:var(--sv-space-1) var(--sv-space-2);border-radius:var(--sv-radius-sm);-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:1rem}.glcp-back-btn:active{background:var(--sv-glass-background-subtle)}.glcp-top-title{font-size:1rem;font-weight:600}.glcp-banner{padding:var(--sv-space-3) var(--sv-space-4);border-radius:var(--sv-radius-sm);font-size:.8125rem;line-height:1.45}.glcp-banner--warn{color:var(--sv-text-primary);background:#ffc1071f;border:1px solid #ffc10759}.glcp-banner-text{margin:var(--sv-space-2) 0 0;color:var(--sv-text-secondary)}.glcp-banner code{word-break:break-all;font-size:.75rem}.glcp-body{padding:var(--sv-space-4);padding-bottom:calc(var(--sv-space-4) + var(--sv-safe-area-bottom));gap:var(--sv-space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.glcp-video-area{aspect-ratio:16/9;border-radius:var(--sv-radius-md);background:var(--sv-color-black);border:1px solid var(--sv-glass-border-subtle);width:100%;position:relative;overflow:hidden}.glcp-video{object-fit:contain;background:#000;width:100%;height:100%}.glcp-video-placeholder{background:var(--sv-surface-card-raised);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.glcp-video-placeholder-text{color:var(--sv-text-secondary);font-size:.875rem}.glcp-audio-bar{align-items:center;gap:var(--sv-space-2);display:flex}.glcp-audio-icon{font-size:1.1rem}.glcp-audio-level{background:var(--sv-surface-card-raised);border-radius:3px;flex:1;height:6px;overflow:hidden}.glcp-audio-level-fill{background:linear-gradient(90deg, var(--sv-color-success), #69f0ae);border-radius:3px;width:40%;height:100%;transition:width .15s}.glcp-error-content{text-align:center;padding:var(--sv-space-3)}.glcp-error-text{color:var(--sv-color-danger);margin:0 0 var(--sv-space-3);font-size:.875rem}.glcp-retry-btn{background:var(--sv-surface-card-raised);color:var(--sv-text-primary);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);padding:var(--sv-space-2) var(--sv-space-5);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:var(--sv-touch-target-min);font-size:.875rem}.glcp-retry-btn:active{background:var(--sv-surface-card-hover)}.glcp-meta-card{background:var(--sv-surface-panel);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);padding:var(--sv-space-3) var(--sv-space-4);flex-direction:column;gap:6px;display:flex}.glcp-meta-row{justify-content:space-between;align-items:center;display:flex}.glcp-meta-label{color:var(--sv-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem}.glcp-meta-value{text-transform:capitalize;color:var(--sv-text-primary);font-size:.875rem;font-weight:500}.glcp-start-btn{width:100%;padding:var(--sv-space-4);border-radius:var(--sv-radius-md);background:var(--sv-color-danger);color:var(--sv-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast), opacity var(--sv-motion-fast);min-height:var(--sv-touch-target-min);border:none;margin-top:auto;font-size:1.0625rem;font-weight:700}.glcp-start-btn:active:not(:disabled){filter:brightness(.85)}.glcp-start-btn:disabled{opacity:.4;cursor:not-allowed}.pss-screen{z-index:100;background:linear-gradient(145deg, var(--sv-surface-app) 0%, var(--sv-surface-panel) 50%, var(--sv-surface-app) 100%);-webkit-overflow-scrolling:touch;color:var(--sv-text-primary);position:fixed;inset:0;overflow-y:auto}.pss-content{max-width:420px;padding:calc(var(--sv-space-12) + var(--sv-safe-area-top)) var(--sv-space-5) calc(var(--sv-space-8) + var(--sv-safe-area-bottom)) var(--sv-space-5);box-sizing:border-box;margin:0 auto}.pss-heading{color:var(--sv-text-primary);text-align:center;margin:0 0 var(--sv-space-1);font-size:1.5rem;font-weight:700}.pss-stream-title{color:var(--sv-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0 0 28px;font-size:.875rem;overflow:hidden}.pss-stats-grid{margin-bottom:var(--sv-space-5);grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pss-stat-card{background:var(--sv-glass-background-subtle);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);padding:14px var(--sv-space-2);align-items:center;gap:var(--sv-space-1);flex-direction:column;display:flex}.pss-stat-icon{font-size:20px}.pss-stat-label{color:var(--sv-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.pss-stat-value{color:var(--sv-text-primary);font-size:1.125rem;font-weight:700}.pss-earnings-highlight{border-radius:var(--sv-radius-lg);padding:var(--sv-space-5);text-align:center;margin-bottom:var(--sv-space-5);background:linear-gradient(135deg,#00e6761f 0%,#00e6760a 100%);border:1px solid #00e6764d}.pss-earnings-label{color:var(--sv-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.75rem;display:block}.pss-earnings-value{color:var(--sv-color-success);font-size:2.25rem;font-weight:800}.pss-effects-section{background:var(--sv-glass-background-subtle);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);padding:var(--sv-space-4);margin-bottom:var(--sv-space-4)}.pss-section-title{color:var(--sv-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--sv-space-3);font-size:.8125rem;font-weight:600}.pss-effect-row{align-items:center;gap:var(--sv-space-2);padding:var(--sv-space-2) 0;border-bottom:1px solid var(--sv-glass-border-subtle);display:flex}.pss-effect-row:last-child{border-bottom:none}.pss-effect-icon{flex-shrink:0;font-size:18px}.pss-effect-label{color:var(--sv-text-primary);flex:1;font-size:.875rem}.pss-effect-count{color:var(--sv-text-muted);font-size:.8125rem}.pss-effect-total{color:var(--sv-color-success);text-align:right;min-width:60px;font-size:.875rem;font-weight:600}.pss-no-effects{color:var(--sv-text-disabled);text-align:center;padding:var(--sv-space-3) 0;margin:0;font-size:.8125rem}.pss-chat-stat{align-items:center;gap:var(--sv-space-2);background:var(--sv-glass-background-subtle);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);padding:14px var(--sv-space-4);margin-bottom:28px;display:flex}.pss-chat-icon{font-size:18px}.pss-chat-label{color:var(--sv-text-secondary);flex:1;font-size:.875rem}.pss-chat-value{color:var(--sv-text-primary);font-size:1.125rem;font-weight:700}.pss-done-btn{width:100%;padding:var(--sv-space-4);background:var(--sv-gradient-brand-diagonal);color:var(--sv-text-primary);border-radius:var(--sv-radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:var(--sv-touch-target-min);transition:opacity var(--sv-motion-fast), transform var(--sv-motion-fast);border:none;font-size:1rem;font-weight:600;display:block}.pss-done-btn:active{opacity:.85;transform:scale(.98)}.pss-loading{min-height:100dvh;padding:var(--sv-space-6);box-sizing:border-box;color:var(--sv-text-secondary);justify-content:center;align-items:center;gap:var(--sv-space-3);flex-direction:column;display:flex}.pss-loading p{margin:0;font-size:.875rem}.pss-loading-spinner{border:3px solid var(--sv-glass-border-subtle);border-top-color:var(--sv-color-brand-secondary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite pss-spin}@keyframes pss-spin{to{transform:rotate(360deg)}}.pss-load-error{margin:var(--sv-space-2) 0 0;color:var(--sv-danger,#ff6b81);font-size:13px}.vybecoin-purchase-bar{width:100%;padding:var(--sv-space-4);padding-bottom:max(var(--sv-space-4), var(--sv-safe-area-bottom));color:var(--sv-text-primary);border-top-left-radius:var(--sv-radius-lg);border-top-right-radius:var(--sv-radius-lg);border-top:1px solid var(--sv-glass-border-subtle);background:#0a0a0ff0;box-shadow:0 -4px 24px #00000073}.vybecoin-purchase-bar-header{margin-bottom:var(--sv-space-4);justify-content:space-between;align-items:center;display:flex}.vybecoin-purchase-title{color:var(--sv-text-primary);margin:0;font-size:1.125rem;font-weight:600}.vybecoin-purchase-error{color:var(--sv-danger,#ff6b81);margin:8px 16px 0;font-size:.85rem;line-height:1.35}.vybecoin-purchase-balance{margin:var(--sv-space-1) 0 0 0;color:var(--sv-text-secondary);font-size:.875rem;font-weight:500}.vybecoin-purchase-close{background:var(--sv-glass-background);width:36px;height:36px;color:var(--sv-text-primary);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast);justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;display:flex}.vybecoin-purchase-close:hover{background:var(--sv-glass-background-strong)}.vybecoin-purchase-packages{gap:var(--sv-space-3);flex-wrap:wrap;display:flex}.vybecoin-purchase-pkg{min-width:90px;padding:14px var(--sv-space-3);align-items:center;gap:var(--sv-space-1);background:var(--sv-glass-background);color:var(--sv-text-primary);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast);flex-direction:column;flex:1;font-size:.875rem;font-weight:600;display:flex}.vybecoin-purchase-pkg:hover:not(:disabled){background:var(--sv-glass-background-strong);border-color:var(--sv-glass-border-subtle)}.vybecoin-purchase-pkg:disabled{opacity:.45;cursor:not-allowed}.vybecoin-purchase-pkg-vc{font-size:1rem}.vybecoin-purchase-pkg-price{color:var(--sv-text-secondary);font-size:.8125rem}.effects-panel-bar{border-top-left-radius:var(--sv-radius-lg);border-top-right-radius:var(--sv-radius-lg);border-top:1px solid var(--sv-glass-border-subtle);background:#0a0a0ff0;width:100%;box-shadow:0 -4px 24px #00000073}.effects-panel-bar-container{width:100%;overflow:hidden}.effects-panel-loading{padding:var(--sv-space-8) var(--sv-space-4);padding-bottom:max(var(--sv-space-8), var(--sv-safe-area-bottom));text-align:center;color:var(--sv-text-secondary);font-size:.875rem;font-weight:500}.effects-category-bar{width:100%;padding:var(--sv-space-3) var(--sv-space-4);padding-bottom:max(var(--sv-space-3), var(--sv-safe-area-bottom));color:var(--sv-text-primary);border-top:1px solid var(--sv-glass-border-subtle);background:#0a0a0fb8}.effects-category-bar-inner{align-items:center;gap:var(--sv-space-2);min-height:var(--sv-touch-target-min);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;display:flex;overflow:auto hidden}.effects-category-bar-back{background:var(--sv-glass-background);width:36px;min-width:36px;height:36px;color:var(--sv-text-primary);cursor:pointer;border-radius:var(--sv-radius-sm);-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast);border:none;flex-shrink:0;font-size:1.25rem}.effects-category-bar-back:hover{background:var(--sv-glass-background-strong)}.effects-category-bar-btn{padding:10px var(--sv-space-3);background:var(--sv-glass-background);color:var(--sv-text-primary);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast);flex-shrink:0;font-size:.8125rem;font-weight:600}.effects-category-bar-btn:hover{background:var(--sv-glass-background-strong)}.effects-detail-bar{width:100%;padding:var(--sv-space-3) var(--sv-space-4);padding-bottom:max(var(--sv-space-3), var(--sv-safe-area-bottom));color:var(--sv-text-primary);border-top:1px solid var(--sv-glass-border-subtle);background:#0a0a0fb8}.effects-detail-bar-inner{align-items:center;gap:var(--sv-space-2);min-height:var(--sv-touch-target-min);-webkit-overflow-scrolling:touch;flex-wrap:nowrap;display:flex;overflow:auto hidden}.effects-detail-bar-back{padding:10px var(--sv-space-3);background:var(--sv-glass-background);color:var(--sv-text-primary);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast);flex-shrink:0;font-size:.8125rem;font-weight:600}.effects-detail-bar-back:hover{background:var(--sv-glass-background-strong)}.effects-detail-bar-list{gap:var(--sv-space-2);flex-direction:row;flex-shrink:0;display:flex}.effects-detail-bar-effect-wrapper{flex-shrink:0}.effects-detail-bar-effect{padding:10px var(--sv-space-3);background:var(--sv-glass-background);color:var(--sv-text-primary);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast);flex-shrink:0;font-size:.8125rem;font-weight:600}.effects-detail-bar-effect:hover{background:var(--sv-glass-background-strong)}.effect-button{padding:10px var(--sv-space-3);background:var(--sv-glass-background);color:var(--sv-text-primary);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);cursor:pointer;transition:background var(--sv-motion-fast);-webkit-tap-highlight-color:transparent;align-items:center;gap:6px;font-size:.8125rem;font-weight:600;display:inline-flex}.effect-button:hover:not(:disabled){background:var(--sv-glass-background-strong)}.effect-button:active:not(:disabled){background:var(--sv-surface-card-hover)}.effect-button:disabled{opacity:.5;cursor:not-allowed;color:var(--sv-text-disabled)}.effect-button--hype .effect-button-clock{opacity:.9;font-size:.75rem}.dj-stream-relay-slot{top:calc(var(--sv-touch-target-lg,56px) + var(--sv-space-2));z-index:9;padding:var(--sv-space-2) var(--sv-space-3);pointer-events:auto;-webkit-backdrop-filter:var(--sv-blur-soft);backdrop-filter:var(--sv-blur-soft);border-bottom:1px solid var(--sv-glass-border-subtle);transition:transform var(--sv-motion-normal), opacity var(--sv-motion-normal);background:#0a0a0fb8;position:absolute;left:0;right:0}.dj-stream-relay-slot[hidden]{display:none!important}.dj-stream-view-top-bar.bars-hidden~.dj-stream-relay-slot{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-160%)}.dj-stream-relay-strip{align-items:center;gap:var(--sv-space-2);font-size:var(--sv-font-size-caption,.75rem);color:var(--sv-text-primary);flex-wrap:wrap;display:flex}.dj-stream-relay-strip-heading{text-transform:uppercase;letter-spacing:.03em;opacity:.9;font-weight:700}.dj-stream-relay-chip-list{gap:var(--sv-space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.dj-stream-relay-chip{align-items:center;gap:var(--sv-space-2);padding:var(--sv-space-1) var(--sv-space-2);border-radius:var(--sv-radius-full,999px);background:var(--sv-glass-background);border:1px solid var(--sv-glass-border-subtle);display:inline-flex}.dj-stream-relay-chip-platform{font-weight:600}.dj-stream-relay-chip-status{font-size:calc(var(--sv-font-size-base) * .6875);opacity:.95;font-weight:600}.dj-stream-relay-refresh-btn{padding:var(--sv-space-1) var(--sv-space-3);font-size:var(--sv-font-size-caption,.75rem);border-radius:var(--sv-radius-sm);border:1px solid var(--sv-glass-border);background:var(--sv-glass-background-subtle);color:var(--sv-text-primary);cursor:pointer;transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast);margin-left:auto}.dj-stream-relay-refresh-btn:hover{background:var(--sv-glass-background-strong)}.dj-stream-relay-strip--error{align-items:center;gap:var(--sv-space-2);border-radius:var(--sv-radius-md);padding:var(--sv-space-2) var(--sv-space-2);box-sizing:border-box;background:#ff444424;border:1px solid #ff444459;flex-wrap:wrap;width:100%;display:flex}.dj-stream-relay-error-text{min-width:0;font-size:var(--sv-font-size-caption,.75rem);color:var(--sv-text-primary);flex:1}.dj-stream-overlay-panel{border-top-left-radius:var(--sv-radius-lg);border-top-right-radius:var(--sv-radius-lg);width:100%;padding:var(--sv-space-4);padding-bottom:max(var(--sv-space-4), var(--sv-safe-area-bottom));color:var(--sv-text-primary);-webkit-overflow-scrolling:touch;border-top:1px solid var(--sv-glass-border-subtle);box-sizing:border-box;background:#0a0a0ff0;max-height:50vh;overflow-y:auto}.dj-stream-overlay-panel h3{margin:0 0 var(--sv-space-2);color:var(--sv-text-primary);font-size:1rem;font-weight:600}.dj-stream-overlay-panel h4{margin:var(--sv-space-3) 0 var(--sv-space-1);color:var(--sv-text-secondary);font-size:.875rem;font-weight:600}.dj-stream-overlay-panel p{margin:0 0 var(--sv-space-2);color:var(--sv-text-secondary);font-size:.875rem}.dj-stream-overlay-panel ul{padding-left:var(--sv-space-5);color:var(--sv-text-secondary);margin:0}.dj-stream-overlay-panel--queue{flex-direction:column;max-height:min(70vh,320px);display:flex;overflow:hidden}.dj-stream-queue-scroll{-webkit-overflow-scrolling:touch;max-height:120px;overflow-y:auto}.dj-stream-queue-scroll:empty{display:none}.dj-stream-queue-list{margin:0;padding-left:0;list-style:none}.dj-stream-queue-list li{margin-bottom:var(--sv-space-2);align-items:center;gap:var(--sv-space-2);padding:var(--sv-space-1) 0;min-height:28px;color:var(--sv-text-secondary);font-size:.875rem;display:flex}.dj-stream-queue-trigger{padding:var(--sv-space-1) var(--sv-space-3);color:var(--sv-text-primary);border-radius:var(--sv-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast);background:#6b35e6d9;border:none;font-size:.75rem;font-weight:600}.dj-stream-queue-trigger:hover{background:var(--sv-color-active-purple)}.dj-stream-earnings-total{color:var(--sv-text-primary);font-size:1.125rem;font-weight:600}.dj-stream-overlay-close{margin-top:var(--sv-space-3);width:100%;padding:10px var(--sv-space-5);background:var(--sv-glass-background);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);color:var(--sv-text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast);font-size:.875rem;font-weight:600}.dj-stream-overlay-close:hover{background:var(--sv-glass-background-strong)}.dj-hype-queue-section{margin-top:var(--sv-space-1)}.dj-hype-queue-section>h4{margin-top:0}.dj-hype-queue-list{margin:var(--sv-space-2) 0 0;gap:var(--sv-space-2);flex-direction:column;padding:0;list-style:none;display:flex}.dj-hype-queue-item{align-items:center;gap:var(--sv-space-2);padding:var(--sv-space-3);background:var(--sv-glass-background-subtle);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);flex-wrap:wrap;font-size:.8125rem;display:flex}.dj-hype-queue-icon{flex-shrink:0;font-size:1.125rem;line-height:1}.dj-hype-queue-name{min-width:0;color:var(--sv-text-primary);text-transform:capitalize;flex:120px;font-weight:600}.dj-hype-queue-cost{color:var(--sv-color-success);white-space:nowrap;font-weight:600}.dj-hype-queue-timer{font-variant-numeric:tabular-nums;color:var(--sv-text-muted);min-width:2.5rem}.dj-hype-queue-activate{padding:var(--sv-space-2) var(--sv-space-3);background:var(--sv-gradient-brand-diagonal);color:var(--sv-text-primary);border-radius:var(--sv-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:36px;transition:opacity var(--sv-motion-fast);border:none;margin-left:auto;font-size:.8125rem;font-weight:600}.dj-hype-queue-activate:hover{opacity:.92}.dj-hype-queue-activate:active{opacity:.85}.dj-stream-view-top-bar.bars-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-100%)}.dj-stream-view .stream-viewer-overlay.dj-stream-view-top-bar{padding:0}.dj-action-error{top:calc(var(--sv-safe-top,0px) + 56px);z-index:40;border:1px solid var(--sv-danger,#ff6b81);color:var(--sv-danger,#ff6b81);background:#280810eb;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.85rem;line-height:1.35;display:flex;position:absolute;left:12px;right:12px}.dj-action-error-dismiss{color:inherit;background:0 0;border:none;min-width:24px;min-height:24px;margin-left:auto;padding:0 2px;font-size:1.1rem;line-height:1}.stream-share-menu-overlay{z-index:700;-webkit-tap-highlight-color:transparent;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.stream-share-menu{background:var(--sv-surface-panel);border-radius:var(--sv-radius-lg) var(--sv-radius-lg) 0 0;width:100%;max-width:420px;padding:var(--sv-space-4);padding-bottom:max(var(--sv-space-4), var(--sv-safe-area-bottom));border-top:1px solid var(--sv-glass-border-subtle);box-sizing:border-box;animation:.25s slideUp;box-shadow:0 -8px 32px #00000059}.stream-share-menu-item{align-items:center;gap:var(--sv-space-3);width:100%;padding:14px var(--sv-space-3);color:var(--sv-text-primary);cursor:pointer;border-radius:var(--sv-radius-sm);transition:background var(--sv-motion-fast);text-align:left;min-height:var(--sv-touch-target-min);-webkit-tap-highlight-color:transparent;background:0 0;border:none;font-size:1rem;display:flex}.stream-share-menu-item:focus{box-shadow:0 0 0 2px var(--sv-input-border-focus);outline:none}.stream-share-menu-item:active{background:var(--sv-glass-background)}.stream-share-icon{flex-shrink:0;font-size:1.25rem;line-height:1}.stream-share-menu-cancel{border:none;border-top:1px solid var(--sv-glass-border-subtle);width:100%;color:var(--sv-text-secondary);cursor:pointer;margin-top:var(--sv-space-1);border-radius:0 0 var(--sv-radius-sm) var(--sv-radius-sm);min-height:var(--sv-touch-target-min);-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast), color var(--sv-motion-fast);background:0 0;padding:14px;font-size:.9375rem;display:block}.stream-share-menu-cancel:active{background:var(--sv-glass-background-subtle)}.stream-share-toast,.dj-stream-share-toast{bottom:max(100px, calc(80px + var(--sv-safe-area-bottom)));padding:var(--sv-space-3) var(--sv-space-5);max-width:calc(100vw - var(--sv-space-6) * 2);box-sizing:border-box;background:var(--sv-surface-card-raised);color:var(--sv-text-primary);border-radius:var(--sv-radius-sm);z-index:1000;border:1px solid var(--sv-glass-border-subtle);box-shadow:var(--sv-shadow-elevated);text-align:center;font-size:.875rem;animation:.2s ease-out dj-stream-toast-fade;position:fixed;left:50%;transform:translate(-50%)}@keyframes dj-stream-toast-fade{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.button-loading{align-items:center;gap:var(--sv-space-2);display:inline-flex}.button-loading-spinner{border:2px solid #ffffff4d;border-top-color:#ffffffe6;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite harness-spin}.button-loading-text{font-size:inherit;color:inherit}.live-controls{max-width:480px;padding:var(--sv-space-6) 0;gap:var(--sv-space-4);flex-direction:column;margin:0 auto;display:flex}.live-controls-row{gap:var(--sv-space-3);flex-wrap:wrap;display:flex}.live-controls-toggle{min-width:80px;padding:var(--sv-space-3) var(--sv-space-4);color:#333;border-radius:var(--sv-radius-sm);cursor:pointer;background:#f5f5f5;border:1px solid #e0e0e0;flex:1;font-size:14px;font-weight:500;transition:background .2s,border-color .2s}.live-controls-toggle:hover{background:#eee;border-color:#bdbdbd}.live-controls-toggle--on{color:#007aff;background:#e3f2fd;border-color:#007aff}.live-controls-toggle:focus{border-color:#007aff;outline:none}.live-controls-end{min-width:120px;padding:var(--sv-space-3) var(--sv-space-5);color:#fff;border-radius:var(--sv-radius-sm);cursor:pointer;background:#c62828;border:none;flex:1;font-size:14px;font-weight:600;transition:background .2s}.live-controls-end:hover{background:#b71c1c}.live-controls-end:focus{outline:none;box-shadow:0 0 0 2px #c6282866}.owner-controls{max-width:480px;padding:var(--sv-space-6) 0;gap:var(--sv-space-4);flex-direction:column;margin:0 auto;display:flex}.owner-controls-row{gap:var(--sv-space-3);flex-wrap:wrap;display:flex}.owner-controls-btn{min-width:120px;padding:var(--sv-space-3) var(--sv-space-5);border-radius:var(--sv-radius-sm);cursor:pointer;border:none;flex:1;font-size:14px;font-weight:600;transition:background .2s,opacity .2s}.owner-controls-btn:disabled{opacity:.5;cursor:not-allowed}.owner-controls-btn--settings{color:#fff;background:#007aff}.owner-controls-btn--settings:hover:not(:disabled){background:#0056cc}.owner-controls-btn--settings:focus{outline:none;box-shadow:0 0 0 2px #007aff66}.owner-controls-btn--end{color:#fff;background:#c62828}.owner-controls-btn--end:hover:not(:disabled){background:#b71c1c}.owner-controls-btn--end:focus{outline:none;box-shadow:0 0 0 2px #c6282866}.cost-aware-toast{bottom:var(--sv-space-5);max-width:360px;padding:var(--sv-space-4);color:#fff;border-radius:var(--sv-radius-sm);box-shadow:0 var(--sv-space-1) var(--sv-space-3) #0000004d;gap:var(--sv-space-3);z-index:1000;background:#1a1a1a;display:flex;position:fixed;left:50%;transform:translate(-50%)}.cost-aware-toast-content{flex:1}.cost-aware-toast-title{font-size:var(--sv-font-size-base);margin:0 0 var(--sv-space-2) 0;font-weight:600}.cost-aware-toast-message{font-size:14px;line-height:var(--sv-line-height-normal);margin:0 0 var(--sv-space-2) 0;color:#e0e0e0}.cost-aware-toast-link{color:#64b5f6;font-size:14px;text-decoration:underline}.cost-aware-toast-dismiss{color:#fff;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:24px;line-height:1}.performance-benchmark{max-width:600px;padding:var(--sv-space-5) var(--sv-space-4);background:#f5f5f5;margin:0 auto}.benchmark-title{color:#1a1a1a;margin-bottom:var(--sv-space-6);font-size:24px;font-weight:600}.benchmark-section{border-radius:var(--sv-radius-sm);padding:var(--sv-space-4);margin-bottom:var(--sv-space-4);background:#fff;box-shadow:0 1px 3px #00000014}.benchmark-section-title{font-size:var(--sv-font-size-base);color:#333;margin-bottom:var(--sv-space-3);font-weight:600}.benchmark-protocol-buttons{gap:var(--sv-space-2);display:flex}.benchmark-protocol-btn{padding:var(--sv-space-2) var(--sv-space-4);border-radius:var(--sv-radius-sm);cursor:pointer;background:#f5f5f5;border:1px solid #ddd;font-size:14px}.benchmark-protocol-btn.active{color:#fff;background:#1976d2;border-color:#1976d2}.benchmark-url-row{gap:var(--sv-space-2);display:flex}.benchmark-stream-url{padding:var(--sv-space-2) var(--sv-space-3);border-radius:var(--sv-radius-sm);border:1px solid #ddd;flex:1;font-size:14px}.benchmark-connect,.benchmark-start-measurement{padding:var(--sv-space-2) var(--sv-space-4);border-radius:var(--sv-radius-sm);color:#fff;cursor:pointer;background:#1976d2;border:1px solid #1976d2;font-size:14px}.benchmark-export{padding:var(--sv-space-2) var(--sv-space-4);border-radius:var(--sv-radius-sm);cursor:pointer;background:#f5f5f5;border:1px solid #ddd;font-size:14px}.benchmark-export:disabled{opacity:.6;cursor:not-allowed}.benchmark-results-list{margin:0 0 var(--sv-space-3) 0}.benchmark-result-row{padding:var(--sv-space-1) 0;border-bottom:1px solid #eee;justify-content:space-between;display:flex}.benchmark-result-value{margin:0;font-family:monospace;font-weight:600}.benchmark-status{color:#666;margin:0;font-size:14px}@keyframes harness-spin{to{transform:rotate(360deg)}}.admin-dashboard{max-width:800px;padding:var(--sv-space-5) var(--sv-space-4);background:var(--sv-surface-panel);margin:0 auto}.admin-dashboard-header{margin-bottom:var(--sv-space-6);padding-bottom:var(--sv-space-4);border-bottom:1px solid var(--sv-glass-border-subtle);justify-content:space-between;align-items:center;display:flex}.admin-dashboard-title{font-size:24px;font-weight:var(--sv-font-weight-bold);color:var(--sv-text-primary)}.admin-dashboard-header-actions{gap:var(--sv-space-3);color:var(--sv-text-secondary);font-size:14px;display:flex}.admin-dashboard-content{gap:var(--sv-space-6);flex-direction:column;display:flex}.admin-section{background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);padding:var(--sv-space-4);box-shadow:var(--sv-shadow-sm)}.admin-section-title{font-size:18px;font-weight:var(--sv-font-weight-bold);color:var(--sv-text-primary);margin-bottom:var(--sv-space-3)}.admin-section-header{margin-bottom:var(--sv-space-3);justify-content:space-between;align-items:center;display:flex}.admin-section-header .admin-section-title{margin-bottom:0}.admin-health-cards{gap:var(--sv-space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.admin-health-card{padding:var(--sv-space-3);border-radius:var(--sv-radius-sm);text-align:center;background:#00e6761f;border:1px solid #00e6764d}.admin-health-card[data-status=ok]{background:#00e6761f;border-color:#00e6764d}.admin-health-card-label{color:var(--sv-text-secondary);margin-bottom:var(--sv-space-1);font-size:12px;display:block}.admin-health-card-value{font-size:14px;font-weight:var(--sv-font-weight-semibold);color:var(--sv-color-success)}.admin-health-card-meta{color:var(--sv-text-secondary);margin-top:var(--sv-space-1);font-size:11px;display:block}.admin-edge-detail{margin-top:var(--sv-space-2);padding:var(--sv-space-2);background:var(--sv-glass-background-subtle);border-radius:6px}.admin-edge-text{color:var(--sv-text-primary);margin:0;font-size:13px}.admin-refresh-button{padding:var(--sv-space-2) var(--sv-space-4);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);color:var(--sv-text-primary);cursor:pointer;font-size:14px}.admin-refresh-button:disabled{opacity:.6;cursor:not-allowed}.admin-stream-list{margin:0;padding:0;list-style:none}.admin-stream-item{border-bottom:1px solid var(--sv-glass-border-subtle);color:var(--sv-text-primary);padding:10px 0;font-size:14px}.admin-stream-item:last-child{border-bottom:none}.admin-stream-title{font-weight:500}.admin-stream-meta{color:var(--sv-text-secondary);font-size:13px}.admin-ai-text{color:var(--sv-text-primary);margin-bottom:var(--sv-space-2);font-size:14px}.admin-ai-text:last-child{margin-bottom:0}.admin-alerts-empty{color:var(--sv-text-muted);font-size:14px}.admin-alerts-list{margin:0;padding:0;list-style:none}.admin-alert-item{padding:var(--sv-space-2) var(--sv-space-3);border-radius:var(--sv-radius-sm);background:#ffb0201f;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;display:flex}.admin-alert-item[data-status=critical]{background:#ff3b5c1f}.admin-alert-text{flex:1}.admin-alert-actions{gap:6px;display:flex}.admin-alert-btn{padding:var(--sv-space-1) 10px;border:1px solid var(--sv-glass-border);background:var(--sv-glass-background);color:var(--sv-text-primary);cursor:pointer;border-radius:6px;font-size:12px}.admin-override-buttons{gap:var(--sv-space-2);flex-wrap:wrap;display:flex}.admin-override-button{padding:var(--sv-space-2) var(--sv-space-4);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);color:var(--sv-text-primary);cursor:pointer;font-size:14px}.admin-override-button:disabled{opacity:.6;cursor:not-allowed}.admin-cost-monitoring{margin-bottom:var(--sv-space-6)}.admin-cost-summary{color:var(--sv-text-secondary);margin-bottom:var(--sv-space-3);font-size:14px}.admin-cost-table-wrapper{overflow-x:auto}.admin-cost-table{border-collapse:collapse;width:100%;font-size:14px}.admin-cost-table th,.admin-cost-table td{padding:var(--sv-space-2) var(--sv-space-3);text-align:left;border-bottom:1px solid var(--sv-glass-border-subtle)}.admin-cost-table th{font-weight:var(--sv-font-weight-semibold);color:var(--sv-text-primary);background:var(--sv-glass-background-subtle)}.admin-cost-row[data-status=ok] .admin-cost-badge-ok{color:var(--sv-color-success)}.admin-cost-row[data-status=warning] .admin-cost-badge-warning{color:var(--sv-color-warning)}.admin-cost-row[data-status=critical] .admin-cost-badge-critical{color:var(--sv-color-danger)}.admin-cost-badge{font-weight:500}.admin-adaptive-quality{margin-bottom:var(--sv-space-6)}.admin-adaptive-summary,.admin-adaptive-thresholds{color:var(--sv-text-secondary);margin-bottom:var(--sv-space-2);font-size:14px}.admin-adaptive-table-wrapper{margin-bottom:var(--sv-space-3);overflow-x:auto}.admin-adaptive-table{border-collapse:collapse;width:100%;font-size:14px}.admin-adaptive-table th,.admin-adaptive-table td{padding:var(--sv-space-2) var(--sv-space-3);text-align:left;border-bottom:1px solid var(--sv-glass-border-subtle)}.admin-adaptive-table th{font-weight:var(--sv-font-weight-semibold);color:var(--sv-text-primary);background:var(--sv-glass-background-subtle)}.admin-adaptive-trigger-button{padding:var(--sv-space-2) var(--sv-space-4);color:var(--sv-text-primary);background:var(--sv-glass-background);border:1px solid var(--sv-glass-border);cursor:pointer;border-radius:6px;font-size:14px}.admin-adaptive-trigger-button:disabled{opacity:.6;cursor:not-allowed}.admin-users-screen,.admin-streams-screen,.admin-earnings-screen{max-width:800px;padding:var(--sv-space-4);background:var(--sv-surface-panel);margin:0 auto}.admin-users-header,.admin-streams-header,.admin-earnings-header{align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-4);display:flex}.admin-users-back,.admin-streams-back,.admin-earnings-back{padding:var(--sv-space-2) var(--sv-space-3);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);color:var(--sv-text-primary);cursor:pointer;font-size:14px}.admin-users-title,.admin-streams-title,.admin-earnings-title{font-size:22px;font-weight:var(--sv-font-weight-bold)}.admin-users-error,.admin-streams-error,.admin-earnings-error{padding:var(--sv-space-3);border-radius:var(--sv-radius-sm);color:var(--sv-color-danger);margin-bottom:var(--sv-space-4);background:#ff3b5c1f}.admin-users-list,.admin-streams-list{margin:0;padding:0;list-style:none}.admin-users-item{align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-3);background:var(--sv-surface-card);border-radius:var(--sv-radius-sm);margin-bottom:var(--sv-space-2);cursor:pointer;border:1px solid var(--sv-glass-border-subtle);display:flex}.admin-users-item:hover{background:var(--sv-surface-card-hover)}.admin-users-email{font-weight:500}.admin-users-username{color:var(--sv-text-secondary);font-size:14px}.admin-users-role{padding:2px var(--sv-space-2);border-radius:4px;font-size:12px}.admin-users-role-admin{color:var(--sv-color-brand-primary);background:#00e5ff1f}.admin-users-role-dj{color:var(--sv-color-success);background:#00e6761f}.admin-users-role-raver{background:var(--sv-glass-background-subtle);color:var(--sv-text-secondary)}.admin-user-detail{background:var(--sv-surface-card);border-radius:var(--sv-radius-sm);padding:var(--sv-space-4);margin-bottom:var(--sv-space-4);border:1px solid var(--sv-glass-border-subtle)}.admin-user-detail-header{margin-bottom:var(--sv-space-3);justify-content:space-between;align-items:center;display:flex}.admin-user-close{cursor:pointer;color:var(--sv-text-secondary);background:0 0;border:none;font-size:24px}.admin-user-save,.admin-user-edit{padding:var(--sv-space-2) var(--sv-space-4);margin-top:var(--sv-space-3);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);color:var(--sv-text-primary);cursor:pointer;font-size:14px}.admin-streams-toolbar{gap:var(--sv-space-2);margin-bottom:var(--sv-space-4);display:flex}.admin-streams-toolbar select{padding:var(--sv-space-2) var(--sv-space-3);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-surface-card);color:var(--sv-text-primary);font-size:14px}.admin-streams-filter,.admin-streams-refresh,.admin-earnings-refresh{padding:var(--sv-space-2) var(--sv-space-4);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);color:var(--sv-text-primary);cursor:pointer;font-size:14px}.admin-streams-item{padding:var(--sv-space-3);background:var(--sv-surface-card);border-radius:var(--sv-radius-sm);margin-bottom:var(--sv-space-2);border:1px solid var(--sv-glass-border-subtle)}.admin-streams-item .admin-streams-title{font-weight:500}.admin-streams-item .admin-streams-meta{color:var(--sv-text-secondary);margin-top:var(--sv-space-1);font-size:14px;display:block}.admin-streams-empty{padding:var(--sv-space-6);text-align:center;color:var(--sv-text-muted)}.admin-earnings-cards{gap:var(--sv-space-4);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.admin-earnings-card{background:var(--sv-surface-card);border-radius:var(--sv-radius-sm);padding:var(--sv-space-4);border:1px solid var(--sv-glass-border-subtle)}.admin-earnings-card-label{color:var(--sv-text-secondary);margin-bottom:var(--sv-space-2);font-size:12px;display:block}.admin-earnings-card-value{font-size:20px;font-weight:var(--sv-font-weight-bold)}.admin-nav-tabs{gap:var(--sv-space-2);margin-bottom:var(--sv-space-4);flex-wrap:wrap;display:flex}.admin-nav-tab{padding:var(--sv-space-2) var(--sv-space-4);border:1px solid var(--sv-glass-border);border-radius:var(--sv-radius-sm);background:var(--sv-glass-background);cursor:pointer;color:var(--sv-text-primary);font-size:14px;text-decoration:none}.admin-nav-tab:hover,.admin-nav-tab.active{border-color:var(--sv-color-brand-primary);color:var(--sv-color-brand-primary);background:#00e5ff1f}.settings-screen{padding:var(--sv-screen-gutter);max-width:var(--sv-content-max);background:var(--sv-surface-app);min-height:100%;color:var(--sv-text-primary);box-sizing:border-box;margin:0 auto}.settings-title{font-size:var(--sv-title-screen);font-weight:var(--sv-font-weight-heavy);letter-spacing:var(--sv-letter-spacing-tight);color:var(--sv-text-primary);margin:0}.settings-section{margin-bottom:var(--sv-space-6)}.settings-section-title{font-size:var(--sv-title-section);font-weight:var(--sv-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--sv-letter-spacing-wide);color:var(--sv-text-muted);margin:0 0 var(--sv-space-2) 0}.settings-field{gap:var(--sv-space-2);color:var(--sv-text-primary);flex-direction:column;display:flex}.settings-field>span:first-child{color:var(--sv-text-secondary);font-size:14px}.settings-select{padding:10px var(--sv-space-3);border-radius:var(--sv-radius-sm);border:1px solid var(--sv-input-border);font-size:var(--sv-font-size-base);background:var(--sv-input-bg);color:var(--sv-input-text)}.settings-select:focus{border-color:var(--sv-input-border-focus);outline:none;box-shadow:0 0 0 2px #00e5ff40}.settings-save{width:100%;margin-top:var(--sv-space-2);border-radius:var(--sv-radius-sm);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);font-size:var(--sv-font-size-base);cursor:pointer;box-shadow:var(--sv-shadow-accent-glow);transition:filter var(--sv-motion-fast), transform var(--sv-motion-fast);border:none;padding:14px;font-weight:600}.settings-save:hover{filter:brightness(1.06)}.settings-save:active{transform:scale(.98)}.settings-save:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.settings-hint,.settings-about{color:var(--sv-text-muted);margin:0;font-size:14px}.settings-error{color:var(--sv-color-danger);margin-bottom:var(--sv-space-3)}.settings-sections-scroll{padding-bottom:var(--sv-space-8)}.settings-row{justify-content:space-between;align-items:center;gap:var(--sv-space-3);width:100%;padding:var(--sv-space-3) 0;border-bottom:1px solid var(--sv-glass-border-subtle);font-size:var(--sv-font-size-base);text-align:left;cursor:default;box-sizing:border-box;color:var(--sv-text-primary);background:0 0;border-top:none;border-left:none;border-right:none;display:flex}.settings-row--static{cursor:default}.settings-row-value{color:var(--sv-text-secondary);word-break:break-all;text-align:right;max-width:55%;font-size:14px}.settings-row--nav{cursor:pointer;transition:background var(--sv-motion-fast)}.settings-row--nav:hover:not(:disabled){background:#ffffff0a}.settings-row--nav:disabled{opacity:.45;cursor:not-allowed}.settings-row--danger{color:var(--sv-color-danger);cursor:pointer;font-weight:600}.settings-row--danger:hover{text-decoration:underline}.settings-row--link{color:inherit;cursor:pointer;transition:background var(--sv-motion-fast);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.settings-row--link:hover{background:#ffffff0a}.settings-chevron{color:var(--sv-text-muted);font-size:18px}.settings-row--toggle{cursor:default}.settings-switch{flex-shrink:0;width:48px;height:28px;display:inline-block;position:relative}.settings-switch input{opacity:0;width:0;height:0}.settings-switch-slider{cursor:pointer;background:var(--sv-surface-card-hover);border:1px solid var(--sv-glass-border-subtle);transition:background var(--sv-motion-normal);border-radius:28px;position:absolute;inset:0}.settings-switch-slider:before{content:"";background:var(--sv-surface-inverse);border-radius:var(--sv-radius-circle);width:22px;height:22px;transition:transform var(--sv-motion-normal);position:absolute;bottom:3px;left:3px}.settings-switch input:checked+.settings-switch-slider{background:var(--sv-gradient-brand-horizontal);border-color:#0000}.settings-switch input:checked+.settings-switch-slider:before{transform:translate(20px)}.settings-switch input:focus-visible+.settings-switch-slider{box-shadow:0 0 0 2px var(--sv-surface-app), 0 0 0 4px var(--sv-input-border-focus)}.balance-pill-host{--sv-balance-pill-surface:#000000bf;--sv-balance-pill-shadow:0 2px 8px #0000004d;--sv-balance-pill-delta-minus:var(--sv-color-danger);--sv-balance-pill-delta-plus:var(--sv-color-success);top:50%;right:max(var(--sv-space-4), var(--sv-safe-area-right));z-index:100;position:fixed;transform:translateY(-50%)}.balance-pill{align-items:center;gap:var(--sv-space-2);background:var(--sv-balance-pill-surface);color:var(--sv-text-primary);border-radius:var(--sv-radius-full);box-shadow:var(--sv-balance-pill-shadow);transition:opacity var(--sv-duration-normal) var(--sv-easing-standard), transform var(--sv-duration-normal) var(--sv-easing-standard);padding:10px 14px;font-size:.875rem;font-weight:500;display:flex}.balance-pill--visible{opacity:1;transform:translate(0)}.balance-pill--hidden{opacity:0;transform:translateX(var(--sv-space-5));pointer-events:none}.balance-pill-icon{font-size:1rem;line-height:1}.balance-pill-balance{white-space:nowrap}.balance-pill-delta{margin-left:var(--sv-space-1);font-weight:600}.balance-pill-delta--minus{color:var(--sv-balance-pill-delta-minus)}.balance-pill-delta--plus{color:var(--sv-balance-pill-delta-plus)}.balance-pill-host--dj{right:max(var(--sv-space-4), var(--sv-safe-area-right));z-index:11;pointer-events:auto;position:fixed;top:50%;transform:translateY(-50%)}.multi-stream-status{font-size:12px;font-weight:500}.multi-stream-status-connected{color:var(--sv-color-success)}.multi-stream-status-not_connected{color:var(--sv-text-muted)}.multi-stream-status-error{color:var(--sv-color-danger)}.stream-status{--sv-stream-status-item-color:var(--sv-text-primary);--sv-stream-status-separator-color:var(--sv-text-muted);--sv-stream-status-dot-connected:var(--sv-color-success);--sv-stream-status-dot-reconnecting:var(--sv-color-warning);--sv-stream-status-dot-disconnected:var(--sv-color-danger);max-width:480px;padding:var(--sv-space-5) 0;gap:var(--sv-space-3);flex-direction:column;margin:0 auto;display:flex}.stream-status-row{align-items:center;gap:var(--sv-space-3);display:flex}.stream-status-item{font-size:var(--sv-font-size-base);color:var(--sv-stream-status-item-color);align-items:center;gap:6px;font-weight:500;display:flex}.stream-status-icon{font-size:18px}.stream-status-value{font-variant-numeric:tabular-nums}.stream-status-separator{color:var(--sv-stream-status-separator-color);font-weight:400}.stream-status-connection{align-items:center;gap:var(--sv-space-2);font-size:14px;font-weight:500;display:flex}.stream-status-dot{border-radius:var(--sv-radius-circle);width:8px;height:8px}.stream-status-connection--connected .stream-status-dot{background:var(--sv-stream-status-dot-connected)}.stream-status-connection--reconnecting .stream-status-dot{background:var(--sv-stream-status-dot-reconnecting)}.stream-status-connection--disconnected .stream-status-dot{background:var(--sv-stream-status-dot-disconnected)}.stream-top-bar-live-badge{font-size:10px;font-weight:var(--sv-font-weight-heavy);background:var(--sv-color-live);color:var(--sv-text-primary);border-radius:var(--sv-space-1);text-transform:uppercase;letter-spacing:var(--sv-letter-spacing-wide);box-shadow:var(--sv-glow-live);padding:2px 6px;animation:2.4s ease-in-out infinite svLivePulse}.stream-top-bar-viewer-count{color:#ffffffd9;align-items:center;gap:var(--sv-space-1);font-size:12px;display:flex}.stream-top-bar-viewer-icon{font-size:12px}.hype-pill-host{left:max(var(--sv-space-4), var(--sv-safe-area-left));z-index:11;pointer-events:auto;opacity:0;transition:opacity var(--sv-duration-fast) var(--sv-easing-standard), transform .25s var(--sv-easing-standard);position:fixed;top:50%;transform:translateY(-50%)translate(-100%)}.hype-pill-host--visible{opacity:1;transform:translateY(-50%)translate(0)}.hype-pill{--sv-hype-pill-surface:#0009;--sv-hype-pill-text:#fffffff2;padding:6px var(--sv-space-3);background:var(--sv-hype-pill-surface);color:var(--sv-hype-pill-text);border-radius:var(--sv-radius-xl);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.hype-pill--pending .hype-pill-effect-icon{font-size:16px;line-height:1}.hype-pill--pending .hype-pill-timer{font-variant-numeric:tabular-nums}.hype-pill-more{opacity:.9;font-size:11px}.chat-bar{width:100%;-webkit-backdrop-filter:var(--sv-blur-soft);border-top:1px solid var(--sv-glass-border-subtle);border-top-left-radius:var(--sv-radius-lg);border-top-right-radius:var(--sv-radius-lg);box-shadow:var(--sv-shadow-elevated);padding-bottom:calc(var(--sv-overlay-bottom-clearance) + var(--sv-safe-area-bottom));box-sizing:border-box;background:#0a0a0feb}.chat-bar-inner{flex-direction:column;width:100%;height:280px;max-height:70vh;display:flex;overflow:hidden}.chat-bar-header{align-items:center;gap:var(--sv-space-2);padding:var(--sv-space-3) var(--sv-space-4);background:var(--sv-glass-background-strong);border-bottom:1px solid var(--sv-glass-border);display:flex}.chat-bar-back,.chat-bar-close{border:1px solid var(--sv-glass-border-subtle);background:var(--sv-glass-background);width:36px;min-width:36px;height:36px;color:var(--sv-text-primary);cursor:pointer;border-radius:var(--sv-radius-sm);transition:background var(--sv-motion-fast), border-color var(--sv-motion-fast);flex-shrink:0;font-size:20px}.chat-bar-back:hover,.chat-bar-close:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-glass-border)}.chat-bar-back:focus-visible,.chat-bar-close:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.chat-bar-close{font-size:24px;font-weight:300;line-height:1}.chat-bar-title{font-size:var(--sv-font-size-base);color:var(--sv-text-primary);font-weight:600}.chat-bar-messages{min-height:0;padding:var(--sv-space-3) var(--sv-space-4);flex:1;overflow-y:auto}.chat-bar-message{padding:var(--sv-space-1) 0;color:var(--sv-text-primary);font-size:14px}.chat-bar-message-user{margin-right:var(--sv-space-1);align-items:center;gap:var(--sv-space-1);font-weight:600;display:inline-flex}.chat-connection-icon{color:var(--sv-text-secondary);opacity:.95;font-size:12px}.chat-connect-btn{min-width:28px;min-height:28px;color:var(--sv-color-brand-primary);cursor:pointer;border-radius:var(--sv-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin:-8px 0 -8px -6px;padding:8px;font-size:13px;line-height:1;display:inline-flex}.chat-connect-btn:active{background:var(--sv-glass-background-strong)}.chat-connect-btn--connected{color:var(--sv-color-success);cursor:default}.chat-connect-btn--pending{color:var(--sv-color-warning,#ffc400);cursor:default}.chat-bar-input-area{gap:var(--sv-space-2);padding:var(--sv-space-3) var(--sv-space-4);padding-bottom:max(var(--sv-space-3), var(--sv-safe-area-bottom));border-top:1px solid var(--sv-glass-border);background:#0009;display:flex}.chat-bar-input{padding:10px var(--sv-space-3);border-radius:var(--sv-radius-sm);color:var(--sv-text-primary);transition:border-color var(--sv-motion-fast), box-shadow var(--sv-motion-fast);background:#ffffff1a;border:1px solid #ffffff4d;outline:none;flex:1;font-size:14px}.chat-bar-input::placeholder{color:#ffffff80}.chat-bar-input:focus,.chat-bar-input:focus-visible{border-color:#ffffff80;box-shadow:0 0 0 2px #00e5ff38}.chat-bar-send{padding:10px var(--sv-space-4);color:var(--sv-text-primary);border-radius:var(--sv-radius-sm);cursor:pointer;transition:background var(--sv-motion-fast), opacity var(--sv-motion-fast);background:#fff3;border:1px solid #ffffff4d;flex-shrink:0;font-size:14px;font-weight:600}.chat-bar-send:hover:not(:disabled){background:#ffffff4d}.chat-bar-send:disabled{opacity:.5;cursor:not-allowed}.chat-bar-error{padding:var(--sv-space-2) var(--sv-space-4);padding-bottom:max(var(--sv-space-2), var(--sv-safe-area-bottom));color:var(--sv-danger,#ff6b81);background:#0009;margin:0;font-size:13px}.chat-bar-error[hidden]{display:none}.messaging-input-area{align-items:center;gap:var(--sv-space-2);padding:10px var(--sv-space-3);padding-bottom:max(10px, var(--sv-safe-area-bottom));border-top:1px solid var(--sv-glass-border-subtle);background:var(--sv-surface-panel);box-sizing:border-box;width:100%;max-width:100%;display:flex}.messaging-input{border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-full);min-width:0;font-size:var(--sv-font-size-base);background:var(--sv-input-bg);color:var(--sv-input-text);transition:border-color var(--sv-motion-fast), box-shadow var(--sv-motion-fast);outline:none;flex:auto;padding:10px 14px}.messaging-input::placeholder{color:var(--sv-input-placeholder)}.messaging-input:focus{border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00e5ff38}.messaging-input:disabled{opacity:.6;cursor:not-allowed}.messaging-send{background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-radius:var(--sv-radius-full);cursor:pointer;transition:opacity var(--sv-motion-fast);border:none;flex-shrink:0;padding:10px 14px;font-size:15px;font-weight:600}.messaging-send:hover:not(:disabled){opacity:.92}.messaging-send:disabled{opacity:.5;cursor:not-allowed}.messaging-typing-indicator{padding:var(--sv-space-2) var(--sv-space-4);background:#8b3dff1f;min-height:32px;font-size:14px;font-style:italic;color:#b388ff!important;-webkit-text-fill-color:#b388ff!important}.typing-dots span{font-size:18px;line-height:1;animation:1.4s infinite both typing-bounce;display:inline-block}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.messaging-attach-btn{color:var(--sv-text-secondary);padding:var(--sv-space-2) var(--sv-space-2);cursor:pointer;border-radius:var(--sv-radius-circle);transition:background var(--sv-motion-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.messaging-attach-btn:active{background:var(--sv-glass-background)}.messaging-attach-btn:disabled{opacity:.45;cursor:not-allowed}.genre-selector{gap:var(--sv-space-2);flex-direction:column;display:flex;position:relative}.genre-selector-chips{gap:var(--sv-space-2);flex-wrap:wrap;display:flex}.genre-selector-chips:empty{display:none}.genre-selector-chip{align-items:center;gap:var(--sv-space-1);padding:var(--sv-space-1) var(--sv-space-2) var(--sv-space-1) var(--sv-space-3);background:var(--sv-glass-background);border:1px solid var(--sv-glass-border-subtle);color:var(--sv-text-primary);border-radius:999px;font-size:.875rem;line-height:1.4;display:inline-flex}.genre-selector-chip--primary{border-color:var(--sv-color-brand-primary)}.genre-selector-chip--legacy{color:var(--sv-text-secondary);border-style:dashed}.genre-selector-chip-remove{color:var(--sv-text-secondary);padding:var(--sv-space-1);cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1}.genre-selector-input{width:100%}.genre-selector-suggestions{padding:var(--sv-space-1);background:var(--sv-surface-panel);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-space-2);overscroll-behavior:contain;max-height:40vh;margin:0;list-style:none;overflow-y:auto}.genre-selector-option-btn,.genre-selector-request{text-align:left;width:100%;color:var(--sv-text-primary);padding:var(--sv-space-2) var(--sv-space-3);border-radius:var(--sv-space-1);cursor:pointer;background:0 0;border:none;font-size:.9375rem;display:block}.genre-selector-option-btn:hover,.genre-selector-option-btn:focus-visible,.genre-selector-request:hover{background:var(--sv-glass-background)}.genre-selector-empty{padding:var(--sv-space-2) var(--sv-space-3);color:var(--sv-text-muted);font-size:.875rem}.genre-selector-request{color:var(--sv-color-brand-primary)}.genre-selector-hint{min-height:1em;color:var(--sv-text-secondary);font-size:.8125rem}.genre-selector-option--active .genre-selector-option-btn{background:var(--sv-glass-background);outline:1px solid var(--sv-color-brand-primary)}.connection-picker-list{margin:0;padding:0;list-style:none}.connection-picker-row{align-items:center;gap:var(--sv-space-3);width:100%;min-height:44px;padding:var(--sv-space-2) var(--sv-space-3);border-radius:var(--sv-space-2);color:var(--sv-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;font-size:.9375rem;display:flex}.connection-picker-row:hover,.connection-picker-row:focus-visible{background:var(--sv-glass-background)}.connection-picker-row--picked{background:var(--sv-glass-background);outline:1px solid var(--sv-color-brand-primary)}.connection-picker-avatar{background:var(--sv-surface-card-raised);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;overflow:hidden}.connection-picker-avatar img{object-fit:cover;width:100%;height:100%}.connection-picker-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.connection-picker-badge{border:1px solid var(--sv-glass-border-subtle);background:var(--sv-glass-background-subtle);color:var(--sv-text-secondary);letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:1px 8px;font-size:.6875rem}.connection-picker-check{color:var(--sv-color-brand-primary);font-weight:700}.connection-picker-status{padding:var(--sv-space-2) var(--sv-space-3);color:var(--sv-text-muted);font-size:.875rem}.connection-picker-error{align-items:center;gap:var(--sv-space-2);padding:var(--sv-space-2) var(--sv-space-3);color:var(--sv-color-danger);font-size:.875rem;display:flex}.connection-picker-retry{border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-space-1);color:var(--sv-text-primary);padding:var(--sv-space-1) var(--sv-space-2);cursor:pointer;background:0 0}.messaging-network{padding:0 var(--sv-screen-gutter)}.messaging-network-title{margin:var(--sv-space-3) 0 var(--sv-space-1);letter-spacing:.04em;text-transform:uppercase;color:var(--sv-text-secondary);font-size:.8125rem;font-weight:600}.go-live-target-title{font-size:var(--sv-font-size-sm,.875rem);margin:0 0 var(--sv-space-2,8px);font-weight:600}.go-live-target-toggle-label{align-items:center;gap:var(--sv-space-2,8px);cursor:pointer;min-height:44px;display:flex}.go-live-target-fields{margin-top:var(--sv-space-2,8px);gap:var(--sv-space-2,8px);flex-direction:column;display:flex}.go-live-target-fields[hidden]{display:none}.go-live-target-amount-row{align-items:center;gap:var(--sv-space-2,8px);display:flex}.go-live-target-amount{max-width:8rem}.stream-target-host{top:calc(var(--sv-target-seat,calc(var(--sv-header-min-clearance) + var(--sv-safe-area-top) + 96px)) + 8px);z-index:5;pointer-events:none;transition:top .25s;position:absolute;left:12px;right:12px}.stream-viewer-top-bar.bars-hidden~.stream-target-host{top:calc(var(--sv-header-min-clearance) + var(--sv-safe-area-top) + 12px)}.stream-target-bar{pointer-events:auto;-webkit-backdrop-filter:blur(8px);color:#fff;background:#0a0c18b8;border:1px solid #00e5ff40;border-radius:12px;padding:8px 10px;font-size:.8125rem;transition:border-color .3s,box-shadow .3s,background-color .3s}.stream-target-bar-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.stream-target-bar-payoff{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.stream-target-bar-count{font-variant-numeric:tabular-nums;opacity:.9;flex-shrink:0}.stream-target-bar-track{background:#ffffff26;border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.stream-target-bar-fill{background:linear-gradient(90deg, var(--sv-color-accent,#00e5ff), var(--sv-color-primary,#8b3dff));border-radius:3px;height:100%;transition:width .4s}.stream-target-bar-ticker{opacity:.75;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.75rem;overflow:hidden}.stream-target-bar--final{border-color:#ff69b499;box-shadow:0 0 12px #ff69b459}.stream-target-bar--hyped{border-color:var(--sv-color-accent,#00e5ff);box-shadow:0 0 16px #00e5ff73}.stream-target-bar--milestone{background:var(--sv-color-primary,#8b3dff);border-color:var(--sv-color-accent,#00e5ff);animation:.6s ease-in-out stream-target-milestone-throb;box-shadow:0 0 24px #8b3dffcc,0 0 48px #8b3dff80}.stream-target-bar--milestone .stream-target-bar-count,.stream-target-bar--milestone .stream-target-bar-ticker{opacity:1}.stream-target-bar--milestone .stream-target-bar-count{font-weight:700}@keyframes stream-target-milestone-throb{0%,to{transform:scale(1)}30%{transform:scale(1.05)}}.stream-target-bar--hit{border-color:#0fa9;box-shadow:0 0 14px #00ffaa4d}.stream-target-bar-credits{opacity:.85;margin-top:4px;font-size:.75rem}.stream-target-hype-btn,.stream-target-set-btn,.stream-target-set-submit{color:#fff;cursor:pointer;background:#00e5ff1f;border:1px solid #00e5ff66;border-radius:10px;flex-shrink:0;min-height:44px;padding:0 12px;font-size:.8125rem;font-weight:600}.stream-target-set-form{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.stream-target-set-form[hidden]{display:none}.stream-target-set-amount{max-width:6.5rem}.stream-target-set-payoff{flex:1;min-width:9rem}.stream-target-set-error{width:100%;color:var(--sv-color-danger,#ff5c7a);font-size:.75rem}.stream-target-set-error[hidden]{display:none}@media (prefers-reduced-motion:reduce){.stream-target-host,.stream-target-bar,.stream-target-bar-fill{transition:none}.stream-target-bar--milestone{animation:none}}.pss-target-section{margin:var(--sv-space-4,16px) 0;padding:var(--sv-space-3,12px);background:#00e5ff0f;border:1px solid #00e5ff40;border-radius:12px}.pss-target-section[data-target-outcome=hit]{background:#00ffaa14;border-color:#00ffaa80}.pss-target-line{margin:var(--sv-space-2,8px) 0 0}.pss-target-contributors{margin:var(--sv-space-2,8px) 0 0;opacity:.85;font-size:.8125rem}