:root{--sv-color-brand-primary: #00d2ff;--sv-color-brand-secondary: #7b42ff;--sv-color-brand-coin: #ffd700;--sv-color-white: #ffffff;--sv-color-black: #000000;--sv-gradient-brand-horizontal: linear-gradient(90deg, #00d2ff 0%, #7b42ff 100%);--sv-gradient-brand-diagonal: linear-gradient(135deg, #00d2ff 0%, #7b42ff 100%);--sv-gradient-brand-mobile: linear-gradient(45deg, #00d2ff, #7b42ff);--sv-font-family-brand: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sv-font-size-base: 16px;--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-radius-sm: 8px;--sv-radius-md: 12px;--sv-radius-lg: 16px;--sv-radius-xl: 20px;--sv-radius-full: 9999px;--sv-radius-circle: 50%;--sv-duration-fast: .15s;--sv-duration-normal: .3s;--sv-duration-slow: .5s;--sv-easing-standard: ease;--sv-easing-mobile: ease-out}:root,[data-platform=mobile]{--sv-surface-app: #0a0a0f;--sv-surface-panel: #1a1a24;--sv-surface-card: #1a1a24;--sv-surface-card-raised: #2a2a38;--sv-surface-card-hover: #3a3a48;--sv-surface-inverse: #ffffff;--sv-glass-background: rgb(255 255 255 / 10%);--sv-glass-background-subtle: rgb(255 255 255 / 5%);--sv-glass-background-strong: rgb(255 255 255 / 20%);--sv-glass-border: rgb(255 255 255 / 20%);--sv-glass-border-subtle: rgb(255 255 255 / 10%);--sv-blur-soft: blur(12px);--sv-blur-strong: blur(20px);--sv-text-primary: #ffffff;--sv-text-secondary: #b3b3cc;--sv-text-muted: #808099;--sv-text-disabled: rgb(255 255 255 / 40%);--sv-text-inverse: #111118;--sv-text-on-gold: #1a1a1a;--sv-color-success: #00e676;--sv-color-warning: #ff9800;--sv-color-danger: #ff4444;--sv-color-info: var(--sv-color-brand-primary);--sv-color-live: #ff4444;--sv-color-accent-pink: #ff6b9d;--sv-color-hover-blue: #00b8e6;--sv-color-active-purple: #6b35e6;--sv-action-primary-bg: var(--sv-gradient-brand-horizontal);--sv-action-primary-text: var(--sv-color-white);--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: rgba(255, 255, 255, .08);--sv-input-border: rgba(255, 255, 255, .16);--sv-input-border-focus: var(--sv-color-brand-primary);--sv-input-text: var(--sv-text-primary);--sv-input-placeholder: var(--sv-text-muted);--sv-card-bg: var(--sv-surface-card);--sv-card-border: var(--sv-glass-border-subtle);--sv-card-radius: var(--sv-radius-lg);--sv-avatar-radius: var(--sv-radius-circle);--sv-shadow-sm: 0 2px 8px rgb(0 0 0 / 20%);--sv-shadow-card: 0 4px 16px rgb(0 0 0 / 30%);--sv-shadow-elevated: 0 8px 32px rgb(0 0 0 / 40%);--sv-shadow-accent-glow: 0 0 20px rgb(123 66 255 / 50%);--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-motion-fast: var(--sv-duration-fast) var(--sv-easing-mobile);--sv-motion-normal: var(--sv-duration-normal) var(--sv-easing-mobile);--sv-motion-slow: var(--sv-duration-slow) var(--sv-easing-standard)}*{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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}body{background:var(--sv-surface-app);height:100vh;min-height:100vh;overflow:hidden}#app-root{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background:var(--sv-surface-app);color:var(--sv-text-primary)}.app-shell{display:flex;flex-direction:column;height:100vh;background:var(--sv-surface-app);color:var(--sv-text-primary)}.app-shell-content{display:flex;flex-direction:column;flex:1;overflow:hidden}#overlay-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none}#overlay-root>*{pointer-events:auto}.screen-container{flex:1;overflow-y:auto;padding:var(--sv-space-5);padding-bottom:calc(var(--sv-nav-height) + var(--sv-space-5));background:var(--sv-surface-app);color:var(--sv-text-primary);position:relative}.screen-container--fullscreen{padding:0;overflow:visible}.screen-router-screen{width:100%;min-height:100%;position:relative;backface-visibility:hidden;-webkit-backface-visibility:hidden}.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{position:sticky;top:0;z-index:10;background:var(--sv-surface-panel);color:var(--sv-text-primary);padding:var(--sv-space-4) var(--sv-space-6) var(--sv-space-3);border-bottom:1px solid var(--sv-glass-border-subtle);margin-left:-24px;margin-right:-24px;padding-left:var(--sv-space-6);padding-right:var(--sv-space-6)}.screen-sticky-header .profile-title{margin:0 0 var(--sv-space-1)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.screen-placeholder{text-align:center;padding:40px 20px;color:var(--sv-text-secondary)}.screen-placeholder p{margin:10px 0;font-size:18px}.screen-note{font-size:14px;color:var(--sv-text-muted);font-style:italic}.offline-queue-status{position:fixed;bottom:calc(var(--sv-nav-height) + var(--sv-safe-area-bottom) + 8px);right:12px;font-size:.75rem;color:#666;background:#ffffffe6;padding:4px 8px;border-radius:4px;z-index:100;box-shadow:0 1px 3px #0000001a}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--sv-surface-app);color:var(--sv-text-primary)}.app-loading .loading-spinner{width:40px;height:40px;border:4px solid var(--sv-input-border);border-top-color:var(--sv-color-brand-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:16px;color:var(--sv-text-secondary);font-size:14px}.app-error{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--sv-surface-app);color:var(--sv-text-primary);padding:var(--sv-space-5)}.error-container{text-align:center;max-width:400px}.error-icon{font-size:48px;display:block;margin-bottom:16px}.error-title{font-size:20px;margin-bottom:8px;color:var(--sv-text-primary)}.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:none;padding:12px 24px;border-radius:var(--sv-radius-md);font-size:16px;cursor:pointer;transition:background var(--sv-duration-normal) var(--sv-easing-standard)}.error-retry-button:hover{background:var(--sv-color-hover-blue)}#app-shell-error-container{position:relative;width:100%;min-height:calc(100vh - var(--sv-nav-height));z-index:1}.error-boundary{display:flex;align-items:center;justify-content:center;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);position:relative;z-index:1}.error-boundary-container{text-align:center;max-width:400px;width:100%}.error-boundary-icon{font-size:64px;display:block;margin-bottom:20px;line-height:1}.error-boundary-title{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--sv-text-primary)}.error-boundary-message{font-size:16px;color:var(--sv-text-secondary);margin-bottom:8px;line-height:1.5}.error-boundary-code{font-size:12px;color:var(--sv-text-muted);font-family:monospace;margin-bottom:24px;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}.error-boundary-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}.error-boundary-button{padding:14px 24px;border-radius:var(--sv-radius-md);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out;border:none;min-height:44px}.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{display:flex;align-items:center;justify-content:center;padding:var(--sv-space-10) var(--sv-space-5);background:var(--sv-surface-app);color:var(--sv-text-primary)}.loading-state-fullscreen{min-height:100vh;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{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-spinner{border-radius:50%;border-style:solid;border-color:var(--sv-input-border);border-top-color:var(--sv-color-brand-primary);animation:spin 1s linear infinite}.loading-spinner-small{width:24px;height:24px;border-width:3px}.loading-spinner-medium{width:40px;height:40px;border-width:4px}.loading-spinner-large{width:56px;height:56px;border-width:5px}.loading-message{margin-top:var(--sv-space-4);color:var(--sv-text-secondary);font-size:14px;text-align:center}.loading-state-skeleton{padding:var(--sv-space-5);background:var(--sv-surface-app);color:var(--sv-text-primary)}.skeleton-list{display:flex;flex-direction:column;gap:16px}.skeleton-item{display:flex;align-items:center;gap:12px;padding:12px}.skeleton-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24,#ffffff0f 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;flex-shrink:0}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:20px}.skeleton-card{background:var(--sv-surface-card);border-radius:var(--sv-radius-sm);overflow:hidden;box-shadow:var(--sv-shadow-sm);border:1px solid var(--sv-glass-border-subtle)}.skeleton-image{width:100%;height:200px;background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24,#ffffff0f 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-card-content{padding:16px;display:flex;flex-direction:column;gap:8px}.skeleton-screen{padding:20px}.skeleton-header{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.skeleton-body{display:flex;flex-direction:column;gap:16px}.skeleton-line{height:12px;border-radius:var(--sv-radius-sm);background:linear-gradient(90deg,#ffffff0f 25%,#ffffff24,#ffffff0f 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}.skeleton-line-title{height:20px;width:60%}.skeleton-line-subtitle{height:16px;width:40%}.skeleton-line-text{height:12px;width:100%}.skeleton-line-text:nth-child(3){width:80%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.form-group{display:flex;flex-direction:column;gap:var(--sv-space-2)}.form-label{font-size:calc(var(--sv-font-size-base) * .875);font-weight:500;color:#333}.form-input{width:100%;padding:var(--sv-space-3) var(--sv-space-4);border:1px solid #e0e0e0;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-family:inherit;background:#fff;color:#333;transition:border-color .2s}.form-input:focus{outline:none;border-color:#007aff}.form-input:disabled{background:#f5f5f5;cursor:not-allowed}.form-textarea{min-height:100px;resize:vertical;font-family:inherit}.form-hint{font-size:calc(var(--sv-font-size-base) * .75);color:#666;margin-top:var(--sv-space-1)}.required{color:#c00}.optional{font-weight:400;color:#666}.tappable-list-item:active{background-color:var(--sv-glass-background-subtle)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sv-space-12) var(--sv-space-6);text-align:center;min-height:200px}.empty-state-icon{font-size:48px;margin-bottom:var(--sv-space-4);opacity:.6}.empty-state-title{font-size:calc(var(--sv-font-size-base) * 1.125);font-weight:600;color:var(--sv-text-primary);margin:0 0 var(--sv-space-2)}.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{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:#007aff;color:#fff;border:none;border-radius:var(--sv-radius-sm);font-size:calc(var(--sv-font-size-base) * .875);font-weight:600;cursor:pointer;transition:background var(--sv-duration-fast) var(--sv-easing-standard)}.empty-state-cta:active{background:#0056cc}.pull-to-refresh-indicator{position:absolute;top:0;left:0;right:0;height:var(--sv-space-10);display:flex;align-items:center;justify-content:center;font-size:calc(var(--sv-font-size-base) * .8125);color:var(--text-secondary, #999);transition:opacity var(--sv-duration-fast) var(--sv-easing-standard);pointer-events:none;z-index:5;transform:translateY(calc(var(--sv-space-10) * -1))}.pull-to-refresh-active{color:var(--accent-primary, #7b5ea7);font-weight:600;animation:ptr-spin .8s linear infinite}.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{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn var(--sv-duration-fast) var(--sv-easing-standard)}.end-stream-dialog{background:var(--bg-secondary, #1e1e2e);border-radius:var(--sv-radius-lg);padding:var(--sv-space-6);width:min(90vw,340px);text-align:center;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(--text-primary, #fff)}.end-stream-dialog p{margin:0 0 var(--sv-space-5);font-size:calc(var(--sv-font-size-base) * .875);color:var(--text-secondary, #aaa);line-height:1.4}.end-stream-dialog-actions{display:flex;gap:var(--sv-space-3)}.end-stream-dialog-actions button{flex:1;padding:var(--sv-space-3) var(--sv-space-4);border:none;border-radius:10px;font-size:calc(var(--sv-font-size-base) * .9375);font-weight:600;cursor:pointer;transition:background var(--sv-duration-fast) var(--sv-easing-standard)}.end-stream-btn-cancel{background:var(--bg-tertiary, #2a2a3e);color:var(--text-primary, #fff)}.end-stream-btn-cancel:active{background:#3a3a4e}.end-stream-btn-confirm{background:#e53935;color:#fff}.end-stream-btn-confirm:active{background:#c62828}.uni-form-input{display:flex;flex-direction:column;gap:6px;width:100%}.uni-form-input-label{font-size:calc(var(--sv-font-size-base) * .875);font-weight:500;color:#333}.uni-form-input-required{color:#e53935}.uni-form-input-field{width:100%;padding:var(--sv-space-3) var(--sv-space-4);border:1px solid #e0e0e0;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-family:inherit;background:var(--sv-color-white);color:#333;transition:border-color var(--sv-duration-fast) var(--sv-easing-standard)}.uni-form-input-field:focus{outline:none;border-color:#007aff}.uni-form-input-field:disabled{background:#f5f5f5;cursor:not-allowed}.uni-form-input-field--error{border-color:#e53935}.uni-form-input-field--error:focus{border-color:#e53935}.uni-form-input-error{margin:0;font-size:calc(var(--sv-font-size-base) * .8125);color:#e53935}.uni-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sv-space-2);padding:var(--sv-space-3) var(--sv-space-6);border:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;font-family:inherit;cursor:pointer;transition:opacity var(--sv-duration-fast) var(--sv-easing-standard),background-color var(--sv-duration-fast) var(--sv-easing-standard)}.uni-button:focus{outline:2px solid #007aff;outline-offset:2px}.uni-button--primary{background:#007aff;color:var(--sv-color-white)}.uni-button--primary:hover:not(.uni-button--disabled){background:#0056cc}.uni-button--secondary{background:#e0e0e0;color:#333}.uni-button--secondary:hover:not(.uni-button--disabled){background:#d0d0d0}.uni-button--danger{background:#e53935;color:var(--sv-color-white)}.uni-button--danger:hover:not(.uni-button--disabled){background:#c62828}.uni-button--text{background:transparent;color:#007aff}.uni-button--text:hover:not(.uni-button--disabled){background:#007aff1a}.uni-button--disabled{opacity:.5;cursor:not-allowed}.uni-button--loading .uni-button-label{opacity:.8}.uni-button-spinner{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:uni-button-spin .6s linear infinite}@keyframes uni-button-spin{to{transform:rotate(360deg)}}.uni-loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--sv-space-3)}.uni-loading-spinner-ring{display:block;border:2px solid var(--sv-input-border);border-top-color:var(--sv-color-brand-primary);border-radius:var(--sv-radius-circle);animation:uni-loading-spin .8s linear infinite}.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{margin:0;font-size:calc(var(--sv-font-size-base) * .875);color:var(--sv-text-secondary)}@keyframes uni-loading-spin{to{transform:rotate(360deg)}}.uni-error-message{display:flex;flex-direction:column;gap:var(--sv-space-3);padding:var(--sv-space-4);border-radius:var(--sv-radius-sm);border-left:var(--sv-space-1) solid}.uni-error-message-header{display:flex;align-items:flex-start;gap:10px}.uni-error-message--error{background:#ff444424;border-left-color:var(--sv-color-danger)}.uni-error-message--warning{background:#ff980024;border-left-color:var(--sv-color-warning)}.uni-error-message--info{background:#00d2ff1f;border-left-color:var(--sv-color-brand-primary)}.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{flex:1;margin:0;font-size:calc(var(--sv-font-size-base) * .875);color:var(--sv-text-primary)}.uni-error-message-retry{align-self:flex-start;padding:var(--sv-space-2) var(--sv-space-4);background:transparent;border:1px solid currentColor;border-radius:6px;font-size:calc(var(--sv-font-size-base) * .875);font-weight:500;cursor:pointer;transition:opacity .2s var(--sv-easing-standard)}.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{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sv-space-5);opacity:0;visibility:hidden;transition:opacity .25s ease-out,visibility .25s ease-out}.uni-modal-overlay--visible{opacity:1;visibility:visible}.uni-modal-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none}.uni-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.uni-modal-container{position:relative;width:100%;max-width:400px;max-height:90vh;background:#fff;border-radius:var(--sv-radius-md);box-shadow:0 4px 20px #0000004d;overflow:hidden;display:flex;flex-direction:column;transform:translateY(20px);opacity:0;transition:transform .25s ease-out,opacity .25s ease-out;z-index:1}.uni-modal-overlay--visible .uni-modal-container{transform:translateY(0);opacity:1}.uni-modal-overlay--hidden .uni-modal-container{transform:translateY(20px);opacity:0}.uni-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sv-space-4) var(--sv-space-5);border-bottom:1px solid #eee;flex-shrink:0}.uni-modal-title{margin:0;font-size:18px;font-weight:600;color:#333;flex:1}.uni-modal-header-spacer{flex:1}.uni-modal-close{width:var(--sv-space-8);height:var(--sv-space-8);border:none;background:#0000000d;border-radius:var(--sv-radius-circle);font-size:var(--sv-space-6);line-height:1;cursor:pointer;color:#666;transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;padding:0}.uni-modal-close:hover{background:#0000001a;color:#333}.uni-modal-body{overflow-y:auto;padding:var(--sv-space-5);flex:1;min-height:0}.uni-modal-footer{display:flex;gap:var(--sv-space-3);justify-content:flex-end;padding:var(--sv-space-4) var(--sv-space-5);border-top:1px solid #eee;flex-shrink:0}.uni-modal-footer-btn{padding:10px var(--sv-space-5);border:1px solid #ddd;background:#fff;border-radius:var(--sv-radius-md);font-size:var(--sv-font-size-base);font-weight:500;cursor:pointer;color:#333;transition:background .2s,border-color .2s}.uni-modal-footer-btn:hover{background:#f5f5f5;border-color:#ccc}.uni-modal-footer-btn--primary{background:#007aff;border-color:#007aff;color:#fff}.uni-modal-footer-btn--primary:hover{background:#0056cc;border-color:#0056cc}.uni-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sv-space-5);opacity:0;visibility:hidden;transition:opacity .25s ease-out,visibility .25s ease-out}.uni-dialog-overlay--visible{opacity:1;visibility:visible}.uni-dialog-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none}.uni-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.uni-dialog-container{position:relative;width:100%;max-width:400px;background:#fff;border-radius:var(--sv-radius-md);box-shadow:0 4px 20px #0000004d;overflow:hidden;display:flex;flex-direction:column;transform:translateY(20px);opacity:0;transition:transform .25s ease-out,opacity .25s ease-out;z-index:1}.uni-dialog-overlay--visible .uni-dialog-container{transform:translateY(0);opacity:1}.uni-dialog-overlay--hidden .uni-dialog-container{transform:translateY(20px);opacity:0}.uni-dialog-header{padding:var(--sv-space-4) var(--sv-space-5);border-bottom:1px solid #eee;flex-shrink:0}.uni-dialog-title{margin:0;font-size:18px;font-weight:600;color:#333}.uni-dialog-body{padding:var(--sv-space-5);flex:1}.uni-dialog-message{margin:0;font-size:var(--sv-font-size-base);line-height:1.5;color:#555}.uni-dialog-footer{display:flex;gap:var(--sv-space-3);justify-content:flex-end;padding:var(--sv-space-4) var(--sv-space-5);border-top:1px solid #eee;flex-shrink:0}.uni-dialog-footer-btn{padding:10px var(--sv-space-5);border:1px solid #ddd;background:#fff;border-radius:var(--sv-radius-md);font-size:var(--sv-font-size-base);font-weight:500;cursor:pointer;color:#333;transition:background .2s,border-color .2s}.uni-dialog-footer-btn:hover{background:#f5f5f5;border-color:#ccc}.uni-dialog-footer-btn--primary{background:#007aff;border-color:#007aff;color:#fff}.uni-dialog-footer-btn--primary:hover{background:#0056cc;border-color:#0056cc}#mobile-navigation-container{position:relative;width:100%;height:calc(var(--sv-nav-height) + var(--sv-safe-area-bottom));flex-shrink:0}#mobile-navigation-container.nav-hidden{display:none}.mobile-navigation{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;box-sizing:border-box;min-height:var(--sv-nav-height);padding-bottom:var(--sv-safe-area-bottom);background:var(--sv-surface-panel);border-top:1px solid var(--sv-glass-border-subtle);box-shadow:0 -4px 24px #00000059;z-index:100}.nav-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;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);min-width:60px;flex:1;height:100%}.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:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sv-gradient-brand-horizontal);border-radius:0 0 var(--sv-space-1) var(--sv-space-1)}.nav-tab-primary{background:transparent}.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{height:4px;background:var(--sv-gradient-brand-horizontal)}.nav-icon{font-size:24px;line-height:1}.nav-unread-badge{position:absolute;top:2px;right:6px;background:var(--sv-color-danger);color:var(--sv-color-white);font-size:10px;font-weight:700;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:var(--sv-space-2);padding:0 var(--sv-space-1);box-sizing:border-box;pointer-events:none}.stream-discovery-screen{padding:var(--sv-space-6);min-height:100%;background:var(--sv-surface-app);color:var(--sv-text-primary);box-sizing:border-box}.stream-discovery-container{max-width:400px;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-font-size-base);font-weight:700;margin-bottom:var(--sv-space-5);color:var(--sv-text-primary);letter-spacing:-.02em}@media(min-width:380px){.stream-discovery-title{font-size:1.5rem}}.stream-discovery-tabs{display:flex;gap:0;margin-bottom:var(--sv-space-4);border-bottom:1px solid var(--sv-glass-border-subtle)}.stream-discovery-tab{flex:1;padding:var(--sv-space-3) var(--sv-space-4);background:transparent;border:none;font-size:.875rem;font-weight:500;color:var(--sv-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--sv-motion-fast),border-color var(--sv-motion-fast)}.stream-discovery-tab:hover{color:var(--sv-text-secondary)}.stream-discovery-tab.active{color:var(--sv-color-brand-primary);font-weight:600;border-bottom-color:var(--sv-color-brand-primary)}.stream-discovery-header{display:flex;gap:var(--sv-space-3);margin-bottom:var(--sv-space-5)}.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{outline:none;border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff40}.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:none;border-radius:var(--sv-radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast),transform var(--sv-motion-fast);white-space:nowrap}.stream-filter-button:hover{opacity:.92}.stream-filter-button:active{transform:scale(.98);opacity:.88}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:var(--sv-space-1);background:var(--sv-glass-background-strong);border-radius:var(--sv-radius-full);font-size:11px;font-weight:700;line-height:1;color:var(--sv-action-primary-text)}.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{display:flex;flex-direction:column;gap:var(--sv-space-4)}.stream-discovery-list[data-view-mode=grid]{display:grid;grid-template-columns:repeat(2,1fr)}.stream-discovery-screen .error-message{display:flex;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);background:#ff44441f;border:1px solid rgb(255 68 68 / 35%);color:var(--sv-text-primary)}.stream-discovery-screen .error-message .error-text{color:var(--sv-text-secondary);line-height:var(--sv-line-height-normal)}.stream-discovery-screen .empty-state{padding:var(--sv-space-12) var(--sv-space-6)}.stream-discovery-screen .empty-state-icon{font-size:48px;margin-bottom:var(--sv-space-4);opacity:.85}.stream-discovery-screen .empty-state-title{font-size:1.125rem;font-weight:600;color:var(--sv-text-primary);margin:0 0 var(--sv-space-2)}.stream-discovery-screen .empty-state-message{font-size:.875rem;color:var(--sv-text-secondary);line-height:var(--sv-line-height-normal);max-width:280px;margin:0 0 var(--sv-space-5)}.stream-discovery-screen .empty-state-cta{display:inline-flex;align-items:center;gap:6px;padding:var(--sv-space-3) var(--sv-space-5);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border:none;border-radius:var(--sv-radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast)}.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);overflow:hidden;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}.stream-card:hover{box-shadow:var(--sv-shadow-card)}.stream-card:active{transform:scale(.97);opacity:.9}.stream-card-thumbnail{position:relative;aspect-ratio:16 / 9;background:var(--sv-surface-app)}.stream-card-thumb-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.stream-card-thumb-placeholder{width:100%;height:100%;background:var(--sv-gradient-brand-diagonal);display:flex;align-items:center;justify-content:center;opacity:.85}.stream-card-thumb-genre{color:#ffffffd9;font-size:13px;font-weight:600;text-transform:capitalize;letter-spacing:.5px;text-shadow:0 1px 4px rgb(0 0 0 / 45%)}.stream-card-viewer-icon{font-size:12px;margin-right:2px}.stream-card-live-badge{position:absolute;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:700;border-radius:var(--sv-radius-sm)}.stream-card-recorded-badge{position:absolute;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);font-size:12px;font-weight:600;border-radius:var(--sv-radius-sm)}.stream-card-upcoming-badge{position:absolute;top:var(--sv-space-2);left:var(--sv-space-2);padding:var(--sv-space-1) var(--sv-space-2);background:#00d2ffe5;color:var(--sv-text-inverse);font-size:12px;font-weight:600;border-radius:var(--sv-radius-sm)}.stream-card-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:#ffffffeb;text-shadow:0 2px 8px rgb(0 0 0 / 55%);pointer-events:none}.stream-card-duration,.stream-card-scheduled{font-size:13px;color:var(--sv-text-secondary)}.stream-card-body{padding:var(--sv-space-3) var(--sv-space-4)}.stream-card-title{font-size:1rem;font-weight:600;margin-bottom:var(--sv-space-2);color:var(--sv-text-primary)}.stream-card-meta{display:flex;align-items:center;gap:var(--sv-space-2);font-size:.875rem;color:var(--sv-text-secondary)}.stream-card-network-btn{margin-left:auto;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);font-size:.875rem;cursor:pointer;transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast)}.stream-card-network-btn:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-glass-border)}.stream-card-avatar{width:24px;height:24px;border-radius:var(--sv-avatar-radius);object-fit:cover;border:1px solid var(--sv-glass-border-subtle)}.stream-card-dj{font-weight:500;color:var(--sv-text-primary)}.stream-card-viewers{margin-left:auto;color:var(--sv-text-muted)}.filter-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;justify-content:flex-end;animation:filterPanelFadeIn .2s ease-out;-webkit-tap-highlight-color:transparent}@keyframes filterPanelFadeIn{0%{opacity:0}to{opacity:1}}.filter-panel{width:100%;max-width:320px;background:var(--sv-surface-panel);height:100%;border-left:1px solid var(--sv-glass-border-subtle);box-shadow:-4px 0 24px #0006;display:flex;flex-direction:column;animation:slideInRight .25s ease-out;box-sizing:border-box}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.filter-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sv-space-5) var(--sv-space-4);border-bottom:1px solid var(--sv-glass-border-subtle)}.filter-panel-title{font-size:1.25rem;font-weight:700;margin:0;color:var(--sv-text-primary)}.filter-panel-close{width:36px;height:36px;border:1px solid var(--sv-glass-border-subtle);background:var(--sv-glass-background);border-radius:var(--sv-radius-circle);font-size:24px;line-height:1;cursor:pointer;color:var(--sv-text-secondary);display:flex;align-items:center;justify-content:center;transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast),color var(--sv-motion-fast);-webkit-tap-highlight-color:transparent}.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{flex:1;overflow-y:auto;padding:var(--sv-space-5) var(--sv-space-4)}.filter-panel-section{border:none;margin:0 0 var(--sv-space-6) 0;padding:0}.filter-panel-legend{font-size:14px;font-weight:600;color:var(--sv-text-primary);margin-bottom:var(--sv-space-3);padding:0}.filter-panel-genres{display:flex;flex-direction:column;gap:10px}.filter-panel-checkbox{display:flex;align-items:center;gap:var(--sv-space-3);cursor:pointer;font-size:16px;color:var(--sv-text-primary)}.filter-panel-checkbox input{width:20px;height:20px;cursor:pointer;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);font-size:16px;font-family:inherit;background:var(--sv-input-bg);color:var(--sv-input-text);cursor:pointer;min-height:var(--sv-touch-target-min);box-sizing:border-box}.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{width:100%;padding:14px;border:none;border-radius:var(--sv-radius-sm);font-size:16px;font-weight:600;cursor:pointer;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}.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{outline:none;border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff38}.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{display:flex;gap:var(--sv-space-3)}.form-group-half{flex:1}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--sv-space-5);background:var(--sv-surface-app)}.login-container{width:100%;max-width:400px;background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);padding:var(--sv-space-8) var(--sv-space-6);box-shadow:var(--sv-shadow-card)}.login-title{font-size:1.75rem;font-weight:700;color:var(--sv-text-primary);text-align:center;margin-bottom:var(--sv-space-2)}.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{display:flex;flex-direction:column;gap:var(--sv-space-5)}.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:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast);min-height:var(--sv-touch-target-min)}.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{display:block;color:var(--sv-color-brand-primary);text-decoration:none;font-size:.875rem;margin-bottom:var(--sv-space-4)}.forgot-password-link:hover{text-decoration:underline}.signup-prompt{font-size:.875rem;color:var(--sv-text-muted);margin:0}.signup-link{color:var(--sv-color-brand-primary);text-decoration:none;font-weight:500}.signup-link:hover{text-decoration:underline}.login-screen .error-message{background:#ff444424;border:1px solid rgb(255 68 68 / 40%);border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);display:flex;align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);font-size:.875rem}.login-screen .error-message .error-text{color:var(--sv-text-secondary)}.login-screen .error-icon{font-size:1.125rem}.login-screen .success-message{background:#00e6761f;border:1px solid rgb(0 230 118 / 35%);border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);display:flex;align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);font-size:.875rem}.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;display:flex;align-items:center;justify-content:center;padding:var(--sv-space-5);background:var(--sv-surface-app)}.forgot-password-container{width:100%;max-width:400px;background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);padding:var(--sv-space-8) var(--sv-space-6);box-shadow:var(--sv-shadow-card)}.forgot-password-title{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:var(--sv-space-2);color:var(--sv-text-primary)}.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{display:flex;flex-direction:column;gap:var(--sv-space-5)}.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:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast);min-height:var(--sv-touch-target-min)}.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);text-decoration:none;font-size:.875rem;font-weight:500}.back-to-login-link:hover{text-decoration:underline}.forgot-password-screen .error-message{background:#ff444424;border:1px solid rgb(255 68 68 / 40%);border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);display:flex;align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);font-size:.875rem}.forgot-password-screen .error-icon{font-size:1.125rem}.forgot-password-screen .success-message{background:#00e6761f;border:1px solid rgb(0 230 118 / 35%);border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);display:flex;align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);font-size:.875rem}.forgot-password-screen .success-icon{font-size:1.125rem}.signup-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sv-space-5);background:var(--sv-surface-app)}.signup-container{width:100%;max-width:400px;background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);padding:var(--sv-space-6);box-shadow:var(--sv-shadow-card)}.signup-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:var(--sv-space-1);color:var(--sv-text-primary)}.signup-subtitle{text-align:center;color:var(--sv-text-muted);margin-bottom:var(--sv-space-6);font-size:.875rem}.signup-form{display:flex;flex-direction:column;gap:var(--sv-space-4)}.role-selection{display:flex;gap:var(--sv-space-3);margin-top:var(--sv-space-2)}.role-button{flex:1;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);display:flex;flex-direction:column;align-items:center;gap:6px;min-height:70px}.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);font-weight:600;color:var(--sv-text-primary)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--sv-space-3);cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:4px;width:20px;height:20px;cursor:pointer;accent-color:var(--sv-color-brand-primary)}.checkbox-text{font-size:.875rem;color:var(--sv-text-secondary);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:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast);min-height:48px}.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{font-size:.875rem;color:var(--sv-text-muted);margin:0}.login-link{color:var(--sv-color-brand-primary);text-decoration:none;font-weight:500}.login-link:hover{text-decoration:underline}.signup-screen .error-message{background:#ff444424;border:1px solid rgb(255 68 68 / 40%);border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);display:flex;align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);font-size:.875rem}.signup-screen .error-icon{font-size:1.125rem}.signup-screen .success-message{background:#00e6761f;border:1px solid rgb(0 230 118 / 35%);border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);display:flex;align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);font-size:.875rem}.signup-screen .success-icon{font-size:1.125rem}.email-verification-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sv-space-5);background:var(--sv-surface-app)}.email-verification-container{width:100%;max-width:400px;background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);padding:var(--sv-space-6);box-shadow:var(--sv-shadow-card)}.email-verification-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:var(--sv-space-1);color:var(--sv-text-primary)}.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{display:flex;flex-direction:column;gap:var(--sv-space-4)}.code-input-container{display:flex;gap:var(--sv-space-2);justify-content:center;margin-bottom:var(--sv-space-2)}.code-input{width:48px;height:56px;border:2px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);font-size:1.5rem;font-weight:600;text-align:center;transition:border-color var(--sv-motion-fast),box-shadow var(--sv-motion-fast);background:var(--sv-input-bg);color:var(--sv-input-text)}.code-input:focus,.code-input-focused{outline:none;border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff38}.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:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast);min-height:48px}.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{font-size:.875rem;color:var(--sv-text-muted);margin-bottom:var(--sv-space-2)}.resend-button{background:none;border:none;color:var(--sv-color-brand-primary);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:underline;padding:4px}.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{background:#ff444424;border:1px solid rgb(255 68 68 / 40%);border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);display:flex;align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);font-size:.875rem}.email-verification-screen .error-icon{font-size:1.125rem}.email-verification-screen .success-message{background:#00e6761f;border:1px solid rgb(0 230 118 / 35%);border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);display:flex;align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);font-size:.875rem}.email-verification-screen .success-icon{font-size:1.125rem}@keyframes authModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes authModalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sv-space-5);animation:authModalFadeIn var(--sv-duration-normal) var(--sv-easing-mobile)}.auth-modal-container{position:relative;width:100%;max-width:400px;max-height:90vh;background:var(--sv-surface-panel);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);box-shadow:var(--sv-shadow-elevated);overflow:hidden;animation:authModalSlideUp var(--sv-duration-normal) var(--sv-easing-mobile)}.auth-modal-close{position:absolute;top:var(--sv-space-3);right:var(--sv-space-3);width:32px;height:32px;border:none;background:var(--sv-glass-background);border-radius:var(--sv-radius-circle);font-size:24px;line-height:1;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;color:var(--sv-text-secondary);transition:background var(--sv-motion-fast),color var(--sv-motion-fast)}.auth-modal-close:hover{background:var(--sv-glass-background-strong);color:var(--sv-text-primary)}.auth-modal-content{overflow-y:auto;max-height:90vh}.auth-modal-content .login-screen,.auth-modal-content .signup-screen,.auth-modal-content .forgot-password-screen,.auth-modal-content .email-verification-screen{min-height:auto;padding:0;background:transparent}.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;border:none;padding:var(--sv-space-6);max-width:100%;background:transparent}.auth-modal-content .form-group{display:flex;flex-direction:column;gap:var(--sv-space-2)}.auth-modal-content .form-row{display:flex;gap:var(--sv-space-3)}.auth-modal-content .form-group-half{flex:1}.auth-modal-content .form-label{font-size:.875rem;font-weight:500;color:var(--sv-text-secondary)}.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{outline:none;border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff38}.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:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast);min-height:48px}.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);text-decoration:none;font-size:.875rem;font-weight:500}.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{display:flex;gap:var(--sv-space-3);margin-top:var(--sv-space-2)}.auth-modal-content .role-button{flex:1;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);display:flex;flex-direction:column;align-items:center;gap:6px;min-height:70px}.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{display:flex;align-items:flex-start;gap:var(--sv-space-3);cursor:pointer}.auth-modal-content .checkbox-label input[type=checkbox]{margin-top:4px;width:20px;height:20px;cursor:pointer;accent-color:var(--sv-color-brand-primary)}.auth-modal-content .code-input-container{display:flex;gap:var(--sv-space-2);justify-content:center;margin-bottom:var(--sv-space-2)}.auth-modal-content .code-input{width:48px;height:56px;border:2px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);font-size:1.5rem;font-weight:600;text-align:center;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 .code-input:focus,.auth-modal-content .code-input-focused{outline:none;border-color:var(--sv-input-border-focus);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{background:none;border:none;color:var(--sv-color-brand-primary);font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:underline;padding:4px}.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{background:#ff444424;border:1px solid rgb(255 68 68 / 40%);border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);display:flex;align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);font-size:.875rem}.auth-modal-content .success-message{background:#00e6761f;border:1px solid rgb(0 230 118 / 35%);border-radius:var(--sv-radius-sm);padding:var(--sv-space-3) var(--sv-space-4);margin-bottom:var(--sv-space-5);display:flex;align-items:center;gap:var(--sv-space-2);color:var(--sv-text-primary);font-size:.875rem}.profile-screen{padding:var(--sv-space-6);min-height:100%;background:var(--sv-surface-app);color:var(--sv-text-primary);box-sizing:border-box}.profile-container{max-width:400px;margin:0 auto}.profile-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--sv-space-6);color:var(--sv-text-primary)}.profile-screen .screen-sticky-header,.profile-screen-topbar{background:var(--sv-surface-panel);border-bottom-color:var(--sv-glass-border-subtle)}.profile-screen-topbar{display:flex;align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-4)}.profile-screen-topbar .profile-title{margin-bottom:0;flex:1}.profile-public-back{flex-shrink:0;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);font-size:20px;cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast)}.profile-public-back:hover{background:var(--sv-glass-background-strong)}.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{width:64px;height:64px;border-radius:var(--sv-avatar-radius);overflow:hidden;margin-bottom:var(--sv-space-4);background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:32px;color:var(--sv-text-muted)}.profile-info{margin-bottom:var(--sv-space-2)}.profile-username{font-size:1.125rem;font-weight:600;color:var(--sv-text-primary);margin-bottom:var(--sv-space-1)}.profile-email,.profile-role{font-size:.875rem;color:var(--sv-text-secondary);margin-bottom:2px}.logout-button{width:100%;padding:var(--sv-space-3);background:#ff444438;color:var(--sv-color-danger);border:1px solid rgb(255 68 68 / 40%);border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast)}.logout-button:hover{opacity:.9;background:#ff44444d}.profile-prd56{display:flex;flex-direction:column;gap:var(--sv-space-4)}.profile-header{display:flex;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)}.profile-header-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.profile-connection-btn{flex-shrink:0;width:40px;height:40px;border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-circle);background:var(--sv-glass-background);font-size:20px;cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast)}.profile-connection-btn:hover{background:var(--sv-glass-background-strong)}.profile-name{font-size:1.125rem;font-weight:600;color:var(--sv-text-primary)}.profile-meta,.profile-genres{font-size:.875rem;color:var(--sv-text-secondary)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sv-space-2);padding:var(--sv-space-3);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-stats span{font-size:12px;font-weight:600;color:var(--sv-text-primary);text-align:center}.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:.875rem;font-weight:600;color:var(--sv-text-primary);margin:0 0 var(--sv-space-2) 0}.profile-section-content{font-size:.875rem;color:var(--sv-text-secondary);margin:0}.profile-actions{display:flex;flex-direction:column;gap:var(--sv-space-3);margin-top:var(--sv-space-2)}.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);font-weight:600;cursor:pointer;border:none;transition:opacity var(--sv-motion-fast)}.profile-action-primary{background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text)}.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{display:flex;flex-direction:row;align-items:center;gap:var(--sv-space-2)}.profile-icon-btn{width:40px;height:40px;border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-circle);background:var(--sv-glass-background);font-size:18px;cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast)}.profile-icon-btn:hover{background:var(--sv-glass-background-strong)}.profile-avatar--live{box-shadow:0 0 0 3px var(--sv-color-live);animation:profile-live-pulse 2s ease-in-out infinite}@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{display:flex;align-items:center;gap:var(--sv-space-2);width:100%;padding:10px 14px;margin:0 0 var(--sv-space-2) 0;border:1px solid rgb(255 68 68 / 35%);border-radius:var(--sv-radius-sm);background:#ff44441f;color:var(--sv-text-primary);font-size:.875rem;font-weight:600;text-align:left;cursor:pointer;transition:background var(--sv-motion-fast)}.profile-live-banner:hover{background:#ff44442e}.profile-live-dot{width:10px;height:10px;border-radius:50%;background:var(--sv-color-live);animation:profile-live-pulse 1.5s ease-in-out infinite}.profile-follow-counts{display:flex;gap:var(--sv-space-4);padding:var(--sv-space-2) var(--sv-space-3);justify-content:center}.profile-follow-count{border:none;background:transparent;font-size:.875rem;color:var(--sv-color-brand-primary);cursor:pointer;text-decoration:underline;padding:4px var(--sv-space-2)}.profile-follow-num{font-weight:700;color:var(--sv-text-primary)}.profile-badges-row{display:flex;flex-wrap:wrap;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;width:100%;max-width:100%;text-align:left;border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-md);background:var(--sv-surface-card);cursor:pointer;font:inherit;color:var(--sv-text-primary);box-sizing:border-box;transition:background var(--sv-motion-fast)}.profile-badges-row:hover{background:var(--sv-surface-card-raised)}.profile-badges-more{font-size:12px;font-weight:600;color:var(--sv-color-brand-primary);margin-left:4px}.profile-badge-chip{font-size:11px;padding:4px var(--sv-space-2);border-radius:var(--sv-radius-full);background:var(--sv-glass-background-strong);color:var(--sv-color-brand-primary);border:1px solid var(--sv-glass-border-subtle)}.profile-social-links{display:flex;flex-wrap:wrap;gap:var(--sv-space-3)}.profile-social-link{font-size:22px;text-decoration:none;opacity:.9}.profile-social-link:hover{opacity:1}.profile-stream-cards{display:flex;flex-direction:column;gap:10px}.profile-stream-card{display:flex;gap:var(--sv-space-3);align-items:center;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)}.profile-stream-card:hover{background:var(--sv-surface-card-hover)}.profile-stream-card-thumb{width:72px;height:48px;flex-shrink:0;border-radius:var(--sv-radius-sm);overflow:hidden;background:var(--sv-surface-app)}.profile-stream-card-thumb img{width:100%;height:100%;object-fit:cover}.profile-stream-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px}.profile-stream-card-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-stream-card-title{font-size:.875rem;font-weight:600;color:var(--sv-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-stream-card-sub{font-size:12px;color:var(--sv-text-muted)}.profile-fav-dj-row{display:flex;gap:var(--sv-space-3);overflow-x:auto;padding-bottom:var(--sv-space-2);-webkit-overflow-scrolling:touch}.profile-fav-dj-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:72px;border:none;background:transparent;cursor:pointer;padding:4px;color:inherit}.profile-fav-dj-avatar{position:relative;width:56px;height:56px;border-radius:var(--sv-radius-circle);overflow:hidden;background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle)}.profile-fav-dj-avatar img{width:100%;height:100%;object-fit:cover}.profile-fav-dj-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px;font-weight:600;color:var(--sv-text-muted)}.profile-fav-dj-live-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background:var(--sv-color-live);border:2px solid var(--sv-surface-card)}.profile-fav-dj-name{font-size:11px;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sv-text-secondary)}.achievements-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;padding:0}.achievements-panel-sheet{width:100%;max-width:480px;max-height:85vh;background:var(--sv-surface-panel);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);display:flex;flex-direction:column;box-shadow:var(--sv-shadow-elevated)}.achievements-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sv-space-4) var(--sv-space-4) var(--sv-space-2);border-bottom:1px solid var(--sv-glass-border-subtle)}.achievements-panel-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--sv-text-primary)}.achievements-panel-close{border:none;background:transparent;color:var(--sv-text-muted);font-size:22px;line-height:1;cursor:pointer;padding:4px var(--sv-space-2)}.achievements-panel-close:hover{color:var(--sv-text-primary)}.achievements-panel-list{overflow-y:auto;padding:var(--sv-space-2) var(--sv-space-4) var(--sv-space-6);flex:1}.achievements-panel-item{padding:14px 0;border-bottom:1px solid var(--sv-glass-border-subtle)}.achievements-panel-item:last-child{border-bottom:none}.achievements-panel-item--locked{opacity:.72}.achievements-panel-item-head{display:flex;align-items:center;gap:10px}.achievements-panel-emoji{font-size:22px}.achievements-panel-name{flex:1;font-weight:600;font-size:var(--sv-font-size-base);color:var(--sv-text-primary)}.achievements-panel-desc{margin:6px 0 4px 32px;font-size:13px;color:var(--sv-text-muted);line-height:1.4}.achievements-panel-progress{height:6px;background:var(--sv-glass-background);border-radius:4px;margin:8px 0 4px 32px;overflow:hidden}.achievements-panel-progress-bar{height:100%;background:var(--sv-gradient-brand-horizontal);border-radius:4px}.achievements-panel-progress-label{display:block;margin-left:32px;font-size:12px;color:var(--sv-text-muted)}.achievements-panel-date{display:block;margin:6px 0 0 32px;font-size:12px;color:var(--sv-color-success)}.achievements-panel-empty{margin:var(--sv-space-6);text-align:center;color:var(--sv-text-muted)}.follower-list-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center}.follower-list-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c}.follower-list-panel{position:relative;width:100%;max-width:480px;max-height:85vh;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;display:flex;flex-direction:column;box-shadow:var(--sv-shadow-elevated);color:var(--sv-text-primary)}.follower-list-header{display:flex;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)}.follower-list-close{border:none;background:transparent;font-size:22px;cursor:pointer;color:var(--sv-text-secondary)}.follower-list-close:hover{color:var(--sv-text-primary)}.follower-list-tabs{display:flex;gap:var(--sv-space-2);flex:1;justify-content:center}.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;font-weight:600;color:var(--sv-text-secondary)}.follower-list-tab.is-active{background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border-color:transparent}.follower-list-body{overflow-y:auto;padding:var(--sv-space-2) 0 var(--sv-space-6);min-height:120px}.follower-list-row{display:flex;align-items:center;gap:var(--sv-space-3);width:100%;padding:10px var(--sv-space-4);border:none;background:transparent;border-bottom:1px solid var(--sv-glass-border-subtle);cursor:pointer;text-align:left;color:inherit}.follower-list-row:hover{background:var(--sv-glass-background-subtle)}.follower-list-avatar{width:40px;height:40px;border-radius:var(--sv-radius-circle);overflow:hidden;background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle)}.follower-list-avatar-img{width:100%;height:100%;object-fit:cover}.follower-list-avatar-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--sv-font-size-base);font-weight:600;color:var(--sv-text-muted)}.follower-list-name{font-size:15px;font-weight:500;color:var(--sv-text-primary)}.founding-member-section{max-width:400px;margin:0 auto;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)}.founding-member-title{font-size:1.125rem;font-weight:600;color:var(--sv-text-primary);margin:0 0 var(--sv-space-3) 0}.founding-member-badge{display:inline-block;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}.founding-member-badge-text{font-size:.875rem}.founding-member-referral{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sv-space-2);margin-bottom:var(--sv-space-3)}.founding-member-label{font-size:.875rem;color:var(--sv-text-muted)}.founding-member-code{font-family:ui-monospace,monospace;font-size:var(--sv-font-size-base);font-weight:600;color:var(--sv-text-primary)}.founding-member-copy{padding:6px var(--sv-space-3);font-size:.875rem;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)}.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);font-size:.875rem;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)}.founding-member-copy-link:hover{background:var(--sv-glass-background-strong)}.founding-member-recruitment{font-size:.875rem;color:var(--sv-text-secondary);margin:0}.founding-member-section--empty .founding-member-empty-text{font-size:.875rem;color:var(--sv-text-muted);margin:0;line-height:var(--sv-line-height-normal)}.edit-profile-screen{padding:var(--sv-space-6);min-height:100%;box-sizing:border-box;background:var(--sv-surface-app);color:var(--sv-text-primary)}.edit-profile-header{display:flex;align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-6)}.edit-profile-back{flex-shrink:0;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)}.edit-profile-back:hover{background:var(--sv-glass-background-strong)}.edit-profile-title{font-size:calc(var(--sv-font-size-base) * 1.5);font-weight:700;margin:0;line-height:var(--sv-line-height-tight);color:var(--sv-text-primary)}.edit-profile-form{display:flex;flex-direction:column;gap:var(--sv-space-4)}.edit-profile-avatar-row{display:flex;align-items:center;gap:var(--sv-space-4);margin-bottom:var(--sv-space-2)}.edit-profile-avatar-wrap{width:96px;height:96px;border-radius:var(--sv-radius-circle);overflow:hidden;background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);flex-shrink:0}.edit-profile-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.edit-profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--sv-font-size-base) * 2.5);color:var(--sv-text-muted)}.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));font-weight:600;cursor:pointer;transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast),opacity var(--sv-motion-fast)}.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{display:flex;flex-direction:column;gap:6px}.edit-profile-field label{font-size:calc(var(--sv-font-size-base) * (14 / 16));font-weight:500;color:var(--sv-text-secondary)}.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);font-family:inherit;background:var(--sv-input-bg);color:var(--sv-input-text)}.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{outline:none;border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff38}.edit-profile-field textarea{resize:vertical;min-height:80px}.edit-profile-actions{display:flex;gap:var(--sv-space-3);margin-top:var(--sv-space-4)}.edit-profile-save{flex:1;padding:14px;background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast)}.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);background:#ff44441f;border:1px solid rgb(255 68 68 / 35%);color:var(--sv-color-danger);border-radius:var(--sv-radius-sm);margin-bottom:var(--sv-space-4)}.edit-profile-success{padding:var(--sv-space-3) var(--sv-space-4);background:#00e6761f;border:1px solid rgb(0 230 118 / 35%);color:var(--sv-color-success);border-radius:var(--sv-radius-sm);margin-bottom:var(--sv-space-4)}.dj-search-screen{padding:var(--sv-space-6);min-height:100%;background:var(--sv-surface-app);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-font-size-base);font-weight:700;margin-bottom:var(--sv-space-5);color:var(--sv-text-primary);letter-spacing:-.02em}@media(min-width:380px){.dj-search-title{font-size:1.5rem}}.dj-search-header{margin-bottom:var(--sv-space-5)}.dj-search-search{width:100%}.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{outline:none;border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff40}.dj-search-content{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{display:flex;flex-direction:column;gap:var(--sv-space-4)}.dj-search-list[data-view-mode=grid]{display:grid;grid-template-columns:repeat(2,1fr)}.dj-card{background:var(--sv-surface-card);border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-sm);overflow:hidden;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}.dj-card:hover{box-shadow:var(--sv-shadow-card);background:var(--sv-surface-card-raised)}.dj-card:active{transform:scale(.97);opacity:.88}.dj-card-body{display:flex;align-items:center;gap:var(--sv-space-4);padding:var(--sv-space-3) var(--sv-space-4)}.dj-card-avatar{width:48px;height:48px;border-radius:var(--sv-radius-circle);object-fit:cover;border:1px solid var(--sv-glass-border-subtle)}.dj-card-avatar-placeholder{width:48px;height:48px;border-radius:var(--sv-radius-circle);background:var(--sv-gradient-brand-diagonal)}.dj-card-info{flex:1;display:flex;flex-direction:column;gap:var(--sv-space-1);min-width:0}.dj-card-username{font-size:var(--sv-font-size-base);font-weight:600;color:var(--sv-text-primary);margin:0}.dj-card-meta{display:flex;align-items:center;gap:var(--sv-space-2);font-size:.875rem;color:var(--sv-text-secondary);flex-wrap:wrap}.dj-card-network-btn{margin-left:auto;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);font-size:.875rem;cursor:pointer;transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast),color var(--sv-motion-fast)}.dj-card-network-btn:hover{background:#00d2ff24;border-color:var(--sv-color-brand-primary)}.dj-card-network-btn--active{background:#00e67629;border-color:var(--sv-color-success);color:var(--sv-color-success)}.dj-card-network-btn--active:hover{background:#00e67642}.dj-card-network-btn--pending{opacity:.55;cursor:wait}.dj-card-genres{display:flex;flex-wrap:wrap;gap:var(--sv-space-1);margin-top:2px}.dj-card-genre-tag{display:inline-block;padding:1px var(--sv-space-2);border-radius:var(--sv-radius-sm);background:#7b42ff2e;color:var(--sv-color-brand-secondary);font-size:11px;font-weight:500;text-transform:capitalize}.dj-card-last-stream{margin-top:2px;font-size:12px;color:var(--sv-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-section-heading{margin:var(--sv-space-4) 0 var(--sv-space-2);padding:0 var(--sv-space-1);font-size:.9375rem;font-weight:600;color:var(--sv-text-secondary)}.dj-section-heading--live{color:var(--sv-color-live)}.dj-card-followers{font-size:.875rem;color:var(--sv-text-secondary)}.dj-card-live-badge{align-self:flex-start;padding:2px var(--sv-space-2);background:var(--sv-color-live);color:var(--sv-text-inverse);font-size:11px;font-weight:700;border-radius:var(--sv-radius-sm)}.dj-search-history{position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:2px;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)}.dj-search-history-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sv-space-2) var(--sv-space-3) var(--sv-space-1);font-size:12px;color:var(--sv-text-muted)}.dj-search-history-clear{background:none;border:none;color:var(--sv-color-brand-primary);font-size:12px;cursor:pointer;padding:0}.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;font-size:.875rem;color:var(--sv-text-primary)}.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);font-weight:600;color:var(--sv-text-primary);margin:0 0 var(--sv-space-2)}.dj-search-empty-hint{font-size:.875rem;color:var(--sv-text-muted);margin:0 0 var(--sv-space-4)}.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);background:transparent;color:var(--sv-color-brand-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--sv-motion-fast)}.dj-search-empty-browse:hover{background:#00d2ff1f}.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{display:flex;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);background:#ff44441f;border:1px solid rgb(255 68 68 / 35%);color:var(--sv-text-primary)}.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:transparent}.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-space-6);min-height:100%;background:var(--sv-surface-app);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:400px;margin:0 auto}.wallet-display-title{font-size:var(--sv-font-size-base);font-weight:700;margin-bottom:var(--sv-space-6);color:var(--sv-text-primary);letter-spacing:-.02em}@media(min-width:380px){.wallet-display-title{font-size:1.5rem}}.wallet-balance-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-balance-label{font-size:.875rem;color:var(--sv-text-secondary);margin:0 0 var(--sv-space-1);font-weight:600}.wallet-balance-value{font-size:2rem;font-weight:700;margin:0;color:var(--sv-color-brand-primary)}@media(min-width:380px){.wallet-balance-value{font-size:2.125rem}}.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{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sv-space-4);gap:var(--sv-space-3)}.wallet-transactions-label{font-size:var(--sv-font-size-base);font-weight:600;margin:0;color:var(--sv-text-primary)}.wallet-view-full-history{font-size:.875rem;color:var(--sv-color-brand-primary);background:none;border:none;padding:var(--sv-space-1) var(--sv-space-2);cursor:pointer;text-decoration:underline;text-underline-offset:2px;flex-shrink:0}.wallet-view-full-history:hover{color:var(--sv-color-brand-secondary)}.wallet-transactions-list{list-style:none;margin:0;padding:0}.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);font-size:.875rem;text-align:center}.wallet-tx-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sv-space-1);gap:var(--sv-space-3)}.wallet-tx-description{font-size:.875rem;color:var(--sv-text-primary)}.wallet-tx-amount{font-size:.875rem;font-weight:600;flex-shrink:0}.wallet-tx-credit{color:var(--sv-color-success)}.wallet-tx-debit{color:var(--sv-color-danger)}.wallet-tx-meta{display:flex;gap:var(--sv-space-3);font-size:.75rem;color:var(--sv-text-muted)}.wallet-tx-date,.wallet-tx-type{color:var(--sv-text-muted)}.wallet-tx-hint{margin:var(--sv-space-3) 0 0;font-size:.75rem;color:var(--sv-text-muted)}.wallet-actions-section{margin-top:var(--sv-space-6);display:flex;flex-direction:column;gap:var(--sv-space-3)}.wallet-purchase-button{width:100%;padding:var(--sv-space-4);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast),transform var(--sv-motion-fast)}.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);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast)}.wallet-payment-methods-button:hover{background:#00d2ff1f;border-color:var(--sv-color-brand-secondary);color:var(--sv-text-primary)}.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);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background var(--sv-motion-fast)}.wallet-bonus-button:hover{background:#7b42ff24}.wallet-bonus-hint{margin:var(--sv-space-2) 0 0;font-size:.875rem;color:var(--sv-text-secondary)}.wallet-vybecoin-slot{margin-top:var(--sv-space-4);min-height:0}.wallet-display-screen .error-message{display:flex;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);background:#ff44441f;border:1px solid rgb(255 68 68 / 35%);color:var(--sv-text-primary)}.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:transparent}.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)}.payment-methods-screen{padding:var(--sv-space-4) var(--sv-space-6) var(--sv-space-6);min-height:100%;background:var(--sv-surface-app);color:var(--sv-text-primary);box-sizing:border-box}.payment-methods-header{display:flex;align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-5)}.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);font-size:18px;cursor:pointer;line-height:1;color:var(--sv-text-primary);transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast)}.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:1.375rem;font-weight:700;margin:0;color:var(--sv-text-primary)}.payment-methods-status{font-size:14px;color:var(--sv-text-secondary);margin:0 0 var(--sv-space-4);line-height:var(--sv-line-height-normal)}.payment-methods-list{list-style:none;margin:0 0 var(--sv-space-5);padding:0;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);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{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sv-space-2);padding:14px var(--sv-space-4);border-bottom:1px solid var(--sv-glass-border-subtle)}.payment-methods-item:last-child{border-bottom:none}.payment-methods-item-label{font-weight:600;color:var(--sv-text-primary)}.payment-methods-item-last4{font-size:14px;color:var(--sv-text-secondary)}.payment-methods-default{margin-left:auto;font-size:12px;font-weight:600;color:var(--sv-color-brand-primary)}.payment-methods-actions{margin-top:var(--sv-space-2)}.payment-methods-add{width:100%;padding:14px;background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;cursor:pointer;transition:filter var(--sv-motion-fast);box-shadow:var(--sv-shadow-accent-glow)}.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{margin-top:10px;font-size:13px;color:var(--sv-text-muted);text-align:center}.earnings-display-screen{padding:var(--sv-space-6);min-height:100%;background:var(--sv-surface-app);color:var(--sv-text-primary);box-sizing:border-box}.earnings-display-header{display:flex;align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-6)}.earnings-display-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);font-size:18px;cursor:pointer;line-height:1;color:var(--sv-text-primary);transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast)}.earnings-display-back:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-glass-border)}.earnings-display-back:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.earnings-display-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--sv-text-primary)}.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{font-size:14px;font-weight:500;color:var(--sv-text-secondary);margin:0 0 var(--sv-space-1)}.earnings-total-value{font-size:32px;font-weight:700;line-height:var(--sv-line-height-tight);margin:0;color:var(--sv-color-success)}.earnings-breakdown-label,.earnings-top-supporters-label,.earnings-transactions-label{font-size:16px;font-weight:600;margin:0 0 var(--sv-space-3);color:var(--sv-text-primary)}.earnings-transactions-label{margin-bottom:var(--sv-space-4)}.earnings-breakdown-placeholder,.earnings-breakdown-empty{font-size:14px;color:var(--sv-text-muted);margin:0;padding:var(--sv-space-3) 0}.earnings-breakdown-list{list-style:none;margin:0;padding:0}.earnings-breakdown-row{display:flex;flex-wrap:wrap;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)}.earnings-breakdown-row:last-child{border-bottom:none}.earnings-breakdown-type{flex:1 1 120px;font-size:14px;color:var(--sv-text-primary)}.earnings-breakdown-vc{font-size:14px;font-weight:600;color:var(--sv-color-success)}.earnings-breakdown-pct{font-size:13px;color:var(--sv-text-muted)}.earnings-top-supporters-empty{font-size:14px;color:var(--sv-text-muted);margin:0;padding:var(--sv-space-3) 0}.earnings-top-supporters-list{list-style:none;margin:0;padding:0}.earnings-top-supporters-list li{display:flex;flex-wrap:wrap;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)}.earnings-top-supporters-list li:last-child{border-bottom:none}.earnings-supporter-rank{min-width:2.5rem;font-size:14px;font-weight:600;color:var(--sv-text-secondary)}.earnings-supporter-vc{font-size:14px;font-weight:600;color:var(--sv-color-success)}.earnings-supporter-meta{font-size:13px;color:var(--sv-text-muted)}.earnings-transactions-list{list-style:none;margin:0;padding:0}.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{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sv-space-3);margin-bottom:var(--sv-space-1)}.earnings-tx-description{font-size:14px;color:var(--sv-text-primary)}.earnings-tx-amount{font-size:14px;font-weight:600;color:var(--sv-color-success);flex-shrink:0}.earnings-tx-meta{font-size:12px;color:var(--sv-text-muted)}.earnings-tx-date{color:var(--sv-text-muted)}.earnings-actions-section{margin-top:var(--sv-space-6)}.earnings-payout-button{width:100%;padding:14px;border:none;border-radius:var(--sv-radius-sm);font-size:16px;font-weight:600;cursor:pointer;background:var(--sv-color-success);color:var(--sv-color-white);transition:filter var(--sv-motion-fast)}.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:480px;margin:0 auto;padding:var(--sv-space-5) var(--sv-space-5);box-sizing:border-box;background:transparent;color:var(--sv-text-primary);min-height:100%}.transaction-history-title{font-size:calc(var(--sv-font-size-base) * 1.375);font-weight:700;color:var(--sv-text-primary);margin-bottom:var(--sv-space-4)}.transaction-history-controls{display:flex;gap:var(--sv-space-4);margin-bottom:var(--sv-space-5);flex-wrap:wrap}.transaction-history-filter,.transaction-history-sort{flex:1;min-width:120px}.tx-control-label{display:block;font-size:var(--sv-font-size-caption, .75rem);font-weight:600;color:var(--sv-text-secondary);margin-bottom:var(--sv-space-1)}.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{outline:none;border-color:var(--sv-input-border-focus)}.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{list-style:none;margin:0;padding:0}.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{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sv-space-3)}.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);font-weight:600;white-space:nowrap}.tx-amount-credit{color:var(--sv-color-success)}.tx-amount-debit{color:var(--sv-color-danger)}.transaction-item-meta{display:flex;gap:var(--sv-space-3);margin-top:var(--sv-space-1);font-size:var(--sv-font-size-caption, .75rem);color:var(--sv-text-muted)}.transaction-item-type{text-transform:capitalize}.go-live-setup{max-width:480px;margin:0 auto;padding:var(--sv-space-6) 0;min-height:100%;background:var(--sv-surface-app);color:var(--sv-text-primary);box-sizing:border-box}.go-live-setup .screen-sticky-header{background:var(--sv-surface-panel);border-bottom-color:var(--sv-glass-border-subtle);margin-left:0;margin-right:0;padding-left:var(--sv-space-6);padding-right:var(--sv-space-6)}.go-live-setup-title{font-size:var(--sv-font-size-base);font-weight:700;margin-bottom:var(--sv-space-6);color:var(--sv-text-primary);letter-spacing:-.02em}@media(min-width:380px){.go-live-setup-title{font-size:1.5rem}}.go-live-form{display:flex;flex-direction:column;gap:var(--sv-space-5)}.go-live-form .form-group{display:flex;flex-direction:column;gap:var(--sv-space-2)}.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{outline:none;border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff40}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;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)}.go-live-thumbnail-placeholder:hover{border-color:var(--sv-color-brand-primary);background:var(--sv-glass-background)}.go-live-thumbnail-placeholder:focus{outline:none;border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff40}.go-live-thumbnail-icon{font-size:var(--sv-space-8);margin-bottom:var(--sv-space-2)}.go-live-thumbnail-text{font-size:.875rem;color:var(--sv-text-secondary)}.go-live-validation-error{padding:var(--sv-space-3) var(--sv-space-4);background:#ff44441f;color:var(--sv-text-primary);border:1px solid rgb(255 68 68 / 35%);border-radius:var(--sv-radius-sm);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:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast),transform var(--sv-motion-fast);min-height:var(--sv-touch-target-min)}.go-live-button:hover:not(:disabled){opacity:.92}.go-live-button:focus{outline:none;box-shadow:0 0 0 2px #00d2ff59}.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{display:flex;align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-3)}.go-live-bitrate-slider{flex:1;min-width:0;accent-color:var(--sv-color-brand-primary)}.go-live-bitrate-value{font-size:.875rem;font-weight:600;min-width:70px;color:var(--sv-text-secondary)}.go-live-framerate-row{display:flex;align-items:center;gap:var(--sv-space-3);flex-wrap:wrap}.go-live-framerate-buttons{display:flex;flex-wrap:wrap;gap:var(--sv-space-2)}.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);font-size:.875rem;cursor:pointer;transition:border-color var(--sv-motion-fast),background var(--sv-motion-fast),color var(--sv-motion-fast)}.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);border-color:transparent;color:var(--sv-action-primary-text)}.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);font-weight:600;color:var(--sv-text-primary);margin:0 0 var(--sv-space-2)}.go-live-multi-stream-checkboxes{display:flex;flex-direction:column;gap:var(--sv-space-2)}.go-live-multi-stream-label{display:flex;align-items:center;gap:var(--sv-space-3);cursor:pointer;font-size:.875rem;color:var(--sv-text-primary)}.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{font-size:1.125rem;margin:0 0 var(--sv-space-2);color:var(--sv-text-primary)}.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);border-radius:4px;font-size:.8125rem;color:var(--sv-color-brand-primary);word-break:break-all}.go-live-copy-btn{margin-left:var(--sv-space-2);padding:var(--sv-space-1) var(--sv-space-3);font-size:.8125rem;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)}.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);font-size:1rem;color:var(--sv-text-primary)}.go-live-multi-stream-status-list{display:grid;gap:var(--sv-space-2);margin:var(--sv-space-3) 0;padding:0;list-style:none}.go-live-multi-stream-status-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sv-space-2);font-size:.875rem;color:var(--sv-text-primary)}.go-live-multi-stream-platform{font-weight:600;color:var(--sv-text-primary)}.go-live-multi-stream-status-pill{padding:2px var(--sv-space-2);border-radius:var(--sv-radius-full);background:#7b42ff38;color:var(--sv-color-brand-secondary);font-size:12px;font-weight:600}.go-live-multi-stream-status-item--active .go-live-multi-stream-status-pill{background:#00e6762e;color:var(--sv-color-success)}.go-live-multi-stream-status-item--failed .go-live-multi-stream-status-pill{background:#ff44442e;color:var(--sv-color-danger)}.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{font-weight:600;cursor:pointer;color:var(--sv-color-brand-primary)}.go-live-encoder-steps,.go-live-obs-steps{margin:var(--sv-space-3) 0 0;padding-left:1.25rem;line-height:var(--sv-line-height-normal);color:var(--sv-text-secondary)}.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;margin:0 auto;padding:var(--sv-space-6) var(--sv-space-5);box-sizing:border-box;background:transparent;color:var(--sv-text-primary);min-height:100%}.multi-stream-header{display:flex;align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-5)}.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);font-weight:700;color:var(--sv-text-primary);margin:0;flex:1;letter-spacing:-.02em}.multi-stream-tier-gate{padding:var(--sv-space-6);background:#ff98001f;border:1px solid rgb(255 152 0 / 45%);border-radius:var(--sv-radius-md);color:var(--sv-text-primary)}.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);background:#ff44441f;border:1px solid rgb(255 68 68 / 35%);border-radius:var(--sv-radius-md);color:var(--sv-color-danger);margin-bottom:var(--sv-space-4)}.multi-stream-section-title{font-size:calc(var(--sv-font-size-base) * 1.125);font-weight:600;color:var(--sv-text-primary);margin-bottom:var(--sv-space-3)}.multi-stream-linked,.multi-stream-oauth,.multi-stream-toggles{margin-bottom:var(--sv-space-6)}.multi-stream-account-list{list-style:none;margin:0;padding:0}.multi-stream-account-item{display:flex;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)}.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{display:flex;flex-direction:column;gap:var(--sv-space-2)}.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:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-caption, .875rem);font-weight:600;cursor:pointer;text-align:left;transition:filter var(--sv-motion-fast),box-shadow var(--sv-motion-fast)}.multi-stream-connect-btn:hover{filter:brightness(1.08)}.multi-stream-connect-btn:focus{outline:none;box-shadow:0 0 0 2px var(--sv-input-border-focus)}.multi-stream-disconnect-btn{padding:var(--sv-space-2) var(--sv-space-3);background:transparent;color:var(--sv-color-danger);border:1px solid rgb(255 68 68 / 45%);border-radius:var(--sv-radius-xs, 6px);font-size:var(--sv-font-size-caption, .75rem);cursor:pointer;transition:background var(--sv-motion-fast)}.multi-stream-disconnect-btn:hover{background:#ff44441a}.multi-stream-toggle-list{list-style:none;margin:0;padding:0}.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{display:flex;align-items:center;gap:var(--sv-space-3);cursor:pointer;font-size:var(--sv-font-size-caption, .875rem);color:var(--sv-text-primary)}.multi-stream-toggle-input{width:20px;height:20px;accent-color:var(--sv-color-brand-primary, #7b42ff)}.event-discovery{max-width:480px;margin:0 auto;padding:var(--sv-space-6) 0;color:var(--sv-text-primary);box-sizing:border-box}.event-discovery-title{font-size:1.5rem;font-weight:600;color:var(--sv-text-primary);margin-bottom:var(--sv-space-4)}.event-discovery-filter{margin-bottom:var(--sv-space-4)}.event-discovery-filter-label{font-size:14px;display:flex;align-items:center;gap:var(--sv-space-2);cursor:pointer;color:var(--sv-text-secondary)}.event-discovery-filter-row{margin-top:var(--sv-space-2)}.event-discovery-filter-row .event-discovery-filter-label{display:block;margin-bottom:var(--sv-space-1)}.event-discovery-filter-input{width:100%;padding:var(--sv-space-2) var(--sv-space-3);font-size:14px;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}.event-discovery-filter-input:focus{outline:none;border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff33}.event-discovery-filter-apply{margin-top:var(--sv-space-3);padding:var(--sv-space-2) var(--sv-space-4);font-size:14px;background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border:none;border-radius:var(--sv-radius-sm);cursor:pointer;font-weight:600;transition:filter var(--sv-motion-fast)}.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);font-size:14px;background:var(--sv-color-success);color:var(--sv-text-inverse);border:none;border-radius:var(--sv-radius-sm);cursor:pointer;font-weight:600;transition:filter var(--sv-motion-fast)}.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{list-style:none;margin:0;padding:0}.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{display:block;font-size:var(--sv-font-size-base);font-weight:600;color:var(--sv-text-primary)}.event-discovery-card-meta{display:block;font-size:13px;color:var(--sv-text-secondary);margin-top:var(--sv-space-1)}.event-discovery-card-location,.event-discovery-card-genre,.event-discovery-card-dj{display:block;font-size:12px;color:var(--sv-text-muted);margin-top:2px}.event-discovery-empty,.event-discovery-loading,.event-discovery-error{font-size:14px;color:var(--sv-text-muted);margin-top:var(--sv-space-4)}.event-discovery-error{color:var(--sv-color-danger)}.event-detail{max-width:480px;margin:0 auto;padding:var(--sv-space-6) 0;color:var(--sv-text-primary);box-sizing:border-box}.event-detail-back{background:none;border:none;font-size:var(--sv-font-size-base);color:var(--sv-color-brand-primary);cursor:pointer;margin-bottom:var(--sv-space-4);padding:0;font-weight:500;transition:opacity var(--sv-motion-fast)}.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{font-size:1.5rem;font-weight:600;color:var(--sv-text-primary);margin-bottom:var(--sv-space-2)}.event-detail-meta{font-size:14px;color:var(--sv-text-secondary);margin-bottom:var(--sv-space-2)}.event-detail-description{font-size:14px;color:var(--sv-text-secondary);margin-bottom:var(--sv-space-4);line-height:var(--sv-line-height-relaxed)}.event-detail-actions{display:flex;gap:var(--sv-space-3);margin-bottom:var(--sv-space-6);flex-wrap:wrap}.event-detail-edit{padding:var(--sv-space-2) var(--sv-space-4);font-size:14px;background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border:none;border-radius:var(--sv-radius-sm);cursor:pointer;font-weight:600;transition:filter var(--sv-motion-fast)}.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);font-size:14px;background:var(--sv-color-danger);color:var(--sv-color-white);border:none;border-radius:var(--sv-radius-sm);cursor:pointer;font-weight:600;transition:filter var(--sv-motion-fast)}.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{font-size:1.125rem;font-weight:600;color:var(--sv-text-primary);margin-bottom:var(--sv-space-3)}.event-detail-slot-list{list-style:none;margin:0 0 var(--sv-space-6) 0;padding:0}.event-detail-slot{display:flex;justify-content:space-between;padding:var(--sv-space-2) 0;border-bottom:1px solid var(--sv-glass-border-subtle);font-size:14px;gap:var(--sv-space-3)}.event-detail-slot-dj{font-weight:500;color:var(--sv-text-primary)}.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:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;cursor:pointer;transition:filter var(--sv-motion-fast);box-shadow:var(--sv-shadow-accent-glow)}.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{font-size:12px;color:var(--sv-text-muted);margin-top:var(--sv-space-2)}.event-detail-empty{font-size:14px;color:var(--sv-text-muted)}.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{font-size:14px;font-weight:600;color:var(--sv-color-brand-primary);margin:0 0 var(--sv-space-1) 0}.event-detail-handover-stream,.event-detail-handover-time{font-size:12px;color:var(--sv-text-secondary);margin:2px 0 0}.event-detail-slot-stream{font-size:11px;color:var(--sv-color-success);margin-left:var(--sv-space-2)}.event-creation{max-width:480px;margin:0 auto;padding:var(--sv-space-6) 0;color:var(--sv-text-primary);box-sizing:border-box}.event-creation-title{font-size:1.5rem;font-weight:600;color:var(--sv-text-primary);margin-bottom:var(--sv-space-6)}.event-creation-form{display:flex;flex-direction:column;gap:var(--sv-space-5)}.event-creation-form .form-group{display:flex;flex-direction:column;gap:var(--sv-space-2)}.event-creation-validation-error{padding:var(--sv-space-3) var(--sv-space-4);background:#ff44441f;color:var(--sv-color-danger);border:1px solid rgb(255 68 68 / 35%);border-radius:var(--sv-radius-sm);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:none;border-radius:var(--sv-radius-sm);font-size:var(--sv-font-size-base);font-weight:600;cursor:pointer;transition:filter var(--sv-motion-fast);min-height:var(--sv-touch-target-min);box-shadow:var(--sv-shadow-accent-glow)}.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-schedule{margin-bottom:var(--sv-space-6);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)}.event-creation-schedule-title{font-size:1.125rem;font-weight:600;color:var(--sv-text-primary);margin-bottom:var(--sv-space-3)}.event-creation-schedule-empty{font-size:14px;color:var(--sv-text-muted)}.event-creation-slot-list{list-style:none;margin:0;padding:0}.event-creation-slot{display:flex;justify-content:space-between;padding:var(--sv-space-2) 0;border-bottom:1px solid var(--sv-glass-border-subtle);font-size:14px;gap:var(--sv-space-3)}.event-creation-slot:last-child{border-bottom:none}.event-creation-slot-dj{font-weight:500;color:var(--sv-text-primary)}.event-creation-slot-time{color:var(--sv-text-secondary)}.event-creation-schedule-placeholder{margin-top:var(--sv-space-4)}.event-creation-hint{font-size:12px;color:var(--sv-text-muted)}.event-creation-tier-gate{padding:var(--sv-space-6);background:#ff980024;border:1px solid rgb(255 152 0 / 45%);border-radius:var(--sv-radius-sm);color:var(--sv-color-warning)}.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-invite{margin-bottom:var(--sv-space-6);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)}.event-creation-invite-title{font-size:1.125rem;font-weight:600;color:var(--sv-text-primary);margin-bottom:var(--sv-space-2)}.event-creation-collab-list{list-style:none;margin:var(--sv-space-3) 0;padding:0}.event-creation-collab-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sv-space-2) 0;border-bottom:1px solid var(--sv-glass-border-subtle);font-size:14px;color:var(--sv-text-primary)}.event-creation-collab-item:last-child{border-bottom:none}.event-creation-invite-btn{padding:var(--sv-space-1) var(--sv-space-3);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border:none;border-radius:var(--sv-radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:filter var(--sv-motion-fast)}.event-creation-invite-btn:hover{filter:brightness(1.06)}.event-creation-invite-btn:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.event-creation-invite-username{margin-top:var(--sv-space-3)}.event-creation-invite-row{display:flex;gap:var(--sv-space-2);margin-top:var(--sv-space-2)}.event-creation-invite-row .form-input{flex:1}.app-shell-content>main.screen-container:has(.messaging-screen.messaging-thread){min-height:0}main.screen-container:has(.messaging-screen.messaging-thread){padding:0;display:flex;flex-direction:column;overflow:hidden}main.screen-container:has(.messaging-screen.messaging-thread)>.screen-router-screen{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.screen-router-screen:has(.messaging-screen.messaging-thread){flex:1 1 auto;min-height:0!important;height:auto;max-height:none;display:flex;flex-direction:column;overflow:hidden}.screen-router-screen:has(.messaging-screen.messaging-thread)>.messaging-screen-host{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.screen-router-screen:has(.messaging-screen.messaging-thread) .messaging-screen.messaging-thread{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}#app-root>#messaging-container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;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-space-6);min-height:100%;display:flex;flex-direction:column}.messaging-screen.messaging-thread{padding:0;min-height:0}.messaging-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sv-space-5);gap:var(--sv-space-3)}.messaging-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--sv-text-primary)}.messaging-new-btn{padding:var(--sv-space-2) var(--sv-space-4);font-size:14px;font-weight:600;color:var(--sv-color-brand-primary);background:transparent;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)}.messaging-new-btn:hover{background:#00d2ff1f;color:var(--sv-text-primary)}.messaging-search-area{margin-bottom:var(--sv-space-4)}.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);outline:none;box-sizing:border-box;transition:border-color var(--sv-motion-fast),box-shadow var(--sv-motion-fast)}.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 #00d2ff38}.messaging-user-list{list-style:none;padding:0;margin:0}.messaging-user-item{display:flex;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)}.messaging-user-item:hover{background:var(--sv-surface-card-hover)}.messaging-conversation-list{list-style:none;padding:0;margin:0;border-radius:var(--sv-radius-md);border:1px solid var(--sv-glass-border-subtle);background:var(--sv-glass-background-subtle);overflow:hidden}.messaging-conversation-item{display:flex;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)}.messaging-conversation-item:last-child{border-bottom:none}.messaging-conversation-item:hover{background:var(--sv-surface-card-hover)}.messaging-conversation-item.unread{background:#00d2ff14;box-shadow:inset 3px 0 0 var(--sv-color-brand-primary)}.messaging-avatar{position:relative;width:48px;height:48px;border-radius:var(--sv-avatar-radius);overflow:hidden;background:var(--sv-surface-card-raised);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.messaging-avatar img{width:100%;height:100%;object-fit:cover;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{font-size:14px;color:var(--sv-text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messaging-conversation-time{font-size:12px;color:var(--sv-text-muted);flex-shrink:0}.messaging-unread-badge{background:var(--sv-gradient-brand-horizontal);color:var(--sv-action-primary-text);font-size:12px;font-weight:600;padding:2px var(--sv-space-2);border-radius:var(--sv-radius-xl);min-width:20px;text-align:center}.messaging-empty{padding:var(--sv-space-6);color:var(--sv-text-muted);font-size:14px;text-align:center}.messaging-thread{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;max-width:100%;overflow:hidden}.messaging-thread-header{display:flex;align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-4);border-bottom:1px solid var(--sv-glass-border-subtle);background:var(--sv-surface-panel);color:var(--sv-text-primary);flex-shrink:0;position:sticky;top:0;z-index:12;-webkit-backdrop-filter:var(--sv-blur-soft);backdrop-filter:var(--sv-blur-soft)}.messaging-screen.messaging-thread>.loading-state{flex:1 1 auto;min-height:200px;display:flex;align-items:center;justify-content:center}.messaging-thread-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;background:var(--sv-surface-app)}.messaging-thread-composer{flex-shrink:0;width:100%;max-width:100%;box-sizing:border-box;background:var(--sv-surface-panel)}.messaging-back{padding:var(--sv-space-2) var(--sv-space-3);background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--sv-color-brand-primary);transition:opacity var(--sv-motion-fast)}.messaging-back:hover{opacity:.85}.messaging-message-list{list-style:none;padding:var(--sv-space-4);margin:0}.messaging-message-item{margin-bottom:var(--sv-space-3)}.messaging-message-item.sent{margin-left:20%;text-align:right}.messaging-message-item.received{margin-right:20%;text-align:left}.messaging-message-bubble{display:inline-block;padding:var(--sv-space-3) var(--sv-space-4);border-radius:var(--sv-radius-lg);max-width:100%;text-align:left}.messaging-message-item.sent .messaging-message-bubble{background:var(--sv-gradient-brand-diagonal)!important;color:var(--sv-text-primary)!important;box-shadow:var(--sv-shadow-sm)}.messaging-message-item.received .messaging-message-bubble{background:var(--sv-glass-background-strong)!important;color:var(--sv-text-primary)!important;border:1px solid var(--sv-glass-border-subtle)}.messaging-message-text{display:block;font-size:15px}.messaging-message-time{font-size:11px;color:#ffffffd9;margin-top:var(--sv-space-1)}.messaging-message-item.received .messaging-message-time{color:var(--sv-text-muted)}.messaging-error{padding:var(--sv-space-4);background:#ff98001f;border:1px solid rgb(255 152 0 / 35%);border-radius:var(--sv-radius-sm);color:var(--sv-color-warning);font-size:14px}.messaging-filter-bar{display:flex;align-items:center;padding:var(--sv-space-2) var(--sv-space-3);gap:var(--sv-space-2);background:var(--sv-glass-background-subtle);border-bottom:1px solid var(--sv-glass-border-subtle)}.messaging-filter-input{flex:1;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);color:var(--sv-input-text)!important;-webkit-text-fill-color:var(--sv-input-text);font-size:14px;outline:none;caret-color:var(--sv-color-brand-primary);transition:border-color var(--sv-motion-fast),box-shadow var(--sv-motion-fast)}.messaging-filter-input::placeholder{color:var(--sv-input-placeholder)!important;-webkit-text-fill-color:var(--sv-input-placeholder);opacity:1}.messaging-filter-input:focus{border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff38}.messaging-filter-clear{background:none;border:none;color:var(--sv-text-muted);font-size:16px;cursor:pointer;padding:var(--sv-space-2) var(--sv-space-2);-webkit-tap-highlight-color:transparent}.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);font-size:13px;padding:6px var(--sv-space-4);cursor:pointer;-webkit-tap-highlight-color:transparent}.messaging-load-earlier-btn:active{opacity:.7}.messaging-load-more{text-align:center;padding:var(--sv-space-3)}.messaging-load-more-btn{background:#7b42ff2e;border:1px solid rgb(123 66 255 / 35%);border-radius:var(--sv-radius-sm);color:#c8aaff;font-size:14px;padding:var(--sv-space-2) var(--sv-space-5);cursor:pointer;-webkit-tap-highlight-color:transparent}.messaging-load-more-btn:active{opacity:.7}.messaging-read-receipt{display:block;text-align:right;font-size:11px;color:var(--sv-text-muted);margin-top:2px;padding-right:var(--sv-space-1)}.messaging-reaction-picker{position:absolute;bottom:100%;left:0;display:flex;gap:2px;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}.messaging-reaction-emoji{background:none;border:none;font-size:20px;padding:var(--sv-space-1) 6px;cursor:pointer;border-radius:var(--sv-radius-sm);transition:background var(--sv-motion-fast)}.messaging-reaction-emoji:hover,.messaging-reaction-emoji:active{background:var(--sv-glass-background)}.messaging-picker-unsend{background:none;border:none;border-left:1px solid var(--sv-glass-border-subtle);font-size:18px;padding:var(--sv-space-1) var(--sv-space-2);cursor:pointer;border-radius:0 var(--sv-radius-sm) var(--sv-radius-sm) 0;margin-left:2px;transition:background var(--sv-motion-fast)}.messaging-picker-unsend:hover,.messaging-picker-unsend:active{background:#ff444438}.messaging-reaction-chips{display:flex;gap:var(--sv-space-1);flex-wrap:wrap;padding:var(--sv-space-1) 0 0}.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);font-size:14px;cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast)}.messaging-reaction-chip.mine{background:#7b42ff40;border-color:#7b42ff73}.messaging-reaction-chip:active{background:var(--sv-glass-background-strong)}.messaging-message-item.unsent .messaging-message-bubble{opacity:.5}.messaging-unsent{font-style:italic;color:var(--sv-text-muted)}.messaging-unsend-menu{position:absolute;bottom:100%;right:0;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;overflow:hidden}.messaging-unsend-btn{background:none;border:none;color:var(--sv-color-danger);font-size:14px;padding:10px var(--sv-space-5);cursor:pointer;white-space:nowrap}.messaging-unsend-btn:active{background:#ff444426}.messaging-online-dot{position:absolute;bottom:3px;right:3px;z-index:1;width:10px;height:10px;background:var(--sv-color-success);border:2px solid var(--sv-surface-app);border-radius:50%}.messaging-thread-header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.messaging-thread-header-info .messaging-title{margin:0;color:var(--sv-text-primary)}.messaging-status-text{font-size:11px;color:var(--sv-text-muted);font-weight:400}.messaging-status-text.active{color:var(--sv-color-success)}.messaging-thread-menu-btn{background:none;border:none;color:inherit;font-size:22px;padding:var(--sv-space-2) 10px;cursor:pointer;border-radius:var(--sv-radius-sm);line-height:1;transition:background var(--sv-motion-fast);flex-shrink:0}.messaging-thread-menu-btn:active{background:var(--sv-glass-background)}.messaging-action-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007f;z-index:500;display:flex;align-items:flex-end;justify-content:center;animation:sv-messaging-fade-in .15s ease}.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;animation:slideUp .2s ease;border:1px solid var(--sv-glass-border-subtle);border-bottom:none}.messaging-action-item{display:flex;align-items:center;gap:var(--sv-space-3);width:100%;background:none;border:none;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)}.messaging-action-item:active{background:var(--sv-glass-background-subtle)}.messaging-action-icon{font-size:20px;width:28px;text-align:center}.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);justify-content:center;color:var(--sv-text-muted);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;margin:auto;padding:var(--sv-space-5);animation:sv-messaging-scale-in .2s ease;border:1px solid var(--sv-glass-border-subtle)}.messaging-report-title{margin:0 0 var(--sv-space-4);font-size:18px;color:var(--sv-text-primary)}.messaging-report-reasons{display:flex;flex-direction:column;gap:var(--sv-space-2);margin-bottom:var(--sv-space-3)}.messaging-report-reason{display:flex;align-items:center;gap:10px;padding:10px var(--sv-space-3);border-radius:var(--sv-radius-sm);cursor:pointer;color:var(--sv-text-primary);font-size:15px;transition:background var(--sv-motion-fast);border:1px solid transparent;box-sizing:border-box}.messaging-report-reason:has(input:checked){background:#00d2ff1f;border-color:#00d2ff40}.messaging-report-reason input[type=radio]{accent-color:var(--sv-color-brand-primary);width:18px;height:18px}.messaging-report-details{width:100%;box-sizing:border-box;background:var(--sv-input-bg);border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-sm);padding:10px;color:var(--sv-input-text);font-size:14px;resize:vertical;margin-bottom:var(--sv-space-4)}.messaging-report-details::placeholder{color:var(--sv-input-placeholder)}.messaging-report-actions{display:flex;gap:var(--sv-space-2);justify-content:flex-end}.messaging-report-cancel{background:none;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;font-size:14px}.messaging-report-submit{background:var(--sv-color-danger);border:none;color:var(--sv-text-primary);border-radius:var(--sv-radius-sm);padding:var(--sv-space-2) var(--sv-space-4);cursor:pointer;font-size:14px;font-weight:600}.messaging-report-submit:disabled{opacity:.4;cursor:not-allowed}.messaging-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--sv-surface-card-raised);color:var(--sv-text-primary);padding:10px var(--sv-space-5);border-radius:var(--sv-radius-xl);font-size:14px;z-index:600;box-shadow:var(--sv-shadow-elevated);border:1px solid var(--sv-glass-border-subtle);animation:sv-messaging-fade-in .2s ease,sv-messaging-fade-out .3s ease 2.5s forwards}.messaging-image-bubble{display:block;cursor:pointer}.messaging-image-thumb{max-width:240px;max-height:180px;border-radius:var(--sv-radius-md);display:block;object-fit:cover}.messaging-image-caption{display:block;margin-top:var(--sv-space-1);font-size:13px;color:var(--sv-text-secondary)}.messaging-message-item.msg-image .messaging-message-bubble{background:transparent!important;padding:var(--sv-space-1);border:none}.messaging-image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:900;display:flex;align-items:center;justify-content:center}.messaging-image-overlay-content{position:relative;max-width:95vw;max-height:90vh}.messaging-image-full{max-width:95vw;max-height:85vh;border-radius:var(--sv-radius-sm);object-fit:contain}.messaging-image-overlay-close{position:absolute;top:-40px;right:0;background:none;border:none;color:var(--sv-text-primary);font-size:32px;cursor:pointer;padding:var(--sv-space-1) var(--sv-space-3)}.messaging-share-card{display:flex;gap:10px;background:#7b42ff1f;border:1px solid rgb(123 66 255 / 30%);border-radius:var(--sv-radius-md);padding:var(--sv-space-2);cursor:pointer;max-width:280px;transition:background var(--sv-motion-fast)}.messaging-share-card:active{background:#7b42ff38}.messaging-share-thumb-wrap{position:relative;flex-shrink:0;width:80px;height:56px;border-radius:var(--sv-radius-sm);overflow:hidden;background:var(--sv-surface-panel)}.messaging-share-thumb{width:100%;height:100%;object-fit:cover}.messaging-share-thumb-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:24px;background:var(--sv-glass-background-subtle)}.messaging-share-live-badge{position:absolute;top:var(--sv-space-1);left:var(--sv-space-1);background:var(--sv-color-live);color:var(--sv-text-primary);font-size:9px;font-weight:700;padding:2px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.messaging-share-info{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.messaging-share-title{font-size:13px;font-weight:600;color:var(--sv-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messaging-share-dj{font-size:11px;color:var(--sv-text-muted)}.messaging-message-item.msg-share .messaging-message-bubble{background:transparent!important;padding:var(--sv-space-1);border:none}.messaging-share-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:800;display:flex;align-items:flex-end;justify-content:center}.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;overflow-y:auto;padding:var(--sv-space-4);animation:slideUp .25s ease;border:1px solid var(--sv-glass-border-subtle);border-bottom:none}.messaging-share-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sv-space-3)}.messaging-share-picker-header h3{margin:0;font-size:18px;color:var(--sv-text-primary)}.messaging-share-picker-close{background:none;border:none;color:var(--sv-text-primary);font-size:24px;cursor:pointer;padding:var(--sv-space-1) var(--sv-space-2)}.messaging-share-picker-list{list-style:none;margin:0;padding:0}.messaging-share-picker-item{display:flex;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);font-size:15px;transition:background var(--sv-motion-fast)}.messaging-share-picker-item:active{background:var(--sv-glass-background-subtle)}.messaging-share-picker-avatar{width:40px;height:40px;border-radius:var(--sv-avatar-radius);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--sv-glass-background)}.messaging-share-picker-avatar img{width:100%;height:100%;object-fit:cover}.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%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.network-screen{padding:var(--sv-space-6);min-height:100%;display:flex;flex-direction:column;box-sizing:border-box;background:transparent;color:var(--sv-text-primary)}.network-header{display:flex;align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-5)}.network-back{flex-shrink:0;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)}.network-back:hover{background:var(--sv-glass-background-strong)}.network-title{font-size:calc(var(--sv-font-size-base) * 1.5);font-weight:700;margin:0;line-height:var(--sv-line-height-tight);color:var(--sv-text-primary)}.network-tabs{display:flex;flex-wrap:wrap;gap:var(--sv-space-2);margin-bottom:var(--sv-space-4)}.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));font-weight:500;cursor:pointer;color:var(--sv-text-secondary);transition:background var(--sv-motion-fast),color var(--sv-motion-fast),border-color var(--sv-motion-fast)}.network-tab:hover{background:var(--sv-glass-background-strong);color:var(--sv-text-primary)}.network-tab.active{background:var(--sv-gradient-brand-horizontal);border-color:transparent;color:var(--sv-text-inverse)}.network-search{margin-bottom:var(--sv-space-4)}.network-search-input{width:100%;box-sizing:border-box;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{outline:none;border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff33}.network-content{flex:1}.network-section-title{font-size:calc(var(--sv-font-size-base) * 1);font-weight:600;margin:var(--sv-space-4) 0 var(--sv-space-2);color:var(--sv-text-primary)}.network-pending-list,.network-connection-list{list-style:none;padding:0;margin:0}.network-pending-item,.network-connection-item{display:flex;align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-3) 0;border-bottom:1px solid var(--sv-glass-border-subtle)}.network-pending-avatar,.network-connection-avatar{width:40px;height:40px;border-radius:var(--sv-radius-circle);background:var(--sv-surface-card-raised);border:1px solid var(--sv-glass-border-subtle);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.network-pending-avatar img,.network-connection-avatar img{width:100%;height:100%;object-fit:cover}.network-pending-name,.network-connection-name{flex:1;font-size:calc(var(--sv-font-size-base) * (14 / 16));color:var(--sv-text-primary)}.network-connection-link{display:flex;align-items:center;gap:var(--sv-space-3);text-decoration:none;color:inherit;min-width:0}.network-connection-link:hover{text-decoration:underline;color:var(--sv-color-brand-primary)}.network-connection-remove{flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid var(--sv-glass-border-subtle);border-radius:var(--sv-radius-circle);background:var(--sv-glass-background);color:var(--sv-text-secondary);font-size:calc(var(--sv-font-size-base) * 1.125);line-height:1;cursor:pointer;transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast),color var(--sv-motion-fast)}.network-connection-remove:hover{background:#ff44442e;border-color:#ff444473;color:var(--sv-color-danger)}.network-pending-actions{display:flex;gap:var(--sv-space-2)}.network-btn{padding:var(--sv-space-2) var(--sv-space-3);border:1px solid transparent;border-radius:var(--sv-radius-sm);font-size:calc(var(--sv-font-size-base) * (13 / 16));font-weight:600;cursor:pointer;transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast),color var(--sv-motion-fast)}.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 rgb(255 68 68 / 35%)}.network-level-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:var(--sv-blur-soft);backdrop-filter:var(--sv-blur-soft);display:flex;align-items:center;justify-content:center;z-index:1000}.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);font-weight:600;color:var(--sv-text-primary)}.network-level-buttons{display:flex;gap:var(--sv-space-2);margin-bottom:var(--sv-space-4)}.network-level-btn{flex:1;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)}.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));font-weight:500;color:var(--sv-text-secondary);transition:background var(--sv-motion-fast)}.network-level-cancel:hover{background:var(--sv-glass-background-strong);color:var(--sv-text-primary)}.raver-notifications{padding:var(--sv-space-6);min-height:100%;box-sizing:border-box;background:transparent;color:var(--sv-text-primary)}.raver-notifications-header{display:flex;align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-5)}.raver-notifications-back{flex-shrink:0;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)}.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;margin:0;line-height:var(--sv-line-height-tight);color:var(--sv-text-primary)}.raver-notifications-toolbar{display:flex;flex-wrap:wrap;gap:var(--sv-space-3);align-items:center;margin-bottom:var(--sv-space-5)}.raver-notifications-tabs{display:flex;gap:var(--sv-space-2)}.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));font-weight:500;cursor:pointer;color:var(--sv-text-secondary);transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast),color var(--sv-motion-fast)}.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);border-color:transparent;color:var(--sv-text-inverse)}.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));font-weight:600;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)}.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{list-style:none;padding:0;margin:0}.raver-notifications-item{display:flex;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)}.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{display:block;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)}.raver-notifications-timestamp{font-size:calc(var(--sv-font-size-base) * (12 / 16));color:var(--sv-text-muted)}.raver-notifications-badge{width:8px;height:8px;border-radius:var(--sv-radius-circle);background:var(--sv-gradient-brand-diagonal);flex-shrink:0;margin-top:6px;box-shadow:var(--sv-shadow-accent-glow)}.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{display:flex;align-items:flex-start;gap:var(--sv-space-2);padding:var(--sv-space-4);margin-bottom:var(--sv-space-4);background:#ff44441f;border:1px solid rgb(255 68 68 / 35%);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)}#screen-container.screen-container--fullscreen{background:var(--sv-surface-app)}.stream-viewer-container{position:absolute;top:0;right:0;bottom:0;left:0;min-height:100%}.stream-viewer{position:relative;width:100%;height:100%;min-height:100%;background:var(--sv-surface-app)}.stream-viewer-video-area{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.stream-viewer-network-badge{position:absolute;top:var(--sv-space-2);right:var(--sv-space-2);padding:var(--sv-space-1) var(--sv-space-2);background:#000000a6;color:#ffffffe5;font-size:11px;font-weight:600;border-radius:var(--sv-space-1);z-index:1;pointer-events:none}.stream-viewer-video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--sv-surface-panel);color:var(--sv-text-muted);font-size:14px}.stream-viewer-player-slot{position:relative;width:100%;height:100%;min-height:0}.stream-viewer-overlay{position:absolute;pointer-events:none;padding:var(--sv-space-2) var(--sv-space-3);background:#0000007f;color:#fffc;font-size:12px}.stream-viewer-overlay-label{opacity:.9}.stream-viewer-top-bar{position:absolute;top:0;left:0;right:0;min-height:64px;z-index:10;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .3s cubic-bezier(.32,.72,0,1);transform:translateY(0);opacity:1}.stream-viewer-top-bar.bars-hidden{transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none}.stream-viewer-top-bar-slot{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.stream-viewer-back-btn{position:absolute;left:var(--sv-space-3);top:calc(50% + 28px);transform:translateY(-50%);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);font-size:14px;cursor:pointer;transition:background var(--sv-motion-fast)}.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{position:absolute;top:calc(env(safe-area-inset-top,0px) + 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);background:#0000008c;border:1px solid var(--sv-glass-border);color:var(--sv-text-primary);font-size:22px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast),transform var(--sv-motion-fast)}.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-top-bar-recorded .stream-top-bar{padding-right:64px}.stream-viewer-bottom-bar{position:absolute;bottom:0;left:0;right:0;z-index:10;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .3s cubic-bezier(.32,.72,0,1),opacity .3s cubic-bezier(.32,.72,0,1);transform:translateY(0);opacity:1}.stream-viewer-bottom-bar.bar-slide-down{transform:translateY(250%);opacity:0;visibility:hidden;pointer-events:none}.stream-viewer-bottom-bar-slot{pointer-events:auto}.stream-viewer-bar-slot{bottom:0;left:0;right:0;z-index:11;pointer-events:none;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1)}.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:transparent}.stream-viewer-chat.bar-slide-up,.stream-viewer-earnings.bar-slide-up,.stream-viewer-queue.bar-slide-up{bottom:0}.stream-top-bar{position:absolute;top:0;left:0;right:0;padding:var(--sv-space-3) var(--sv-space-4);padding-top:max(var(--sv-space-3),env(safe-area-inset-top));background:var(--sv-surface-panel);color:#fffffff2;z-index:10}.stream-top-bar-inner{display:flex;align-items:center;gap:var(--sv-space-3);min-height:40px}.stream-top-bar-avatar{flex-shrink:0;width:40px;height:40px;border-radius:var(--sv-radius-circle);border:none;background:var(--sv-glass-background);overflow:hidden;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.stream-top-bar-avatar-img{width:100%;height:100%;object-fit:cover}.stream-top-bar-avatar-placeholder{font-size:18px;font-weight:600;color:#ffffffe5}.stream-top-bar-end-stream{flex-shrink:0;width:40px;height:40px;border-radius:var(--sv-radius-circle);border:none;background:var(--sv-glass-background);color:var(--sv-text-primary);font-size:18px;font-weight:600;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.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 1 auto;min-width:0;max-width:120px}.stream-top-bar-meta{flex:1;min-width:0;display:flex;align-items:center;gap:var(--sv-space-2);flex-wrap:wrap}.stream-top-bar-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;cursor:pointer}.stream-top-bar-earnings-pill{flex-shrink:0;padding:var(--sv-space-2) 14px;font-size:13px;font-weight:600;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}.stream-top-bar-earnings-pill:active{background:var(--sv-glass-background-strong)}.stream-top-bar-session-total{font-size:13px;color:var(--sv-text-primary);white-space:nowrap}.stream-top-bar-cta{flex-shrink:0;padding:var(--sv-space-2) 14px;font-size:13px;font-weight:600;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)}.stream-top-bar-cta:hover{background:var(--sv-glass-background-strong)}.stream-top-bar-duration{font-size:11px;font-weight:600;color:#ffffffe5;font-variant-numeric:tabular-nums;letter-spacing:.04em;background:var(--sv-glass-background-subtle);padding:2px 6px;border-radius:var(--sv-space-1)}@keyframes earnings-flash{0%{box-shadow:0 0 #00e67673;background:#00e67640}to{box-shadow:0 0 12px 4px #00e67600;background:var(--sv-glass-background)}}.stream-top-bar-earnings-pill--flash{animation:earnings-flash .6s ease-out}.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{position:absolute;bottom:0;left:0;right:0;padding:var(--sv-space-3) var(--sv-space-4);padding-bottom:max(var(--sv-space-3),env(safe-area-inset-bottom));background:var(--sv-surface-panel);color:#fffffff2;z-index:10}.stream-bottom-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sv-space-2);min-height:var(--sv-touch-target-min)}.stream-bottom-bar-btn{flex:1;min-width:0;padding:10px var(--sv-space-2);font-size:13px;font-weight:600;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)}.stream-bottom-bar-btn:hover{background:var(--sv-glass-background-strong)}.stream-bottom-bar-btn--active{background:#00d2ff2e;border-color:#00d2ff59;color:var(--sv-color-brand-primary)}.stream-player{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#000}.stream-player-video-area{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.stream-player-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sv-space-3);background:#000000b3;color:var(--sv-text-primary)}.stream-player-loading-spinner{width:40px;height:40px;border:3px solid rgb(255 255 255 / 30%);border-top-color:var(--sv-color-brand-primary);border-radius:50%;animation:stream-player-spin .8s linear infinite}@keyframes stream-player-spin{to{transform:rotate(360deg)}}.stream-player-loading-text{font-size:14px;font-weight:500;color:var(--sv-text-secondary)}.stream-player-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sv-space-4);padding:var(--sv-space-6);text-align:center;color:var(--sv-text-primary)}.stream-player-error-text{font-size:14px;line-height:1.4;color:var(--sv-text-secondary)}.stream-player-retry-btn{padding:var(--sv-space-3) var(--sv-space-6);font-size:14px;font-weight:600;background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border:none;border-radius:var(--sv-radius-sm);cursor:pointer;transition:opacity var(--sv-motion-fast)}.stream-player-retry-btn:hover{opacity:.92}.stream-player-video{width:100%;height:100%;object-fit:contain;background:#000}.stream-player-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--sv-surface-app);border:2px dashed var(--sv-glass-border-subtle)}.stream-player-placeholder-text{font-size:18px;font-weight:600;color:var(--sv-text-muted)}#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{position:fixed;bottom:80px;right:var(--sv-space-4);width:120px;height:90px;z-index:90;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--sv-motion-normal),visibility var(--sv-motion-normal)}.stream-viewer-pip-host.stream-viewer-pip-visible{opacity:1;visibility:visible;pointer-events:auto}.stream-viewer-pip-overlay{width:100%;height:100%;background:#000000d9;border-radius:var(--sv-radius-sm);border:2px solid var(--sv-glass-border);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.stream-viewer-pip-content{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.stream-viewer-pip-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:#111;transform:scaleX(-1)}.stream-viewer-pip-video[hidden]{display:none}.stream-viewer-pip-placeholder{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--sv-space-1);color:var(--sv-text-primary);font-size:12px;font-weight:500}.stream-viewer-pip-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.stream-viewer-pip-status{font-size:10px;opacity:.85;text-align:center}.stream-viewer-pip-duration{font-size:10px;opacity:.85}.stream-viewer-pip-duration[hidden],.stream-viewer-pip-status[hidden]{display:none}.stream-viewer-pip-golive-btn{margin-top:4px;min-height:36px;padding:6px 12px;font-size:12px;font-weight:700;border:none;border-radius:var(--sv-radius-pill, 999px);background:var(--sv-color-primary, #7c3aed);color:#fff;cursor:pointer}.stream-viewer-pip-golive-btn:active{opacity:.85}.stream-viewer-pip-actions{display:flex;gap:var(--sv-space-2);padding:6px var(--sv-space-2);margin-top:auto}.stream-viewer-pip-end-btn,.stream-viewer-pip-report-btn{padding:4px 10px;font-size:11px;font-weight:600;border:none;border-radius:var(--sv-space-1);cursor:pointer;background:var(--sv-glass-background);color:var(--sv-text-primary)}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--sv-surface-panel);color:var(--sv-text-primary);width:100%;height:100%;min-height:200px}.stream-loading-spinner{width:32px;height:32px;border:3px solid var(--sv-glass-border);border-top-color:var(--sv-color-brand-primary);border-radius:50%;animation:sv-spin .8s linear infinite}@keyframes sv-spin{to{transform:rotate(360deg)}}.stream-loading-text{margin-top:var(--sv-space-3);font-size:.875rem;color:var(--sv-text-secondary)}.stream-ended-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e0;color:var(--sv-text-primary);z-index:50;gap:var(--sv-space-4);padding:var(--sv-space-6);text-align:center}.stream-ended-overlay__title{font-size:1.25rem;font-weight:600}.stream-ended-overlay__countdown{font-size:.9375rem;color:var(--sv-text-secondary)}.stream-ended-overlay__go-back{margin-top:var(--sv-space-2);padding:10px 28px;border:none;border-radius:var(--sv-radius-full);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);font-size:.9375rem;font-weight:600;cursor:pointer;touch-action:manipulation;transition:opacity var(--sv-motion-fast)}.stream-ended-overlay__go-back:active{opacity:.75}main.screen-container:has(.camera-preview),.screen-container:has(.camera-preview){min-height:100vh;min-height:100dvh}main.screen-container:has(.glcp.screen-sticky-layout),.screen-container:has(.glcp.screen-sticky-layout){min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.camera-preview{max-width:480px;margin:0 auto;padding:var(--sv-space-6) var(--sv-safe-area-left) var(--sv-space-6) var(--sv-safe-area-right);padding-top:calc(var(--sv-space-6) + var(--sv-safe-area-top));display:flex;flex-direction:column;gap:var(--sv-space-5);box-sizing:border-box}.camera-preview-area{display:flex;align-items:center;justify-content:center;min-height:240px;background:var(--sv-surface-card-raised);border-radius:var(--sv-radius-sm);aspect-ratio:16 / 9;overflow:hidden;position:relative;border:1px solid var(--sv-glass-border-subtle)}.camera-preview-video{width:100%;height:100%;object-fit:cover}.camera-preview-placeholder-text{font-size:1.125rem;font-weight:500;color:var(--sv-text-secondary)}.camera-preview-permission{display:flex;justify-content:center}.camera-preview-permission-btn{padding:var(--sv-space-3) var(--sv-space-5);font-size:.875rem;font-weight:500;background:var(--sv-action-secondary-bg);color:var(--sv-action-secondary-text);border:1px solid var(--sv-action-secondary-border);border-radius:var(--sv-radius-sm);cursor:pointer;transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast);min-height:var(--sv-touch-target-min)}.camera-preview-permission-btn:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-glass-border)}.camera-preview-permission-btn:focus{outline:none;border-color:var(--sv-input-border-focus)}.camera-preview-controls{display:flex;justify-content:center}.camera-preview-toggle-btn{padding:var(--sv-space-3) var(--sv-space-5);font-size:.875rem;font-weight:500;background:var(--sv-action-secondary-bg);color:var(--sv-action-secondary-text);border:1px solid var(--sv-action-secondary-border);border-radius:var(--sv-radius-sm);cursor:pointer;transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast);min-height:var(--sv-touch-target-min)}.camera-preview-toggle-btn:hover{background:var(--sv-glass-background-strong);border-color:var(--sv-glass-border)}.camera-preview-toggle-btn:focus{outline:none;border-color:var(--sv-input-border-focus)}.camera-preview-start-btn{width:100%;padding:14px var(--sv-space-6);background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border:none;border-radius:var(--sv-radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast);min-height:var(--sv-touch-target-min)}.camera-preview-start-btn:hover{opacity:.92}.camera-preview-start-btn:focus{outline:none;box-shadow:0 0 0 2px #00d2ff66}.glcp{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;background:var(--sv-surface-app);color:var(--sv-text-primary)}.glcp-top-bar{display:flex;align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-3) var(--sv-space-4);padding-top:calc(var(--sv-space-3) + var(--sv-safe-area-top));background:var(--sv-surface-panel);border-bottom:1px solid var(--sv-glass-border-subtle)}.glcp-back-btn{background:none;border:none;color:var(--sv-text-secondary);font-size:1rem;cursor:pointer;padding:var(--sv-space-1) var(--sv-space-2);border-radius:var(--sv-radius-sm);-webkit-tap-highlight-color:transparent}.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{background:#ffc1071f;border:1px solid rgba(255,193,7,.35);color:var(--sv-text-primary)}.glcp-banner-text{margin:var(--sv-space-2) 0 0;color:var(--sv-text-secondary)}.glcp-banner code{font-size:.75rem;word-break:break-all}.glcp-body{flex:1;display:flex;flex-direction:column;padding:var(--sv-space-4);padding-bottom:calc(var(--sv-space-4) + var(--sv-safe-area-bottom));gap:var(--sv-space-4);overflow-y:auto}.glcp-video-area{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--sv-radius-md);overflow:hidden;background:var(--sv-color-black);border:1px solid var(--sv-glass-border-subtle)}.glcp-video{width:100%;height:100%;object-fit:cover}.glcp-video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--sv-surface-card-raised)}.glcp-video-placeholder-text{color:var(--sv-text-secondary);font-size:.875rem}.glcp-audio-bar{display:flex;align-items:center;gap:var(--sv-space-2)}.glcp-audio-icon{font-size:1.1rem}.glcp-audio-level{flex:1;height:6px;border-radius:3px;background:var(--sv-surface-card-raised);overflow:hidden}.glcp-audio-level-fill{height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,var(--sv-color-success),#69f0ae);transition:width .15s ease}.glcp-error-content{text-align:center;padding:var(--sv-space-3)}.glcp-error-text{color:var(--sv-color-danger);font-size:.875rem;margin:0 0 var(--sv-space-3)}.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);font-size:.875rem;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:var(--sv-touch-target-min)}.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);display:flex;flex-direction:column;gap:6px}.glcp-meta-row{display:flex;justify-content:space-between;align-items:center}.glcp-meta-label{font-size:.8125rem;color:var(--sv-text-secondary);text-transform:uppercase;letter-spacing:.04em}.glcp-meta-value{font-size:.875rem;font-weight:500;text-transform:capitalize;color:var(--sv-text-primary)}.glcp-start-btn{width:100%;padding:var(--sv-space-4);border:none;border-radius:var(--sv-radius-md);background:var(--sv-color-danger);color:var(--sv-text-primary);font-size:1.0625rem;font-weight:700;cursor:pointer;margin-top:auto;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast),opacity var(--sv-motion-fast);min-height:var(--sv-touch-target-min)}.glcp-start-btn:active:not(:disabled){background:#c62828}.glcp-start-btn:disabled{opacity:.4;cursor:not-allowed}.pss-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:linear-gradient(145deg,var(--sv-surface-app) 0%,var(--sv-surface-panel) 50%,var(--sv-surface-app) 100%);overflow-y:auto;-webkit-overflow-scrolling:touch;color:var(--sv-text-primary)}.pss-content{max-width:420px;margin:0 auto;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}.pss-heading{font-size:1.5rem;font-weight:700;color:var(--sv-text-primary);text-align:center;margin:0 0 var(--sv-space-1)}.pss-stream-title{font-size:.875rem;color:var(--sv-text-muted);text-align:center;margin:0 0 28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pss-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:var(--sv-space-5)}.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);display:flex;flex-direction:column;align-items:center;gap:var(--sv-space-1)}.pss-stat-icon{font-size:20px}.pss-stat-label{font-size:11px;color:var(--sv-text-muted);text-transform:uppercase;letter-spacing:.5px}.pss-stat-value{font-size:1.125rem;font-weight:700;color:var(--sv-text-primary)}.pss-earnings-highlight{background:linear-gradient(135deg,#00e6761f,#00e6760a);border:1px solid rgb(0 230 118 / 30%);border-radius:var(--sv-radius-lg);padding:var(--sv-space-5);text-align:center;margin-bottom:var(--sv-space-5)}.pss-earnings-label{display:block;font-size:.75rem;color:var(--sv-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.pss-earnings-value{font-size:2.25rem;font-weight:800;color:var(--sv-color-success)}.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{font-size:.8125rem;font-weight:600;color:var(--sv-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--sv-space-3)}.pss-effect-row{display:flex;align-items:center;gap:var(--sv-space-2);padding:var(--sv-space-2) 0;border-bottom:1px solid var(--sv-glass-border-subtle)}.pss-effect-row:last-child{border-bottom:none}.pss-effect-icon{font-size:18px;flex-shrink:0}.pss-effect-label{flex:1;font-size:.875rem;color:var(--sv-text-primary)}.pss-effect-count{font-size:.8125rem;color:var(--sv-text-muted)}.pss-effect-total{font-size:.875rem;font-weight:600;color:var(--sv-color-success);min-width:60px;text-align:right}.pss-no-effects{font-size:.8125rem;color:var(--sv-text-disabled);text-align:center;padding:var(--sv-space-3) 0;margin:0}.pss-chat-stat{display:flex;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}.pss-chat-icon{font-size:18px}.pss-chat-label{flex:1;font-size:.875rem;color:var(--sv-text-secondary)}.pss-chat-value{font-size:1.125rem;font-weight:700;color:var(--sv-text-primary)}.pss-done-btn{display:block;width:100%;padding:var(--sv-space-4);background:var(--sv-gradient-brand-diagonal);color:var(--sv-text-primary);font-size:1rem;font-weight:600;border:none;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)}.pss-done-btn:active{opacity:.85;transform:scale(.98)}.pss-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--sv-space-6);box-sizing:border-box;color:var(--sv-text-secondary);gap:var(--sv-space-3)}.pss-loading p{margin:0;font-size:.875rem}.pss-loading-spinner{width:32px;height:32px;border:3px solid var(--sv-glass-border-subtle);border-top-color:var(--sv-color-brand-secondary);border-radius:50%;animation:pss-spin .8s linear infinite}@keyframes pss-spin{to{transform:rotate(360deg)}}.vybecoin-purchase-bar{width:100%;padding:var(--sv-space-4);padding-bottom:max(var(--sv-space-4),var(--sv-safe-area-bottom));background:#0a0a0ff0;color:var(--sv-text-primary);border-top-left-radius:var(--sv-radius-lg);border-top-right-radius:var(--sv-radius-lg);box-shadow:0 -4px 24px #00000073;border-top:1px solid var(--sv-glass-border-subtle)}.vybecoin-purchase-bar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sv-space-4)}.vybecoin-purchase-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--sv-text-primary)}.vybecoin-purchase-balance{margin:var(--sv-space-1) 0 0 0;font-size:.875rem;font-weight:500;color:var(--sv-text-secondary)}.vybecoin-purchase-close{width:36px;height:36px;padding:0;font-size:1.5rem;line-height: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;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast)}.vybecoin-purchase-close:hover{background:var(--sv-glass-background-strong)}.vybecoin-purchase-packages{display:flex;flex-wrap:wrap;gap:var(--sv-space-3)}.vybecoin-purchase-pkg{flex:1;min-width:90px;padding:14px var(--sv-space-3);display:flex;flex-direction:column;align-items:center;gap:var(--sv-space-1);font-size:.875rem;font-weight:600;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)}.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{font-size:.8125rem;color:var(--sv-text-secondary)}.effects-panel-bar{width:100%;background:#0a0a0ff0;border-top-left-radius:var(--sv-radius-lg);border-top-right-radius:var(--sv-radius-lg);box-shadow:0 -4px 24px #00000073;border-top:1px solid var(--sv-glass-border-subtle)}.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;font-size:.875rem;font-weight:500;color:var(--sv-text-secondary)}.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));background:#0a0a0fb8;color:var(--sv-text-primary);border-top:1px solid var(--sv-glass-border-subtle)}.effects-category-bar-inner{display:flex;align-items:center;gap:var(--sv-space-2);min-height:var(--sv-touch-target-min);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.effects-category-bar-back{flex-shrink:0;width:36px;height:36px;min-width:36px;border:none;background:var(--sv-glass-background);color:var(--sv-text-primary);font-size:1.25rem;cursor:pointer;border-radius:var(--sv-radius-sm);-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast)}.effects-category-bar-back:hover{background:var(--sv-glass-background-strong)}.effects-category-bar-btn{flex-shrink:0;padding:10px var(--sv-space-3);font-size:.8125rem;font-weight:600;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)}.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));background:#0a0a0fb8;color:var(--sv-text-primary);border-top:1px solid var(--sv-glass-border-subtle)}.effects-detail-bar-inner{display:flex;align-items:center;gap:var(--sv-space-2);min-height:var(--sv-touch-target-min);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.effects-detail-bar-back{flex-shrink:0;padding:10px var(--sv-space-3);font-size:.8125rem;font-weight:600;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)}.effects-detail-bar-back:hover{background:var(--sv-glass-background-strong)}.effects-detail-bar-list{display:flex;flex-direction:row;gap:var(--sv-space-2);flex-shrink:0}.effects-detail-bar-effect-wrapper{flex-shrink:0}.effects-detail-bar-effect{flex-shrink:0;padding:10px var(--sv-space-3);font-size:.8125rem;font-weight:600;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)}.effects-detail-bar-effect:hover{background:var(--sv-glass-background-strong)}.effect-button{display:inline-flex;align-items:center;gap:6px;padding:10px var(--sv-space-3);font-size:.8125rem;font-weight:600;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}.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{font-size:.75rem;opacity:.9}.dj-stream-relay-slot{position:absolute;top:calc(var(--sv-touch-target-lg, 56px) + var(--sv-space-2));left:0;right:0;z-index:9;padding:var(--sv-space-2) var(--sv-space-3);pointer-events:auto;background:#0a0a0fb8;-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)}.dj-stream-relay-slot[hidden]{display:none!important}.dj-stream-view-top-bar.bars-hidden~.dj-stream-relay-slot{transform:translateY(-160%);opacity:0;visibility:hidden;pointer-events:none}.dj-stream-relay-strip{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sv-space-2);font-size:var(--sv-font-size-caption, .75rem);color:var(--sv-text-primary)}.dj-stream-relay-strip-heading{font-weight:700;text-transform:uppercase;letter-spacing:.03em;opacity:.9}.dj-stream-relay-chip-list{display:flex;flex-wrap:wrap;gap:var(--sv-space-2);margin:0;padding:0;list-style:none}.dj-stream-relay-chip{display:inline-flex;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)}.dj-stream-relay-chip-platform{font-weight:600}.dj-stream-relay-chip-status{font-size:calc(var(--sv-font-size-base) * .6875);font-weight:600;opacity:.95}.dj-stream-relay-refresh-btn{margin-left:auto;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)}.dj-stream-relay-refresh-btn:hover{background:var(--sv-glass-background-strong)}.dj-stream-relay-strip--error{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sv-space-2);background:#ff444424;border:1px solid rgb(255 68 68 / 35%);border-radius:var(--sv-radius-md);padding:var(--sv-space-2) var(--sv-space-2);width:100%;box-sizing:border-box}.dj-stream-relay-error-text{flex:1;min-width:0;font-size:var(--sv-font-size-caption, .75rem);color:var(--sv-text-primary)}.dj-stream-overlay-panel{width:100%;background:#0a0a0ff0;border-top-left-radius:var(--sv-radius-lg);border-top-right-radius:var(--sv-radius-lg);padding:var(--sv-space-4);padding-bottom:max(var(--sv-space-4),var(--sv-safe-area-bottom));color:var(--sv-text-primary);max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--sv-glass-border-subtle);box-sizing:border-box}.dj-stream-overlay-panel h3{margin:0 0 var(--sv-space-2);font-size:1rem;font-weight:600;color:var(--sv-text-primary)}.dj-stream-overlay-panel h4{margin:var(--sv-space-3) 0 var(--sv-space-1);font-size:.875rem;font-weight:600;color:var(--sv-text-secondary)}.dj-stream-overlay-panel p{margin:0 0 var(--sv-space-2);font-size:.875rem;color:var(--sv-text-secondary)}.dj-stream-overlay-panel ul{margin:0;padding-left:var(--sv-space-5);color:var(--sv-text-secondary)}.dj-stream-overlay-panel--queue{max-height:min(70vh,320px);display:flex;flex-direction:column;overflow:hidden}.dj-stream-queue-scroll{max-height:120px;overflow-y:auto;-webkit-overflow-scrolling:touch}.dj-stream-queue-scroll:empty{display:none}.dj-stream-queue-list{list-style:none;padding-left:0;margin:0}.dj-stream-queue-list li{margin-bottom:var(--sv-space-2);display:flex;align-items:center;gap:var(--sv-space-2);padding:var(--sv-space-1) 0;min-height:28px;font-size:.875rem;color:var(--sv-text-secondary)}.dj-stream-queue-trigger{padding:var(--sv-space-1) var(--sv-space-3);font-size:.75rem;font-weight:600;background:#6b35e6d9;color:var(--sv-text-primary);border:none;border-radius:var(--sv-radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast)}.dj-stream-queue-trigger:hover{background:var(--sv-color-active-purple)}.dj-stream-earnings-total{font-size:1.125rem;font-weight:600;color:var(--sv-text-primary)}.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;font-size:.875rem;font-weight:600;-webkit-tap-highlight-color:transparent;transition:background var(--sv-motion-fast)}.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{list-style:none;margin:var(--sv-space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sv-space-2)}.dj-hype-queue-item{display:flex;flex-wrap:wrap;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);font-size:.8125rem}.dj-hype-queue-icon{font-size:1.125rem;line-height:1;flex-shrink:0}.dj-hype-queue-name{flex:1 1 120px;min-width:0;font-weight:600;color:var(--sv-text-primary);text-transform:capitalize}.dj-hype-queue-cost{color:var(--sv-color-success);font-weight:600;white-space:nowrap}.dj-hype-queue-timer{font-variant-numeric:tabular-nums;color:var(--sv-text-muted);min-width:2.5rem}.dj-hype-queue-activate{margin-left:auto;padding:var(--sv-space-2) var(--sv-space-3);font-size:.8125rem;font-weight:600;background:var(--sv-gradient-brand-diagonal);color:var(--sv-text-primary);border:none;border-radius:var(--sv-radius-sm);cursor:pointer;min-height:36px;-webkit-tap-highlight-color:transparent;transition:opacity var(--sv-motion-fast)}.dj-hype-queue-activate:hover{opacity:.92}.dj-hype-queue-activate:active{opacity:.85}.dj-stream-view-top-bar.bars-hidden{transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none}.dj-stream-view .stream-viewer-overlay.dj-stream-view-top-bar{padding:0}.stream-share-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:700;display:flex;align-items:flex-end;justify-content:center;-webkit-tap-highlight-color:transparent}.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-shadow:0 -8px 32px #00000059;animation:slideUp .25s ease;box-sizing:border-box}.stream-share-menu-item{display:flex;align-items:center;gap:var(--sv-space-3);width:100%;padding:14px var(--sv-space-3);background:none;border:none;color:var(--sv-text-primary);font-size:1rem;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}.stream-share-menu-item:focus{outline:none;box-shadow:0 0 0 2px var(--sv-input-border-focus)}.stream-share-menu-item:active{background:var(--sv-glass-background)}.stream-share-icon{font-size:1.25rem;line-height:1;flex-shrink:0}.stream-share-menu-cancel{display:block;width:100%;padding:14px;background:none;border:none;border-top:1px solid var(--sv-glass-border-subtle);color:var(--sv-text-secondary);font-size:.9375rem;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)}.stream-share-menu-cancel:active{background:var(--sv-glass-background-subtle)}.stream-share-toast,.dj-stream-share-toast{position:fixed;bottom:max(100px,calc(80px + var(--sv-safe-area-bottom)));left:50%;transform:translate(-50%);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);font-size:.875rem;z-index:1000;border:1px solid var(--sv-glass-border-subtle);box-shadow:var(--sv-shadow-elevated);animation:dj-stream-toast-fade .2s ease-out;text-align:center}@keyframes dj-stream-toast-fade{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.button-loading{display:inline-flex;align-items:center;gap:var(--sv-space-2)}.button-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffffe6;border-radius:50%;animation:harness-spin .8s linear infinite}.button-loading-text{font-size:inherit;color:inherit}.live-controls{max-width:480px;margin:0 auto;padding:var(--sv-space-6) 0;display:flex;flex-direction:column;gap:var(--sv-space-4)}.live-controls-row{display:flex;gap:var(--sv-space-3);flex-wrap:wrap}.live-controls-toggle{flex:1;min-width:80px;padding:var(--sv-space-3) var(--sv-space-4);font-size:14px;font-weight:500;background:#f5f5f5;color:#333;border:1px solid #e0e0e0;border-radius:var(--sv-radius-sm);cursor:pointer;transition:background .2s,border-color .2s}.live-controls-toggle:hover{background:#eee;border-color:#bdbdbd}.live-controls-toggle--on{background:#e3f2fd;border-color:#007aff;color:#007aff}.live-controls-toggle:focus{outline:none;border-color:#007aff}.live-controls-end{flex:1;min-width:120px;padding:var(--sv-space-3) var(--sv-space-5);font-size:14px;font-weight:600;background:#c62828;color:#fff;border:none;border-radius:var(--sv-radius-sm);cursor:pointer;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;margin:0 auto;padding:var(--sv-space-6) 0;display:flex;flex-direction:column;gap:var(--sv-space-4)}.owner-controls-row{display:flex;gap:var(--sv-space-3);flex-wrap:wrap}.owner-controls-btn{flex:1;min-width:120px;padding:var(--sv-space-3) var(--sv-space-5);font-size:14px;font-weight:600;border:none;border-radius:var(--sv-radius-sm);cursor:pointer;transition:background .2s,opacity .2s}.owner-controls-btn:disabled{opacity:.5;cursor:not-allowed}.owner-controls-btn--settings{background:#007aff;color:#fff}.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{background:#c62828;color:#fff}.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{position:fixed;bottom:var(--sv-space-5);left:50%;transform:translate(-50%);max-width:360px;padding:var(--sv-space-4);background:#1a1a1a;color:#fff;border-radius:var(--sv-radius-sm);box-shadow:0 var(--sv-space-1) var(--sv-space-3) #0000004d;display:flex;gap:var(--sv-space-3);z-index:1000}.cost-aware-toast-content{flex:1}.cost-aware-toast-title{font-size:var(--sv-font-size-base);font-weight:600;margin:0 0 var(--sv-space-2) 0}.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{font-size:14px;color:#64b5f6;text-decoration:underline}.cost-aware-toast-dismiss{background:none;border:none;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:0;align-self:flex-start}.performance-benchmark{max-width:600px;margin:0 auto;padding:var(--sv-space-5) var(--sv-space-4);background:#f5f5f5}.benchmark-title{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:var(--sv-space-6)}.benchmark-section{background:#fff;border-radius:var(--sv-radius-sm);padding:var(--sv-space-4);margin-bottom:var(--sv-space-4);box-shadow:0 1px 3px #00000014}.benchmark-section-title{font-size:var(--sv-font-size-base);font-weight:600;color:#333;margin-bottom:var(--sv-space-3)}.benchmark-protocol-buttons{display:flex;gap:var(--sv-space-2)}.benchmark-protocol-btn{padding:var(--sv-space-2) var(--sv-space-4);font-size:14px;border:1px solid #ddd;border-radius:var(--sv-radius-sm);background:#f5f5f5;cursor:pointer}.benchmark-protocol-btn.active{background:#1976d2;color:#fff;border-color:#1976d2}.benchmark-url-row{display:flex;gap:var(--sv-space-2)}.benchmark-stream-url{flex:1;padding:var(--sv-space-2) var(--sv-space-3);font-size:14px;border:1px solid #ddd;border-radius:var(--sv-radius-sm)}.benchmark-connect,.benchmark-start-measurement{padding:var(--sv-space-2) var(--sv-space-4);font-size:14px;border:1px solid #1976d2;border-radius:var(--sv-radius-sm);background:#1976d2;color:#fff;cursor:pointer}.benchmark-export{padding:var(--sv-space-2) var(--sv-space-4);font-size:14px;border:1px solid #ddd;border-radius:var(--sv-radius-sm);background:#f5f5f5;cursor:pointer}.benchmark-export:disabled{opacity:.6;cursor:not-allowed}.benchmark-results-list{margin:0 0 var(--sv-space-3) 0}.benchmark-result-row{display:flex;justify-content:space-between;padding:var(--sv-space-1) 0;border-bottom:1px solid #eee}.benchmark-result-value{font-family:monospace;font-weight:600;margin:0}.benchmark-status{font-size:14px;color:#666;margin:0}@keyframes harness-spin{to{transform:rotate(360deg)}}.admin-dashboard{max-width:800px;margin:0 auto;padding:var(--sv-space-5) var(--sv-space-4);background:#f5f5f5}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sv-space-6);padding-bottom:var(--sv-space-4);border-bottom:1px solid #ddd}.admin-dashboard-title{font-size:24px;font-weight:600;color:#1a1a1a}.admin-dashboard-header-actions{display:flex;gap:var(--sv-space-3);font-size:14px;color:#666}.admin-dashboard-content{display:flex;flex-direction:column;gap:var(--sv-space-6)}.admin-section{background:#fff;border-radius:var(--sv-radius-sm);padding:var(--sv-space-4);box-shadow:0 1px 3px #00000014}.admin-section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:var(--sv-space-3)}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sv-space-3)}.admin-section-header .admin-section-title{margin-bottom:0}.admin-health-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--sv-space-3)}.admin-health-card{padding:var(--sv-space-3);border-radius:var(--sv-radius-sm);background:#e8f5e9;border:1px solid #c8e6c9;text-align:center}.admin-health-card[data-status=ok]{background:#e8f5e9;border-color:#c8e6c9}.admin-health-card-label{display:block;font-size:12px;color:#666;margin-bottom:var(--sv-space-1)}.admin-health-card-value{font-size:14px;font-weight:600;color:#2e7d32}.admin-health-card-meta{display:block;font-size:11px;color:#666;margin-top:var(--sv-space-1)}.admin-edge-detail{margin-top:var(--sv-space-2);padding:var(--sv-space-2);background:#f5f5f5;border-radius:6px}.admin-edge-text{font-size:13px;color:#333;margin:0}.admin-refresh-button{padding:var(--sv-space-2) var(--sv-space-4);font-size:14px;border:1px solid #ddd;border-radius:var(--sv-radius-sm);background:#f5f5f5;cursor:pointer}.admin-refresh-button:disabled{opacity:.6;cursor:not-allowed}.admin-stream-list{list-style:none;margin:0;padding:0}.admin-stream-item{padding:10px 0;border-bottom:1px solid #eee;font-size:14px;color:#333}.admin-stream-item:last-child{border-bottom:none}.admin-stream-title{font-weight:500}.admin-stream-meta{color:#666;font-size:13px}.admin-ai-text{font-size:14px;color:#333;margin-bottom:var(--sv-space-2)}.admin-ai-text:last-child{margin-bottom:0}.admin-alerts-empty{font-size:14px;color:#999}.admin-alerts-list{list-style:none;padding:0;margin:0}.admin-alert-item{display:flex;justify-content:space-between;align-items:center;padding:var(--sv-space-2) var(--sv-space-3);margin-bottom:6px;border-radius:var(--sv-radius-sm);background:#fff8e1;font-size:14px}.admin-alert-item[data-status=critical]{background:#ffebee}.admin-alert-text{flex:1}.admin-alert-actions{display:flex;gap:6px}.admin-alert-btn{padding:var(--sv-space-1) 10px;font-size:12px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer}.admin-override-buttons{display:flex;flex-wrap:wrap;gap:var(--sv-space-2)}.admin-override-button{padding:var(--sv-space-2) var(--sv-space-4);font-size:14px;border:1px solid #ddd;border-radius:var(--sv-radius-sm);background:#f5f5f5;cursor:pointer}.admin-override-button:disabled{opacity:.6;cursor:not-allowed}.admin-cost-monitoring{margin-bottom:var(--sv-space-6)}.admin-cost-summary{font-size:14px;color:#555;margin-bottom:var(--sv-space-3)}.admin-cost-table-wrapper{overflow-x:auto}.admin-cost-table{width:100%;border-collapse:collapse;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 #e0e0e0}.admin-cost-table th{font-weight:600;color:#333;background:#f9f9f9}.admin-cost-row[data-status=ok] .admin-cost-badge-ok{color:#2e7d32}.admin-cost-row[data-status=warning] .admin-cost-badge-warning{color:#ed6c02}.admin-cost-row[data-status=critical] .admin-cost-badge-critical{color:#d32f2f}.admin-cost-badge{font-weight:500}.admin-adaptive-quality{margin-bottom:var(--sv-space-6)}.admin-adaptive-summary,.admin-adaptive-thresholds{font-size:14px;color:#555;margin-bottom:var(--sv-space-2)}.admin-adaptive-table-wrapper{overflow-x:auto;margin-bottom:var(--sv-space-3)}.admin-adaptive-table{width:100%;border-collapse:collapse;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 #e0e0e0}.admin-adaptive-table th{font-weight:600;color:#333;background:#f9f9f9}.admin-adaptive-trigger-button{padding:var(--sv-space-2) var(--sv-space-4);font-size:14px;color:#555;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer}.admin-adaptive-trigger-button:disabled{opacity:.6;cursor:not-allowed}.admin-users-screen,.admin-streams-screen,.admin-earnings-screen{max-width:800px;margin:0 auto;padding:var(--sv-space-4);background:#f5f5f5}.admin-users-header,.admin-streams-header,.admin-earnings-header{display:flex;align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-4)}.admin-users-back,.admin-streams-back,.admin-earnings-back{padding:var(--sv-space-2) var(--sv-space-3);font-size:14px;border:1px solid #ddd;border-radius:var(--sv-radius-sm);background:#fff;cursor:pointer}.admin-users-title,.admin-streams-title,.admin-earnings-title{font-size:22px;font-weight:600}.admin-users-error,.admin-streams-error,.admin-earnings-error{padding:var(--sv-space-3);background:#ffebee;border-radius:var(--sv-radius-sm);color:#c62828;margin-bottom:var(--sv-space-4)}.admin-users-list,.admin-streams-list{list-style:none;padding:0;margin:0}.admin-users-item{display:flex;align-items:center;gap:var(--sv-space-3);padding:var(--sv-space-3);background:#fff;border-radius:var(--sv-radius-sm);margin-bottom:var(--sv-space-2);cursor:pointer;border:1px solid #eee}.admin-users-item:hover{background:#f9f9f9}.admin-users-email{font-weight:500}.admin-users-username{color:#666;font-size:14px}.admin-users-role{padding:2px var(--sv-space-2);border-radius:4px;font-size:12px}.admin-users-role-admin{background:#e3f2fd;color:#1565c0}.admin-users-role-dj{background:#e8f5e9;color:#2e7d32}.admin-users-role-raver{background:#f5f5f5;color:#616161}.admin-user-detail{background:#fff;border-radius:var(--sv-radius-sm);padding:var(--sv-space-4);margin-bottom:var(--sv-space-4);border:1px solid #eee}.admin-user-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sv-space-3)}.admin-user-close{font-size:24px;background:none;border:none;cursor:pointer;color:#666}.admin-user-save,.admin-user-edit{padding:var(--sv-space-2) var(--sv-space-4);margin-top:var(--sv-space-3);font-size:14px;border:1px solid #ddd;border-radius:var(--sv-radius-sm);background:#f5f5f5;cursor:pointer}.admin-streams-toolbar{display:flex;gap:var(--sv-space-2);margin-bottom:var(--sv-space-4)}.admin-streams-toolbar select{padding:var(--sv-space-2) var(--sv-space-3);font-size:14px;border:1px solid #ddd;border-radius:var(--sv-radius-sm)}.admin-streams-filter,.admin-streams-refresh,.admin-earnings-refresh{padding:var(--sv-space-2) var(--sv-space-4);font-size:14px;border:1px solid #ddd;border-radius:var(--sv-radius-sm);background:#fff;cursor:pointer}.admin-streams-item{padding:var(--sv-space-3);background:#fff;border-radius:var(--sv-radius-sm);margin-bottom:var(--sv-space-2);border:1px solid #eee}.admin-streams-item .admin-streams-title{font-weight:500}.admin-streams-item .admin-streams-meta{color:#666;font-size:14px;display:block;margin-top:var(--sv-space-1)}.admin-streams-empty{padding:var(--sv-space-6);text-align:center;color:#999}.admin-earnings-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sv-space-4)}.admin-earnings-card{background:#fff;border-radius:var(--sv-radius-sm);padding:var(--sv-space-4);border:1px solid #eee}.admin-earnings-card-label{display:block;font-size:12px;color:#666;margin-bottom:var(--sv-space-2)}.admin-earnings-card-value{font-size:20px;font-weight:600}.admin-nav-tabs{display:flex;gap:var(--sv-space-2);margin-bottom:var(--sv-space-4);flex-wrap:wrap}.admin-nav-tab{padding:var(--sv-space-2) var(--sv-space-4);font-size:14px;border:1px solid #ddd;border-radius:var(--sv-radius-sm);background:#fff;cursor:pointer;text-decoration:none;color:#333}.admin-nav-tab:hover,.admin-nav-tab.active{background:#e3f2fd;border-color:#1565c0;color:#1565c0}.settings-screen{padding:var(--sv-space-4);background:var(--sv-surface-app);min-height:100%;color:var(--sv-text-primary);box-sizing:border-box}.settings-header{display:flex;align-items:center;gap:var(--sv-space-3);margin-bottom:var(--sv-space-4)}.settings-back{flex-shrink:0;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);font-size:22px;line-height:1;cursor:pointer;color:var(--sv-text-primary);transition:background var(--sv-motion-fast)}.settings-back:hover{background:var(--sv-glass-background-strong)}.settings-back:focus-visible{outline:2px solid var(--sv-input-border-focus);outline-offset:2px}.settings-title{font-size:1.5rem;font-weight:700;margin:0;color:var(--sv-text-primary)}.settings-section{margin-bottom:var(--sv-space-5)}.settings-section-title{font-size:14px;font-weight:600;color:var(--sv-text-secondary);margin:0 0 var(--sv-space-2) 0}.settings-field{display:flex;flex-direction:column;gap:var(--sv-space-2);color:var(--sv-text-primary)}.settings-field>span:first-child{font-size:14px;color:var(--sv-text-secondary)}.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{outline:none;border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff40}.settings-save{width:100%;padding:14px;margin-top:var(--sv-space-2);border:none;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);font-weight:600;cursor:pointer;box-shadow:var(--sv-shadow-accent-glow);transition:filter var(--sv-motion-fast),transform var(--sv-motion-fast)}.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{font-size:14px;color:var(--sv-text-muted);margin:0}.settings-error{color:var(--sv-color-danger);margin-bottom:var(--sv-space-3)}.settings-sections-scroll{padding-bottom:var(--sv-space-8)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sv-space-3);width:100%;padding:var(--sv-space-3) 0;border-bottom:1px solid var(--sv-glass-border-subtle);background:transparent;border-left:none;border-right:none;border-top:none;font-size:var(--sv-font-size-base);text-align:left;cursor:default;box-sizing:border-box;color:var(--sv-text-primary)}.settings-row--static{cursor:default}.settings-row-value{font-size:14px;color:var(--sv-text-secondary);word-break:break-all;text-align:right;max-width:55%}.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{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit;cursor:pointer;transition:background var(--sv-motion-fast)}.settings-row--link:hover{background:#ffffff0a}.settings-chevron{color:var(--sv-text-muted);font-size:18px}.settings-row--toggle{cursor:default}.settings-switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.settings-switch input{opacity:0;width:0;height:0}.settings-switch-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--sv-surface-card-hover);border:1px solid var(--sv-glass-border-subtle);border-radius:28px;transition:background var(--sv-motion-normal)}.settings-switch-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:var(--sv-surface-inverse);border-radius:var(--sv-radius-circle);transition:transform var(--sv-motion-normal)}.settings-switch input:checked+.settings-switch-slider{background:var(--sv-gradient-brand-horizontal);border-color:transparent}.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: rgb(0 0 0 / 75%);--sv-balance-pill-shadow: 0 2px 8px rgb(0 0 0 / 30%);--sv-balance-pill-delta-minus: #ff6b6b;--sv-balance-pill-delta-plus: #51cf66;position:fixed;top:50%;right:max(var(--sv-space-4),var(--sv-safe-area-right));transform:translateY(-50%);z-index:100}.balance-pill{display:flex;align-items:center;gap:var(--sv-space-2);padding:10px 14px;background:var(--sv-balance-pill-surface);color:var(--sv-text-primary);border-radius:var(--sv-radius-full);font-size:.875rem;font-weight:500;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)}.balance-pill--visible{opacity:1;transform:translate(0)}.balance-pill--hidden{opacity:0;transform:translate(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{position:fixed;right:max(var(--sv-space-4),var(--sv-safe-area-right));top:50%;transform:translateY(-50%);z-index:11;pointer-events:auto}.multi-stream-status{font-size:12px;font-weight:500}.multi-stream-status-connected{color:#2e7d32}.multi-stream-status-not_connected{color:#666}.multi-stream-status-error{color:#c62828}.stream-status{--sv-stream-status-item-color: #333;--sv-stream-status-separator-color: #999;--sv-stream-status-dot-connected: #4caf50;--sv-stream-status-dot-reconnecting: #ff9800;--sv-stream-status-dot-disconnected: #f44336;max-width:480px;margin:0 auto;padding:var(--sv-space-5) 0;display:flex;flex-direction:column;gap:var(--sv-space-3)}.stream-status-row{display:flex;align-items:center;gap:var(--sv-space-3)}.stream-status-item{display:flex;align-items:center;gap:6px;font-size:var(--sv-font-size-base);font-weight:500;color:var(--sv-stream-status-item-color)}.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{display:flex;align-items:center;gap:var(--sv-space-2);font-size:14px;font-weight:500}.stream-status-dot{width:8px;height:8px;border-radius:var(--sv-radius-circle)}.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:700;padding:2px 6px;background:var(--sv-color-live);color:var(--sv-text-primary);border-radius:var(--sv-space-1);text-transform:uppercase;letter-spacing:.5px}.stream-top-bar-viewer-count{font-size:12px;color:#ffffffd9;display:flex;align-items:center;gap:var(--sv-space-1)}.stream-top-bar-viewer-icon{font-size:12px}.hype-pill-host{position:fixed;left:max(var(--sv-space-4),var(--sv-safe-area-left));top:50%;z-index:11;pointer-events:auto;opacity:0;transform:translateY(-50%) translate(-100%);transition:opacity var(--sv-duration-fast) var(--sv-easing-standard),transform .25s var(--sv-easing-standard)}.hype-pill-host--visible{opacity:1;transform:translateY(-50%) translate(0)}.hype-pill{--sv-hype-pill-surface: rgb(0 0 0 / 60%);--sv-hype-pill-text: rgb(255 255 255 / 95%);display:flex;align-items:center;gap:6px;padding:6px var(--sv-space-3);background:var(--sv-hype-pill-surface);color:var(--sv-hype-pill-text);border-radius:var(--sv-radius-xl);font-size:13px;font-weight:500}.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{font-size:11px;opacity:.9}.chat-bar{width:100%;background:#0a0a0feb;backdrop-filter:var(--sv-blur-soft);-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:var(--sv-safe-area-bottom);box-sizing:border-box}.chat-bar-inner{width:100%;height:280px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}.chat-bar-header{display:flex;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)}.chat-bar-back,.chat-bar-close{flex-shrink:0;width:36px;height:36px;min-width:36px;border:1px solid var(--sv-glass-border-subtle);background:var(--sv-glass-background);color:var(--sv-text-primary);font-size:20px;cursor:pointer;border-radius:var(--sv-radius-sm);transition:background var(--sv-motion-fast),border-color var(--sv-motion-fast)}.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;line-height:1;font-weight:300}.chat-bar-title{font-size:var(--sv-font-size-base);font-weight:600;color:var(--sv-text-primary)}.chat-bar-messages{flex:1;min-height:0;overflow-y:auto;padding:var(--sv-space-3) var(--sv-space-4)}.chat-bar-message{padding:var(--sv-space-1) 0;font-size:14px;color:var(--sv-text-primary)}.chat-bar-message-user{font-weight:600;margin-right:var(--sv-space-1);display:inline-flex;align-items:center;gap:var(--sv-space-1)}.chat-connection-icon{font-size:12px;color:var(--sv-text-secondary);opacity:.95}.chat-bar-input-area{display:flex;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));background:#0009;border-top:1px solid var(--sv-glass-border)}.chat-bar-input{flex:1;padding:10px var(--sv-space-3);font-size:14px;border:1px solid rgb(255 255 255 / 30%);border-radius:var(--sv-radius-sm);background:#ffffff1a;color:var(--sv-text-primary);outline:none;transition:border-color var(--sv-motion-fast),box-shadow var(--sv-motion-fast)}.chat-bar-input::placeholder{color:#ffffff7f}.chat-bar-input:focus,.chat-bar-input:focus-visible{border-color:#ffffff7f;box-shadow:0 0 0 2px #00d2ff38}.chat-bar-send{flex-shrink:0;padding:10px var(--sv-space-4);font-size:14px;font-weight:600;background:#fff3;color:var(--sv-text-primary);border:1px solid rgb(255 255 255 / 30%);border-radius:var(--sv-radius-sm);cursor:pointer;transition:background var(--sv-motion-fast),opacity var(--sv-motion-fast)}.chat-bar-send:hover:not(:disabled){background:#ffffff4d}.chat-bar-send:disabled{opacity:.5;cursor:not-allowed}.messaging-input-area{display:flex;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%}.messaging-input{flex:1 1 auto;min-width:0;padding:10px 14px;border:1px solid var(--sv-input-border);border-radius:var(--sv-radius-full);font-size:var(--sv-font-size-base);background:var(--sv-input-bg);color:var(--sv-input-text);outline:none;transition:border-color var(--sv-motion-fast),box-shadow var(--sv-motion-fast)}.messaging-input::placeholder{color:var(--sv-input-placeholder)}.messaging-input:focus{border-color:var(--sv-input-border-focus);box-shadow:0 0 0 2px #00d2ff38}.messaging-input:disabled{opacity:.6;cursor:not-allowed}.messaging-send{flex-shrink:0;padding:10px 14px;background:var(--sv-action-primary-bg);color:var(--sv-action-primary-text);border:none;border-radius:var(--sv-radius-full);font-size:15px;font-weight:600;cursor:pointer;transition:opacity var(--sv-motion-fast)}.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);font-size:14px;color:#b388ff!important;-webkit-text-fill-color:rgb(179 136 255)!important;font-style:italic;background:#7b42ff1f;min-height:32px}.typing-dots span{animation:typing-bounce 1.4s infinite both;display:inline-block;font-size:18px;line-height:1}.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{background:none;border:none;font-size:22px;padding:var(--sv-space-2) var(--sv-space-2);cursor:pointer;flex-shrink:0;border-radius:var(--sv-radius-circle);transition:background var(--sv-motion-fast);-webkit-tap-highlight-color:transparent}.messaging-attach-btn:active{background:var(--sv-glass-background)}.messaging-attach-btn:disabled{opacity:.45;cursor:not-allowed}