@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Orbitron:wght@400;500;600;700;800&display=swap";.error-boundary{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#03050afa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.error-boundary__content{width:100%;max-width:600px;padding:var(--space-8);background:#070a12f2;backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl),0 0 40px #ff475726,inset 0 1px #ffffff08;text-align:center;animation:errorBoundaryIn .3s var(--ease-spring)}@keyframes errorBoundaryIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-boundary__icon{font-size:var(--text-5xl);margin-bottom:var(--space-4);animation:errorIconPulse 2s var(--ease-in-out) infinite}@keyframes errorIconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.error-boundary__title{margin:0 0 var(--space-3);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-error);text-shadow:0 0 20px rgba(255,71,87,.3)}.error-boundary__message{margin:0 0 var(--space-6);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.error-boundary__actions{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-6)}.error-boundary__actions .btn{min-width:140px}.error-boundary__details{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.05);text-align:left}.error-boundary__details summary{cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-tertiary);margin-bottom:var(--space-3);-webkit-user-select:none;user-select:none;transition:color var(--transition-base)}.error-boundary__details summary:hover{color:var(--color-text-secondary)}.error-boundary__stack{margin:var(--space-3) 0 0;padding:var(--space-4);background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);font-size:var(--text-xs);line-height:var(--leading-relaxed);overflow-x:auto;max-height:300px}.error-boundary__stack code{color:var(--color-error);font-family:var(--font-mono, "Courier New", monospace);white-space:pre-wrap;word-break:break-word}@media(max-width:640px){.error-boundary__content{padding:var(--space-6)}.error-boundary__title{font-size:var(--text-xl)}.error-boundary__message{font-size:var(--text-sm)}.error-boundary__actions{flex-direction:column}.error-boundary__actions .btn{width:100%}}:root{--font-sans: "Rajdhani", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Consolas", monospace;--font-display: "Rajdhani", -apple-system, BlinkMacSystemFont, sans-serif;--font-cyber: "Orbitron", "Rajdhani", sans-serif;--font-tech: "Share Tech Mono", "JetBrains Mono", monospace;--text-2xs: .625rem;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--tracking-cyber: .06em;--tracking-ultra: .1em;--text-glow-cyan: 0 0 10px rgba(0, 240, 255, .3);--text-glow-cyan-lg: 0 0 20px rgba(0, 240, 255, .4), 0 0 40px rgba(0, 240, 255, .2);--text-glow-magenta: 0 0 10px rgba(255, 45, 149, .3);--text-glow-magenta-lg: 0 0 20px rgba(255, 45, 149, .4), 0 0 40px rgba(255, 45, 149, .2);--text-glow-purple: 0 0 10px rgba(157, 78, 221, .3);--text-glow-success: 0 0 10px rgba(0, 255, 170, .3);--cyber-950: #03050a;--cyber-900: #070a12;--cyber-850: #0a0e18;--cyber-800: #0d1220;--cyber-750: #111827;--cyber-700: #1a2332;--cyber-600: #243044;--cyber-500: #334155;--cyber-400: #475569;--cyber-300: #64748b;--cyber-200: #94a3b8;--cyber-100: #cbd5e1;--cyber-50: #f1f5f9;--bg-primary: var(--cyber-800);--bg-secondary: var(--cyber-750);--bg-tertiary: var(--cyber-700);--bg-elevated: var(--cyber-600);--bg-card: var(--cyber-700);--bg-hover: var(--cyber-600);--bg-active: var(--cyber-500);--text-primary: var(--cyber-50);--text-secondary: var(--cyber-200);--text-tertiary: var(--cyber-300);--text-muted: var(--cyber-400);--text-disabled: var(--cyber-500);--neon-cyan-50: #ecfeff;--neon-cyan-100: #cffafe;--neon-cyan-200: #a5f3fc;--neon-cyan-300: #67e8f9;--neon-cyan-400: #22d3ee;--neon-cyan-500: #00f0ff;--neon-cyan-600: #00d4e4;--neon-cyan-700: #00b8c9;--neon-cyan-800: #0891b2;--neon-cyan-900: #164e63;--neon-magenta-50: #fdf4ff;--neon-magenta-100: #fae8ff;--neon-magenta-200: #f5d0fe;--neon-magenta-300: #f0abfc;--neon-magenta-400: #e879f9;--neon-magenta-500: #ff2d95;--neon-magenta-600: #db2777;--neon-magenta-700: #be185d;--neon-magenta-800: #9d174d;--neon-magenta-900: #831843;--neon-purple-50: #faf5ff;--neon-purple-100: #f3e8ff;--neon-purple-200: #e9d5ff;--neon-purple-300: #d8b4fe;--neon-purple-400: #c084fc;--neon-purple-500: #9d4edd;--neon-purple-600: #7c3aed;--neon-purple-700: #6d28d9;--neon-purple-800: #5b21b6;--neon-purple-900: #4c1d95;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #00f0ff;--red-600: #00d4e4;--red-700: #00b8c9;--red-800: #0891b2;--red-900: #164e63;--accent-primary: var(--neon-cyan-500);--accent-secondary: var(--neon-cyan-600);--accent-light: var(--neon-cyan-400);--accent-dark: var(--neon-cyan-700);--success-50: #ecfdf5;--success-500: #00ffaa;--success-600: #00e699;--warning-50: #fffbeb;--warning-500: #ffcc00;--warning-600: #e6b800;--error-50: #fef2f2;--error-500: #ff3366;--error-600: #e62e5c;--info-50: #eff6ff;--info-500: #00f0ff;--info-600: #00d4e4;--success: var(--success-500);--warning: var(--warning-500);--error: var(--error-500);--info: var(--info-500);--gradient-primary: linear-gradient(135deg, var(--neon-cyan-500) 0%, var(--neon-cyan-600) 100%);--gradient-primary-hover: linear-gradient(135deg, var(--neon-cyan-400) 0%, var(--neon-cyan-500) 100%);--gradient-accent: linear-gradient(135deg, var(--neon-cyan-500) 0%, var(--neon-purple-500) 50%, var(--neon-magenta-500) 100%);--gradient-dark: linear-gradient(135deg, var(--cyber-900) 0%, var(--cyber-850) 100%);--gradient-card: linear-gradient(145deg, rgba(13, 18, 32, .9) 0%, rgba(10, 14, 24, .7) 100%);--gradient-glow: radial-gradient(ellipse 60% 40% at 50% -20%, rgba(0, 240, 255, .12) 0%, transparent 70%);--gradient-cyber: linear-gradient(90deg, var(--neon-cyan-500), var(--neon-magenta-500), var(--neon-purple-500));--gradient-neon-line: linear-gradient(90deg, transparent, var(--neon-cyan-500), transparent);--border-subtle: rgba(0, 240, 255, .05);--border-default: rgba(0, 240, 255, .1);--border-strong: rgba(0, 240, 255, .15);--border-hover: rgba(0, 240, 255, .25);--border-accent: rgba(0, 240, 255, .4);--border-focus: rgba(0, 240, 255, .6);--divider: rgba(0, 240, 255, .08);--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: 2px;--radius-default: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 10px;--radius-3xl: 12px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .5);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 10px 10px -5px rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .7);--shadow-glow-sm: 0 0 10px rgba(0, 240, 255, .15), 0 0 20px rgba(0, 240, 255, .08);--shadow-glow: 0 0 20px rgba(0, 240, 255, .2), 0 0 40px rgba(0, 240, 255, .1);--shadow-glow-lg: 0 0 30px rgba(0, 240, 255, .25), 0 0 60px rgba(0, 240, 255, .12);--shadow-glow-xl: 0 0 50px rgba(0, 240, 255, .3), 0 0 100px rgba(0, 240, 255, .15);--shadow-accent: 0 4px 20px rgba(0, 240, 255, .3), 0 0 40px rgba(0, 240, 255, .15);--shadow-accent-lg: 0 8px 30px rgba(0, 240, 255, .4), 0 0 60px rgba(0, 240, 255, .2);--shadow-success: 0 4px 20px rgba(0, 255, 170, .3);--shadow-magenta: 0 0 20px rgba(255, 45, 149, .2), 0 0 40px rgba(255, 45, 149, .1);--shadow-purple: 0 0 20px rgba(157, 78, 221, .2), 0 0 40px rgba(157, 78, 221, .1);--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .15s;--duration-moderate: .2s;--duration-slow: .3s;--duration-slower: .4s;--duration-slowest: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.16, 1, .3, 1);--transition-fast: var(--duration-fast) var(--ease-out);--transition-normal: var(--duration-normal) var(--ease-out);--transition-moderate: var(--duration-moderate) var(--ease-out);--transition-slow: var(--duration-slow) var(--ease-out);--transition-spring: var(--duration-moderate) var(--ease-spring);--transition-bounce: var(--duration-slow) var(--ease-bounce);--z-behind: -1;--z-base: 0;--z-raised: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-overlay: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 9999;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--container-3xl: 1920px;--container-4xl: 2400px;--container-max: 2560px;--header-height: 64px;--header-height-mobile: 56px;--sidebar-width: 420px;--sidebar-width-lg: 480px;--sidebar-width-xl: 520px;--input-height-sm: 36px;--input-height-md: 44px;--input-height-lg: 52px;--btn-height-sm: 28px;--btn-height-md: 34px;--btn-height-lg: 42px;--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--icon-2xl: 48px;--focus-ring-width: 2px;--focus-ring-color: rgba(0, 240, 255, .4);--focus-ring: 0 0 0 var(--focus-ring-width) var(--focus-ring-color), var(--shadow-glow-sm);--glass-bg: rgba(7, 10, 18, .85);--glass-bg-light: rgba(13, 18, 32, .75);--glass-bg-dark: rgba(3, 5, 10, .92);--glass-blur: 16px;--glass-blur-lg: 24px;--glass-border: rgba(0, 240, 255, .1)}@media(min-width:2400px){:root{--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.375rem}}@media(min-width:1920px)and (max-width:2399px){:root{--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.0625rem}}@media(min-width:1600px)and (max-width:1919px){:root{--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.0625rem}}@media(max-width:768px){:root{--text-base: .875rem;--text-md: .9375rem;--text-lg: 1rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:rgba(0,240,255,.4) rgba(10,14,24,.6)}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}#root{width:100%;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(0,240,255,.08) 0%,transparent 50%),radial-gradient(ellipse 50% 35% at 90% 90%,rgba(255,45,149,.05) 0%,transparent 40%),radial-gradient(ellipse 40% 30% at 10% 85%,rgba(157,78,221,.04) 0%,transparent 35%),linear-gradient(rgba(0,240,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.02) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,60px 60px,60px 60px;pointer-events:none;z-index:var(--z-behind)}body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:var(--z-behind)}#root{position:relative;z-index:var(--z-base);min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0e18cc;border-left:1px solid rgba(0,240,255,.05)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00f0ff4d,#00f0ff80);border-radius:4px;border:1px solid rgba(0,240,255,.2);box-shadow:inset 0 1px #ffffff1a,0 0 10px #00f0ff33;transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00f0ff80,#00f0ffb3);box-shadow:inset 0 1px #fff3,0 0 15px #00f0ff66}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#00f0ff99,#00f0ffcc);box-shadow:inset 0 1px #ffffff4d,0 0 20px #00f0ff99}::-webkit-scrollbar-track:horizontal{border-left:none;border-top:1px solid rgba(0,240,255,.05)}::-webkit-scrollbar-corner{background:#0a0e18cc}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0}h1{font-size:var(--text-4xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter)}h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}h3{font-size:var(--text-xl);margin-bottom:var(--space-4)}h4{font-size:var(--text-lg);margin-bottom:var(--space-3)}h5{font-size:var(--text-md);margin-bottom:var(--space-2)}h6{font-size:var(--text-base);margin-bottom:var(--space-2)}p{color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast);cursor:pointer}a:hover{color:var(--accent-light)}a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{list-style:none;margin:0;padding:0}img,video,svg{display:block;max-width:100%;height:auto}img{border:0;vertical-align:middle}video{width:100%;height:100%;object-fit:contain}button{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;background:transparent;border:none;padding:0;margin:0;cursor:pointer;outline:none;-webkit-appearance:none;appearance:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:transparent;border:none;outline:none;-webkit-appearance:none;appearance:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px rgba(7,10,18,.9) inset!important;-webkit-text-fill-color:var(--text-primary)!important;border-width:1px!important}input[type=file]{display:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=date]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.4);cursor:pointer;transition:filter var(--transition-fast)}input[type=date]::-webkit-calendar-picker-indicator:hover{filter:invert(1) opacity(.7)}textarea{resize:vertical;min-height:100px}select{cursor:pointer}::placeholder{color:var(--text-muted);opacity:1}::-ms-input-placeholder{color:var(--text-muted)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background-color:#00f0ff4d;color:var(--text-primary);text-shadow:0 0 10px rgba(0,240,255,.5)}::-moz-selection{background-color:#00f0ff4d;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:1px solid rgba(0,240,255,.1)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-cyan-600) 0%,var(--neon-cyan-700) 100%);border-radius:0;box-shadow:0 0 10px #00f0ff4d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--neon-cyan-500) 0%,var(--neon-cyan-600) 100%);box-shadow:0 0 15px #00f0ff80}::-webkit-scrollbar-corner{background:var(--bg-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--neon-cyan-600) var(--bg-secondary)}table{border-collapse:collapse;border-spacing:0;width:100%}th,td{text-align:left;padding:var(--space-3) var(--space-4);vertical-align:middle}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}code{background:var(--bg-elevated);padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-sm);color:var(--accent-primary)}pre{background:var(--bg-elevated);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}pre code{background:transparent;padding:0}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 var(--space-1-5);background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);box-shadow:0 1px 2px #0003,inset 0 1px #ffffff0d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}@keyframes glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.15;transform:scale(1.1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){body{padding-bottom:60px}}@media(max-width:480px){html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body,#root{width:100%;min-width:100%}body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0))}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-cyber);font-weight:var(--weight-semibold);text-align:center;text-transform:uppercase;letter-spacing:var(--tracking-cyber);white-space:nowrap;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-moderate) var(--ease-out);outline:none;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:focus-visible{box-shadow:var(--focus-ring)}.btn:active:not(:disabled){opacity:.95}.btn-sm{height:var(--btn-height-sm);padding:0 var(--space-2-5);font-size:var(--text-xs);border-radius:var(--radius-default)}.btn-md{height:var(--btn-height-md);padding:0 var(--space-4);font-size:var(--text-sm)}.btn-lg{height:var(--btn-height-lg);padding:0 var(--space-5);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-block{width:100%}.btn-primary{background:#00f0ff1a;color:var(--neon-cyan-400);border-color:#00f0ff4d;box-shadow:var(--shadow-sm);text-shadow:0 0 10px rgba(0,240,255,.3)}.btn-primary:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--neon-cyan-500);border-left:2px solid var(--neon-cyan-500);z-index:var(--z-raised)}.btn-primary:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500);z-index:var(--z-raised)}.btn-primary:hover:not(:disabled){background:#00f0ff26;border-color:#00f0ff80;color:var(--neon-cyan-300);box-shadow:var(--shadow-glow-sm)}.btn-primary:active:not(:disabled){background:#00f0ff33}.btn-secondary{background:#00f0ff0d;color:var(--neon-cyan-400);border-color:#00f0ff33;text-shadow:0 0 8px rgba(0,240,255,.2)}.btn-secondary:before{content:"";position:absolute;top:-1px;left:-1px;width:6px;height:6px;border-top:1px solid var(--neon-cyan-500);border-left:1px solid var(--neon-cyan-500);opacity:.6;z-index:var(--z-raised)}.btn-secondary:after{content:"";position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;border-bottom:1px solid var(--neon-cyan-500);border-right:1px solid var(--neon-cyan-500);opacity:.6;z-index:var(--z-raised)}.btn-secondary:hover:not(:disabled){background:#00f0ff1a;border-color:#00f0ff66;color:var(--neon-cyan-300)}.btn-secondary:before:hover,.btn-secondary:after:hover{opacity:1}.btn-secondary:active:not(:disabled){background:#00f0ff26}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent;text-shadow:0 0 5px rgba(0,240,255,.1)}.btn-ghost:hover:not(:disabled){background:#00f0ff0d;color:var(--neon-cyan-400);border-color:#00f0ff1a}.btn-ghost:active:not(:disabled){background:#00f0ff1a}.btn-danger{background:transparent;color:var(--neon-magenta-500);border-color:#ff2d954d;text-shadow:0 0 10px rgba(255,45,149,.3)}.btn-danger:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--neon-magenta-500);border-left:2px solid var(--neon-magenta-500);z-index:var(--z-raised)}.btn-danger:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--neon-magenta-500);border-right:2px solid var(--neon-magenta-500);z-index:var(--z-raised)}.btn-danger:hover:not(:disabled){background:#ff2d951a;border-color:#ff2d9580;box-shadow:var(--shadow-magenta)}.btn-outline{background:transparent;color:var(--neon-cyan-500);border-color:var(--neon-cyan-500);text-shadow:0 0 8px rgba(0,240,255,.2)}.btn-outline:before{content:"";position:absolute;top:-1px;left:-1px;width:6px;height:6px;border-top:1px solid var(--neon-cyan-500);border-left:1px solid var(--neon-cyan-500);z-index:var(--z-raised)}.btn-outline:after{content:"";position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;border-bottom:1px solid var(--neon-cyan-500);border-right:1px solid var(--neon-cyan-500);z-index:var(--z-raised)}.btn-outline:hover:not(:disabled){background:#00f0ff1a;border-color:var(--neon-cyan-400);color:var(--neon-cyan-400);box-shadow:var(--shadow-glow-sm)}.btn-success{background:#39ff141a;color:var(--success-500);border-color:#39ff144d;text-shadow:0 0 10px rgba(57,255,20,.3)}.btn-success:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--success-500);border-left:2px solid var(--success-500);z-index:var(--z-raised)}.btn-success:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--success-500);border-right:2px solid var(--success-500);z-index:var(--z-raised)}.btn-success:hover:not(:disabled){background:#39ff1426;border-color:#39ff1480;box-shadow:var(--shadow-success)}.btn .btn-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0;transition:transform var(--transition-fast)}.btn .btn-icon svg{width:100%;height:100%}.btn-content{display:flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;z-index:var(--z-raised)}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:var(--radius-full);animation:btnSpin .6s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn.loading{color:transparent;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:btnSpin .6s linear infinite}.btn-icon-only{aspect-ratio:1;padding:0}.btn-icon-only.btn-sm{width:var(--btn-height-sm)}.btn-icon-only.btn-md{width:var(--btn-height-md)}.btn-icon-only.btn-lg{width:var(--btn-height-lg)}.btn-group{display:inline-flex}.btn-group .btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.btn-group .btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-glow{position:relative}.btn-glow:after{content:"";position:absolute;inset:0;background:inherit;filter:blur(15px);opacity:0;z-index:var(--z-behind);transition:opacity var(--transition-normal)}.btn-glow:hover:after{opacity:.4}.btn-ripple{overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:200%;padding-bottom:200%;background:#ffffff4d;border-radius:var(--radius-full);transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .5s,opacity .3s}.btn-ripple:active:after{transform:translate(-50%,-50%) scale(1);opacity:0;transition:0s;opacity:1}.btn-shimmer{overflow:hidden}.btn-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btnShimmer 2s infinite}@keyframes btnShimmer{0%{left:-100%}to{left:200%}}@media(max-width:480px){.btn-sm{height:26px;padding:0 var(--space-2);font-size:10px}.btn-md{height:30px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-lg{height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn .btn-icon{width:14px;height:14px}.btn-spinner{width:12px;height:12px}}.header{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--space-6);background:#0d1220f2;backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border-bottom:1px solid rgba(0,240,255,.1);transition:all var(--transition-moderate)}.header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan-500) 30%,var(--neon-cyan-500) 70%,transparent 100%);opacity:.5;box-shadow:0 0 10px var(--neon-cyan-500)}.header-left{display:flex;align-items:center;flex:1;min-width:0}.header-center{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:100%;max-width:420px}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex:1;min-width:0;height:100%}.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--neon-cyan-500) 0%,var(--neon-cyan-600) 100%);border-radius:var(--radius-sm);color:var(--cyber-950);box-shadow:0 0 10px #00f0ff4d;transition:box-shadow var(--transition-normal)}.logo-icon svg{width:var(--icon-sm);height:var(--icon-sm);margin-left:2px}.logo:hover .logo-icon{box-shadow:0 0 20px #00f0ff80}.logo-text{font-family:var(--font-cyber);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:.1em;text-transform:uppercase}.logo:hover .logo-text{color:var(--neon-cyan-400)}.header-search{position:relative;width:100%}.header-search:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--neon-cyan-500);border-left:2px solid var(--neon-cyan-500);z-index:1;pointer-events:none}.header-search:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500);z-index:1;pointer-events:none}.header-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:var(--icon-sm);height:var(--icon-sm);color:var(--text-muted);pointer-events:none;transition:color var(--transition-normal)}.header-search:focus-within .header-search-icon{color:var(--neon-cyan-500)}.header-search-input{width:100%;height:var(--btn-height-md);padding:0 var(--space-10);background:#00f0ff08;border:1px solid rgba(0,240,255,.12);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--transition-normal)}.header-search-input::placeholder{color:var(--text-muted)}.header-search-input:focus{outline:none;background:#00f0ff0d;border-color:#00f0ff4d;box-shadow:0 0 0 1px #00f0ff1a}.header-search-clear{position:absolute;right:var(--space-1);top:50%;transform:translateY(-50%);width:var(--btn-height-sm);height:var(--btn-height-sm);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal)}.header-search-clear:hover{color:var(--text-primary);background:#00f0ff1a}.header-search-clear svg{width:var(--icon-xs);height:var(--icon-xs)}.header-auth{display:inline-flex;align-items:center;gap:var(--space-2);height:100%}.header-auth .auth-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);height:var(--btn-height-md);padding:0 var(--space-3);margin:0;font-family:var(--font-cyber);font-size:var(--text-xs);font-weight:var(--weight-semibold);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;text-decoration:none;text-transform:uppercase;letter-spacing:var(--tracking-cyber)}.header-auth .auth-btn svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.header-auth .auth-btn-ghost{background:#ffffff0d;color:var(--text-secondary);border-color:#00f0ff26;text-shadow:0 0 5px rgba(0,240,255,.1)}.header-auth .auth-btn-ghost:hover{background:#00f0ff14;border-color:#00f0ff4d;color:var(--neon-cyan-400)}.header-auth .auth-btn-ghost:active{background:#00f0ff26}.header-auth .auth-btn-primary{background:#00f0ff1a;color:var(--neon-cyan-400);border-color:#00f0ff4d;box-shadow:var(--shadow-glow-sm);text-shadow:0 0 10px rgba(0,240,255,.3)}.header-auth .auth-btn-primary:before{content:"";position:absolute;top:-1px;left:-1px;width:6px;height:6px;border-top:2px solid var(--neon-cyan-500);border-left:2px solid var(--neon-cyan-500)}.header-auth .auth-btn-primary:after{content:"";position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;border-bottom:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500)}.header-auth .auth-btn-primary:hover{background:#00f0ff26;border-color:#00f0ff80;color:var(--neon-cyan-300);box-shadow:var(--shadow-glow)}.header-auth .auth-btn-primary:active{background:#00f0ff33;box-shadow:var(--shadow-glow-sm)}.header-auth .auth-btn-danger{background:transparent;color:var(--neon-magenta-500);border-color:#ff2d954d;text-shadow:0 0 10px rgba(255,45,149,.3)}.header-auth .auth-btn-danger:before{content:"";position:absolute;top:-1px;left:-1px;width:6px;height:6px;border-top:2px solid var(--neon-magenta-500);border-left:2px solid var(--neon-magenta-500)}.header-auth .auth-btn-danger:after{content:"";position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;border-bottom:2px solid var(--neon-magenta-500);border-right:2px solid var(--neon-magenta-500)}.header-auth .auth-btn-danger:hover{background:#ff2d951a;border-color:#ff2d9580;box-shadow:var(--shadow-magenta)}.header-live-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);height:var(--btn-height-md);padding:0 var(--space-3);margin:0;font-family:var(--font-cyber);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-sm);border:1px solid rgba(255,0,0,.4);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;text-transform:uppercase;letter-spacing:var(--tracking-cyber);background:#ff000026;color:#f44;text-shadow:0 0 10px rgba(255,0,0,.4)}.header-live-btn .live-indicator{width:8px;height:8px;background:red;border-radius:50%;animation:livePulse 1.5s ease-in-out infinite;box-shadow:0 0 8px #f009}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.header-live-btn:before{content:"";position:absolute;top:-1px;left:-1px;width:6px;height:6px;border-top:2px solid #ff0000;border-left:2px solid #ff0000}.header-live-btn:after{content:"";position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;border-bottom:2px solid #ff0000;border-right:2px solid #ff0000}.header-live-btn:hover{background:#ff000040;border-color:#f009;color:#f66;box-shadow:0 0 20px #ff00004d}.header-live-btn:active{background:#ff00004d}.header-live-btn:disabled{opacity:.6;cursor:not-allowed}.header-live-btn.loading .live-indicator{animation:liveLoadingSpin .8s linear infinite}@keyframes liveLoadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-create{position:relative;display:flex;align-items:center}.header-create-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);height:var(--btn-height-md);padding:0 var(--space-3);margin:0;font-family:var(--font-cyber);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-sm);border:1px solid rgba(255,45,149,.3);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;text-transform:uppercase;letter-spacing:var(--tracking-cyber);background:#ff2d951a;color:var(--neon-magenta-400);text-shadow:0 0 10px rgba(255,45,149,.3)}.header-create-btn:before{content:"";position:absolute;top:-1px;left:-1px;width:6px;height:6px;border-top:2px solid var(--neon-magenta-500);border-left:2px solid var(--neon-magenta-500)}.header-create-btn:after{content:"";position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;border-bottom:2px solid var(--neon-magenta-500);border-right:2px solid var(--neon-magenta-500)}.header-create-btn svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.header-create-btn:hover{background:#ff2d9533;border-color:var(--neon-magenta-500);color:var(--neon-magenta-300);box-shadow:0 0 20px #ff2d954d}.header-create-btn:active{background:#ff2d9540}.header-create-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:220px;background:#070a12fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:0 8px 32px #000000b3,0 0 0 1px #00f0ff14 inset,0 0 20px #00f0ff1a;animation:dropdownIn .15s cubic-bezier(.16,1,.3,1);transform-origin:top right;will-change:opacity,transform;z-index:var(--z-dropdown);overflow:hidden}.header-create-dropdown:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.15) 20%,rgba(0,240,255,.2) 50%,rgba(0,240,255,.15) 80%,transparent 100%);opacity:.5}.header-create-dropdown:after{content:"";position:absolute;top:-1px;right:-1px;width:12px;height:12px;border-top:2px solid rgba(0,240,255,.2);border-right:2px solid rgba(0,240,255,.2);opacity:.4}.header-user{position:relative;display:flex;align-items:center;height:100%}.header-user-btn{display:flex;align-items:center;justify-content:center;width:var(--btn-height-md);height:var(--btn-height-md);padding:0;margin:0;background:#00f0ff0d;border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);position:relative}.header-user-btn:before{content:"";position:absolute;top:-1px;left:-1px;width:7px;height:7px;border-top:2px solid var(--neon-cyan-500);border-left:2px solid var(--neon-cyan-500);border-radius:2px 0 0;z-index:3;pointer-events:none}.header-user-btn:after{content:"";position:absolute;bottom:-1px;right:-1px;width:7px;height:7px;border-bottom:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500);border-radius:0 0 2px;z-index:3;pointer-events:none}.header-user-btn:hover{background:#00f0ff1a;border-color:#00f0ff80;box-shadow:var(--shadow-glow-sm)}.header-user-btn:active{background:#00f0ff1f}.header-user-avatar{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--neon-cyan-500) 0%,var(--neon-cyan-600) 100%);border-radius:var(--radius-sm);color:var(--cyber-950);font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0;position:relative;z-index:1}.header-user-avatar svg{width:var(--icon-md);height:var(--icon-md);stroke:var(--cyber-950)}.header-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.header-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:260px;background:#070a12fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:0 8px 32px #000000b3,0 0 0 1px #00f0ff14 inset,0 0 20px #00f0ff1a;z-index:var(--z-dropdown);overflow:hidden;animation:dropdownIn .15s cubic-bezier(.16,1,.3,1);transform-origin:top right;will-change:opacity,transform}@keyframes dropdownIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.header-dropdown:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.15) 20%,rgba(0,240,255,.2) 50%,rgba(0,240,255,.15) 80%,transparent 100%);opacity:.5}.header-dropdown:after{content:"";position:absolute;top:-1px;right:-1px;width:12px;height:12px;border-top:2px solid rgba(0,240,255,.2);border-right:2px solid rgba(0,240,255,.2);opacity:.4}.header-dropdown-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);padding-top:var(--space-4);margin-bottom:var(--space-2);min-height:64px;background:#00f0ff05;border-radius:var(--radius-md);position:relative}.header-dropdown-header.avatar-only{justify-content:center;padding:var(--space-4)}.dropdown-user-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00f0ff40,#00f0ff26);border-radius:var(--radius-md);border:2px solid rgba(0,240,255,.2);color:var(--neon-cyan-400);font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0;box-shadow:0 4px 12px #0000004d;overflow:hidden;position:relative;z-index:1}.dropdown-user-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-user-avatar svg{width:var(--icon-md);height:var(--icon-md);stroke:var(--cyber-950)}.header-dropdown-header.avatar-only .dropdown-user-avatar{width:48px;height:48px}.header-dropdown-header.avatar-only .dropdown-user-avatar svg{width:var(--icon-lg);height:var(--icon-lg)}.dropdown-user-info{display:flex;flex-direction:column;gap:var(--space-0-5);min-width:0;min-height:40px;justify-content:center}.dropdown-user-name{font-family:var(--font-cyber);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 8px rgba(0,240,255,.15);position:relative;z-index:1}.dropdown-user-email{font-family:var(--font-tech);font-size:var(--text-xs);color:#00f0ffb3;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8;position:relative;z-index:1}.header-dropdown-item{display:flex;align-items:center;gap:var(--space-2-5);width:100%;padding:var(--space-2-5) var(--space-3);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-cyber);font-size:var(--text-xs);font-weight:var(--weight-medium);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.header-dropdown-item:hover{background:#00f0ff0d;border-color:#00f0ff33;color:var(--neon-cyan-400)}.header-dropdown-item svg{width:18px;height:18px;color:#00f0ff66;transition:all .2s ease;flex-shrink:0;position:relative;z-index:1}.header-dropdown-item:hover svg{color:var(--neon-cyan-400)}.header-dropdown-item-danger{color:var(--text-muted)}.header-dropdown-item-danger:hover{background:#ff2d950d;border-color:#ff2d9540;color:var(--neon-magenta-400)}.header-dropdown-item-danger svg{color:#ff2d9580}.header-dropdown-item-danger:hover svg{color:var(--neon-magenta-400)}.skeleton-avatar{background:linear-gradient(90deg,#00f0ff0d,#00f0ff26,#00f0ff0d);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line{height:12px;border-radius:var(--radius-xs);background:linear-gradient(90deg,#00f0ff0d,#00f0ff26,#00f0ff0d);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-name{width:100px;margin-bottom:var(--space-1)}.skeleton-email{width:140px;height:10px}.header-dropdown-divider{height:1px;margin:var(--space-2-5) 0;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.15) 20%,rgba(0,240,255,.2) 50%,rgba(0,240,255,.15) 80%,transparent 100%);opacity:.6}.header-language-section{padding:var(--space-2) var(--space-1)}.header-language-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);margin-bottom:var(--space-2);font-family:var(--font-tech);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.header-language-label svg{width:var(--icon-sm);height:var(--icon-sm);color:#00f0ff80;flex-shrink:0}.header-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1-5);padding:0 var(--space-2)}.header-language-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--space-1-5);padding:var(--space-2) var(--space-2-5);background:#ffffff08;border:1px solid rgba(0,240,255,.1);border-radius:var(--radius-sm);font-family:var(--font-tech);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-normal)}.header-language-option:hover{background:#00f0ff0d;border-color:#00f0ff33;color:var(--text-primary)}.header-language-option.active{background:#00f0ff14;border-color:#00f0ff4d;color:var(--neon-cyan-400)}.header-language-option svg{width:14px;height:14px;color:#00f0ff99;flex-shrink:0}@media(min-width:1920px){.header{padding:0 var(--space-8)}.header-center{max-width:500px}.logo-icon{width:36px;height:36px}.logo-icon svg{width:var(--icon-md);height:var(--icon-md)}.logo-text{font-size:var(--text-base)}}@media(max-width:768px){.header{height:var(--header-height-mobile);padding:0 var(--space-4)}.header-center{max-width:200px}.header-search-input{height:var(--btn-height-sm);font-size:var(--text-xs)}.header-right{gap:var(--space-2)}.header-auth .auth-btn span{display:none}.header-auth .auth-btn{padding:0;width:var(--btn-height-md);height:var(--btn-height-md)}.header-create-btn span{display:none}.header-create-btn{padding:0;width:var(--btn-height-md);height:var(--btn-height-md)}.header-live-btn span:not(.live-indicator){display:none}.header-live-btn{padding:0;width:var(--btn-height-md);height:var(--btn-height-md)}.header-user-btn{width:var(--btn-height-md);height:var(--btn-height-md)}.header-dropdown{min-width:200px;right:calc(-1 * var(--space-2))}}@media(max-width:480px){.header{padding:0 var(--space-3)}.header-left{flex:1 1 auto;min-width:0}.header-right{flex:0 0 auto;gap:var(--space-2)}.logo-icon{width:28px;height:28px}.logo-text{font-size:var(--text-xs);letter-spacing:.05em}.header-center{display:none}.header-auth .auth-btn{width:32px;height:32px}.header-auth .auth-btn svg{width:var(--icon-sm);height:var(--icon-sm)}.header-create-btn,.header-live-btn{width:32px;height:32px}.header-user-btn{width:32px;height:32px;padding:2px}.header-user-avatar svg{width:var(--icon-sm);height:var(--icon-sm)}.header-dropdown{min-width:180px;padding:var(--space-1-5);right:0}.header-dropdown-header{padding:var(--space-2)}.dropdown-user-avatar{width:32px;height:32px}}.mobile-bottom-nav{display:none}@media(max-width:768px){.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-around;height:60px;background:#0d1220fa;backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border-top:1px solid rgba(0,240,255,.15);padding:0 var(--space-2);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan-500) 30%,var(--neon-cyan-500) 70%,transparent 100%);opacity:.4}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;padding:var(--space-1) var(--space-2);background:transparent;border:none;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:all var(--transition-normal)}.bottom-nav-item svg{width:24px;height:24px;transition:all var(--transition-normal)}.bottom-nav-item span{font-family:var(--font-sans);font-size:10px;font-weight:var(--weight-medium);letter-spacing:.02em}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active{color:var(--neon-cyan-400)}.bottom-nav-item.active svg{filter:drop-shadow(0 0 6px rgba(0,240,255,.5))}.bottom-nav-item:hover:not(.active){color:var(--text-secondary)}.bottom-nav-create{color:var(--neon-magenta-400)}.bottom-nav-create svg{width:28px;height:28px}.bottom-nav-create:hover{color:var(--neon-magenta-300)}.bottom-nav-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,240,255,.3)}.header-auth,.header-create,.header-user{display:none}.header{height:50px}body{padding-bottom:60px}.header-dropdown,.header-create-dropdown{position:fixed;bottom:70px;top:auto;right:var(--space-3);left:auto;transform-origin:bottom right}}.mobile-search-overlay{display:none}@media(max-width:768px){.mobile-search-overlay{display:flex;position:fixed;inset:0;z-index:calc(var(--z-modal) + 1);background:#000000e6;animation:fadeIn .2s ease}.mobile-search-container{width:100%;background:var(--bg-primary);animation:slideInDown .2s ease}.mobile-search-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid rgba(0,240,255,.1)}.mobile-search-back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mobile-search-back:hover{background:#00f0ff1a;color:var(--neon-cyan-400)}.mobile-search-back svg{width:24px;height:24px}.mobile-search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.mobile-search-icon{position:absolute;left:var(--space-3);width:20px;height:20px;color:var(--text-muted);pointer-events:none}.mobile-search-input{width:100%;height:44px;padding:0 var(--space-10);background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);transition:all var(--transition-fast)}.mobile-search-input:focus{outline:none;border-color:var(--neon-cyan-500);box-shadow:0 0 0 2px #00f0ff1a}.mobile-search-input::placeholder{color:var(--text-muted)}.mobile-search-clear{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mobile-search-clear:hover{background:#ffffff1a;color:var(--text-primary)}.mobile-search-clear svg{width:18px;height:18px}}.mobile-menu-overlay{display:none}@media(max-width:768px){.mobile-menu-overlay{display:flex;position:fixed;inset:0;z-index:calc(var(--z-modal) + 1);background:#000000b3;align-items:flex-end;animation:fadeIn .2s ease}.mobile-menu-sheet{width:100%;background:var(--bg-secondary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);padding:var(--space-4);padding-bottom:calc(var(--space-4) + 70px + env(safe-area-inset-bottom,0));animation:slideInUp .3s cubic-bezier(.16,1,.3,1);border-top:1px solid rgba(0,240,255,.15)}.mobile-menu-handle{width:40px;height:4px;background:#fff3;border-radius:2px;margin:0 auto var(--space-4)}.mobile-menu-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);text-align:center;margin-bottom:var(--space-4);letter-spacing:var(--tracking-wide)}.mobile-menu-item{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);background:#00f0ff08;border:1px solid rgba(0,240,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-2)}.mobile-menu-item:last-child{margin-bottom:0}.mobile-menu-item:hover,.mobile-menu-item:active{background:#00f0ff14;border-color:#00f0ff4d}.mobile-menu-item svg{width:24px;height:24px;color:var(--neon-cyan-400)}.mobile-profile-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-3);background:#00f0ff08;border-radius:var(--radius-md);border:1px solid rgba(0,240,255,.1)}.mobile-profile-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#00f0ff33,#00f0ff1a);border:2px solid rgba(0,240,255,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-profile-avatar img{width:100%;height:100%;object-fit:cover}.mobile-profile-avatar svg{width:28px;height:28px;color:var(--neon-cyan-400)}.mobile-profile-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.mobile-profile-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-profile-email{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu-item-danger{color:var(--neon-magenta-400)!important;border-color:#ff2d9533!important}.mobile-menu-item-danger:hover,.mobile-menu-item-danger:active{background:#ff2d951a!important;border-color:#ff2d954d!important}.mobile-menu-item-danger svg{color:var(--neon-magenta-400)!important}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}}.sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.info-box,.box{position:relative;background:#070a12f2;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(0,240,255,.12);border-radius:var(--radius-md);padding:var(--space-5);transition:all var(--transition-moderate);overflow:hidden}.info-box:before,.box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan-500) 20%,var(--neon-cyan-500) 80%,transparent 100%);opacity:.6}.info-box:after,.box:after{content:"";position:absolute;top:-1px;right:-1px;width:16px;height:16px;border-top:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500);opacity:.6}.info-box:hover,.box:hover{border-color:#00f0ff40;box-shadow:var(--shadow-glow-sm)}.info-box h3,.box h2{font-family:var(--font-cyber);font-size:.8rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-4) 0;display:flex;align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-cyber);text-shadow:var(--text-glow-cyan)}.box-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.box-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--neon-cyan-500) 0%,var(--neon-cyan-600) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-glow-sm);position:relative}.box-icon:before{content:"";position:absolute;top:-1px;left:-1px;width:6px;height:6px;border-top:2px solid white;border-left:2px solid white}.box-icon:after{content:"";position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;border-bottom:2px solid white;border-right:2px solid white}.box-icon svg{width:16px;height:16px;color:var(--cyber-950)}.box-title{font-family:var(--font-cyber);font-size:.8rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:var(--tracking-cyber);text-shadow:var(--text-glow-cyan)}.settings-box{background:#070a12f2}.setting-item{padding:var(--space-3);background:#00f0ff08;border-radius:var(--radius-sm);border:1px solid rgba(0,240,255,.08);transition:all var(--transition-fast)}.setting-item:hover{background:#00f0ff0f;border-color:#00f0ff26}.checkbox-label{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.checkbox-input{width:16px;height:16px;cursor:pointer;accent-color:var(--neon-cyan-500);margin:0;flex-shrink:0}.checkbox-text{font-family:var(--font-display);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.sidebar-section{margin-bottom:var(--space-4)}.sidebar-section:last-child{margin-bottom:0}.sidebar-section-title{font-family:var(--font-tech);font-size:.65rem;font-weight:var(--weight-semibold);color:var(--neon-cyan-500);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-2);padding-left:var(--space-1);border-left:2px solid var(--neon-cyan-500);text-shadow:0 0 8px rgba(0,240,255,.3)}@media(min-width:1600px){.sidebar{gap:var(--space-5)}.info-box,.box{padding:var(--space-6);border-radius:var(--radius-lg)}.info-box h3,.box h2,.box-title{font-size:.85rem}.box-icon{width:40px;height:40px}.box-icon svg{width:18px;height:18px}.sidebar-section-title{font-size:.7rem}}@media(max-width:1200px){.sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}}@media(max-width:768px){.info-box,.box{padding:var(--space-4);border-radius:var(--radius-sm)}.info-box h3,.box h2,.box-title{font-size:.75rem}.box-icon{width:32px;height:32px}.box-icon svg{width:14px;height:14px}.setting-item{padding:var(--space-3)}}@media(max-width:480px){.sidebar{grid-template-columns:1fr}.info-box,.box{padding:var(--space-4)}.info-box h3,.box h2,.box-title{font-size:.7rem}.box-header{gap:var(--space-2)}.box-icon{width:28px;height:28px}.box-icon svg{width:12px;height:12px}.setting-item{padding:var(--space-2)}.checkbox-input{width:14px;height:14px}.checkbox-text{font-size:var(--text-xs)}.sidebar-section-title{font-size:.6rem}}.video-player-section{position:relative;background:#070a12f2;backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border-radius:0!important;overflow:hidden;box-shadow:var(--shadow-2xl),var(--shadow-glow-sm);transition:all var(--transition-moderate)}.video-player-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 5%,var(--neon-cyan-500) 50%,transparent 95%);z-index:10}.video-player-section:after{content:"";position:absolute;top:-1px;right:-1px;width:20px;height:20px;border-top:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500);z-index:10;pointer-events:none}.video-player-section:hover{border-color:#00f0ff4d;box-shadow:var(--shadow-2xl),0 0 30px #00f0ff26}.video-player{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;cursor:default;overflow:hidden;outline:none}.video-player:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.video-player.no-video{cursor:default}.player-wrapper{position:relative;width:100%;height:100%}video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.video-preview-overlay{position:absolute;inset:0;z-index:5;cursor:default}.video-preview-overlay img{width:100%;height:100%;object-fit:cover}.video-gradient-top{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .3s ease}.video-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .3s ease}.video-player.show-controls .video-gradient-top,.video-player.show-controls .video-gradient-bottom,.video-player.is-paused:hover .video-gradient-top,.video-player.is-paused:hover .video-gradient-bottom{opacity:1}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-6);background:linear-gradient(145deg,#03050a,#0a0f1a,#05080f);z-index:5}.video-placeholder:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}.placeholder-icon{position:relative;width:100px;height:100px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.placeholder-icon:before{content:"";position:absolute;top:-1px;left:-1px;width:12px;height:12px;border-top:2px solid var(--neon-cyan-500);border-left:2px solid var(--neon-cyan-500)}.placeholder-icon:after{content:"";position:absolute;bottom:-1px;right:-1px;width:12px;height:12px;border-bottom:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500)}.placeholder-icon svg{width:44px;height:44px;color:var(--neon-cyan-500);margin-left:6px;filter:drop-shadow(0 0 10px rgba(0,240,255,.5))}.placeholder-rings{position:absolute;inset:0;pointer-events:none}.placeholder-rings .ring{position:absolute;inset:0;border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-sm);animation:ringExpand 3s ease-out infinite}.ring-1{animation-delay:0s}.ring-2{animation-delay:1s}.ring-3{animation-delay:2s}@keyframes ringExpand{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}.placeholder-text{text-align:center;position:relative;z-index:1}.placeholder-text h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--neon-cyan-400);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2);text-shadow:0 0 20px rgba(0,240,255,.3)}.placeholder-text p{font-size:var(--text-base);color:#ffffff80}.placeholder-shortcuts{display:flex;gap:var(--space-6);margin-top:var(--space-4);position:relative;z-index:1}.placeholder-shortcuts span{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#fff6}.placeholder-shortcuts kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 var(--space-2);background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-xs);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--neon-cyan-400)}.buffering-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}.buffer-spinner{width:60px;height:60px;filter:drop-shadow(0 0 15px rgba(0,240,255,.5))}.buffer-spinner svg{width:100%;height:100%;animation:bufferSpin 1s linear infinite}.buffer-spinner circle{stroke:var(--neon-cyan-500);stroke-dasharray:80;stroke-dashoffset:60}@keyframes bufferSpin{to{transform:rotate(360deg)}}.action-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;animation:feedbackPop .4s ease-out;pointer-events:none}@keyframes feedbackPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.feedback-content{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#070a12e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-sm);box-shadow:0 0 20px #00f0ff33}.feedback-content svg{width:28px;height:28px;color:var(--neon-cyan-400);filter:drop-shadow(0 0 8px rgba(0,240,255,.5))}.feedback-text{font-size:var(--text-xl);font-weight:var(--weight-bold);font-family:var(--font-mono);color:var(--neon-cyan-400);text-shadow:0 0 10px rgba(0,240,255,.5)}.feedback-volume{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.feedback-volume svg{width:32px;height:32px}.feedback-volume span{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--neon-cyan-400)}.feedback-mute svg{width:36px;height:36px;color:var(--neon-cyan-400)}.center-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;z-index:15;padding:0;opacity:1;transition:opacity .2s ease}.center-play-btn.is-playing{opacity:0;pointer-events:none}.center-play-btn.is-paused{opacity:1;pointer-events:auto}.center-play-btn .play-btn-inner{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#070a12e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-sm);box-shadow:0 0 20px #00f0ff33}.play-btn-bg{display:none}.center-play-btn svg{width:28px;height:28px;color:var(--neon-cyan-400);filter:drop-shadow(0 0 8px rgba(0,240,255,.5));margin-left:2px}.player-controls{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);opacity:0;transform:translateY(10px);transition:all .3s ease;z-index:20}.player-controls.visible{opacity:1;transform:translateY(0)}.progress-container{position:relative;height:24px;display:flex;align-items:center;cursor:pointer;padding:8px 0}.progress-bar{position:relative;width:100%;height:4px;background:#00f0ff1a;border-radius:0;transition:height .1s ease}.progress-container:hover .progress-bar{height:6px}.progress-buffered{position:absolute;top:0;left:0;height:100%;background:#00f0ff33;border-radius:0;transition:width .1s linear}.progress-played{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--neon-cyan-600),var(--neon-cyan-400));border-radius:0;box-shadow:0 0 10px #00f0ff80}.progress-handle{position:absolute;right:-6px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:12px;background:var(--neon-cyan-400);border-radius:var(--radius-xs);box-shadow:0 0 12px #00f0ff99;transition:transform .1s ease}.progress-container:hover .progress-handle{transform:translateY(-50%) scale(1)}.progress-hover{position:absolute;top:-8px;transform:translate(-50%);pointer-events:none}.progress-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);background:#070a12f2;border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-xs);font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-mono);color:var(--neon-cyan-400);white-space:nowrap;margin-bottom:var(--space-2)}.controls-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.controls-left,.controls-right{display:flex;align-items:center;gap:var(--space-1)}.control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#070a12b3;border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-sm);color:#ffffffe6;cursor:pointer;transition:all .15s ease;flex-shrink:0}.control-btn:hover{background:#070a12e6;border-color:#00f0ff66;color:var(--neon-cyan-400)}.control-btn:active{transform:scale(.95)}.control-btn svg{width:18px;height:18px;transition:filter .15s ease}.control-btn:hover svg{filter:drop-shadow(0 0 6px rgba(0,240,255,.5))}.volume-control{display:flex;align-items:center;position:relative}.volume-slider-wrapper{width:0;overflow:hidden;transition:width .2s ease}.volume-control.expanded .volume-slider-wrapper{width:80px;margin-left:var(--space-1)}.volume-slider{width:72px;height:4px;background:#00f0ff26;border-radius:0;cursor:pointer;position:relative}.volume-level{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--neon-cyan-600),var(--neon-cyan-400));border-radius:0;box-shadow:0 0 8px #00f0ff66}.volume-handle{position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:var(--neon-cyan-400);border-radius:var(--radius-xs);box-shadow:0 0 8px #00f0ff80}.time-display{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-mono);color:var(--neon-cyan-400);padding:0 var(--space-2);white-space:nowrap;text-shadow:0 0 8px rgba(0,240,255,.3)}.time-separator{color:#00f0ff66}.time-duration{color:#fff9}.speed-control{position:relative}.control-btn.speed-btn{min-width:48px;padding:0 var(--space-2)}.control-btn.speed-btn span{font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:var(--font-mono)}.speed-menu{position:absolute;bottom:calc(100% + var(--space-2));right:0;min-width:140px;background:#1c1c1cfa;border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:0 8px 30px #00000080;animation:menuFadeIn .15s ease;z-index:30}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.speed-menu-title{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--space-1)}.speed-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#fff;cursor:pointer;transition:background .1s ease}.speed-option:hover{background:#ffffff1a}.speed-option.active{color:var(--accent-primary)}.speed-option svg{width:16px;height:16px;color:var(--accent-primary)}.settings-control{position:relative}.control-btn.settings-btn svg{transition:transform .3s ease}.control-btn.settings-btn:hover svg{transform:rotate(45deg)}.settings-menu{position:absolute;bottom:calc(100% + var(--space-2));right:0;min-width:220px;background:#070a12fa;border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-sm);padding:var(--space-2);box-shadow:0 8px 30px #0009,var(--shadow-glow-sm);animation:menuFadeIn .15s ease;z-index:30}.settings-menu:before{content:"";position:absolute;top:-1px;right:-1px;width:10px;height:10px;border-top:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500)}.settings-menu:after{content:"";position:absolute;bottom:-1px;left:-1px;width:10px;height:10px;border-bottom:2px solid var(--neon-cyan-500);border-left:2px solid var(--neon-cyan-500)}.settings-menu-header{padding:var(--space-2) var(--space-3);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--neon-cyan-400);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-bottom:1px solid rgba(0,240,255,.15);margin-bottom:var(--space-2)}.settings-section{margin-bottom:var(--space-2)}.settings-section-title{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:#fff9;text-transform:uppercase;letter-spacing:.05em}.settings-section-title svg{width:14px;height:14px;color:var(--neon-cyan-500)}.settings-options{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.settings-option{padding:var(--space-1) var(--space-2);background:#00f0ff0d;border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);font-family:var(--font-mono);color:#fffc;cursor:pointer;transition:all .15s ease}.settings-option:hover{background:#00f0ff1a;border-color:#00f0ff4d;color:#fff}.settings-option.active{background:#00f0ff26;border-color:var(--neon-cyan-500);color:var(--neon-cyan-400);box-shadow:0 0 10px #00f0ff33}.settings-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.2),transparent);margin:var(--space-2) 0}.settings-action{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#ffffffe6;cursor:pointer;transition:all .15s ease;text-align:left}.settings-action:hover{background:#00f0ff1a;color:var(--neon-cyan-400)}.settings-action svg{width:18px;height:18px;flex-shrink:0}.settings-action kbd{margin-left:auto;padding:var(--space-0-5) var(--space-1-5);background:#00f0ff1a;border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-xs);font-size:var(--text-2xs);font-family:var(--font-mono);color:var(--neon-cyan-400)}.video-info-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:#070a12cc;border-top:1px solid rgba(0,240,255,.1)}.video-title{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.video-title-icon{width:20px;height:20px;color:var(--neon-cyan-500);flex-shrink:0;filter:drop-shadow(0 0 4px rgba(0,240,255,.5))}.video-meta{display:flex;align-items:center;gap:var(--space-4)}.meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-family:var(--font-mono);color:var(--neon-cyan-400)}.meta-item svg{width:16px;height:16px;color:var(--neon-cyan-500)}.video-player.fullscreen{position:fixed;inset:0;z-index:9999;border-radius:0;aspect-ratio:auto}.video-player.fullscreen .player-controls{padding:var(--space-4) var(--space-8)}.video-player.fullscreen .time-display{font-size:var(--text-base)}.video-player.fullscreen .progress-bar{height:5px}.video-player.fullscreen .progress-container:hover .progress-bar{height:8px}.video-player.fullscreen .progress-handle{width:18px;height:18px;right:-9px}.video-player.fullscreen .volume-control.expanded .volume-slider-wrapper{width:100px}.video-player.fullscreen .volume-slider{width:92px;height:5px}.video-player.fullscreen .volume-handle{width:14px;height:14px;right:-7px}@media(min-width:2560px){.video-player-section{border-radius:var(--radius-xl)}.player-controls{padding:var(--space-4) var(--space-5);gap:var(--space-3)}.controls-left,.controls-right{gap:var(--space-1)}.control-btn{width:38px;height:38px}.control-btn svg{width:18px;height:18px}.time-display{font-size:var(--text-sm);padding:0 var(--space-2)}.center-play-btn .play-btn-inner{width:88px;height:88px}.center-play-btn svg{width:40px;height:40px}.progress-container{height:26px;padding:10px 0}.progress-bar{height:5px}.progress-container:hover .progress-bar{height:8px}.progress-handle{width:16px;height:16px;right:-8px}.progress-tooltip{font-size:var(--text-xs);padding:var(--space-1-5) var(--space-2)}.feedback-content{width:88px;height:88px}.feedback-content svg{width:40px;height:40px}.feedback-text{font-size:var(--text-lg)}.video-info-bar{padding:var(--space-4) var(--space-5)}.video-title{font-size:var(--text-base);gap:var(--space-3)}.video-title-icon{width:20px;height:20px}.meta-item{font-size:var(--text-sm);gap:var(--space-2)}.meta-item svg{width:17px;height:17px}.volume-control.expanded .volume-slider-wrapper{width:100px}.volume-slider{width:92px;height:5px}.volume-handle{width:12px;height:12px;right:-6px}.placeholder-icon{width:100px;height:100px}.placeholder-icon svg{width:48px;height:48px}.placeholder-text h3{font-size:var(--text-xl)}.placeholder-text p{font-size:var(--text-sm)}.placeholder-shortcuts{gap:var(--space-6);margin-top:var(--space-4)}.placeholder-shortcuts span{font-size:var(--text-sm)}.placeholder-shortcuts kbd{min-width:30px;height:26px;font-size:var(--text-xs)}.settings-menu{min-width:240px;padding:var(--space-2)}.settings-menu-header{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.settings-section-title,.settings-option{font-size:var(--text-xs);padding:var(--space-1-5) var(--space-2)}.settings-action{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.settings-action svg{width:18px;height:18px}.buffer-spinner{width:60px;height:60px}}@media(min-width:1920px)and (max-width:2559px){.video-player-section{border-radius:var(--radius-3xl)}.player-controls{padding:var(--space-4) var(--space-5);gap:var(--space-2)}.control-btn{width:40px;height:40px}.control-btn svg{width:20px;height:20px}.time-display{font-size:var(--text-base)}.center-play-btn .play-btn-inner{width:100px;height:100px}.center-play-btn svg{width:48px;height:48px}.progress-handle{width:16px;height:16px;right:-8px}.feedback-content{width:100px;height:100px}.feedback-content svg{width:48px;height:48px}.video-info-bar{padding:var(--space-5) var(--space-6)}.video-title{font-size:var(--text-lg)}.placeholder-icon{width:120px;height:120px}.placeholder-icon svg{width:56px;height:56px}.placeholder-text h3{font-size:var(--text-2xl)}}@media(min-width:1200px)and (max-width:1600px){.control-btn{width:40px;height:40px}.control-btn svg{width:22px;height:22px}.control-btn.play-pause-btn{width:44px;height:44px}.control-btn.play-pause-btn svg{width:26px;height:26px}}@media(max-width:1200px){.video-player-section{border-radius:var(--radius-xl)}.player-controls{padding:var(--space-3)}.control-btn{width:34px;height:34px}.control-btn svg{width:16px;height:16px}.volume-control.expanded .volume-slider-wrapper{width:60px}.volume-slider{width:52px}.time-display{font-size:var(--text-xs)}.center-play-btn .play-btn-inner{width:70px;height:70px}.center-play-btn svg{width:36px;height:36px}.feedback-content{width:70px;height:70px}.feedback-content svg{width:36px;height:36px}.placeholder-shortcuts{flex-wrap:wrap;justify-content:center;gap:var(--space-4)}}@media(max-width:768px){.video-player-section{border-radius:var(--radius-lg)}.player-controls{padding:var(--space-2) var(--space-3)}.control-btn{width:32px;height:32px}.control-btn svg{width:16px;height:16px}.volume-slider-wrapper{display:none}.time-display{font-size:var(--text-2xs);padding:0 var(--space-1)}.settings-menu{min-width:180px}.settings-option{font-size:var(--text-2xs);padding:var(--space-0-5) var(--space-1-5)}.center-play-btn .play-btn-inner{width:56px;height:56px}.center-play-btn svg{width:28px;height:28px}.feedback-content{width:60px;height:60px}.feedback-content svg{width:32px;height:32px}.video-info-bar{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3)}.video-title{font-size:var(--text-sm)}.video-meta{font-size:var(--text-xs)}.placeholder-icon{width:80px;height:80px}.placeholder-icon svg{width:36px;height:36px}.placeholder-text h3{font-size:var(--text-lg)}.placeholder-text p{font-size:var(--text-sm)}.placeholder-shortcuts{display:none}}@media(max-width:480px){.video-player-section{border-radius:0}.video-player-section:before,.video-player-section:after{display:none}.player-controls{padding:var(--space-2);gap:var(--space-1)}.progress-container{height:20px;padding:6px 0}.progress-bar{height:3px}.progress-container:hover .progress-bar{height:4px}.progress-handle{width:10px;height:10px;right:-5px}.control-btn{width:28px;height:28px}.control-btn svg{width:14px;height:14px}.time-display{font-size:10px;padding:0 var(--space-1);gap:2px}.settings-control{display:none}.center-play-btn .play-btn-inner{width:48px;height:48px}.center-play-btn svg{width:24px;height:24px}.feedback-content{width:52px;height:52px}.feedback-content svg{width:28px;height:28px}.feedback-text{font-size:var(--text-base)}.video-info-bar{padding:var(--space-2)}.video-title{font-size:var(--text-xs);gap:var(--space-2)}.video-title-icon{width:16px;height:16px}.placeholder-icon{width:64px;height:64px}.placeholder-icon svg{width:28px;height:28px}.placeholder-text h3{font-size:var(--text-base)}.placeholder-text p{font-size:var(--text-xs)}}.video-error-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#070a12f2;z-index:25}.video-error-overlay .error-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding:var(--space-6);max-width:320px}.video-error-overlay .error-icon{width:64px;height:64px;color:#ff4757;filter:drop-shadow(0 0 12px rgba(255,71,87,.5))}.video-error-overlay .error-message{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-medium);color:#ffffffe6;line-height:1.5}.video-error-overlay .error-retry-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--neon-cyan-400);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:all .2s ease}.video-error-overlay .error-retry-btn:hover{background:#00f0ff33;border-color:var(--neon-cyan-400);box-shadow:0 0 20px #00f0ff4d}.video-error-overlay .error-retry-btn:active{transform:scale(.98)}@media(max-width:768px){.video-error-overlay .error-icon{width:48px;height:48px}.video-error-overlay .error-message{font-size:var(--text-base)}.video-error-overlay .error-retry-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}}.mobile-tap-zone{display:none}@media(pointer:coarse){.mobile-tap-zone{display:block;position:absolute;top:0;bottom:60px;width:35%;z-index:8;pointer-events:auto}.mobile-tap-zone-left{left:0;border-radius:0 50% 50% 0}.mobile-tap-zone-right{right:0;border-radius:50% 0 0 50%}.tap-feedback{position:fixed;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;pointer-events:none;z-index:20}.mobile-tap-zone-left .tap-feedback{left:15%}.mobile-tap-zone-right .tap-feedback{right:15%}.tap-ripple{display:none}.tap-icon{display:flex;flex-direction:row;align-items:center;gap:6px;animation:tapIconPop .3s ease-out}@keyframes tapIconPop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.tap-icon svg{width:28px;height:28px;color:var(--neon-cyan-400);filter:drop-shadow(0 0 6px rgba(0,240,255,.4))}.tap-icon span{display:block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--neon-cyan-400);filter:drop-shadow(0 0 6px rgba(0,240,255,.4))}.mobile-tap-zone.active{background:none}}@media(pointer:coarse)and (max-width:480px){.mobile-tap-zone{width:30%;bottom:50px}.tap-icon svg{width:24px;height:24px}.tap-icon span{font-size:var(--text-xs)}}.upload-section{position:relative;overflow:hidden}.upload-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,45,149,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,45,149,.02) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;opacity:.5}.upload-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);position:relative;z-index:1}.upload-icon-wrapper{width:32px;height:32px;background:linear-gradient(135deg,var(--neon-magenta-500) 0%,var(--neon-magenta-600) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 0 12px #ff2d954d}.upload-icon-wrapper:before{content:"";position:absolute;top:-2px;left:-2px;width:6px;height:6px;border-top:2px solid white;border-left:2px solid white}.upload-icon-wrapper:after{content:"";position:absolute;bottom:-2px;right:-2px;width:6px;height:6px;border-bottom:2px solid white;border-right:2px solid white}.upload-icon{width:14px;height:14px;color:#fff;position:relative;z-index:1}.upload-header h2{margin:0;font-family:var(--font-cyber);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--tracking-cyber);text-align:center;text-shadow:var(--text-glow-magenta)}.file-input-wrapper{position:relative;width:100%;margin-bottom:var(--space-3)}.file-input-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3);background:#070a12cc;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:2px dashed rgba(255,45,149,.3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.file-input-label:before{content:"";position:absolute;top:-1px;left:-1px;width:16px;height:16px;border-top:2px solid transparent;border-left:2px solid transparent;transition:all var(--transition-normal)}.file-input-label:after{content:"";position:absolute;bottom:-1px;right:-1px;width:16px;height:16px;border-bottom:2px solid transparent;border-right:2px solid transparent;transition:all var(--transition-normal)}.file-input-label:hover{border-color:var(--neon-magenta-500);border-style:solid;background:#ff2d950d;box-shadow:0 0 20px #ff2d951a}.file-input-label:hover:before{border-top-color:var(--neon-magenta-400);border-left-color:var(--neon-magenta-400)}.file-input-label:hover:after{border-bottom-color:var(--neon-magenta-400);border-right-color:var(--neon-magenta-400)}.file-input-wrapper.has-file .file-input-label{border-color:var(--neon-magenta-500);border-style:solid;background:#ff2d9514}.file-input-wrapper.has-file .file-input-label:before{border-top-color:var(--neon-magenta-400);border-left-color:var(--neon-magenta-400)}.file-input-wrapper.has-file .file-input-label:after{border-bottom-color:var(--neon-magenta-400);border-right-color:var(--neon-magenta-400)}.file-input-wrapper.is-uploading .file-input-label{pointer-events:none;opacity:.6}.file-input-wrapper input[type=file]{display:none}.upload-form-fields{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-3)}.upload-form-fields .input-wrapper{margin-bottom:0}.visibility-toggle{background:#070a1299;border:1px solid rgba(255,45,149,.2);border-radius:var(--radius-md);padding:var(--space-3)}.visibility-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.visibility-header svg{width:18px;height:18px;color:var(--neon-magenta-400)}.visibility-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.visibility-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.visibility-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#0000004d;border:2px solid rgba(255,255,255,.1);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);text-align:left}.visibility-option:hover:not(:disabled){border-color:#ff2d9566;background:#ff2d950d}.visibility-option.active{border-color:var(--neon-magenta-500);background:#ff2d951a;box-shadow:0 0 15px #ff2d9533}.visibility-option:disabled{opacity:.5;cursor:not-allowed}.visibility-option svg{width:24px;height:24px;color:var(--text-muted);flex-shrink:0;transition:color var(--transition-normal)}.visibility-option.active svg{color:var(--neon-magenta-400)}.option-text{display:flex;flex-direction:column;gap:2px;min-width:0}.option-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);transition:color var(--transition-normal)}.visibility-option.active .option-title{color:var(--text-primary)}.option-desc{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visibility-option.active .option-desc{color:var(--neon-magenta-400)}.preview-input-wrapper{position:relative}.preview-input-wrapper input[type=file]{display:none}.preview-input-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:#070a1299;border:1px dashed rgba(255,45,149,.3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.preview-input-label:hover{border-color:var(--neon-magenta-500);border-style:solid;background:#ff2d950d}.preview-input-wrapper.has-file .preview-input-label{border-color:var(--neon-magenta-500);border-style:solid;background:#ff2d9514}.preview-input-content{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.preview-input-icon{width:24px;height:24px;flex-shrink:0}.preview-input-icon svg{width:100%;height:100%;color:var(--neon-magenta-400)}.preview-input-text{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-input-wrapper.has-file .preview-input-text{color:var(--neon-magenta-400);font-family:var(--font-mono);font-size:var(--text-xs)}.preview-input-browse{background:linear-gradient(135deg,var(--neon-magenta-500) 0%,var(--neon-magenta-600) 100%);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);font-family:var(--font-cyber);font-size:.6rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-cyber);flex-shrink:0}.file-input-content{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0;position:relative;z-index:1}.file-input-icon-area{width:40px;height:40px;background:#ff2d951a;border:1px solid rgba(255,45,149,.25);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-normal)}.file-input-label:hover .file-input-icon-area{background:#ff2d9526;border-color:var(--neon-magenta-500);box-shadow:0 0 15px #ff2d9533}.cloud-icon,.file-icon{width:18px;height:18px;color:var(--neon-magenta-400);transition:all var(--transition-normal)}.file-input-label:hover .cloud-icon,.file-input-label:hover .file-icon{color:var(--neon-magenta-300)}.file-input-text-area{flex:1;min-width:0}.file-input-text{color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-input-wrapper.has-file .file-input-text{color:var(--neon-magenta-400);font-family:var(--font-mono);font-size:var(--text-xs)}.file-input-hint{color:#ffffff80;font-size:var(--text-xs)}.file-input-wrapper.has-file .file-input-hint{color:var(--neon-magenta-400);opacity:.7}.file-input-browse{background:linear-gradient(135deg,var(--neon-magenta-500) 0%,var(--neon-magenta-600) 100%);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-cyber);font-size:.65rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-cyber);flex-shrink:0;transition:all var(--transition-normal);position:relative;z-index:1;box-shadow:0 0 12px #ff2d954d}.file-input-label:hover .file-input-browse{box-shadow:0 0 25px #ff2d9566}.upload-progress-container{background:#070a12cc;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid rgba(255,45,149,.2);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-3);animation:slideIn .3s var(--ease-out)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upload-progress-container.upload-status-complete{border-color:#00ffaa4d;background:#00ffaa0d}.upload-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.upload-progress-info{display:flex;align-items:center;gap:var(--space-2)}.upload-spinner{width:20px;height:20px}.upload-spinner svg{width:100%;height:100%;color:var(--neon-magenta-400);animation:spin 1s linear infinite}.spinner-path{stroke-linecap:round;stroke:var(--neon-magenta-400)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-check{width:20px;height:20px;color:#0fa;animation:checkPop .4s var(--ease-spring)}.upload-check svg{width:100%;height:100%}@keyframes checkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.upload-progress-text{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--neon-magenta-400)}.upload-status-complete .upload-progress-text{color:#0fa}.upload-progress-percent{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--neon-magenta-400);font-family:var(--font-mono)}.upload-status-complete .upload-progress-percent{color:#0fa}.upload-progress-bar{width:100%;height:4px;background:#ff2d951a;border-radius:0;overflow:hidden;position:relative}.upload-progress-fill{height:100%;background:linear-gradient(90deg,var(--neon-magenta-600),var(--neon-magenta-400));border-radius:0;transition:width .3s ease;position:relative;box-shadow:0 0 10px #ff2d9580}.upload-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.upload-progress-glow{position:absolute;top:-4px;left:0;height:12px;background:linear-gradient(90deg,var(--neon-magenta-500),var(--neon-magenta-400));border-radius:0;filter:blur(8px);opacity:.5;transition:width .3s ease}.upload-status-complete .upload-progress-fill{background:linear-gradient(90deg,#0c8,#0fa);box-shadow:0 0 10px #00ffaa80}.upload-status-complete .upload-progress-glow{background:linear-gradient(90deg,#0c8,#0fa)}.upload-result{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(0,255,170,.2);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.upload-result-label{font-family:var(--font-display);font-size:var(--text-sm);color:#ffffff80;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.upload-result-filename{font-size:var(--text-sm);font-family:var(--font-mono);color:#0fa;background:#00ffaa1a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);border:1px solid rgba(0,255,170,.25);word-break:break-all}.upload-success-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(0,255,170,.2)}.upload-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-normal)}.upload-action-btn svg{width:18px;height:18px}.upload-action-view{background:linear-gradient(135deg,#0fa,#0c8);border:none;color:var(--cyber-950);box-shadow:0 0 20px #00ffaa4d}.upload-action-view:hover{transform:translateY(-2px);box-shadow:0 4px 25px #00ffaa80}.upload-action-another{background:transparent;border:2px solid rgba(255,255,255,.2);color:var(--text-secondary)}.upload-action-another:hover{border-color:var(--neon-magenta-500);color:var(--neon-magenta-400);background:#ff2d951a}.upload-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--neon-magenta-500) 0%,var(--neon-magenta-600) 100%);box-shadow:0 0 20px #ff2d954d}.upload-btn:hover:not(:disabled){box-shadow:0 0 30px #ff2d9566;transform:translateY(-1px)}.upload-btn .btn-content{display:flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;z-index:2;color:#fff}.upload-btn .btn-icon{width:18px;height:18px;transition:transform var(--transition-normal)}.upload-btn:hover:not(:disabled) .btn-icon{transform:translateY(-2px)}.btn-wave-effect{position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);background-size:200% 200%;animation:waveMove 2s ease-in-out infinite;z-index:0}.btn-particles{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:#fffc;border-radius:0;box-shadow:0 0 6px #ffffff80;animation:particleFloat 3s ease-in-out infinite}.particle-1{left:10%;animation-delay:0s;animation-duration:2.5s}.particle-2{left:30%;animation-delay:.5s;animation-duration:3s}.particle-3{left:50%;animation-delay:1s;animation-duration:2.8s}.particle-4{left:70%;animation-delay:.3s;animation-duration:3.2s}.particle-5{left:20%;animation-delay:1.5s;animation-duration:2.7s}.particle-6{left:85%;animation-delay:.8s;animation-duration:2.9s}@keyframes particleFloat{0%{bottom:0;opacity:0;transform:translateY(0) scale(.5)}10%{opacity:1}90%{opacity:1}to{bottom:100%;opacity:0;transform:translateY(-20px) scale(1)}}.btn-circular-progress{width:32px;height:32px;margin-right:var(--space-2);animation:progressRotate 2s linear infinite}@keyframes progressRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-circle{transition:stroke-dasharray .3s ease}.upload-btn.uploading{background:linear-gradient(135deg,var(--neon-magenta-500) 0%,var(--neon-magenta-600) 100%)}.upload-btn.uploading .btn-icon-upload{animation:iconBounce .6s ease-in-out infinite alternate}@keyframes iconBounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.upload-btn.complete{background:linear-gradient(135deg,#0fa,#0c8);box-shadow:0 0 20px #00ffaa4d}.upload-btn.complete:hover:not(:disabled){box-shadow:0 0 30px #0fa6}.upload-btn.complete .btn-content{color:var(--cyber-950)}.btn-icon-success{animation:successCheck .5s var(--ease-spring);color:var(--cyber-950)}@keyframes successCheck{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}.upload-auth-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);text-align:center;min-height:200px}.auth-prompt-icon{width:60px;height:60px;background:#ff2d951a;border:1px solid rgba(255,45,149,.25);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);position:relative}.auth-prompt-icon:before{content:"";position:absolute;top:-2px;left:-2px;width:10px;height:10px;border-top:2px solid var(--neon-magenta-500);border-left:2px solid var(--neon-magenta-500)}.auth-prompt-icon:after{content:"";position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-bottom:2px solid var(--neon-magenta-500);border-right:2px solid var(--neon-magenta-500)}.auth-prompt-icon svg{width:28px;height:28px;color:var(--neon-magenta-400)}.auth-prompt-text{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-5)}.auth-prompt-buttons{display:flex;gap:var(--space-3)}.auth-prompt-buttons a{text-decoration:none}@media(min-width:1600px){.upload-header{margin-bottom:var(--space-4)}.upload-header h2{font-size:var(--text-base)}.upload-icon-wrapper{width:36px;height:36px}.upload-icon{width:16px;height:16px}.file-input-label{padding:var(--space-4)}.file-input-icon-area{width:48px;height:48px}.cloud-icon,.file-icon{width:20px;height:20px}.file-input-text{font-size:var(--text-sm)}.file-input-hint{font-size:var(--text-xs)}.file-input-browse{padding:var(--space-2) var(--space-4);font-size:.7rem}.upload-progress-container{padding:var(--space-4)}.upload-progress-bar{height:4px}.upload-progress-glow{height:12px}.upload-progress-text,.upload-progress-percent{font-size:var(--text-sm)}.btn-circular-progress{width:32px;height:32px}.auth-prompt-icon{width:60px;height:60px}.auth-prompt-icon svg{width:28px;height:28px}.auth-prompt-text{font-size:var(--text-base)}}@media(max-width:768px){.upload-header{margin-bottom:var(--space-5)}.file-input-label{flex-direction:column;padding:var(--space-5);gap:var(--space-4)}.file-input-content{width:100%;justify-content:center;flex-direction:column;text-align:center}.file-input-text-area{text-align:center}.file-input-browse{width:100%;text-align:center}.upload-progress-container{padding:var(--space-4)}.upload-result{flex-direction:column;align-items:flex-start}.btn-circular-progress{width:28px;height:28px}.auth-prompt-icon{width:52px;height:52px}.auth-prompt-icon svg{width:24px;height:24px}}@media(max-width:480px){.upload-header{margin-bottom:var(--space-4)}.upload-header h2{font-size:var(--text-base)}.upload-icon-wrapper{width:32px;height:32px}.upload-icon-wrapper:before,.upload-icon-wrapper:after{width:6px;height:6px}.visibility-options{grid-template-columns:1fr}.visibility-option{padding:var(--space-2)}.visibility-option svg{width:20px;height:20px}.option-title{font-size:var(--text-xs)}.option-desc{font-size:10px}.upload-success-actions{flex-direction:column}.upload-action-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.upload-action-btn svg{width:16px;height:16px}.upload-icon{width:14px;height:14px}.file-input-label{padding:var(--space-4)}.file-input-icon-area{width:40px;height:40px}.cloud-icon,.file-icon{width:18px;height:18px}.file-input-text{font-size:var(--text-sm)}.file-input-hint{font-size:var(--text-xs)}.file-input-browse{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.upload-progress-container{padding:var(--space-4)}.upload-progress-text,.upload-progress-percent{font-size:var(--text-xs)}.upload-progress-bar{height:3px}.upload-result-label,.upload-result-filename{font-size:var(--text-xs)}.btn-circular-progress{width:24px;height:24px}.particle{width:2px;height:2px}.auth-prompt-icon{width:44px;height:44px}.auth-prompt-icon:before,.auth-prompt-icon:after{width:8px;height:8px}.auth-prompt-icon svg{width:20px;height:20px}.auth-prompt-text{font-size:var(--text-sm);margin-bottom:var(--space-4)}.auth-prompt-buttons{flex-direction:column;width:100%}.auth-prompt-buttons .btn{width:100%}}@media(prefers-reduced-motion:reduce){.upload-spinner svg,.btn-circular-progress,.upload-progress-fill:after,.particle,.btn-wave-effect{animation:none}.upload-check{animation:none;opacity:1}.btn-icon-success{animation:none;opacity:1;transform:none}}.stream-section{position:relative;overflow:hidden}.stream-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,240,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.02) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;opacity:.5}.stream-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);position:relative;z-index:1}.stream-title-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.stream-title-group h2{margin:0;font-family:var(--font-cyber);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--tracking-cyber);text-align:center;text-shadow:var(--text-glow-cyan)}.stream-badge{font-family:var(--font-mono);font-size:9px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:2px 6px;background:#00f0ff1a;color:var(--neon-cyan-400);border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-xs)}.stream-icon-wrapper{width:32px;height:32px;background:linear-gradient(135deg,var(--neon-cyan-500) 0%,var(--neon-cyan-600) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 0 12px #00f0ff4d}.stream-icon-wrapper:before{content:"";position:absolute;top:-2px;left:-2px;width:6px;height:6px;border-top:2px solid white;border-left:2px solid white}.stream-icon-wrapper:after{content:"";position:absolute;bottom:-2px;right:-2px;width:6px;height:6px;border-bottom:2px solid white;border-right:2px solid white}.stream-live-indicator{position:absolute;top:-3px;right:-3px;width:10px;height:10px;background:var(--neon-cyan-500);border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card);z-index:1;box-shadow:0 0 6px #00f0ff80}.live-dot{width:3px;height:3px;background:#fff;border-radius:1px;animation:liveDot 1.5s ease-in-out infinite}@keyframes liveDot{0%,to{opacity:1}50%{opacity:.4}}.stream-icon{width:14px;height:14px;color:var(--cyber-950);position:relative;z-index:1}.stream-input-group{margin-bottom:var(--space-3);transition:all var(--transition-normal);position:relative;z-index:1}.stream-input-group.is-loading{opacity:.6;pointer-events:none}.stream-label{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);font-family:var(--font-tech);font-weight:var(--weight-medium);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.stream-label .label-icon{width:16px;height:16px;color:var(--neon-cyan-500)}.stream-input-wrapper{position:relative}.stream-input{width:100%;height:40px;padding:0 var(--space-3);padding-right:36px;background:#070a12cc;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--neon-cyan-400);transition:all var(--transition-normal);outline:none}.stream-input:hover{border-color:#00f0ff66;background:#070a12e6}.stream-input:focus{border-color:var(--neon-cyan-500);box-shadow:0 0 0 3px #00f0ff1a,0 0 20px #00f0ff1a;color:var(--neon-cyan-300)}.stream-input::placeholder{color:#00f0ff4d;font-style:normal}.stream-input:disabled{opacity:.5;cursor:not-allowed}.stream-input-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#00f0ff1a;border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-xs);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.stream-input-wrapper:hover .stream-input-clear,.stream-input-clear:focus{opacity:1}.stream-input-clear svg{width:12px;height:12px;color:var(--neon-cyan-400)}.stream-input-clear:hover{background:#ff2d9533;border-color:#ff2d9566}.stream-input-clear:hover svg{color:var(--neon-magenta-400)}.stream-hint{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-xs);color:#fff6}.stream-hint svg{width:14px;height:14px;flex-shrink:0;color:#00f0ff66}.stream-btn{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--neon-cyan-500) 0%,var(--neon-cyan-600) 100%);box-shadow:0 0 20px #00f0ff4d}.stream-btn:hover:not(:disabled){box-shadow:0 0 30px #00f0ff66;transform:translateY(-1px)}.stream-btn .btn-content{display:flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;z-index:1;color:var(--cyber-950)}.stream-btn .btn-wave-effect{position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);background-size:200% 200%;animation:waveMove 2s ease-in-out infinite}@keyframes waveMove{0%{background-position:-100% -100%}to{background-position:200% 200%}}.btn-signal-waves{position:absolute;top:50%;left:20px;transform:translateY(-50%);display:flex;align-items:center;gap:3px}.signal-wave{width:2px;height:12px;background:var(--cyber-950);border-radius:0;animation:signalWave 1s ease-in-out infinite}.signal-wave-1{animation-delay:0s;height:8px}.signal-wave-2{animation-delay:.15s;height:14px}.signal-wave-3{animation-delay:.3s;height:10px}@keyframes signalWave{0%,to{transform:scaleY(.5);opacity:.5}50%{transform:scaleY(1);opacity:1}}.stream-btn .btn-icon{width:18px;height:18px;transition:all var(--transition-normal);color:var(--cyber-950)}.stream-btn:hover:not(:disabled) .btn-icon{transform:scale(1.1)}.stream-btn .btn-icon-success{animation:successBounce .5s var(--ease-spring)}@keyframes successBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.3)}to{transform:scale(1);opacity:1}}.stream-btn .pulse-icon{animation:iconPulse 1s ease-in-out infinite}@keyframes iconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.stream-btn.streaming{background:linear-gradient(135deg,var(--neon-cyan-500) 0%,var(--neon-cyan-600) 100%)}.stream-btn.ready{background:linear-gradient(135deg,#0fa,#0c8);box-shadow:0 0 20px #00ffaa4d}.stream-btn.ready:hover:not(:disabled){box-shadow:0 0 30px #0fa6}.btn-stream-spinner{width:20px;height:20px;margin-right:var(--space-1)}.btn-stream-spinner svg{width:100%;height:100%;animation:spinnerRotate 1s linear infinite;color:var(--cyber-950)}.btn-stream-spinner .spinner-path{stroke-linecap:round;stroke:var(--cyber-950)}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.stream-status-bar{margin-top:var(--space-3);padding:var(--space-3);background:#070a12cc;backdrop-filter:blur(var(--glass-blur-sm));-webkit-backdrop-filter:blur(var(--glass-blur-sm));border-radius:var(--radius-sm);border:1px solid rgba(0,240,255,.15);animation:statusSlideIn .3s var(--ease-out)}@keyframes statusSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stream-status-bar.ready{border-color:#00ffaa4d;background:#00ffaa0d}.status-bar-content{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--neon-cyan-400);margin-bottom:var(--space-2)}.status-bar-content svg{width:16px;height:16px;color:#0fa}.status-pulse{width:8px;height:8px;background:var(--neon-cyan-500);border-radius:var(--radius-xs);animation:statusPulse 1.5s ease-in-out infinite;box-shadow:0 0 8px #00f0ff80}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.status-bar-progress{height:3px;background:#00f0ff1a;border-radius:0;overflow:hidden}.status-bar-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan-600),var(--neon-cyan-400));border-radius:0;width:0;animation:progressGrow 2s ease-out forwards;box-shadow:0 0 10px #00f0ff80}.status-bar-fill.complete{background:linear-gradient(90deg,#0c8,#0fa);width:100%;animation:none;box-shadow:0 0 10px #00ffaa80}@keyframes progressGrow{0%{width:0}20%{width:30%}50%{width:60%}80%{width:85%}to{width:95%}}@media(min-width:1600px){.stream-header{margin-bottom:var(--space-4)}.stream-title-group h2{font-size:var(--text-base)}.stream-badge{font-size:9px;padding:3px 8px}.stream-icon-wrapper{width:36px;height:36px}.stream-icon{width:16px;height:16px}.stream-live-indicator{width:12px;height:12px;top:-4px;right:-4px}.live-dot{width:4px;height:4px}.stream-label{font-size:.75rem}.stream-label .label-icon{width:16px;height:16px}.stream-input{height:44px;font-size:var(--text-sm);padding-right:44px}.stream-hint{font-size:var(--text-xs)}.stream-hint svg{width:14px;height:14px}.stream-input-clear{width:24px;height:24px}.stream-input-clear svg{width:12px;height:12px}.stream-btn .btn-icon{width:18px;height:18px}.stream-status-bar{padding:var(--space-4)}.status-bar-content{font-size:var(--text-sm)}}@media(max-width:768px){.stream-header{margin-bottom:var(--space-5)}.stream-input{height:44px;font-size:var(--text-xs)}.stream-hint{font-size:var(--text-2xs)}.stream-badge{font-size:9px;padding:2px 6px}.stream-status-bar{padding:var(--space-3)}.status-bar-content{font-size:var(--text-xs)}}@media(max-width:480px){.stream-header{margin-bottom:var(--space-4)}.stream-title-group h2{font-size:var(--text-base)}.stream-icon-wrapper{width:32px;height:32px}.stream-icon-wrapper:before,.stream-icon-wrapper:after{width:6px;height:6px}.stream-icon{width:14px;height:14px}.stream-live-indicator{width:10px;height:10px;top:-3px;right:-3px}.live-dot{width:3px;height:3px}.stream-label{font-size:var(--text-xs)}.stream-label .label-icon{width:14px;height:14px}.stream-input{height:40px;font-size:var(--text-2xs);padding:0 var(--space-3);padding-right:36px}.stream-hint{font-size:10px}.stream-hint svg{width:12px;height:12px}.stream-btn .btn-icon{width:14px;height:14px}.btn-signal-waves{display:none}.stream-input-clear{width:20px;height:20px;right:8px}.stream-input-clear svg{width:10px;height:10px}.stream-status-bar{padding:var(--space-3)}.status-bar-content{font-size:var(--text-2xs)}.status-pulse{width:6px;height:6px}}.toast-container{position:fixed;top:calc(var(--header-height) + var(--space-4));right:var(--space-4);z-index:var(--z-max);display:flex;flex-direction:column;gap:var(--space-3);max-width:420px;width:calc(100% - var(--space-8));pointer-events:none}.toast{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(145deg,#0a0e18fa,#070a12f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006,0 0 0 1px #00f0ff1a,inset 0 1px #ffffff08;pointer-events:auto;overflow:hidden;font-family:var(--font-sans);animation:toastSlideIn .4s var(--ease-spring);transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.toast:before{content:"";position:absolute;top:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 40%,rgba(0,240,255,.08) 100%);clip-path:polygon(100% 0,100% 100%,0 0);pointer-events:none}.toast:after{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,var(--neon-cyan-500) 50%,transparent 100%);opacity:.6;animation:neonPulse 2s ease-in-out infinite;height:12px;border-top:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500)}.toast:focus{outline:none;box-shadow:var(--shadow-2xl),var(--focus-ring)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(120%) scale(.9)}}.toast-exit{animation:toastSlideOut .3s var(--ease-in) forwards}@keyframes toastSpinner{to{transform:rotate(360deg)}}.toast-spinner{animation:toastSpinner 1s linear infinite}@keyframes neonPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes neonGlow{0%,to{box-shadow:0 8px 32px #0006,0 0 20px currentColor}50%{box-shadow:0 8px 32px #0006,0 0 30px currentColor,0 0 60px currentColor}}.toast-icon{width:28px;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid rgba(0,240,255,.2);flex-shrink:0;margin-top:0;position:relative;overflow:hidden}.toast-icon:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-sm);padding:2px;background:linear-gradient(45deg,transparent,currentColor,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.3;animation:rotate 3s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.toast-icon svg{width:16px;height:16px;position:relative;z-index:1;filter:drop-shadow(0 0 4px currentColor)}.toast-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1-5);padding-top:2px}.toast-title{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.toast-message{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);word-break:break-word;font-weight:var(--font-normal)}.toast-close{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:#00f0ff0d;border:1px solid rgba(0,240,255,.15);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s var(--ease-out);flex-shrink:0;margin:-6px -6px -6px 0;position:relative}.toast-close svg{width:16px;height:16px;transition:all .2s var(--ease-out)}.toast-close:hover{background:#00f0ff1f;border-color:#00f0ff80;color:var(--neon-cyan-400);box-shadow:0 0 15px #00f0ff4d}.toast-close:hover svg{filter:drop-shadow(0 0 6px currentColor);transform:rotate(90deg)}.toast-close:active{transform:scale(.9);box-shadow:0 0 10px #00f0ff33}.toast-action{margin-top:var(--space-2);padding:var(--space-1-5) var(--space-4);background:#00f0ff14;border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-sm);color:var(--neon-cyan-400);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);cursor:pointer;transition:all .2s var(--ease-out);align-self:flex-start;position:relative;overflow:hidden}.toast-action:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,240,255,.2),transparent);transform:translate(-100%);transition:transform .4s ease}.toast-action:hover:before{transform:translate(100%)}.toast-action:hover{background:#00f0ff26;border-color:#00f0ff99;color:var(--neon-cyan-300);box-shadow:0 0 15px #00f0ff4d;text-shadow:0 0 8px rgba(0,240,255,.5)}.toast-action:active{transform:scale(.95);box-shadow:0 0 10px #00f0ff33}.toast-progress-custom{position:relative;margin-top:var(--space-2-5);height:6px;background:#00f0ff14;border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-xs);overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.toast-progress-custom-bar{height:100%;background:linear-gradient(90deg,var(--neon-cyan-600),var(--neon-cyan-400),var(--neon-cyan-500));background-size:200% 100%;border-radius:var(--radius-xs);transition:width .3s var(--ease-out);box-shadow:0 0 15px #00f0ff99,inset 0 1px #fff3;position:relative;animation:progressShimmer 2s ease-in-out infinite}@keyframes progressShimmer{0%,to{background-position:0% 0%}50%{background-position:100% 0%}}.toast-progress-text{position:absolute;right:0;top:-20px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neon-cyan-400);font-family:var(--font-mono);text-shadow:0 0 8px rgba(0,240,255,.6);letter-spacing:var(--tracking-wide)}.toast-timer{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0006;overflow:hidden}.toast-timer-bar{height:100%;transition:width .05s linear;position:relative}.toast-timer-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s linear infinite}@keyframes shimmer{to{left:100%}}.toast-paused{transform:scale(1.03)}.toast-paused.toast-success{box-shadow:0 8px 32px #00000080,0 0 40px #00ffaa4d,inset 0 1px #00ffaa26;border-color:#00ffaa80}.toast-paused.toast-error{box-shadow:0 8px 32px #00000080,0 0 40px #ff33664d,inset 0 1px #ff336626;border-color:#f369}.toast-paused.toast-info{box-shadow:0 8px 32px #00000080,0 0 40px #00f0ff4d,inset 0 1px #00f0ff26;border-color:#00f0ff80}.toast-paused.toast-warning{box-shadow:0 8px 32px #00000080,0 0 40px #ffcc004d,inset 0 1px #ffcc0026;border-color:#ffcc0080}.toast-paused.toast-loading{box-shadow:0 8px 32px #00000080,0 0 45px #00f0ff59,inset 0 1px #00f0ff33;border-color:#00f0ff99}.toast-paused .toast-timer-bar{opacity:.4;animation:neonPulse 1s ease-in-out infinite}.toast-success{border-color:#00ffaa4d;background:linear-gradient(145deg,#0a0e18fa,#00281e66);box-shadow:0 8px 32px #00000080,0 0 20px #00ffaa26,inset 0 1px #00ffaa1a}.toast-success:after{background:linear-gradient(180deg,transparent 0%,var(--success-500) 50%,transparent 100%)}.toast-success .toast-icon{background:#00ffaa26;color:var(--success);box-shadow:0 0 12px #00ffaa4d}.toast-success .toast-timer-bar{background:linear-gradient(90deg,var(--success-500),rgba(0,255,170,.6));box-shadow:0 0 10px #00ffaa80}.toast-success .toast-title{color:var(--success);text-shadow:0 0 8px rgba(0,255,170,.4)}.toast-error{border-color:#f366;background:linear-gradient(145deg,#0a0e18fa,#28000f66);box-shadow:0 8px 32px #00000080,0 0 20px #f363,inset 0 1px #ff33661a}.toast-error:after{background:linear-gradient(180deg,transparent 0%,var(--error-500) 50%,transparent 100%)}.toast-error .toast-icon{background:#ff336626;color:var(--error);box-shadow:0 0 12px #f366;animation:neonGlow 2s ease-in-out infinite}.toast-error .toast-timer-bar{background:linear-gradient(90deg,var(--error-500),var(--neon-magenta-500));box-shadow:0 0 10px #f369}.toast-error .toast-title{color:var(--error);text-shadow:0 0 10px rgba(255,51,102,.5)}.toast-info{border-color:#00f0ff4d;background:linear-gradient(145deg,#0a0e18fa,#001e2866);box-shadow:0 8px 32px #00000080,0 0 20px #00f0ff26,inset 0 1px #00f0ff1a}.toast-info:after{background:linear-gradient(180deg,transparent 0%,var(--neon-cyan-500) 50%,transparent 100%)}.toast-info .toast-icon{background:#00f0ff26;color:var(--info);box-shadow:0 0 12px #00f0ff4d}.toast-info .toast-timer-bar{background:linear-gradient(90deg,var(--neon-cyan-500),var(--neon-cyan-400));box-shadow:0 0 10px #00f0ff80}.toast-info .toast-title{color:var(--info);text-shadow:0 0 8px rgba(0,240,255,.4)}.toast-warning{border-color:#ffcc004d;background:linear-gradient(145deg,#0a0e18fa,#281e0066);box-shadow:0 8px 32px #00000080,0 0 20px #ffcc0026,inset 0 1px #ffcc001a}.toast-warning:after{background:linear-gradient(180deg,transparent 0%,var(--warning-500) 50%,transparent 100%)}.toast-warning .toast-icon{background:#ffcc0026;color:var(--warning);box-shadow:0 0 12px #ffcc004d}.toast-warning .toast-timer-bar{background:linear-gradient(90deg,var(--warning-500),rgba(255,204,0,.6));box-shadow:0 0 10px #ffcc0080}.toast-warning .toast-title{color:var(--warning);text-shadow:0 0 8px rgba(255,204,0,.4)}.toast-loading{border-color:#00f0ff59;background:linear-gradient(145deg,#0a0e18fa,#001e2880);box-shadow:0 8px 32px #00000080,0 0 25px #00f0ff33,inset 0 1px #00f0ff26;animation:toastSlideIn .4s var(--ease-spring),neonGlow 2s ease-in-out infinite}.toast-loading:after{background:linear-gradient(180deg,transparent 0%,var(--neon-cyan-500) 50%,transparent 100%);animation:neonPulse 1.5s ease-in-out infinite}.toast-loading .toast-icon{background:#00f0ff26;color:var(--neon-cyan-400);box-shadow:0 0 15px #00f0ff66}.toast-loading .toast-title{color:var(--neon-cyan-400);text-shadow:0 0 10px rgba(0,240,255,.5)}.toast-loading .toast-timer-bar{background:linear-gradient(90deg,var(--neon-cyan-500),var(--neon-cyan-400));box-shadow:0 0 15px #00f0ff99}@media(min-width:1600px){.toast-container{top:calc(var(--header-height) + var(--space-5));right:var(--space-5);max-width:400px;gap:var(--space-3)}.toast{padding:var(--space-4);gap:var(--space-3);border-radius:var(--radius-md)}.toast-icon{width:24px;height:24px;min-width:24px}.toast-icon svg{width:14px;height:14px}.toast-title{font-size:.8rem}.toast-message{font-size:var(--text-sm)}.toast-close{width:28px;height:28px}.toast-close svg{width:16px;height:16px}.toast-action{font-size:.65rem}}@media(max-width:768px){.toast-container{top:auto;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);max-width:none}.toast{padding:var(--space-3) var(--space-4)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(100%) scale(.95)}}}@media(max-width:480px){.toast-container{bottom:var(--space-3);left:var(--space-3);right:var(--space-3);gap:var(--space-2)}.toast{padding:var(--space-3);gap:var(--space-2);border-radius:var(--radius-lg)}.toast-icon{width:20px;height:20px;min-width:20px}.toast-icon svg{width:12px;height:12px}.toast-title,.toast-message{font-size:var(--text-xs)}.toast-close{width:24px;height:24px;min-width:24px}.toast-close svg{width:14px;height:14px}.toast-action{font-size:var(--text-2xs);padding:var(--space-1) var(--space-2)}}@media(prefers-reduced-motion:reduce){.toast{animation:none;opacity:1}.toast-exit{animation:none;opacity:0}.toast-spinner{animation:none}.toast-timer-bar,.toast-progress-custom-bar{transition:none}}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#03050ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:modalOverlayIn .15s ease-out}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;width:100%;max-width:420px;max-height:calc(100vh - var(--space-8));background:#070a12f2;backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-md);box-shadow:var(--shadow-2xl),var(--shadow-glow);overflow:hidden;animation:modalIn .18s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan-500) 20%,var(--neon-cyan-500) 80%,transparent 100%);opacity:.8;box-shadow:0 0 20px var(--neon-cyan-500)}.modal-content:after{content:"";position:absolute;top:-1px;right:-1px;width:20px;height:20px;border-top:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500)}.modal-close{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;border:1px solid rgba(255,45,149,.4);background:#ff2d951a;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--neon-magenta-400);transition:all var(--transition-normal);z-index:10}.modal-close:before{content:"";position:absolute;top:-1px;left:-1px;width:6px;height:6px;border-top:2px solid var(--neon-magenta-500);border-left:2px solid var(--neon-magenta-500)}.modal-close:after{content:"";position:absolute;bottom:-1px;right:-1px;width:6px;height:6px;border-bottom:2px solid var(--neon-magenta-500);border-right:2px solid var(--neon-magenta-500)}.modal-close:hover{background:#ff2d9533;border-color:var(--neon-magenta-500);color:var(--neon-magenta-300);box-shadow:0 0 20px #ff2d954d;transform:scale(1.05)}.modal-close:active{transform:scale(.95)}.modal-close svg{width:18px;height:18px}.modal-title{font-family:var(--font-cyber);font-size:.85rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0;padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(0,240,255,.1);display:flex;align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-cyber);text-shadow:var(--text-glow-cyan)}.modal-title:before{content:"";width:3px;height:16px;background:linear-gradient(180deg,var(--neon-cyan-500) 0%,var(--neon-cyan-600) 100%);border-radius:1px;flex-shrink:0;box-shadow:0 0 8px var(--neon-cyan-500)}.modal-body{padding:var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);overflow-y:auto;max-height:calc(100vh - 200px)}.modal-body p{margin:0;font-family:var(--font-display)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:#00f0ff05;border-top:1px solid rgba(0,240,255,.1)}.modal-actions .btn{position:relative;min-width:100px;height:var(--btn-height-md);font-family:var(--font-cyber);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-cyber);padding:0 var(--space-3)}.modal-actions .btn-ghost{background:transparent;border:1px solid rgba(0,240,255,.2);color:var(--text-secondary);text-shadow:0 0 5px rgba(0,240,255,.1)}.modal-actions .btn-ghost:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--neon-cyan-500);border-left:2px solid var(--neon-cyan-500);opacity:.6;z-index:var(--z-raised)}.modal-actions .btn-ghost:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500);opacity:.6;z-index:var(--z-raised)}.modal-actions .btn-ghost:hover:not(:disabled){background:#00f0ff14;border-color:#00f0ff66;color:var(--neon-cyan-400)}.modal-actions .btn-ghost:hover:before,.modal-actions .btn-ghost:hover:after{opacity:1}.modal-actions .btn-primary{background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);color:var(--neon-cyan-400);box-shadow:var(--shadow-glow-sm);text-shadow:0 0 10px rgba(0,240,255,.3)}.modal-actions .btn-primary:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--neon-cyan-500);border-left:2px solid var(--neon-cyan-500);z-index:var(--z-raised)}.modal-actions .btn-primary:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500);z-index:var(--z-raised)}.modal-actions .btn-primary:hover:not(:disabled){background:#00f0ff26;border-color:#00f0ff80;color:var(--neon-cyan-300);box-shadow:var(--shadow-glow)}.modal-actions .btn-danger{background:transparent;border:1px solid rgba(255,45,149,.3);color:var(--neon-magenta-500);box-shadow:0 0 15px #ff2d9533;text-shadow:0 0 10px rgba(255,45,149,.3)}.modal-actions .btn-danger:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--neon-magenta-500);border-left:2px solid var(--neon-magenta-500);z-index:var(--z-raised)}.modal-actions .btn-danger:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--neon-magenta-500);border-right:2px solid var(--neon-magenta-500);z-index:var(--z-raised)}.modal-actions .btn-danger:hover:not(:disabled){background:#ff2d951a;border-color:#ff2d9580;box-shadow:var(--shadow-magenta)}.modal-sm .modal-content{max-width:360px}.modal-lg .modal-content{max-width:560px}.modal-xl .modal-content{max-width:720px}.modal-icon{width:56px;height:56px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-sm);position:relative}.modal-icon:before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;border-top:2px solid var(--neon-cyan-500);border-left:2px solid var(--neon-cyan-500)}.modal-icon:after{content:"";position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-bottom:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500)}.modal-icon svg{width:var(--icon-xl);height:var(--icon-xl);color:var(--neon-cyan-400);filter:drop-shadow(0 0 8px rgba(0,240,255,.4))}.modal-icon.warning{background:#ffcc0014;border-color:#ffcc0040}.modal-icon.warning:before,.modal-icon.warning:after{border-color:var(--warning)}.modal-icon.warning svg{color:var(--warning);filter:drop-shadow(0 0 8px rgba(255,204,0,.4))}.modal-icon.danger{background:#ff2d9514;border-color:#ff2d9540}.modal-icon.danger:before,.modal-icon.danger:after{border-color:var(--neon-magenta-500)}.modal-icon.danger svg{color:var(--neon-magenta-400);filter:drop-shadow(0 0 8px rgba(255,45,149,.4))}.modal-icon.success{background:#00ffaa14;border-color:#00ffaa40}.modal-icon.success:before,.modal-icon.success:after{border-color:var(--success)}.modal-icon.success svg{color:var(--success);filter:drop-shadow(0 0 8px rgba(0,255,170,.4))}@media(min-width:1600px){.modal-content{max-width:440px;border-radius:var(--radius-lg)}.modal-title{font-size:.9rem;padding:var(--space-4) var(--space-6)}.modal-body{padding:var(--space-6);font-size:var(--text-sm)}.modal-actions{padding:var(--space-4) var(--space-6);gap:var(--space-3)}.modal-actions .btn{font-size:.75rem}.modal-icon{width:60px;height:60px}}@media(max-width:640px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:none;max-height:85vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:modalSlideUp .3s var(--ease-spring)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-close{width:32px;height:32px}.modal-close svg{width:16px;height:16px}.modal-title{font-size:.75rem;padding:var(--space-3) var(--space-4)}.modal-title:before{height:14px}.modal-body{padding:var(--space-4);max-height:60vh;font-size:var(--text-sm)}.modal-actions{flex-direction:column-reverse;padding:var(--space-4);gap:var(--space-2)}.modal-actions .btn{width:100%;min-width:auto}.modal-icon{width:48px;height:48px}.modal-icon svg{width:var(--icon-lg);height:var(--icon-lg)}}@media(max-width:480px){.modal-close{top:var(--space-2);right:var(--space-2);width:28px;height:28px}.modal-close svg{width:14px;height:14px}.modal-title{font-size:.7rem;padding:var(--space-3)}.modal-title:before{width:2px;height:12px}.modal-body{padding:var(--space-3);font-size:var(--text-xs)}.modal-actions{padding:var(--space-3)}.modal-actions .btn{font-size:.65rem}.modal-icon{width:44px;height:44px}.modal-icon svg{width:22px;height:22px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);position:relative;overflow:hidden}.auth-card{position:relative;width:100%;max-width:440px;background:#070a12f2;backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-2xl),var(--shadow-glow);z-index:1}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan-500) 20%,var(--neon-cyan-500) 80%,transparent 100%);opacity:.8;box-shadow:0 0 20px var(--neon-cyan-500)}.auth-card-register{max-width:480px}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-logo{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.auth-logo-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--neon-cyan-500) 0%,var(--neon-cyan-600) 100%);border-radius:var(--radius-sm);color:var(--cyber-950);box-shadow:var(--shadow-glow)}.auth-logo-icon svg{width:22px;height:22px}.auth-logo-text{font-family:var(--font-cyber);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-cyber);text-transform:uppercase;text-shadow:var(--text-glow-cyan)}.auth-streaming-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--neon-cyan-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.auth-title{font-family:var(--font-cyber);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-btn{width:100%;margin-top:var(--space-2)}.auth-footer{margin-top:var(--space-6);text-align:center}.auth-link{font-size:var(--text-sm);color:var(--text-muted)}.auth-link a{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--neon-cyan-400);font-weight:var(--weight-medium)}.auth-link a:hover{color:var(--neon-cyan-300)}.link-icon{width:16px;height:16px}.avatar-upload-section{display:flex;flex-direction:column;gap:var(--space-2)}.avatar-upload-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.avatar-upload-container{display:flex;align-items:center;gap:var(--space-4)}.avatar-preview{width:80px;height:80px;border-radius:50%;background:#00f0ff0d;border:2px dashed rgba(0,240,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);overflow:hidden;flex-shrink:0}.avatar-preview:hover{border-color:var(--neon-cyan-500);background:#00f0ff1a;box-shadow:0 0 20px #00f0ff33}.avatar-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-preview svg{width:32px;height:32px;color:var(--text-muted)}.avatar-upload-actions{display:flex;flex-direction:column;gap:var(--space-2)}.avatar-upload-btn,.avatar-remove-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-normal)}.avatar-upload-btn{background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);color:var(--neon-cyan-400)}.avatar-upload-btn:hover{background:#00f0ff33;border-color:var(--neon-cyan-500);box-shadow:0 0 15px #00f0ff33}.avatar-upload-btn svg,.avatar-remove-btn svg{width:14px;height:14px}.avatar-remove-btn{background:#ff2d951a;border:1px solid rgba(255,45,149,.3);color:var(--neon-magenta-400)}.avatar-remove-btn:hover{background:#ff2d9533;border-color:var(--neon-magenta-500);box-shadow:0 0 15px #ff2d9533}.auth-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:#03050ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth-modal{position:relative;width:100%;max-width:440px;max-height:calc(100vh - var(--space-8));background:#070a12f2;backdrop-filter:blur(var(--glass-blur-lg));-webkit-backdrop-filter:blur(var(--glass-blur-lg));border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-2xl),var(--shadow-glow)}.auth-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan-500) 20%,var(--neon-cyan-500) 80%,transparent 100%);opacity:.8;box-shadow:0 0 20px var(--neon-cyan-500)}.auth-modal:after{content:"";position:absolute;top:-1px;right:-1px;width:24px;height:24px;border-top:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500)}.auth-modal-orb{position:absolute;border-radius:var(--radius-full);pointer-events:none;filter:blur(80px);z-index:0}.auth-modal-orb-1{width:200px;height:200px;background:radial-gradient(circle,rgba(0,240,255,.12) 0%,transparent 70%);top:-80px;right:-60px}.auth-modal-orb-2{width:180px;height:180px;background:radial-gradient(circle,rgba(157,78,221,.08) 0%,transparent 70%);bottom:-60px;left:-40px}.auth-modal-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:var(--radius-md);z-index:0}.auth-modal-particles span{position:absolute;width:1px;height:1px;background:var(--neon-cyan-500);box-shadow:0 0 4px var(--neon-cyan-500)}.auth-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);width:40px;height:40px;border:1px solid rgba(255,45,149,.4);background:#ff2d951a;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--neon-magenta-400);transition:all var(--transition-normal);z-index:10}.auth-modal-close:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--neon-magenta-500);border-left:2px solid var(--neon-magenta-500)}.auth-modal-close:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--neon-magenta-500);border-right:2px solid var(--neon-magenta-500)}.auth-modal-close:hover{background:#ff2d9533;border-color:var(--neon-magenta-500);color:var(--neon-magenta-300);box-shadow:0 0 20px #ff2d954d;transform:scale(1.05)}.auth-modal-close:active{transform:scale(.95)}.auth-modal-close svg{width:20px;height:20px}.auth-modal-header{position:relative;z-index:1;padding:var(--space-6) var(--space-7) 0;text-align:center}.auth-modal-logo{display:inline-flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.auth-modal-logo-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--neon-cyan-500) 0%,var(--neon-cyan-600) 100%);border-radius:var(--radius-sm);color:var(--cyber-950);box-shadow:var(--shadow-glow);position:relative}.auth-modal-logo-icon:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-top:8px solid rgba(7,10,18,.95);border-left:8px solid transparent}.auth-modal-logo-icon svg{width:22px;height:22px}.auth-modal-logo-text{font-family:var(--font-cyber);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-cyber);text-transform:uppercase;text-shadow:var(--text-glow-cyan)}.auth-modal-logo-text:first-letter{color:var(--neon-cyan-400);text-shadow:var(--text-glow-cyan-lg)}.auth-modal-tabs{display:flex;gap:var(--space-2);margin:var(--space-4) var(--space-7) 0;padding:var(--space-1);background:#00f0ff08;border-radius:var(--radius-sm);border:1px solid rgba(0,240,255,.15);z-index:1}.auth-modal-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-2-5);border:none;background:transparent;color:var(--text-muted);font-family:var(--font-cyber);font-size:.65rem;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-normal);white-space:nowrap}.auth-modal-tab svg{width:14px;height:14px;flex-shrink:0;transition:transform var(--transition-normal)}.auth-modal-tab:hover:not(.active){color:var(--neon-cyan-400);background:#00f0ff0d}.auth-modal-tab.active{color:var(--cyber-950);background:linear-gradient(135deg,var(--neon-cyan-500) 0%,var(--neon-cyan-600) 100%);box-shadow:var(--shadow-glow-sm)}.auth-modal-tab-indicator{display:none}.auth-modal-content{position:relative;z-index:1;padding:var(--space-5) var(--space-7) var(--space-7);overflow-y:auto;max-height:calc(100vh - 280px)}.auth-modal-form-header{text-align:center;margin-bottom:var(--space-4)}.auth-modal-form-header h2{font-family:var(--font-cyber);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;text-shadow:var(--text-glow-cyan);margin:0 0 var(--space-1)}.auth-modal-form-header p{font-family:var(--font-tech);font-size:var(--text-sm);color:var(--neon-cyan-400);letter-spacing:.02em;margin:0}.auth-modal-form{display:flex;flex-direction:column;gap:var(--space-4);animation:authFormIn .3s var(--ease-out)}@keyframes authFormIn{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}.form-label{font-family:var(--font-tech);font-size:.75rem;font-weight:var(--weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:var(--space-2)}.label-spinner{width:14px;height:14px}.form-input{width:100%;height:var(--input-height-md);padding:0 var(--space-4);background:#00f0ff08;border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-sm);color:var(--neon-cyan-300);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:.02em;transition:all var(--transition-normal)}.form-input::placeholder{color:var(--text-muted)}.form-input:hover{border-color:#00f0ff4d;background:#00f0ff0d}.form-input:focus{border-color:var(--neon-cyan-500);background:#00f0ff0d;box-shadow:var(--focus-ring)}.form-input.error{border-color:var(--neon-magenta-500);background:#ff2d950d}.form-input.error:focus{box-shadow:0 0 0 2px #ff2d9533,var(--shadow-magenta)}.form-row{display:flex;gap:var(--space-4)}.form-row>*{flex:1}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);z-index:2}.input-wrapper .input-icon svg{width:100%;height:100%}.input-wrapper.has-icon .form-input{padding-left:var(--space-10)}.input-wrapper:focus-within .input-icon{color:var(--accent-primary)}.input-wrapper:hover .input-icon{color:var(--text-secondary)}.input-wrapper.has-toggle .form-input{padding-right:var(--space-12)}.password-toggle-btn{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);z-index:2}.password-toggle-btn:hover{color:var(--neon-cyan-400);background:#00f0ff1a}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)}.password-toggle-btn svg{width:18px;height:18px}.input-wrapper:focus-within .password-toggle-btn{color:var(--text-secondary)}.input-wrapper:focus-within .password-toggle-btn:hover{color:var(--neon-cyan-400)}.input-with-icon{position:relative}.input-with-icon>.input-icon{display:none}.form-select{appearance:none;-webkit-appearance:none;width:100%;height:var(--input-height-md);padding:0 var(--space-10) 0 var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;cursor:pointer;transition:all var(--transition-normal)}.form-select option{background:var(--bg-elevated);color:var(--text-primary);padding:var(--space-3)}.form-error{display:none;align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--error);margin-top:var(--space-1);animation:errorShake .4s ease}.auth-modal-btn{width:100%;height:var(--btn-height-lg);margin-top:var(--space-2);background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-sm);font-family:var(--font-cyber);font-size:.8rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--neon-cyan-400);cursor:pointer;transition:all var(--transition-moderate);position:relative;overflow:visible;box-shadow:var(--shadow-sm);text-shadow:0 0 10px rgba(0,240,255,.3)}.auth-modal-btn:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--neon-cyan-500);border-left:2px solid var(--neon-cyan-500);z-index:var(--z-raised)}.auth-modal-btn:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500);z-index:var(--z-raised)}.auth-modal-btn:hover:not(:disabled){background:#00f0ff26;border-color:#00f0ff80;color:var(--neon-cyan-300);box-shadow:var(--shadow-glow-sm)}.auth-modal-btn:active:not(:disabled){transform:scale(.98);background:#00f0ff33}.auth-modal-btn:disabled{opacity:.5;cursor:not-allowed}.auth-modal-btn .btn-content{display:flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;z-index:1}.auth-modal-btn .btn-icon{width:18px;height:18px;transition:transform var(--transition-normal)}.btn-spinner{width:18px;height:18px;border:2px solid rgba(3,5,10,.3);border-top-color:var(--cyber-950);border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid rgba(0,240,255,.2);border-top-color:var(--neon-cyan-500);border-radius:var(--radius-full);animation:spin .6s linear infinite;box-shadow:0 0 10px #00f0ff4d}.spinner-sm{width:14px;height:14px}.spinner-md{width:20px;height:20px}.spinner-lg{width:28px;height:28px}@media(min-width:1600px){.auth-modal{max-width:420px;border-radius:var(--radius-lg)}.auth-modal-header{padding:var(--space-5) var(--space-6) 0}.auth-modal-logo-icon{width:44px;height:44px}.auth-modal-logo-icon svg{width:22px;height:22px}.auth-modal-logo-text{font-size:var(--text-xl)}.auth-modal-tabs{margin:var(--space-4) var(--space-6) 0}.auth-modal-tab{padding:var(--space-2) var(--space-3);font-size:.7rem}.auth-modal-content{padding:var(--space-4) var(--space-6) var(--space-6)}.auth-modal-form-header h2{font-size:var(--text-lg)}.form-label{font-size:.7rem}.form-input{height:var(--input-height-md);font-size:var(--text-sm);border-radius:var(--radius-md)}.input-with-icon .input-icon{top:calc(var(--text-sm) * 1.5 + var(--space-1) + var(--input-height-md) / 2)}.auth-modal-btn{height:44px;font-size:.8rem;border-radius:var(--radius-md)}}@media(max-width:640px){.auth-modal-overlay{padding:0;align-items:flex-end;background:#000000b3}.auth-modal{max-width:none;max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:authModalSlideUp .3s cubic-bezier(.16,1,.3,1);padding-top:var(--space-2);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0))}.auth-modal:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#fff3;border-radius:2px;z-index:20}.auth-modal:after{display:none}@keyframes authModalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.auth-modal-close{display:none}.auth-modal-header{padding:var(--space-4) var(--space-4) 0}.auth-modal-logo-icon{width:36px;height:36px;border-radius:var(--radius-md)}.auth-modal-logo-icon svg{width:18px;height:18px}.auth-modal-logo-text{font-size:var(--text-lg)}.auth-modal-tabs{margin:var(--space-3) var(--space-4) 0}.auth-modal-tab{padding:var(--space-2-5) var(--space-3);font-size:var(--text-sm)}.auth-modal-content{padding:var(--space-3) var(--space-4) var(--space-4);max-height:calc(85vh - 180px);overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-modal-form-header{margin-bottom:var(--space-3)}.auth-modal-form-header h2{font-size:var(--text-base)}.auth-modal-form-header p{font-size:var(--text-xs)}.auth-modal-form{gap:var(--space-3)}.form-row{flex-direction:column;gap:var(--space-3)}.form-label{font-size:var(--text-xs)}.form-input{height:44px;padding:0 var(--space-3);font-size:var(--text-base);border-radius:var(--radius-md)}.input-wrapper.has-icon .form-input{padding-left:var(--space-10)}.input-wrapper .input-icon{left:var(--space-3)}.input-with-icon .form-input{padding-left:var(--space-9)}.input-with-icon .input-icon{width:16px;height:16px;left:var(--space-2-5);top:calc(var(--text-xs) * 1.5 + var(--space-1) + 22px)}.auth-modal-btn{height:44px;font-size:var(--text-sm);margin-top:var(--space-1);border-radius:var(--radius-md)}.avatar-upload-container{flex-direction:column;align-items:center;gap:var(--space-3)}.avatar-preview{width:72px;height:72px}.avatar-upload-actions{flex-direction:row;gap:var(--space-2)}.avatar-upload-btn,.avatar-remove-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.auth-modal-orb-1,.auth-modal-orb-2,.auth-modal-particles{display:none}}@media(max-width:480px){.auth-modal{max-height:90vh}.auth-modal-header{padding:var(--space-3) var(--space-3) 0}.auth-modal-logo-icon{width:32px;height:32px}.auth-modal-logo-icon svg{width:16px;height:16px}.auth-modal-logo-text{font-size:var(--text-base)}.auth-modal-tabs{margin:var(--space-2) var(--space-3) 0}.auth-modal-tab{padding:var(--space-2) var(--space-2);font-size:var(--text-xs);gap:var(--space-1)}.auth-modal-tab svg{width:14px;height:14px}.auth-modal-content{padding:var(--space-3) var(--space-3) var(--space-4);max-height:calc(90vh - 160px)}.auth-modal-form-header{margin-bottom:var(--space-2)}.auth-modal-form-header h2{font-size:var(--text-sm)}.auth-modal-form{gap:var(--space-2-5)}.form-input{height:40px;font-size:var(--text-sm)}.auth-modal-btn{height:40px;font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-spinner{width:14px;height:14px}.avatar-preview{width:64px;height:64px}.avatar-preview svg{width:28px;height:28px}}.account-page{min-height:calc(100vh - var(--header-height));display:flex;align-items:flex-start;justify-content:center;padding:var(--space-8) var(--space-4);background:var(--bg-primary)}.account-card{position:relative;width:100%;max-width:480px;background:#070a12f2;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(0,240,255,.12);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-xl)}.account-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan-500) 20%,var(--neon-cyan-500) 80%,transparent 100%);opacity:.7}.account-card:after{content:"";position:absolute;top:-1px;right:-1px;width:20px;height:20px;border-top:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500);opacity:.6}.account-close-btn{position:absolute;top:var(--space-3);right:var(--space-3);width:40px;height:40px;border:1px solid rgba(255,45,149,.4);background:#ff2d951a;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--neon-magenta-400);transition:all var(--transition-normal);z-index:10}.account-close-btn:before{content:"";position:absolute;top:-1px;left:-1px;width:8px;height:8px;border-top:2px solid var(--neon-magenta-500);border-left:2px solid var(--neon-magenta-500)}.account-close-btn:after{content:"";position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-bottom:2px solid var(--neon-magenta-500);border-right:2px solid var(--neon-magenta-500)}.account-close-btn:hover{background:#ff2d9533;border-color:var(--neon-magenta-500);color:var(--neon-magenta-300);box-shadow:0 0 20px #ff2d954d}.account-close-btn:active{background:#ff2d9540}.account-close-btn svg{width:20px;height:20px}.account-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid rgba(0,240,255,.08)}.account-avatar{position:relative;width:80px;height:80px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--neon-cyan-600) 0%,var(--neon-cyan-700) 100%);border:1px solid rgba(0,240,255,.3);display:flex;align-items:center;justify-content:center;font-family:"Rajdhani",var(--font-display);font-size:2rem;font-weight:var(--weight-bold);color:var(--bg-primary);box-shadow:var(--shadow-glow-sm);overflow:hidden;transition:all var(--transition-normal)}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-avatar.editable{cursor:pointer}.account-avatar.editable:hover{border-color:var(--neon-cyan-500);box-shadow:var(--shadow-glow)}.avatar-edit-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;opacity:0;transition:opacity var(--transition-fast)}.account-avatar.editable:hover .avatar-edit-overlay{opacity:1}.avatar-edit-overlay svg{width:28px;height:28px;color:var(--neon-cyan-400)}.account-name{text-align:center}.account-name h1{font-family:"Orbitron","Rajdhani",var(--font-display);font-size:1.5rem;font-weight:var(--weight-bold);color:var(--text-primary);margin:0;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 20px rgba(0,240,255,.3)}.account-email{font-family:Share Tech Mono,Rajdhani,monospace;font-size:.9rem;color:var(--neon-cyan-400);letter-spacing:.05em;text-shadow:0 0 10px rgba(0,240,255,.2)}.account-info{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.info-section h2{font-family:"Orbitron","Rajdhani",var(--font-display);font-size:.75rem;font-weight:var(--weight-semibold);color:var(--neon-cyan-500);text-transform:uppercase;letter-spacing:.2em;margin:0 0 var(--space-3) 0;padding-left:var(--space-1);border-left:2px solid var(--neon-cyan-500);text-shadow:0 0 10px rgba(0,240,255,.4)}.info-grid{display:flex;flex-direction:column;gap:var(--space-2)}.info-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-4);background:#00f0ff08;border:1px solid rgba(0,240,255,.08);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.info-label{flex-shrink:0;font-family:Share Tech Mono,Rajdhani,monospace;font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.info-item:hover{background:#00f0ff0d;border-color:#00f0ff26}.info-value{font-family:"Rajdhani",var(--font-display);font-size:1.1rem;font-weight:var(--weight-semibold);color:var(--neon-cyan-300);letter-spacing:.03em}.account-actions{display:flex;gap:var(--space-3)}.account-edit-btn,.account-save-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:var(--radius-sm);color:var(--neon-cyan-400);font-family:"Orbitron","Rajdhani",var(--font-display);font-size:.85rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all var(--transition-fast);text-shadow:0 0 10px rgba(0,240,255,.3)}.account-edit-btn:hover,.account-save-btn:hover:not(:disabled){background:#00f0ff26;border-color:#00f0ff80;color:var(--neon-cyan-300);box-shadow:var(--shadow-glow-sm)}.account-edit-btn svg,.account-save-btn svg{width:18px;height:18px}.account-save-btn:disabled{opacity:.5;cursor:not-allowed}.account-cancel-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);background:transparent;border:1px solid rgba(255,45,149,.3);border-radius:var(--radius-sm);color:var(--neon-magenta-500);font-family:"Orbitron","Rajdhani",var(--font-display);font-size:.85rem;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all var(--transition-fast);text-shadow:0 0 10px rgba(255,45,149,.3)}.account-cancel-btn:hover:not(:disabled){background:#ff2d951a;border-color:#ff2d9580}.account-cancel-btn:disabled{opacity:.4;cursor:not-allowed}.info-edit-field{position:relative;display:flex;flex-direction:column;align-items:flex-end;flex:1 1 auto;max-width:280px}.info-input{width:100%;height:40px;padding:0;background:transparent;border:none;border-bottom:1px solid rgba(0,240,255,.3);border-radius:0;color:var(--neon-cyan-300);font-family:"Rajdhani",var(--font-display);font-size:1.1rem;font-weight:var(--weight-semibold);text-align:right;letter-spacing:.03em;outline:none;transition:border-color var(--transition-fast)}.info-input::placeholder{color:var(--text-muted);font-weight:var(--weight-normal)}.info-input:focus{border-bottom-color:var(--neon-cyan-500)}.info-input-error{border-bottom-color:#f369}.info-input-error:focus{border-bottom-color:var(--neon-magenta-500)}.info-error{position:absolute;top:100%;right:0;margin-top:var(--space-1);font-family:"Rajdhani",var(--font-display);font-size:.875rem;color:var(--error);letter-spacing:var(--tracking-wide);white-space:nowrap}.account-loading,.account-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10);width:100%;max-width:360px;background:#070a12e6;border:1px solid rgba(0,240,255,.1);border-radius:var(--radius-md);text-align:center}.account-loading p{font-family:"Rajdhani",var(--font-display);font-size:1rem;color:var(--text-secondary);margin:0}.account-error svg{width:48px;height:48px;color:var(--neon-magenta-500);opacity:.6}.account-error p{font-family:"Rajdhani",var(--font-display);font-size:1rem;color:var(--text-secondary);margin:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.account-skeleton .skeleton-line,.account-skeleton .skeleton-avatar,.account-skeleton .skeleton-button{background:linear-gradient(90deg,#00f0ff0d,#00f0ff26,#00f0ff0d);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-xs)}.account-skeleton .skeleton-avatar{background:linear-gradient(135deg,#00f0ff14,#00f0ff26,#00f0ff14);background-size:200% 100%;animation:shimmer 1.5s infinite}.account-skeleton .skeleton-line{height:16px}.account-skeleton .skeleton-title{width:150px;height:24px;margin-bottom:var(--space-1)}.account-skeleton .skeleton-email{width:200px;height:14px}.account-skeleton .skeleton-section-title{width:120px;height:20px;margin-bottom:var(--space-3)}.account-skeleton .skeleton-label{width:80px;height:12px;margin-bottom:var(--space-1)}.account-skeleton .skeleton-value{width:100%;height:14px}.account-skeleton .skeleton-stats{width:100%;height:60px;margin-top:var(--space-2)}.account-skeleton .skeleton-button{height:var(--btn-height-md);flex:1;border-radius:var(--radius-sm)}.account-skeleton{pointer-events:none}.account-skeleton:before,.account-skeleton:after{display:none}@media(min-width:1600px){.account-page{padding:var(--space-6) var(--space-4)}.account-card{max-width:440px;border-radius:var(--radius-lg)}.account-close-btn{width:36px;height:36px}.account-close-btn svg{width:18px;height:18px}.account-header{padding:var(--space-6)}.account-avatar{width:72px;height:72px;font-size:1.75rem}.account-name h1{font-size:1.25rem}.account-email{font-size:.85rem}.account-info{padding:var(--space-5);gap:var(--space-4)}.info-section h2{font-size:.7rem}.info-item{height:48px;padding:0 var(--space-4)}.info-label{font-size:.75rem}.info-value{font-size:1rem}.info-input{height:36px;font-size:1rem}.account-edit-btn,.account-save-btn,.account-cancel-btn{padding:var(--space-2-5) var(--space-4);font-size:.75rem}.account-edit-btn svg,.account-save-btn svg{width:16px;height:16px}}@media(max-width:480px){.account-page{padding:var(--space-4)}.account-card{border-radius:var(--radius-sm)}.account-header{padding:var(--space-5)}.account-avatar{width:64px;height:64px;font-size:var(--text-xl)}.account-name h1{font-size:var(--text-lg)}.account-info{padding:var(--space-4)}.info-item{flex-direction:column;align-items:flex-start;gap:var(--space-1);height:auto;padding:var(--space-3) var(--space-4)}.info-edit-field{align-items:flex-start;flex:0 0 auto;width:100%}.info-input{height:36px;text-align:left}.account-actions{flex-direction:column}}.app{display:flex;flex-direction:column;min-height:100vh;width:100%}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-6) var(--space-8)}.home-hero{position:relative;padding:var(--space-8) 0 var(--space-10);text-align:center;overflow:hidden}.hero-content{position:relative;z-index:var(--z-raised);max-width:600px;margin:0 auto}.hero-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:900px;height:500px;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(0,240,255,.1) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 30% 60%,rgba(157,78,221,.06) 0%,transparent 40%),radial-gradient(ellipse 40% 30% at 70% 60%,rgba(255,45,149,.05) 0%,transparent 40%);pointer-events:none;opacity:.8}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-4);background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--neon-cyan-400);margin-bottom:var(--space-5);text-transform:uppercase;letter-spacing:var(--tracking-wider);position:relative}.hero-badge:before,.hero-badge:after{content:"";position:absolute;width:8px;height:8px;border:1px solid var(--neon-cyan-500)}.hero-badge:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.hero-badge:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.badge-dot{width:6px;height:6px;background:var(--neon-cyan-500);border-radius:0;box-shadow:0 0 8px var(--neon-cyan-500)}.hero-title{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.title-main{display:inline-flex;align-items:baseline;justify-content:center;font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-tight)}.title-w{color:var(--neon-cyan-500);text-shadow:0 0 20px rgba(0,240,255,.6),0 0 40px rgba(0,240,255,.4),0 0 60px rgba(0,240,255,.2)}.title-stream{color:var(--text-primary)}.title-sub{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--neon-cyan-400);letter-spacing:var(--tracking-widest);text-transform:uppercase;opacity:.8}.hero-description{max-width:480px;margin:0 auto var(--space-6);font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed)}.hero-stats{display:inline-flex;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-6);background:#00f0ff08;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(0,240,255,.15);border-radius:var(--radius-sm);position:relative}.hero-stats:before{content:"";position:absolute;top:-1px;left:-1px;width:20px;height:20px;border-top:2px solid var(--neon-cyan-500);border-left:2px solid var(--neon-cyan-500)}.hero-stats:after{content:"";position:absolute;bottom:-1px;right:-1px;width:20px;height:20px;border-bottom:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500)}.stat-item{display:flex;align-items:center;gap:var(--space-3)}.stat-item svg{width:var(--icon-lg);height:var(--icon-lg);color:var(--accent-primary)}.stat-info{display:flex;flex-direction:column;text-align:left}.stat-value{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);line-height:var(--leading-tight)}.stat-label{font-size:var(--text-xs);color:var(--text-muted)}.stat-divider{width:1px;height:32px;background:var(--border-default)}.main-content{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--space-8);align-items:start;padding:var(--space-6) var(--space-8);max-width:var(--container-max);margin:0 auto;width:100%}.player-section{position:sticky;top:calc(var(--header-height) + var(--space-4))}.sidebar{display:flex;flex-direction:column;gap:var(--space-3)}.box{position:relative;background:#070a12cc;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid rgba(0,240,255,.1);border-radius:var(--radius-sm);padding:var(--space-4);transition:all var(--transition-moderate)}.box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--neon-cyan-500) 20%,var(--neon-cyan-500) 80%,transparent 100%);opacity:.6}.box:after{content:"";position:absolute;top:-1px;right:-1px;width:16px;height:16px;border-top:2px solid var(--neon-cyan-500);border-right:2px solid var(--neon-cyan-500)}.box:hover{border-color:#00f0ff40;box-shadow:var(--shadow-glow-sm)}.box h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-4);color:var(--neon-cyan-300);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.status{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-elevated);font-size:var(--text-sm)}.status.success{color:var(--success);background:#22c55e14;border-color:#22c55e40}.status.error{color:var(--error);background:#ef444414;border-color:#ef444440}.status .code{color:var(--accent-primary);font-weight:var(--weight-semibold);font-family:var(--font-mono)}.form-group{display:flex;flex-direction:column;gap:var(--space-1-5)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.form-input{width:100%;height:var(--input-height-md);padding:0 var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:all var(--transition-normal)}.form-input:hover{border-color:var(--border-hover);background:var(--bg-card)}.form-input:focus{border-color:var(--accent-primary);background:var(--bg-card);box-shadow:var(--focus-ring)}.form-input.error{border-color:var(--error);background:#ef44440a}.form-input.error:focus{box-shadow:0 0 0 3px #ef444426}.form-error{display:none;align-items:center;gap:var(--space-1-5);font-size:var(--text-xs);color:var(--error);animation:errorShake .4s ease}.form-error.show{display:flex}.form-error:before{content:"!";width:16px;height:16px;background:var(--error);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xs);font-weight:var(--weight-extrabold);flex-shrink:0}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.form-helper{font-size:var(--text-xs);color:var(--text-muted)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.checkbox-input{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}.select-wrapper{position:relative}.form-select{appearance:none;-webkit-appearance:none;width:100%;height:var(--input-height-md);padding:0 var(--space-10) 0 var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-normal)}.form-select:hover{border-color:var(--border-hover);background:var(--bg-card)}.form-select:focus{border-color:var(--accent-primary);background:var(--bg-card);box-shadow:var(--focus-ring)}.form-select:disabled{opacity:.5;cursor:not-allowed}.select-arrow{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none;transition:all var(--transition-normal);background:#ffffff0d;border-radius:var(--radius-sm);font-size:var(--text-2xs)}.form-select:focus+.select-arrow{color:var(--accent-primary);transform:translateY(-50%) rotate(180deg)}.action-btn{width:100%;margin-top:var(--space-2)}@media(min-width:1920px){.main-content{grid-template-columns:1fr var(--sidebar-width-xl);gap:var(--space-12)}.container{padding:var(--space-8) var(--space-12)}}@media(min-width:1600px){.main-content{grid-template-columns:1fr var(--sidebar-width-lg);gap:var(--space-10)}.home-hero{padding:var(--space-10) 0 var(--space-12)}.title-main{font-size:3.5rem}.hero-stats{padding:var(--space-5) var(--space-8)}.box{padding:var(--space-8)}}@media(max-width:1200px){.main-content{grid-template-columns:1fr;gap:var(--space-6);padding:0 var(--space-6)}.player-section{position:relative;top:0}.sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5)}}@media(max-width:768px){.container{padding:var(--space-4)}.main-content{padding:0 var(--space-4)}.home-hero{padding:var(--space-6) 0}.title-main{font-size:var(--text-3xl)}.title-sub{font-size:var(--text-sm)}.hero-description{font-size:var(--text-sm);padding:0 var(--space-4)}.hero-stats{flex-wrap:wrap;justify-content:center;gap:var(--space-4);padding:var(--space-4)}.stat-divider{display:none}.stat-item svg{width:var(--icon-md);height:var(--icon-md)}.sidebar{grid-template-columns:1fr}.box{padding:var(--space-5);border-radius:var(--radius-lg)}}@media(max-width:480px){.container{padding:var(--space-3)}.main-content{padding:0 var(--space-3)}.home-hero{padding:var(--space-4) 0}.hero-badge{font-size:var(--text-2xs);padding:var(--space-1) var(--space-3)}.title-main{font-size:var(--text-2xl)}.title-sub{font-size:var(--text-xs)}.hero-description{font-size:var(--text-xs);display:none}.hero-stats{padding:var(--space-3);gap:var(--space-3)}.stat-value{font-size:var(--text-sm)}.stat-label{font-size:var(--text-2xs)}.box{padding:var(--space-4);border-radius:var(--radius-md)}.box h2{font-size:var(--text-base)}.action-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}