.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--color-deep-blue) 0%,var(--color-dark-blue) 100%)}.login-box{background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(74,158,255,.2);border-radius:20px;padding:3rem;width:100%;max-width:400px;box-shadow:0 20px 60px #00000080}.login-logo{text-align:center;font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(135deg,var(--color-neon-blue),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input{padding:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all .3s}.login-input:focus{outline:none;border-color:var(--color-neon-blue);background:#ffffff26}.login-input::placeholder{color:var(--text-secondary)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .login-input{padding-right:3rem;width:100%}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .3s;z-index:1}.password-toggle:hover{color:var(--color-neon-blue)}.password-toggle:focus{outline:none;color:var(--color-neon-blue)}.login-button{padding:1rem;background:linear-gradient(135deg,var(--color-neon-blue),var(--color-accent));border:none;border-radius:10px;color:var(--text-primary);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #00d4ff4d}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#ff6b6b;text-align:center;padding:.5rem;background:#ff6b6b1a;border-radius:8px;font-size:.9rem}.login-toggle{margin-top:1.5rem;background:none;border:none;color:var(--color-neon-blue);cursor:pointer;font-size:.9rem;text-decoration:underline;transition:color .3s}.login-toggle:hover{color:var(--color-accent)}.home-container{min-height:calc(100vh - env(safe-area-inset-bottom));background:var(--bg-primary);padding:calc(env(safe-area-inset-top) + 1rem) 0 calc(env(safe-area-inset-bottom) + 80px);box-sizing:border-box}.home-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid rgba(74,158,255,.2)}.home-logo{font-size:1.8rem;background:linear-gradient(135deg,var(--color-neon-blue),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-actions{display:flex;gap:1rem;align-items:center}.start-stream-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ff006e,#ff4d8d);border:none;border-radius:25px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s}.start-stream-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ff006e4d}.user-menu{position:relative}.user-menu-button{padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:var(--text-primary);cursor:pointer}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-secondary);border:1px solid rgba(74,158,255,.2);border-radius:10px;padding:.5rem;min-width:150px;z-index:1000}.user-menu-dropdown button{display:block;width:100%;padding:.75rem;background:none;border:none;color:var(--text-primary);text-align:left;cursor:pointer;border-radius:5px;transition:background .2s}.user-menu-dropdown button:hover{background:#ffffff1a}.home-main{padding:2rem;max-width:1400px;margin:0 auto}.home-title{margin-bottom:2rem;font-size:2rem}.streams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.stream-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s;border:1px solid rgba(74,158,255,.1)}.stream-card:hover{transform:translateY(-5px);border-color:#4a9eff4d}.stream-preview{width:100%;aspect-ratio:9/16;background:linear-gradient(135deg,var(--color-dark-blue),var(--color-medium-blue));position:relative;display:flex;align-items:center;justify-content:center}.stream-live-badge{position:absolute;top:.5rem;left:.5rem;background:#ff006e;color:#fff;padding:.3rem .7rem;border-radius:15px;font-size:.7rem;font-weight:600}.stream-info{padding:.75rem}.stream-info h3{margin-bottom:.4rem;font-size:.95rem;line-height:1.3}.stream-stats{display:flex;gap:.75rem;color:var(--text-secondary);font-size:.8rem}.no-streams{text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.start-first-stream{margin-top:1rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--color-neon-blue),var(--color-accent));border:none;border-radius:25px;color:#fff;font-weight:600;cursor:pointer}.loading{text-align:center;padding:4rem;color:var(--text-secondary)}.slot-enter{opacity:0;transform:translateY(40px)}.slot-enter-active{opacity:1;transform:translateY(0);transition:all .24s ease-out}.slot-neon{box-shadow:0 0 18px #00c3ffcc;animation:neonPulse 1s infinite ease-in-out}@keyframes neonPulse{0%,to{box-shadow:0 0 18px #00c3ffcc,0 0 36px #00c3ff66}50%{box-shadow:0 0 28px #00c3ff,0 0 56px #00c3ff99}}.cohost-slot-highlight{animation:cohostHighlight 2s ease-out}@keyframes cohostHighlight{0%{border-color:#00c3ff;box-shadow:0 0 30px #00c3ffcc,0 0 60px #00c3ff66}to{border-color:#00c3ff99;box-shadow:0 0 20px #00c3ff66,0 0 40px #00c3ff33}}.radar-viewer-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 4px rgba(30,155,255,.6));transition:filter .3s ease}.radar-viewer-icon:hover{filter:drop-shadow(0 0 8px rgba(30,155,255,1))}.radar-viewer-icon.radar-highlight{animation:radarPulse .5s ease-in-out}.radar-svg,.radar-center{animation:radarPulse 2s ease-in-out infinite}.radar-wave{transform-origin:12px 12px;animation:radarWave 2s ease-out infinite}.radar-wave-1{animation-delay:0s}.radar-wave-2{animation-delay:.4s}.radar-wave-3{animation-delay:.8s}.radar-sweep{transform-origin:12px 12px;animation:radarSweep 3s linear infinite}.radar-highlight-ring{animation:radarHighlight 1.5s ease-out;opacity:0}@keyframes radarPulse{0%,to{transform:scale(.9);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes radarWave{0%{transform:scale(.3);opacity:.8}50%{opacity:.4}to{transform:scale(1.5);opacity:0}}@keyframes radarSweep{0%{transform:rotate(0);opacity:.8}50%{opacity:1}to{transform:rotate(360deg);opacity:.8}}@keyframes radarHighlight{0%{transform:scale(.8);opacity:1}50%{opacity:.6}to{transform:scale(1.3);opacity:0}}.radar-count-badge{animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 8px #1e9bffcc}50%{transform:scale(1.05);box-shadow:0 0 12px #1e9bff}}.live-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,red,#c00);color:#fff;font-weight:700;border-radius:12px;padding:2px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f006;position:absolute;z-index:10;white-space:nowrap;animation:live-badge-pulse 2s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;user-select:none}.live-badge-small{font-size:9px;padding:1px 5px;gap:3px;border-radius:10px}.live-badge-medium{font-size:11px;padding:3px 7px;gap:4px;border-radius:12px}.live-badge-large{font-size:13px;padding:4px 8px;gap:5px;border-radius:14px}.live-badge-top-right{top:-4px;right:-4px}.live-badge-bottom-right{bottom:-4px;right:-4px}.live-badge-top-left{top:-4px;left:-4px}.live-badge-bottom-left{bottom:-4px;left:-4px}.live-badge-dot{width:6px;height:6px;background:#fff;border-radius:50%;display:inline-block;animation:live-badge-dot-pulse 1.5s ease-in-out infinite}.live-badge-small .live-badge-dot{width:4px;height:4px}.live-badge-medium .live-badge-dot{width:6px;height:6px}.live-badge-large .live-badge-dot{width:8px;height:8px}.live-badge-text{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes live-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes live-badge-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.live-mini-profile-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.live-mini-profile-container{background:#14141ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;min-width:280px;max-width:320px;position:relative;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d inset;animation:slideUp .3s ease-out}.live-mini-profile-loading{text-align:center;color:#ffffffb3;padding:20px}.live-mini-profile-avatar-wrapper{display:flex;justify-content:center;margin-bottom:16px}.live-mini-profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,59,48,.5);box-shadow:0 0 20px #ff3b304d}.live-mini-profile-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1e9bff,#00a8ff);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;border:3px solid rgba(255,59,48,.5);box-shadow:0 0 20px #ff3b304d}.live-mini-profile-username{text-align:center;color:#fff;font-size:20px;font-weight:700;margin:0 0 20px;font-family:Orbitron,sans-serif}.live-mini-profile-stats{display:flex;justify-content:space-around;margin-bottom:24px;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.live-mini-profile-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.live-mini-profile-stat-value{color:#fff;font-size:18px;font-weight:700;font-family:Orbitron,sans-serif}.live-mini-profile-stat-label{color:#fff9;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.live-mini-profile-actions{display:flex;flex-direction:column;gap:10px}.live-mini-profile-button{padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:.5px}.live-mini-profile-button-follow{background:linear-gradient(135deg,#ff3b30,#ff6b6b);color:#fff;box-shadow:0 4px 15px #ff3b3066}.live-mini-profile-button-follow:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff3b3099}.live-mini-profile-button-follow.following{background:linear-gradient(135deg,#0f8,#00d4ff);box-shadow:0 4px 15px #0f86}.live-mini-profile-button-report{background:#ff3b3033;color:#ff3b30;border:1px solid rgba(255,59,48,.5)}.live-mini-profile-button-report:hover{background:#ff3b304d}.live-mini-profile-button-profile{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.live-mini-profile-button-profile:hover{background:#ffffff26}.live-mini-profile-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#ffffff1a;color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s}.live-mini-profile-close:hover{background:#fff3;transform:rotate(90deg)}.live-gifts-panel{position:fixed;bottom:0;left:0;right:0;max-height:55vh;background:linear-gradient(to top,#1a1a1a,#2a2a2a);border-radius:20px 20px 0 0;display:flex;flex-direction:column;z-index:2000;animation:slideUp .3s ease-out;padding-bottom:env(safe-area-inset-bottom,0);overflow-x:hidden;width:100%;max-width:100vw}.gifts-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.balance-display{display:flex;align-items:center;gap:5px;background:#ffffff1a;padding:5px 10px;border-radius:16px;font-size:13px;font-weight:600;color:#fff}.coin-icon{font-size:14px}.close-btn{width:28px;height:28px;border:none;background:#ffffff1a;color:#fff;font-size:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.pinned-section{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:#fff}.edit-btn{background:none;border:none;color:#fe2c55;font-size:12px;cursor:pointer;font-weight:500}.pinned-gifts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.gifts-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 10px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;max-width:100%}.gift-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;width:100%;max-width:100%}.premium-row .gift-card{background:linear-gradient(135deg,#ffd70026,#ff8c001a);border-color:#ffd7004d}.gift-card{background:#ffffff0d;border:1px solid transparent;border-radius:8px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:all .15s ease;position:relative;min-height:70px;min-width:0;overflow:hidden}.gift-card:active{transform:scale(.95)}.gift-card.selected{border-color:#fe2c55;background:#fe2c5526}.gift-card.clicked{transform:scale(.9)}.gift-card.cant-afford{opacity:.5}.gift-preview{width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;flex-shrink:0}.gift-preview img{width:100%;height:100%;object-fit:contain}.gift-emoji{font-size:28px}.gift-name{font-size:9px;color:#fff;text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gift-price{display:flex;align-items:center;gap:2px;font-size:9px;color:#fff9}.gift-price .coin-icon{font-size:10px}.send-btn-wrapper{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);z-index:10}.send-btn{background:#fe2c55;color:#fff;border:none;padding:4px 12px;border-radius:12px;font-size:10px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #fe2c5566;white-space:nowrap;transition:all .15s}.send-btn.instant{padding:4px 10px;font-size:14px;animation:instantPulse .6s ease-in-out infinite}@keyframes instantPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.send-btn:disabled{background:#666;box-shadow:none}.send-btn:active{transform:scale(.95)}.cooldown-timer{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.timer-circle{width:100%;height:100%;transform:scaleX(-1)}.timer-bg{opacity:.3}.timer-progress{transition:stroke-dasharray .1s linear}.timer-text{position:absolute;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.gifts-tabs{display:flex;align-items:center;padding:8px 10px;gap:3px;background:#1a1a1a;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.tab{background:none;border:none;color:#ffffff80;font-size:11px;padding:5px 8px;cursor:pointer;white-space:nowrap}.tab.active{color:#fff;font-weight:600}.tab-spacer{flex:1}.help-btn,.shop-btn{width:28px;height:28px;border:none;background:#ffffff1a;color:#fff;font-size:12px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.balance-mini{display:flex;align-items:center;gap:3px;background:#ffffff1a;padding:5px 8px;border-radius:16px;font-size:11px;color:#fff;margin-left:6px}.balance-mini .arrow{font-size:14px;opacity:.7}.gifts-scroll::-webkit-scrollbar{width:3px}.gifts-scroll::-webkit-scrollbar-track{background:transparent}.gifts-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}@media(max-width:400px){.gift-card{padding:5px 3px;min-height:65px}.gift-preview{width:36px;height:36px}.gift-emoji{font-size:24px}.gift-name,.gift-price{font-size:8px}}.karma-ring-container{position:relative;display:inline-block}.karma-ring{position:relative;border-radius:50%;border:2px solid;transition:all .3s}.karma-ring-avatar{position:absolute;border-radius:50%;overflow:hidden;background:#0000004d;display:flex;align-items:center;justify-content:center}.karma-ring-avatar img{width:100%;height:100%;object-fit:cover}.karma-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00cfff4d,#7afb4c4d);color:#fff;font-weight:700;font-size:.6em;text-shadow:0 0 10px rgba(0,0,0,.5)}.karma-ring-pulse-glow{animation:karmaPulseGlow 2s ease-in-out infinite}@keyframes karmaPulseGlow{0%,to{transform:scale(1);opacity:.8;box-shadow:0 0 20px currentColor,inset 0 0 20px currentColor}50%{transform:scale(1.05);opacity:1;box-shadow:0 0 30px currentColor,inset 0 0 30px currentColor}}.karma-ring-wave{animation:karmaWave 6s linear infinite}@keyframes karmaWave{0%{transform:rotate(0);box-shadow:0 0 20px currentColor,inset 0 0 20px currentColor}to{transform:rotate(360deg);box-shadow:0 0 20px currentColor,inset 0 0 20px currentColor}}.karma-ring-soft-glow{animation:karmaSoftGlow 3s ease-in-out infinite}@keyframes karmaSoftGlow{0%,to{opacity:.7;box-shadow:0 0 15px currentColor,inset 0 0 15px currentColor}50%{opacity:1;box-shadow:0 0 25px currentColor,inset 0 0 25px currentColor}}.karma-ring-flicker{animation:karmaFlicker 1.5s ease-in-out infinite}@keyframes karmaFlicker{0%,to{opacity:.3;box-shadow:0 0 10px currentColor,inset 0 0 10px currentColor}25%,75%{opacity:1;box-shadow:0 0 20px currentColor,inset 0 0 20px currentColor}50%{opacity:.5;box-shadow:0 0 15px currentColor,inset 0 0 15px currentColor}}.karma-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,207,255,.3);border-radius:12px;padding:.75rem 1rem;min-width:200px;z-index:1000;box-shadow:0 4px 20px #00cfff4d;pointer-events:none}.karma-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#00cfff4d}.karma-tooltip-title{font-size:.9rem;font-weight:700;color:#00cfff;margin-bottom:.3rem;text-shadow:0 0 10px rgba(0,207,255,.5)}.karma-tooltip-description{font-size:.75rem;color:#ffffffb3;margin-bottom:.3rem}.karma-tooltip-username{font-size:.7rem;color:#ffffff80;font-style:italic}@keyframes live-ring-pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 15px #ff3b30cc,0 0 30px #ff3b3080,0 0 45px #ff3b304d,inset 0 0 10px #ff3b3066}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 20px #ff3b30,0 0 40px #ff3b30b3,0 0 60px #ff3b3080,inset 0 0 15px #ff3b3099}}.live-status-ring{animation:live-ring-pulse 2s ease-in-out infinite}@keyframes live-ring-wave{0%,to{border-radius:50%}25%{border-radius:48% 52%}50%{border-radius:52% 48%}75%{border-radius:48% 52%}}.live-status-ring{animation:live-ring-pulse 2s ease-in-out infinite,live-ring-wave 3s ease-in-out infinite}.host-badge-animated{position:relative;display:inline-block;animation:hostBadgePulse 2s ease-in-out infinite}.host-badge-text{color:#f44;font-size:9px;font-weight:900;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 8px rgba(255,68,68,.8),0 0 12px rgba(255,68,68,.6),0 0 16px rgba(255,68,68,.4);position:relative;z-index:1;animation:hostBadgeGlow 1.5s ease-in-out infinite alternate}@keyframes hostBadgePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes hostBadgeGlow{0%{text-shadow:0 0 8px rgba(255,68,68,.8),0 0 12px rgba(255,68,68,.6),0 0 16px rgba(255,68,68,.4);opacity:.9}to{text-shadow:0 0 12px rgba(255,68,68,1),0 0 18px rgba(255,68,68,.8),0 0 24px rgba(255,68,68,.6),0 0 30px rgba(255,68,68,.4);opacity:1}}.host-badge-animated:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:hostBadgeShimmer 2.5s infinite;z-index:0}@keyframes hostBadgeShimmer{0%{left:-100%}to{left:100%}}.host-badge-animated:hover .host-badge-text{animation:hostBadgeGlow .5s ease-in-out infinite alternate;transform:scale(1.1)}.aura-level-badge{position:relative;display:inline-block;margin-top:0;animation:auraBadgeFloat 3s ease-in-out infinite;flex-shrink:0}.aura-level-text{font-size:10px;font-weight:700;font-family:Orbitron,sans-serif;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 6px currentColor,0 0 10px currentColor,0 0 14px currentColor;opacity:.9;animation:auraLevelGlow 2s ease-in-out infinite alternate}@keyframes auraBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes auraLevelGlow{0%{opacity:.8;text-shadow:0 0 6px currentColor,0 0 10px currentColor,0 0 14px currentColor}to{opacity:1;text-shadow:0 0 10px currentColor,0 0 16px currentColor,0 0 22px currentColor,0 0 28px currentColor}}.tiktok-cohost-request-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:24px;color:#001a33;font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;overflow:hidden;box-shadow:0 4px 16px #00d4ff66,0 0 0 1px #fff3 inset,0 2px 8px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;height:40px;z-index:10}.tiktok-cohost-request-btn:hover:not(:disabled){background:linear-gradient(135deg,#00e5ff,#0ac);box-shadow:0 6px 24px #00d4ff99,0 0 0 1px #ffffff4d inset,0 4px 12px #0000004d;transform:translateY(-2px)}.tiktok-cohost-request-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.tiktok-cohost-request-btn:disabled{opacity:.7;cursor:not-allowed}.tiktok-cohost-request-btn.pending{background:linear-gradient(135deg,#00d4ff80,#0099cc80);border:2px solid rgba(0,212,255,.6)}.cohost-btn-content{position:relative;z-index:2;display:flex;align-items:center;gap:8px}.cohost-btn-glow{position:absolute;inset:-4px;border-radius:28px;background:radial-gradient(circle,rgba(0,212,255,.4) 0%,transparent 70%);opacity:0;animation:buttonGlow 2s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes buttonGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.tiktok-cohost-request-btn:hover .cohost-btn-glow{opacity:1}.cohost-ripple{position:absolute;border-radius:50%;background:#fff9;transform:translate(-50%,-50%);pointer-events:none;z-index:1}@media(max-width:768px){.tiktok-cohost-request-btn{padding:8px 14px;font-size:12px;height:36px;gap:6px}}@media(max-width:480px){.tiktok-cohost-request-btn{padding:6px 12px;font-size:11px;height:32px;gap:5px}.tiktok-cohost-request-btn span{display:none}}.content-warning-banner{position:fixed;top:60px;left:0;right:0;z-index:1000;display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(135deg,#ff9800f2,#ff5722f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:14px;font-weight:500;transform:translateY(-100%);opacity:0;transition:all .3s ease-out}.content-warning-banner.visible{transform:translateY(0);opacity:1}.content-warning-banner.hard{background:linear-gradient(135deg,#d32f2ff2,#b71c1cf2)}.content-warning-banner.soft{background:linear-gradient(135deg,#ff9800f2,#ff5722f2)}.warning-icon{font-size:20px;flex-shrink:0}.warning-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.warning-title{font-weight:600;font-size:13px;opacity:.9}.warning-message{font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.warning-timer{flex-shrink:0;padding:4px 10px;background:#0003;border-radius:20px;font-size:12px;font-weight:600;font-family:SF Mono,Menlo,monospace}@media(max-width:480px){.content-warning-banner{top:50px;padding:8px 12px;gap:8px}.warning-icon{font-size:18px}.warning-message{font-size:13px}.warning-timer{padding:3px 8px;font-size:11px}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.content-warning-banner.visible{animation:slideDown .3s ease-out forwards}.content-warning-banner.hard .warning-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.yellow-card-overlay{position:fixed;top:80px;right:20px;z-index:10000;pointer-events:auto;animation:slideInRight .5s ease-out}.violation-badge{background:#ffc107f2;padding:12px 20px;border-radius:8px;border:2px solid #ffc107;box-shadow:0 4px 12px #ffc10780;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:120px;animation:pulse 2s ease-in-out infinite}.violation-text{color:#000;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:1px}.violation-count{color:#000;font-size:12px;font-weight:600;opacity:.8}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 4px 12px #ffc10780}50%{box-shadow:0 4px 20px #ffc107cc,0 0 30px #ffc10766}}@media(max-width:768px){.yellow-card-overlay{top:60px;right:10px}.violation-badge{padding:10px 16px;min-width:100px}.violation-text{font-size:14px}.violation-count{font-size:11px}}.appeal-popup-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:99999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.appeal-popup{background:#1e1e1ef2;border:2px solid #ffc107;border-radius:12px;padding:24px;max-width:500px;width:90%;box-shadow:0 8px 32px #00000080;animation:slideUp .3s ease-out}.appeal-popup h3{color:#ffc107;margin:0 0 12px;font-size:20px;font-weight:700}.appeal-popup p{color:#fff;margin:0 0 16px;font-size:14px;line-height:1.5}.appeal-textarea{width:100%;padding:12px;border:1px solid #555;border-radius:8px;background:#00000080;color:#fff;font-size:14px;font-family:inherit;resize:vertical;margin-bottom:16px}.appeal-textarea:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 2px #ffc10733}.appeal-buttons{display:flex;gap:12px;justify-content:flex-end}.appeal-submit,.appeal-cancel{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.appeal-submit{background:#ffc107;color:#000}.appeal-submit:hover{background:#ffb300;transform:translateY(-1px);box-shadow:0 4px 12px #ffc10766}.appeal-cancel{background:#ffffff1a;color:#fff}.appeal-cancel:hover{background:#fff3}.tiktok-cohost-lobby-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.tiktok-cohost-lobby-container{background:#101828f2;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d inset,0 0 40px #00d4ff1a;max-width:600px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.cohost-lobby-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.cohost-lobby-title{display:flex;align-items:center;gap:12px;color:#fff}.cohost-lobby-title h2{margin:0;font-size:22px;font-weight:700;letter-spacing:.3px}.cohost-lobby-close{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cohost-lobby-close:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.cohost-lobby-content{padding:24px;overflow-y:auto;flex:1}.cohost-schnellpaarung-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:16px;color:#001a33;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:24px;box-shadow:0 4px 16px #00d4ff66,0 0 0 1px #fff3 inset;transition:all .3s ease}.cohost-schnellpaarung-btn:hover:not(:disabled){background:linear-gradient(135deg,#00e5ff,#0ac);box-shadow:0 6px 24px #00d4ff99,0 0 0 1px #ffffff4d inset;transform:translateY(-2px)}.cohost-schnellpaarung-btn:disabled{opacity:.5;cursor:not-allowed}.cohost-lobby-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:#ffffffb3}.cohost-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin .8s linear infinite}.cohost-hosts-section{margin-bottom:24px}.cohost-section-title{color:#ffffffe6;font-size:16px;font-weight:600;margin:0 0 16px;letter-spacing:.3px}.cohost-hosts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.tiktok-cohost-card{position:relative;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.tiktok-cohost-card:not(.disabled):hover{background:#ffffff14;border-color:#00d4ff66;box-shadow:0 4px 16px #00d4ff33,0 0 0 1px #00d4ff1a inset}.tiktok-cohost-card.disabled{opacity:.5;cursor:not-allowed}.cohost-card-avatar-wrapper{position:relative;width:48px;height:48px;margin:0 auto 12px}.cohost-card-avatar,.cohost-card-avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d}.cohost-card-avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700}.cohost-card-status-badge{position:absolute;bottom:0;right:0;width:16px;height:16px;border-radius:50%;background:#000c;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3)}.cohost-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.cohost-card-info{text-align:center}.cohost-card-username{color:#fff;font-size:14px;font-weight:600;margin-bottom:6px;letter-spacing:.2px}.cohost-card-status{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#fff9}.cohost-status-available{color:#10b981}.cohost-status-busy{color:#ffffff80}.cohost-card-glow{position:absolute;inset:-2px;border-radius:18px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.tiktok-cohost-card:hover .cohost-card-glow{opacity:1}.cohost-lobby-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;color:#ffffff80;text-align:center}.cohost-lobby-empty p{margin:0;font-size:15px}@media(max-width:768px){.tiktok-cohost-lobby-container{max-width:100%;border-radius:20px}.cohost-lobby-header{padding:16px 20px}.cohost-lobby-title h2{font-size:20px}.cohost-lobby-content{padding:20px}.cohost-hosts-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}}@media(max-width:480px){.cohost-hosts-grid{grid-template-columns:repeat(2,1fr)}.cohost-card-avatar-wrapper{width:40px;height:40px}.cohost-card-username{font-size:12px}}.colive-request-popup-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s}.colive-request-popup{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;padding:40px;max-width:400px;width:90%;box-shadow:0 0 50px #00e3ff4d;border:2px solid rgba(0,227,255,.5);animation:slideIn .3s}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.colive-request-popup-header{text-align:center;margin-bottom:30px}.colive-request-popup-header h2{color:#00e3ff;margin:0;font-size:24px;text-shadow:0 0 10px rgba(0,227,255,.5)}.colive-request-popup-content{text-align:center;margin-bottom:30px}.colive-request-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:3px solid rgba(0,227,255,.5);box-shadow:0 0 20px #00e3ff4d}.colive-request-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#00e3ff,#09c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700}.colive-request-message{color:#fff;font-size:18px;line-height:1.5}.colive-request-message strong{color:#00e3ff}.colive-request-popup-actions{display:flex;gap:15px;justify-content:center}.accept-btn,.reject-btn{flex:1;padding:15px 30px;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.neon-btn-green{background:linear-gradient(135deg,#0f8,#0c6);color:#fff;box-shadow:0 0 20px #0f86}.neon-btn-green:hover{transform:scale(1.05);box-shadow:0 0 30px #0f89}.neon-btn-red{background:linear-gradient(135deg,#f44,#c00);color:#fff;box-shadow:0 0 20px #f446}.neon-btn-red:hover{transform:scale(1.05);box-shadow:0 0 30px #f449}:root{--z-video-slots: 10;--z-video-overlay: 15;--z-chat-overlay: 20;--z-center-beam: 25;--z-host-info: 30;--z-toolbar: 40;--z-arena-overlay: 2000;--z-animations: 2500;--z-system-alerts: 3000}.dual-live-container{position:fixed;inset:0;width:100%;height:100%;display:flex;flex-direction:row;background:#000;overflow:hidden;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.dual-live-header{position:absolute;top:0;left:0;right:0;z-index:var(--z-toolbar);display:flex;justify-content:space-between;align-items:center;padding:12px 16px;padding-top:calc(env(safe-area-inset-top,0) + 12px);background:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 100%)}.dual-live-header h2{margin:0;font-size:1rem;color:#fff;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.session-info{display:none}.dual-live-video-section{position:absolute;inset:0;display:flex;flex-direction:row;z-index:var(--z-video-slots)}.dual-live-feed{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#000}.dual-live-feed video,.host-feed video{width:100%;height:100%;object-fit:cover;background:#000}.host-feed{width:100%;height:100%;position:relative}.host-feed-label{position:absolute;top:60px;left:12px;z-index:var(--z-host-info);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;font-size:.85rem;color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.2)}.host-feed-label.own-stream{background:linear-gradient(135deg,#00c89699,#00966499);border-color:#00ffc880}.center-beam-container{position:absolute;left:50%;top:0;bottom:0;width:8px;transform:translate(-50%);z-index:var(--z-center-beam);pointer-events:none}.center-beam{width:100%;height:100%;background:linear-gradient(to bottom,#00c8ffcc,#ff0096cc,#00c8ffcc);box-shadow:0 0 20px #00c8ff99,0 0 40px #ff009666,inset 0 0 10px #ffffff4d;animation:center-beam-pulse 2s ease-in-out infinite}@keyframes center-beam-pulse{0%,to{opacity:.8;box-shadow:0 0 20px #00c8ff99,0 0 40px #ff009666}50%{opacity:1;box-shadow:0 0 30px #00c8ffcc,0 0 60px #ff009699}}.dual-live-chat-section{position:absolute;bottom:0;left:0;right:0;z-index:var(--z-chat-overlay);display:flex;flex-direction:row;height:45%;max-height:400px;pointer-events:none;padding-bottom:env(safe-area-inset-bottom,20px)}.dual-live-chat-left,.dual-live-chat-right{flex:1;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto}.dual-live-chat-left{padding-left:12px;padding-right:4px;padding-bottom:80px}.dual-live-chat-right{padding-left:4px;padding-right:12px;padding-bottom:80px}.center-beam-spacer{width:8px;flex-shrink:0}.chat-container{width:100%;height:100%;display:flex;flex-direction:column;background:transparent;overflow:hidden}.chat-header{padding:8px 12px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px 12px 0 0;font-size:.85rem;color:#fff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);border-bottom:none}.pk-match-btn{padding:10px 20px;background:linear-gradient(135deg,#ff00e6,#b8007f);border:none;border-radius:25px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #ff00e680,inset 0 1px #ffffff4d;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.pk-match-btn:hover{transform:scale(1.05);box-shadow:0 6px 25px #ff00e6b3,inset 0 1px #ffffff4d}.end-session-btn{padding:10px 20px;background:#ff323233;border:2px solid rgba(255,50,50,.6);border-radius:25px;color:#f55;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.end-session-btn:hover{background:#ff32324d;border-color:#ff3232cc;transform:scale(1.02)}.dual-live-chat-section>div>div>div,.chat-container>div{position:relative!important;left:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;max-height:100%!important;height:auto!important;z-index:auto!important}.dual-live-chat-section .live-chat-container,.dual-live-chat-section [class*=live-chat]{background:transparent!important;border:none!important;position:relative!important}.dual-live-chat-section .chat-messages,.dual-live-chat-section [class*=chat-messages]{background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%);padding:10px;border-radius:12px}.dual-live-chat-section .chat-message,.dual-live-chat-section [class*=chat-message]{background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:6px 10px;margin-bottom:6px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.center-beam:after{content:"VS";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ff00e6,#00d4ff);color:#fff;font-size:14px;font-weight:900;padding:8px 12px;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ff00e699,0 0 40px #00d4ff66;animation:vs-pulse 1.5s ease-in-out infinite;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media(max-width:768px){.dual-live-chat-section{height:35%;max-height:280px}.dual-live-header{padding:8px 12px}.dual-live-header h2{font-size:.9rem}.pk-match-btn,.end-session-btn{padding:8px 14px;font-size:12px}.center-beam{width:6px}.center-beam:after{width:36px;height:36px;font-size:11px;padding:6px 8px}.host-feed-label{font-size:.75rem;padding:4px 10px;top:50px}.dual-live-chat-left,.dual-live-chat-right{padding-bottom:70px}}@media(max-width:480px)and (orientation:portrait){.dual-live-video-section{flex-direction:row!important}.center-beam-container{inset:0 auto 0 50%;width:6px;height:auto;transform:translate(-50%)}.center-beam{width:100%;height:100%;background:linear-gradient(to bottom,#00c8ffcc,#ff0096cc,#00c8ffcc)}.dual-live-chat-section{flex-direction:row!important;height:25%;max-height:150px}.dual-live-chat-left,.dual-live-chat-right{flex:1;padding:6px 6px 60px}.center-beam-spacer{width:6px;height:auto}.center-beam:after{width:32px;height:32px;font-size:10px;padding:5px 7px}.host-feed-label{font-size:.7rem;padding:3px 8px;top:45px;left:6px}}.dual-live-container.arena-active .dual-live-chat-section{height:30%;max-height:200px}.dual-live-container.arena-active .center-beam{background:linear-gradient(to bottom,#ff4d6de6,#4a90e2e6);box-shadow:0 0 30px #ff4d6dcc,0 0 60px #4a90e299;animation:arena-beam-pulse 1s ease-in-out infinite}@keyframes arena-beam-pulse{0%,to{box-shadow:0 0 30px #ff4d6dcc,0 0 60px #4a90e299}50%{box-shadow:0 0 50px #ff4d6d,0 0 100px #4a90e2cc}}.match-intro-overlay{position:fixed;inset:0;z-index:9999;perspective:1200px;overflow:hidden;pointer-events:all}.intro-backdrop{position:absolute;inset:0;background:#000000d9;animation:backdrop-pulse 2s ease-in-out infinite}@keyframes backdrop-pulse{0%,to{background:#000000d9}50%{background:#000a1ee6}}.doors-container{position:absolute;inset:0;display:flex;transform-style:preserve-3d}.door-slot{flex:1;position:relative;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1)}.door-slot.left{transform-origin:left center}.door-slot.right{transform-origin:right center}.door-slot.left.rotated{transform:rotateY(-90deg)}.door-slot.right.rotated{transform:rotateY(90deg)}.door-front{position:absolute;inset:0;backface-visibility:hidden;background:linear-gradient(135deg,#0a0e27,#1a1f3a);display:flex;align-items:center;justify-content:center}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#00aaff1a,#00000080,#00aaff1a)}.video-placeholder span{font-family:Orbitron,sans-serif;font-size:2rem;font-weight:700;color:#ffffff4d;text-transform:uppercase;letter-spacing:.2em}.door-back{position:absolute;inset:0;backface-visibility:hidden;transform:rotateY(180deg)}.metal-surface{background:linear-gradient(145deg,#1a1d2e,#0d0f1a 40%,#151829 60%,#0a0c14)}.metal-texture{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0px,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px),repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px);opacity:.5}.metal-glow{position:absolute;inset:0;box-shadow:inset 0 0 100px #00aaff1a;border:1px solid rgba(0,170,255,.2)}.full-metal-surface{position:absolute;inset:0;z-index:100;animation:metal-appear .3s ease-out forwards}@keyframes metal-appear{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.metal-base{position:absolute;inset:0;background:linear-gradient(145deg,#1a1d2e,#0d0f1a 30%,#151829 70%,#0a0c14)}.metal-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}.metal-edge-glow{position:absolute;inset:0;box-shadow:inset 0 0 150px #00aaff26,inset 0 0 50px #0064c81a;border:2px solid rgba(0,170,255,.3);animation:edge-glow-pulse 1.5s ease-in-out infinite}@keyframes edge-glow-pulse{0%,to{box-shadow:inset 0 0 150px #00aaff26,inset 0 0 50px #0064c81a}50%{box-shadow:inset 0 0 200px #00aaff40,inset 0 0 80px #0064c833}}.laser-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:10}.laser-beam-incoming{position:absolute;left:-100px;top:50%;transform:translateY(-50%);width:150px;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(0,170,255,.5) 30%,#00aaff 70%,#ffffff 100%);box-shadow:0 0 20px #0af,0 0 40px #0af,0 0 60px #0af;animation:laser-fly-in .5s ease-out forwards;border-radius:2px}@keyframes laser-fly-in{0%{left:-150px;opacity:0}to{left:50px;opacity:1}}.laser-beam-incoming:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:radial-gradient(circle,#ffffff 0%,rgba(0,170,255,.5) 50%,transparent 70%);border-radius:50%;animation:spark-flicker .1s ease-in-out infinite}@keyframes spark-flicker{0%,to{opacity:1;transform:translateY(-50%) scale(1)}50%{opacity:.7;transform:translateY(-50%) scale(1.2)}}.countdown-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:200}.countdown-number{position:relative;animation:countdown-pop .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes countdown-pop{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.countdown-digit{font-family:Orbitron,sans-serif;font-size:clamp(120px,25vw,250px);font-weight:900;color:#fff;text-shadow:0 0 20px #00aaff,0 0 40px #00aaff,0 0 60px #00aaff,0 0 80px rgba(0,170,255,.5);animation:digit-glow .6s ease-in-out infinite}@keyframes digit-glow{0%,to{text-shadow:0 0 20px #00aaff,0 0 40px #00aaff,0 0 60px #00aaff}50%{text-shadow:0 0 30px #00ddff,0 0 60px #00ddff,0 0 90px #00ddff,0 0 120px rgba(0,221,255,.5)}}.countdown-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border:3px solid transparent;border-top-color:#0af;border-right-color:#0af;border-radius:50%;animation:ring-spin .6s linear forwards;box-shadow:0 0 20px #00aaff80,inset 0 0 20px #00aaff4d}@keyframes ring-spin{0%{transform:translate(-50%,-50%) rotate(0) scale(.8);opacity:0}to{transform:translate(-50%,-50%) rotate(360deg) scale(1);opacity:.7}}.countdown-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle at 20% 30%,rgba(0,170,255,.3) 0%,transparent 10%),radial-gradient(circle at 80% 40%,rgba(0,170,255,.3) 0%,transparent 10%),radial-gradient(circle at 50% 80%,rgba(0,170,255,.3) 0%,transparent 10%),radial-gradient(circle at 30% 70%,rgba(0,170,255,.3) 0%,transparent 10%),radial-gradient(circle at 70% 20%,rgba(0,170,255,.3) 0%,transparent 10%);animation:particles-float .6s ease-out forwards;pointer-events:none}@keyframes particles-float{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}.countdown-burst{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(0,170,255,.5) 20%,rgba(0,170,255,.2) 40%,transparent 70%);animation:burst-expand .5s ease-out forwards;pointer-events:none}@keyframes burst-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.hologram-glow-overlay{position:absolute;inset:0;z-index:150;background:linear-gradient(135deg,rgba(0,170,255,.2) 0%,transparent 30%,transparent 70%,rgba(0,170,255,.2) 100%);animation:hologram-flash .7s ease-out forwards;pointer-events:none}@keyframes hologram-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}@media(max-width:768px){.countdown-digit{font-size:clamp(80px,20vw,150px)}.countdown-ring{width:200px;height:200px}.countdown-particles{width:250px;height:250px}.video-placeholder span{font-size:1.2rem}}@media(max-width:480px){.countdown-digit{font-size:clamp(60px,18vw,100px)}.countdown-ring{width:150px;height:150px}}.door-slot,.countdown-number,.laser-beam-incoming,.countdown-ring{will-change:transform,opacity}.full-metal-surface,.hologram-glow-overlay{will-change:opacity}.doors-container,.door-slot,.door-front,.door-back{transform:translateZ(0);backface-visibility:hidden}@media(prefers-reduced-motion:reduce){.match-intro-overlay *{animation-duration:.1s!important;transition-duration:.1s!important}}.tiktok-pk-scorebar{position:fixed;top:0;left:0;right:0;height:80px;z-index:1000;background:linear-gradient(to bottom,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);pointer-events:none}.pk-scorebar-container{position:absolute;top:0;left:0;right:0;height:6px;display:flex;overflow:hidden}.pk-scorebar-side{height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pk-scorebar-side--a{background:linear-gradient(90deg,#ff4d6d,#ff6b8a);box-shadow:0 0 20px #ff4d6d99,inset 0 0 10px #fff3}.pk-scorebar-side--b{background:linear-gradient(90deg,#4a90e2,#6ba3f0);box-shadow:0 0 20px #4a90e299,inset 0 0 10px #fff3}.pk-scorebar-side--leading{animation:scorePulse 1s ease-in-out infinite}@keyframes scorePulse{0%,to{box-shadow:0 0 20px #ff4d6d99,inset 0 0 10px #fff3}50%{box-shadow:0 0 30px #ff4d6de6,inset 0 0 15px #ffffff4d}}.pk-scorebar-side--b.pk-scorebar-side--leading{animation-name:scorePulseB}@keyframes scorePulseB{0%,to{box-shadow:0 0 20px #4a90e299,inset 0 0 10px #fff3}50%{box-shadow:0 0 30px #4a90e2e6,inset 0 0 15px #ffffff4d}}.pk-scorebar-info{position:absolute;top:12px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px}.pk-score-info{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#00000040;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003,0 0 0 1px #ffffff0d inset;transition:all .3s ease}.pk-score-info--a{border-color:#ff4d6d66;box-shadow:0 4px 12px #0006,0 0 0 1px #ff4d6d33 inset,0 0 20px #ff4d6d1a}.pk-score-info--b{border-color:#4a90e266;box-shadow:0 4px 12px #0006,0 0 0 1px #4a90e233 inset,0 0 20px #4a90e21a;flex-direction:row-reverse}.pk-score-info--leading{border-width:2px;box-shadow:0 6px 20px #00000080,0 0 0 2px #fff3 inset,0 0 30px #ffd7004d;animation:leadingGlow 2s ease-in-out infinite}@keyframes leadingGlow{0%,to{box-shadow:0 6px 20px #00000080,0 0 0 2px #fff3 inset,0 0 30px #ffd7004d}50%{box-shadow:0 8px 30px #0009,0 0 0 3px #ffffff4d inset,0 0 50px #ffd70080}}.pk-score-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d}.pk-score-details{display:flex;flex-direction:column;gap:2px}.pk-score-name{color:#fffc;font-size:11px;font-weight:600;letter-spacing:.3px}.pk-score-value{color:#fff;font-size:18px;font-weight:900;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1}.pk-leading-badge{font-size:20px;animation:crownFloat 2s ease-in-out infinite}@keyframes crownFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(10deg)}}.pk-scorebar-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.pk-vs-badge{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#ff4d6d,#4a90e2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:900;letter-spacing:1px;box-shadow:0 0 20px #ff4d6db3,0 0 40px #4a90e280,0 4px 12px #0006,inset 0 1px #ffffff4d;border:2px solid rgba(255,255,255,.3);text-shadow:0 1px 3px rgba(0,0,0,.5),0 0 10px rgba(255,255,255,.3);animation:vsPulse 1.5s ease-in-out infinite}@keyframes vsPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.pk-timer{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ff4d6de6,#4a90e2e6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:900;letter-spacing:1px;box-shadow:0 0 30px #ff4d6dcc,0 0 60px #4a90e299,0 6px 20px #00000080,inset 0 2px #ffffff4d;border:3px solid rgba(255,255,255,.4);text-shadow:0 2px 6px rgba(0,0,0,.6),0 0 15px rgba(255,255,255,.4)}@media(max-width:768px){.tiktok-pk-scorebar{height:70px}.pk-scorebar-info{padding:0 12px;height:50px}.pk-score-info{padding:6px 10px;gap:8px}.pk-score-avatar{width:28px;height:28px}.pk-score-name{font-size:10px}.pk-score-value{font-size:16px}.pk-vs-badge{width:38px;height:38px;font-size:11px}.pk-timer{width:50px;height:50px;font-size:14px}}@media(max-width:480px){.tiktok-pk-scorebar{height:65px}.pk-scorebar-info{padding:0 8px;height:45px}.pk-score-info{padding:5px 8px;gap:6px}.pk-score-avatar{width:24px;height:24px}.pk-score-name{font-size:9px}.pk-score-value{font-size:14px}.pk-vs-badge{width:34px;height:34px;font-size:10px}.pk-timer{width:44px;height:44px;font-size:12px}}.ai-referee-container{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:999;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;max-width:90%}.ai-referee-fairness{background:#0009;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:12px;padding:10px 16px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0006;min-width:200px}.fairness-label{color:#ffffffe6;font-size:12px;font-weight:600;margin-bottom:6px;text-align:center;letter-spacing:.5px}.fairness-bar{position:relative;width:100%;height:24px;background:#ffffff1a;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.fairness-fill{position:absolute;top:0;left:0;height:100%;border-radius:12px;transition:background-color .3s ease;box-shadow:0 0 10px currentColor}.fairness-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.8);z-index:1}.ai-referee-violations{background:#ef444433;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:12px;padding:12px 16px;border:1px solid rgba(239,68,68,.4);box-shadow:0 4px 12px #0006,0 0 20px #ef444433;min-width:250px;max-width:400px}.violations-header{color:#fca5a5;font-size:12px;font-weight:700;margin-bottom:8px;text-align:center;letter-spacing:.5px}.violations-list{display:flex;flex-direction:column;gap:6px}.violation-item{color:#ffffffe6;font-size:11px;padding:6px 10px;background:#ef444426;border-radius:8px;border-left:3px solid #ef4444}.ai-referee-callout{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;background:linear-gradient(135deg,#ef4444f2,#dc2626f2);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);border-radius:20px;padding:24px 32px;border:3px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0009,0 0 60px #ef444480,inset 0 2px #fff3;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:300px;max-width:500px;text-align:center;pointer-events:none}.callout-icon{font-size:48px;animation:calloutPulse 1s ease-in-out infinite}@keyframes calloutPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.callout-text{color:#fff;font-size:18px;font-weight:900;letter-spacing:.5px;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.3);line-height:1.4}@media(max-width:768px){.ai-referee-container{top:80px;max-width:95%}.ai-referee-fairness,.ai-referee-violations{min-width:180px;padding:8px 12px}.ai-referee-callout{min-width:280px;padding:20px 24px}.callout-text{font-size:16px}}.flip-container,.flip-container-left,.flip-container-right{perspective:1400px;width:100%;height:100%;position:relative}.flipper{transition:transform .9s cubic-bezier(.5,.01,.2,1);transform-style:preserve-3d;position:relative;width:100%;height:100%;will-change:transform}.flipper.flip{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;backface-visibility:hidden;inset:0;border-radius:18px;width:100%;height:100%;overflow:hidden}.flip-front{transform:rotateY(0);z-index:2}.flip-back{transform:rotateY(180deg);background:linear-gradient(145deg,#04121e,#09263d);box-shadow:0 0 22px #00ffff40 inset;display:flex;align-items:center;justify-content:center;z-index:1}.laser-engrave-wrapper{position:relative;width:80%;max-width:300px;text-align:center;color:#05d9ff}.laser-line{height:3px;width:0%;background:linear-gradient(90deg,transparent,#05d9ff,transparent);box-shadow:0 0 10px #05d9ff,0 0 20px #05d9ff;animation:laserSweep 1.2s linear forwards;margin-bottom:20px}.laser-line.off{opacity:0;animation:none}@keyframes laserSweep{0%{width:0%;opacity:1}50%{opacity:1}to{width:100%;opacity:0}}.engraved-name{opacity:0;font-size:1.2rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 12px #05d9ff,0 0 24px #05d9ff,0 0 36px #05d9ff;transition:opacity .6s ease-in-out;color:#05d9ff;margin-top:10px}.engraved-name.visible{opacity:1}.engraved-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(5,217,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .6s ease-in-out;pointer-events:none;border-radius:18px}.engraved-glow.visible{opacity:1}.slot-backplate{width:100%;height:100%;background:linear-gradient(145deg,#04121e,#09263d);box-shadow:0 0 22px #00ffff40 inset;border-radius:18px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.engraved-name{font-size:.9rem;letter-spacing:1px}.laser-engrave-wrapper{width:70%;max-width:200px}.flipper{transition:transform .9s cubic-bezier(.5,.01,.2,1)}}.flip-container,.flipper,.flip-front,.flip-back{transform:translateZ(0);-webkit-transform:translateZ(0)}.flip-container{contain:layout style paint}.glow-happy{box-shadow:0 0 18px #00ffff8c;animation:happyPulse 2s ease-in-out infinite}@keyframes happyPulse{0%{box-shadow:0 0 10px #0ff6}to{box-shadow:0 0 18px #00ffffa6}}.glow-stress{box-shadow:0 0 18px #ffe60066;animation:stressPulse 1.2s ease-in-out infinite}@keyframes stressPulse{0%{box-shadow:0 0 12px #ffe6004d}50%{box-shadow:0 0 24px #ffe60080}to{box-shadow:0 0 12px #ffe6004d}}.glow-aggressive{box-shadow:0 0 18px #ff000073;animation:aggressivePulse .35s ease-in-out infinite}@keyframes aggressivePulse{0%{box-shadow:0 0 14px #ff000059}50%{box-shadow:0 0 20px #ff000080}to{box-shadow:0 0 14px #ff000059}}.glow-bored{opacity:.7;filter:grayscale(.3);box-shadow:0 0 8px #8080804d}.glow-competition{box-shadow:0 0 18px #ff009680;animation:competitionPulse 1.5s ease-in-out infinite}@keyframes competitionPulse{0%{box-shadow:0 0 12px #ff009666}to{box-shadow:0 0 20px #ff009699}}.glow-neutral{box-shadow:0 0 12px #00b4ff40}.toxic-flash{box-shadow:0 0 25px #ff0000e6!important;animation:toxicFlash .05s ease-out}@keyframes toxicFlash{0%{box-shadow:0 0 25px #ff0000e6}to{box-shadow:0 0 25px #ff0000e6}}.arena-slot-border{border-radius:18px;overflow:hidden;transition:box-shadow .3s ease,filter .3s ease,opacity .3s ease;will-change:box-shadow,filter,opacity}.arena-slot-border[data-intensity=high] .glow-happy{box-shadow:0 0 24px #00ffffb3}.arena-slot-border[data-intensity=high] .glow-stress{box-shadow:0 0 26px #ffe60080}.arena-slot-border[data-intensity=high] .glow-aggressive{box-shadow:0 0 22px #ff00008c}.arena-slot-border,.glow-happy,.glow-stress,.glow-aggressive{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden}.heatmap-active{filter:brightness(1.35);box-shadow:0 0 12px #0ff;transition:filter .3s ease,box-shadow .3s ease}.heatmap-low{filter:brightness(.75);transition:filter .3s ease}.heatmap-container{position:relative;width:100%;height:100%;transition:filter .3s ease,box-shadow .3s ease}.fairness-bar-container{width:100%;height:4px;background:#0000004d;border-radius:2px;margin-top:8px;overflow:hidden}.fairness-bar{height:100%;transition:width .5s ease,background-color .5s ease;border-radius:2px}.fairness-green{background:linear-gradient(90deg,#0f0,#0c0);box-shadow:0 0 8px #00ff0080}.fairness-blue{background:linear-gradient(90deg,#0af,#08c);box-shadow:0 0 8px #00aaff80}.fairness-yellow{background:linear-gradient(90deg,#fa0,#f80);box-shadow:0 0 8px #ffaa0080}.fairness-red{background:linear-gradient(90deg,red,#c00);box-shadow:0 0 8px #ff000080}.heatmap-active,.heatmap-low,.fairness-bar{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:filter,box-shadow}.glow-text{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.6),0 0 30px rgba(0,255,255,.4);font-weight:600}.glow-faint{color:#00ffffb3;text-shadow:0 0 8px rgba(0,255,255,.4)}.hologram-card{background:#00283c40;border:1px solid rgba(0,255,255,.25);box-shadow:0 0 15px #00ffff2e,inset 0 0 25px #00ffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:20px;animation:holoFade .6s ease forwards;opacity:0}@keyframes holoFade{0%{transform:translateY(30px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.hologram-theme{position:relative}.hologram-theme:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(transparent,transparent 3px,rgba(0,255,255,.03) 4px);mix-blend-mode:overlay;z-index:1}.recap-wrapper{position:fixed;inset:0;background:linear-gradient(135deg,#000f1ef2,#0a192df2);z-index:10000;overflow-y:auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.recap-header{text-align:center;font-size:28px;margin:30px 0;padding:20px}.recap-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px;max-width:1200px;margin:0 auto}.recap-block{position:relative;z-index:2}.recap-block .label{font-size:14px;color:#00ffffb3;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.recap-block .value{font-size:32px;color:#0ff;font-weight:700;text-shadow:0 0 15px rgba(0,255,255,.6)}.recap-list{list-style:none;padding:0;margin:10px 0 0}.recap-list li{padding:8px 0;border-bottom:1px solid rgba(0,255,255,.1);color:#ffffffe6;font-size:14px}.recap-list li:last-child{border-bottom:none}.coach-panel{max-width:800px;margin:40px auto;position:relative;z-index:2}.coach-title{font-size:24px;text-align:center;margin-bottom:30px}.coach-section{margin:25px 0;padding:20px;background:#00ffff0d;border-radius:10px;border:1px solid rgba(0,255,255,.2)}.coach-subtitle{font-size:18px;color:#0ff;margin-bottom:15px;font-weight:600}.coach-tip{color:#ffffffe6;line-height:1.6;border-left:3px solid rgba(0,255,255,.4);padding:10px 0 10px 15px;margin:8px 0}.coach-note{margin-top:30px;padding:15px;background:#00ffff14;border-radius:8px;color:#0ffc;font-size:13px;text-align:center;font-style:italic}.energy-ring{animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%{box-shadow:0 0 10px #00ffc866}50%{box-shadow:0 0 25px #0ffc}to{box-shadow:0 0 10px #00ffc866}}.momentum-flare{background:radial-gradient(circle,rgba(0,255,255,.3),transparent);animation:flare 1.5s infinite alternate ease-in-out}@keyframes flare{0%{transform:scale(1);opacity:.07}to{transform:scale(1.4);opacity:.23}}.heatwave{background:linear-gradient(90deg,#00ffff1a,#00b4ff33,#00ffff1a);animation:wave 3s infinite linear;position:absolute;inset:0;pointer-events:none}@keyframes wave{0%{transform:translate(-20%)}to{transform:translate(20%)}}.hologram-card{animation:holoFade .6s ease forwards}.warp-wrapper{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#000f1ebf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.warp-center{position:relative;display:flex;align-items:center;justify-content:center}.warp-text{font-size:2.5rem;text-align:center;color:#0ff;text-shadow:0 0 25px #00ffff;animation:glowText 1.5s infinite alternate;position:relative;z-index:2;font-weight:700;font-family:Orbitron,sans-serif;line-height:1.2;padding:0 20px}.warp-host-names{position:absolute;top:120px;left:50%;transform:translate(-50%);font-size:1.2rem;color:#0ffc;text-shadow:0 0 15px rgba(0,255,255,.6);font-family:Orbitron,sans-serif;font-weight:500;white-space:nowrap;z-index:3}@keyframes glowText{0%{opacity:.7}to{opacity:1}}.warp-ring{width:220px;height:220px;border-radius:50%;border:4px solid rgba(0,255,255,.4);box-shadow:0 0 40px #00ffff80;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:rotate 3s linear infinite}.phase-2{animation:rotate 2s linear infinite,pulse 1s infinite ease-in-out}.phase-3{animation:rotate 1.2s linear infinite,shrink .9s infinite ease-in-out}.phase-4{animation:warpExplosion .5s forwards}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 15px #0ff}to{box-shadow:0 0 45px #0ff}}@keyframes shrink{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(.85)}}@keyframes warpExplosion{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(3);box-shadow:0 0 200px #0ff}}.ring-wrapper{position:absolute;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.holo-ring{width:120%;height:120%;left:-10%;top:-10%;border-radius:50%;border:3px solid rgba(0,255,255,.25);box-shadow:0 0 25px #00ffff4d,inset 0 0 45px #00ffff4d;position:absolute;animation:ringSpin 6s linear infinite}.holo-ring.ring2{border-color:#00b4ff40;animation:ringSpinReverse 7.5s linear infinite}@keyframes ringSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ringSpinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.gift-animations-wrapper{position:fixed;inset:0;pointer-events:none;z-index:9998}.galaxy-explosion{position:absolute;inset:0;background:radial-gradient(circle,#00c8ffe6,#0050a080,#0000);animation:galaxyExpand 1.6s ease-out forwards;filter:blur(6px)}@keyframes galaxyExpand{0%{transform:scale(.2);opacity:.9}60%{transform:scale(2.4);opacity:.6}to{transform:scale(4);opacity:0}}.quantum-burst{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#ffffffe6,#0ff9,#0000);animation:quantum 1.4s ease forwards}@keyframes quantum{0%{transform:scale(.1);opacity:1;filter:blur(3px)}80%{transform:scale(3.2);opacity:.7}to{transform:scale(4.5);opacity:0;filter:blur(25px)}}.singularity-core{position:absolute;width:180px;height:180px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#0ff,#003aff,#000);border-radius:50%;animation:singularity 1.6s ease-in-out forwards;filter:drop-shadow(0 0 20px #00ffff)}@keyframes singularity{0%{transform:translate(-50%,-50%) scale(.4);opacity:1}50%{transform:translate(-50%,-50%) scale(1.6);opacity:.7}to{transform:translate(-50%,-50%) scale(3.6);opacity:0}}.aura-field{position:absolute;inset:0;border-radius:20px;animation:auraPulse 2.4s ease-in-out infinite;pointer-events:none}@keyframes auraPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.plasma-grid{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,255,255,.15),transparent),radial-gradient(circle at 70% 50%,rgba(0,255,255,.15),transparent),repeating-linear-gradient(90deg,rgba(0,255,255,.05) 0px,rgba(0,255,255,.08) 3px,transparent 3px,transparent 6px);animation:plasmaMove 13s linear infinite;filter:blur(1px);z-index:0}@keyframes plasmaMove{0%{background-position:0 0}to{background-position:600px 0}}.holo-window{position:relative;width:48%;transform:perspective(900px) rotateY(14deg);border-radius:14px}.holo-window-right,.holo-window:nth-child(2){transform:perspective(900px) rotateY(-14deg)}.holo-video{width:100%;height:100%;border-radius:14px;object-fit:cover}.holo-border{position:absolute;inset:0;border:2px solid rgba(0,255,255,.25);border-radius:14px;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,rgba(0,255,255,.05) 0px,rgba(0,255,255,.05) 2px,transparent 2px,transparent 4px);opacity:.7}.galaxy-bg{position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(0,150,255,.15),transparent),radial-gradient(circle at 70% 70%,rgba(0,255,180,.1),transparent),radial-gradient(circle at 40% 80%,rgba(0,255,255,.08),transparent);animation:galaxyMorph 18s infinite ease-in-out;z-index:-1}@keyframes galaxyMorph{0%{filter:hue-rotate(0deg) blur(0px);transform:scale(1)}50%{filter:hue-rotate(60deg) blur(1px);transform:scale(1.08)}to{filter:hue-rotate(0deg) blur(0px);transform:scale(1)}}.teleport-field{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:30}.teleport-ring{width:190px;height:190px;border-radius:50%;border:3px solid rgba(0,255,255,.7);animation:teleportAnim 1.4s ease-out forwards;filter:drop-shadow(0 0 25px #00ffff)}@keyframes teleportAnim{0%{transform:scale(.1);opacity:1}40%{transform:scale(1.3);opacity:.9}80%{transform:scale(.8);opacity:.6}to{transform:scale(3.8);opacity:0}}.energy-meter{width:90%;height:12px;border:1px solid rgba(0,255,255,.25);margin:10px auto;border-radius:12px;display:flex;overflow:hidden;background:#000f1e66;position:relative;z-index:10}.bar{transition:width .4s ease}.bar.left{background:#0ff}.bar.right{background:#0fa;margin-left:auto}.neon-path{position:absolute;inset:0;pointer-events:none;z-index:5}.neon-line{stroke:#0ff;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 6px #00ffff);animation:neonPulse 1.8s infinite ease-in-out}@keyframes neonPulse{0%{opacity:.3}50%{opacity:.8}to{opacity:.3}}.faceglow{position:absolute;inset:0;border-radius:14px;pointer-events:none;transition:box-shadow .25s ease;z-index:1}.referee-panel{position:absolute;bottom:20px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:12px;background:#000f1480;border:1px solid rgba(0,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:260px;color:#0ff;text-align:center;font-size:.9rem;transition:all .3s ease;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.ref-neutral{border-color:#00ffff40}.ref-warning{border-color:#fe0;color:#fe0}.ref-critical{border-color:#f03;color:#f03}.violations{text-align:left;margin-top:8px;font-size:.8rem;list-style:none;padding:0}.violations li{margin:4px 0}.callout{margin-top:12px;opacity:.9;font-size:.83rem}.title{font-weight:700;margin-bottom:4px}.state{text-transform:uppercase;font-size:.85rem;margin-bottom:8px}.arena-wrapper{position:relative;width:100%;height:100%;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.windows-row{display:flex;justify-content:space-between;padding:20px;margin-top:20px;gap:20px}.hologram-arena{background:linear-gradient(135deg,#000f1ef2,#0a192df2)}.hologram-theme:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 3px,rgba(0,255,255,.03) 4px);mix-blend-mode:overlay;z-index:1}.plasma-effect{position:relative;overflow:hidden}.plasma-effect:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at 20% 50%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,180,255,.1) 0%,transparent 50%),radial-gradient(circle at 50% 20%,rgba(0,255,200,.1) 0%,transparent 50%);animation:plasma 8s ease-in-out infinite;mix-blend-mode:screen}@keyframes plasma{0%,to{transform:translate(0) scale(1);opacity:.3}33%{transform:translate(10%,-10%) scale(1.1);opacity:.4}66%{transform:translate(-10%,10%) scale(.9);opacity:.35}}.hologram-card{position:relative}.hologram-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#00ffff1a,#00b4ff1a,#00ffff1a);border-radius:14px;z-index:-1;filter:blur(8px);opacity:.6;animation:subsurfaceGlow 3s ease-in-out infinite}@keyframes subsurfaceGlow{0%,to{opacity:.4}50%{opacity:.7}}.data-stream{position:absolute;width:2px;height:100%;background:linear-gradient(to bottom,transparent,rgba(0,255,255,.6),transparent);animation:streamFlow 2s linear infinite}@keyframes streamFlow{0%{transform:translateY(-100%);opacity:0}50%{opacity:1}to{transform:translateY(100%);opacity:0}}.viewer-dual-live-container{position:fixed;inset:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;overflow:hidden;z-index:100}.viewer-dual-live-videos{flex:1;display:flex;flex-direction:row;position:relative;min-height:0}.viewer-video-slot{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#111}.viewer-video-slot video{width:100%;height:100%;object-fit:cover}.viewer-video-slot.left{border-right:2px solid rgba(255,77,109,.5)}.viewer-video-slot.right{border-left:2px solid rgba(74,144,226,.5)}.viewer-host-label{position:absolute;top:60px;left:12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;z-index:10;border:1px solid rgba(255,255,255,.2)}.viewer-center-divider{position:absolute;left:50%;top:0;bottom:0;width:8px;transform:translate(-50%);z-index:20;background:linear-gradient(to bottom,#ff4d6dcc,#4a90e2cc);box-shadow:0 0 20px #ff4d6d99,0 0 40px #4a90e266;animation:center-divider-pulse 2s ease-in-out infinite}@keyframes center-divider-pulse{0%,to{opacity:.8}50%{opacity:1}}.vs-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ff4d6d,#4a90e2);color:#fff;font-size:12px;font-weight:900;padding:10px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ff4d6d99;animation:vs-pulse 1.5s ease-in-out infinite}@keyframes vs-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.viewer-chat-overlay{position:absolute;bottom:0;left:0;right:0;height:40%;max-height:300px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%);padding:10px;overflow:hidden;pointer-events:auto;z-index:5}.viewer-dual-toolbar{position:relative;z-index:50;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 16px;padding-bottom:calc(env(safe-area-inset-bottom,12px) + 12px);background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);gap:12px}.viewer-chat-input-wrapper{flex:1;display:flex;flex-direction:column;gap:6px}.chat-target-selector{display:flex;gap:8px}.chat-target-btn{padding:4px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;color:#ffffffb3;font-size:11px;cursor:pointer;transition:all .2s}.chat-target-btn.active{background:linear-gradient(135deg,#ff4d6d,#4a90e2);border-color:transparent;color:#fff}.chat-input-row{display:flex;gap:8px}.chat-input-row input{flex:1;padding:10px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:14px;outline:none}.chat-input-row input::placeholder{color:#ffffff80}.chat-input-row input:focus{border-color:#00c8ff80}.send-btn{width:40px;height:40px;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;transition:all .2s}.send-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #00d4ff80}.viewer-action-buttons{display:flex;gap:10px}.viewer-action-btn{width:44px;height:44px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;font-size:20px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.viewer-action-btn:hover{transform:scale(1.1)}.viewer-action-btn.like-btn:first-of-type{border-color:#ff4d6d80}.viewer-action-btn.like-btn:first-of-type:hover{background:#ff4d6d4d;box-shadow:0 0 15px #ff4d6d80}.viewer-action-btn.like-btn:last-of-type{border-color:#4a90e280}.viewer-action-btn.like-btn:last-of-type:hover{background:#4a90e24d;box-shadow:0 0 15px #4a90e280}.viewer-action-btn.gift-btn{border-color:#ffd70080}.viewer-action-btn.gift-btn:hover{background:#ffd7004d;box-shadow:0 0 15px #ffd70080}@media(max-width:768px){.viewer-dual-toolbar{flex-wrap:wrap;padding:10px 12px}.viewer-chat-input-wrapper{order:2;flex-basis:100%;margin-top:8px}.viewer-action-buttons{order:1}.viewer-action-btn{width:38px;height:38px;font-size:18px}.viewer-host-label{font-size:.75rem;padding:4px 10px;top:50px}}@media(max-width:480px)and (orientation:portrait){.viewer-dual-live-videos{flex-direction:row!important}.viewer-video-slot.left{border-right:2px solid rgba(255,77,109,.5);border-bottom:none}.viewer-video-slot.right{border-left:2px solid rgba(74,144,226,.5);border-top:none}.viewer-center-divider{inset:0 auto 0 50%;width:6px;height:auto;transform:translate(-50%);background:linear-gradient(to bottom,#ff4d6dcc,#4a90e2cc)}.vs-badge{transform:translate(-50%,-50%);width:32px;height:32px;font-size:10px}.viewer-host-label{font-size:.7rem;padding:3px 8px;top:10px;left:6px}}.tiktok-cohost-splitscreen{position:absolute;inset:0;display:flex;flex-direction:row;background:#000;z-index:1;overflow:hidden}.cohost-slot{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.cohost-slot--left{border-right:2px solid rgba(255,77,109,.3)}.cohost-slot--right{border-left:2px solid rgba(74,144,226,.3)}.cohost-video{width:100%;height:100%;object-fit:cover;background:#000}.cohost-label{position:absolute;top:16px;left:12px;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#000000b3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;border:1px solid rgba(255,255,255,.15);z-index:10;box-shadow:0 4px 12px #0006,0 0 0 1px #ffffff0d inset}.cohost-label--left{border-color:#ff4d6d66;box-shadow:0 4px 12px #0006,0 0 0 1px #ff4d6d33 inset,0 0 20px #ff4d6d1a}.cohost-label--right{border-color:#4a90e266;box-shadow:0 4px 12px #0006,0 0 0 1px #4a90e233 inset,0 0 20px #4a90e21a}.cohost-label-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d}.cohost-label-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;border:2px solid rgba(255,255,255,.3)}.cohost-label-name{color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.cohost-divider{position:absolute;left:50%;top:0;bottom:0;width:4px;transform:translate(-50%);z-index:20;pointer-events:none}.cohost-divider-line{width:100%;height:100%;background:linear-gradient(to bottom,#ff4d6de6,#9333eae6,#4a90e2e6);box-shadow:0 0 20px #ff4d6d99,0 0 40px #4a90e266,inset 0 0 20px #ffffff1a;animation:dividerGlow 2s ease-in-out infinite}.cohost-vs-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff4d6d,#4a90e2);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ff4d6db3,0 0 40px #4a90e280,0 4px 12px #0006,inset 0 1px #ffffff4d;border:2px solid rgba(255,255,255,.3);z-index:21}.cohost-vs-text{color:#fff;font-size:12px;font-weight:900;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.5),0 0 10px rgba(255,255,255,.3)}.cohost-loading-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.cohost-loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.cohost-label{top:12px;left:8px;padding:5px 10px;gap:6px}.cohost-label-avatar,.cohost-label-avatar-placeholder{width:20px;height:20px;font-size:10px}.cohost-label-name{font-size:11px}.cohost-vs-badge{width:40px;height:40px}.cohost-vs-text{font-size:10px}.cohost-divider{width:3px}}@media(max-width:480px){.cohost-label{top:10px;left:6px;padding:4px 8px;gap:5px}.cohost-label-avatar,.cohost-label-avatar-placeholder{width:18px;height:18px;font-size:9px}.cohost-label-name{font-size:10px}.cohost-vs-badge{width:36px;height:36px}.cohost-vs-text{font-size:9px}}.arena-overlay{position:fixed;top:0;left:0;right:0;z-index:1000;pointer-events:none;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.arena-overlay--hot{animation:arenaHotPulse .5s ease-in-out infinite}@keyframes arenaHotPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.arena-timer-bar{position:relative;height:32px;background:#000000b3;border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.arena-timer-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#00d4ff,#7c3aed);transition:width 1s linear}.arena-timer-progress--flux{background:linear-gradient(90deg,#ff6b00,#f06,#ff6b00);background-size:200% 100%;animation:fluxGradient 1s linear infinite}@keyframes fluxGradient{0%{background-position:0% 0%}to{background-position:200% 0%}}.arena-timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.arena-timer-icon{font-size:16px}.arena-timer-value{font-family:JetBrains Mono,Fira Code,monospace;letter-spacing:1px}.arena-timer-value--hot{color:#f44;animation:timerHotBlink .5s ease-in-out infinite}@keyframes timerHotBlink{0%,to{opacity:1}50%{opacity:.7}}.arena-scores{display:flex;justify-content:space-between;align-items:center;gap:12px}.arena-score-box{flex:1;background:#000000bf;border-radius:16px;padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;pointer-events:auto}.arena-score-box--a{border:2px solid #00d4ff;box-shadow:0 0 20px #00d4ff4d}.arena-score-box--b{border:2px solid #ff00aa;box-shadow:0 0 20px #ff00aa4d}.arena-score-box--leading{box-shadow:0 0 30px #ffbf2480,inset 0 0 30px #ffbf241a}.arena-score-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.arena-score-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.arena-score-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-score-value{font-size:32px;font-weight:800;color:#fff;text-align:center;font-family:JetBrains Mono,Fira Code,monospace;text-shadow:0 2px 10px rgba(0,0,0,.5)}.arena-score-box--a .arena-score-value{color:#00d4ff}.arena-score-box--b .arena-score-value{color:#f0a}.arena-score-details{display:flex;justify-content:center;gap:12px;margin-top:6px}.arena-score-detail{font-size:11px;color:#ffffffb3;display:flex;align-items:center;gap:3px}.arena-leader-badge{position:absolute;top:-2px;right:8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:4px 10px;border-radius:12px;font-size:10px;font-weight:800;color:#000;animation:leaderBounce .5s ease-out}@keyframes leaderBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.arena-center{flex-shrink:0;width:80px;display:flex;align-items:center;justify-content:center}.arena-vs{font-size:20px;font-weight:900;color:#ffffff80;letter-spacing:2px}.arena-flux-badge{display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(135deg,#ff6b00,#f06);padding:8px 14px;border-radius:12px;box-shadow:0 0 30px #ff6b0099,0 0 60px #f066;animation:fluxPulse .5s ease-in-out infinite}@keyframes fluxPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.arena-flux-icon{font-size:20px;animation:fluxSpin 2s linear infinite}@keyframes fluxSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.arena-flux-label{font-size:16px;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.arena-flux-text{font-size:8px;font-weight:700;color:#fffc;letter-spacing:1px}.arena-score-bar-container{display:flex;height:6px;background:#00000080;border-radius:3px;overflow:hidden}.arena-score-bar{height:100%;transition:width .3s ease}.arena-score-bar--a{background:linear-gradient(90deg,#00d4ff,#09c)}.arena-score-bar--b{background:linear-gradient(90deg,#f0a,#c08)}.arena-flux-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#ff6b0033;z-index:1001;pointer-events:none}.arena-flux-burst{font-size:48px;font-weight:900;color:#fff;text-shadow:0 0 30px #ff6b00,0 0 60px #ff0066,0 0 90px #ff6b00;letter-spacing:4px}.arena-hot-indicator{position:fixed;bottom:120px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ef4444,#f59e0b);padding:10px 24px;border-radius:30px;font-size:14px;font-weight:800;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);z-index:1002;pointer-events:none}@media(max-width:480px){.arena-overlay{padding:8px 12px;gap:6px}.arena-timer-bar{height:28px}.arena-timer-text{font-size:12px}.arena-score-box{padding:8px;border-radius:12px}.arena-score-avatar{width:24px;height:24px}.arena-score-name{font-size:10px}.arena-score-value{font-size:24px}.arena-score-details{gap:8px}.arena-score-detail{font-size:9px}.arena-center{width:50px}.arena-vs{font-size:14px}.arena-flux-badge{padding:6px 10px}.arena-flux-label{font-size:12px}.arena-flux-burst{font-size:32px}.arena-hot-indicator{font-size:12px;padding:8px 16px;bottom:100px}}.arena-start-button-container{display:flex;flex-direction:column;gap:6px}.arena-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#7c3aed,#db2777);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #7c3aed4d}.arena-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.arena-button:disabled{opacity:.5;cursor:not-allowed}.arena-button--active{background:linear-gradient(135deg,#ef4444,#f59e0b);box-shadow:0 4px 15px #ef44444d;animation:activeButtonPulse 2s ease-in-out infinite}@keyframes activeButtonPulse{0%,to{box-shadow:0 4px 15px #ef44444d}50%{box-shadow:0 4px 25px #ef444480}}.arena-button-icon{font-size:18px}.arena-button-text{flex:1;text-align:left}.arena-button-timer{font-family:JetBrains Mono,monospace;font-size:12px;opacity:.9}.arena-button-action{font-size:11px;opacity:.8;padding:4px 8px;background:#0003;border-radius:6px}.arena-button-hint{font-size:11px;color:#ffffff80;text-align:center}.arena-modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.arena-modal{background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:20px;width:100%;max-width:400px;box-shadow:0 20px 60px #00000080,0 0 40px #7c3aed33;border:1px solid rgba(255,255,255,.1);overflow:hidden}.arena-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(90deg,#7c3aed33,#db277733);border-bottom:1px solid rgba(255,255,255,.1)}.arena-modal-header h2{margin:0;font-size:18px;font-weight:700;color:#fff}.arena-modal-close{width:32px;height:32px;border:none;background:#ffffff1a;border-radius:50%;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.arena-modal-close:hover{background:#fff3}.arena-modal-body{padding:20px;display:flex;flex-direction:column;gap:20px}.arena-config-group{display:flex;flex-direction:column;gap:10px}.arena-config-label{font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.arena-config-options{display:flex;gap:10px}.arena-config-options--duration{gap:8px}.arena-config-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;cursor:pointer;transition:all .2s}.arena-config-option:hover{background:#ffffff1a;border-color:#fff3}.arena-config-option.active{background:linear-gradient(135deg,#7c3aed4d,#db27774d);border-color:#7c3aed;color:#fff}.arena-config-option--duration{padding:10px 16px}.option-icon{font-size:24px}.option-label{font-size:13px;font-weight:600}.option-desc{font-size:10px;opacity:.6}.arena-error{background:#ef444433;border:1px solid rgba(239,68,68,.5);border-radius:8px;padding:10px 14px;font-size:13px;color:#fca5a5}.arena-modal-footer{display:flex;gap:10px;padding:16px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.1)}.arena-modal-button{flex:1;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.arena-modal-button--cancel{background:#ffffff1a;color:#ffffffb3}.arena-modal-button--cancel:hover{background:#ffffff26}.arena-modal-button--start{background:linear-gradient(135deg,#7c3aed,#db2777);color:#fff;box-shadow:0 4px 15px #7c3aed4d}.arena-modal-button--start:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed66}.arena-modal-button--start:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.arena-modal{max-width:100%;margin:10px}.arena-config-options{flex-direction:column}.arena-config-options--duration{flex-direction:row}}.arena-result-backdrop{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.arena-result-container{background:linear-gradient(180deg,#1a1a2e,#0f0f23);border-radius:24px;width:100%;max-width:420px;padding:24px;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000080,0 0 60px #7c3aed33;border:1px solid rgba(255,255,255,.1)}.arena-result--winner-a{border-color:#00d4ff80;box-shadow:0 25px 80px #00000080,0 0 60px #00d4ff4d}.arena-result--winner-b{border-color:#ff00aa80;box-shadow:0 25px 80px #00000080,0 0 60px #ff00aa4d}.arena-result--draw{border-color:#fbbf2480;box-shadow:0 25px 80px #00000080,0 0 60px #fbbf244d}.arena-result-header{text-align:center;margin-bottom:24px}.arena-result-title{font-size:22px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 2px 20px rgba(124,58,237,.5)}.arena-result-winner{text-align:center;margin-bottom:24px}.arena-result-winner-avatar{position:relative;display:inline-block;margin-bottom:12px}.arena-result-winner-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid}.arena-result--winner-a .arena-result-winner-avatar img{border-color:#00d4ff;box-shadow:0 0 30px #00d4ff80}.arena-result--winner-b .arena-result-winner-avatar img{border-color:#f0a;box-shadow:0 0 30px #ff00aa80}.arena-result-crown{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:36px;animation:crownBounce 1s ease-in-out infinite}@keyframes crownBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.arena-result-winner-label{font-size:24px;font-weight:700;color:#fff}.arena-result--draw .arena-result-winner-label{color:#fbbf24}.arena-result-scores{display:flex;align-items:center;gap:12px;margin-bottom:20px}.arena-result-score{flex:1;background:#ffffff0d;border-radius:16px;padding:16px;text-align:center;border:2px solid transparent;transition:all .3s ease}.arena-result-score--a{border-color:#00d4ff4d}.arena-result-score--b{border-color:#ff00aa4d}.arena-result-score.winner{background:#ffffff1a;transform:scale(1.02)}.arena-result-score--a.winner{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d}.arena-result-score--b.winner{border-color:#f0a;box-shadow:0 0 20px #ff00aa4d}.arena-result-score-avatar{margin-bottom:8px}.arena-result-score-avatar img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.arena-result-score-name{font-size:13px;font-weight:600;color:#fffc;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-result-score-value{font-size:36px;font-weight:800;font-family:JetBrains Mono,monospace}.arena-result-score--a .arena-result-score-value{color:#00d4ff}.arena-result-score--b .arena-result-score-value{color:#f0a}.arena-result-score-details{display:flex;justify-content:center;gap:12px;margin-top:8px;font-size:12px;color:#fff9}.arena-result-vs{font-size:18px;font-weight:900;color:#fff6;letter-spacing:2px}.arena-result-participants{background:#0000004d;border-radius:12px;padding:12px;margin-bottom:20px}.arena-result-participants-title{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.arena-result-participants-list{display:flex;flex-wrap:wrap;gap:8px}.arena-result-participant{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:8px 12px;border-radius:8px;flex:1;min-width:140px}.arena-result-participant--a{border-left:3px solid #00d4ff}.arena-result-participant--b{border-left:3px solid #ff00aa}.arena-result-participant-name{font-size:12px;color:#fffc}.arena-result-participant-score{font-size:14px;font-weight:700;color:#fff;font-family:JetBrains Mono,monospace}.arena-result-footer{text-align:center}.arena-result-button{background:linear-gradient(135deg,#7c3aed,#db2777);border:none;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px #7c3aed66}.arena-result-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #7c3aed80}.arena-result-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;top:0;width:10px;height:10px;border-radius:2px}@media(max-width:480px){.arena-result-container{padding:20px;max-width:100%;margin:10px}.arena-result-title{font-size:18px}.arena-result-winner-avatar img{width:60px;height:60px}.arena-result-winner-label{font-size:20px}.arena-result-score{padding:12px 8px}.arena-result-score-avatar img{width:36px;height:36px}.arena-result-score-value{font-size:28px}.arena-result-participant{min-width:100%}}.tiktok-pk-arena{position:fixed;inset:0;background:#000;z-index:999;overflow:hidden}.pk-arena-videos{position:absolute;inset:80px 0 50%;display:flex;flex-direction:row}.pk-video-slot{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0a0a0a}.pk-video-slot--a{border-right:2px solid rgba(255,77,109,.3)}.pk-video-slot--b{border-left:2px solid rgba(74,144,226,.3)}.pk-video{width:100%;height:100%;object-fit:cover;background:#000}.pk-video-label{position:absolute;top:16px;left:12px;display:flex;align-items:center;gap:8px;padding:6px 12px;background:#000000b3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;border:1px solid rgba(255,255,255,.15);z-index:10;box-shadow:0 4px 12px #0006,0 0 0 1px #ffffff0d inset}.pk-video-label--a{border-color:#ff4d6d66;box-shadow:0 4px 12px #0006,0 0 0 1px #ff4d6d33 inset,0 0 20px #ff4d6d1a}.pk-video-label--b{border-color:#4a90e266;box-shadow:0 4px 12px #0006,0 0 0 1px #4a90e233 inset,0 0 20px #4a90e21a}.pk-video-label-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d}.pk-video-label-name{color:#fff;font-size:13px;font-weight:600;letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.pk-arena-divider{position:absolute;left:50%;top:0;bottom:0;width:4px;transform:translate(-50%);z-index:20;pointer-events:none}.pk-arena-divider-line{width:100%;height:100%;background:linear-gradient(to bottom,#ff4d6de6,#9333eae6,#4a90e2e6);box-shadow:0 0 20px #ff4d6d99,0 0 40px #4a90e266,inset 0 0 20px #ffffff1a;animation:dividerGlow 2s ease-in-out infinite}@keyframes dividerGlow{0%,to{opacity:.8;box-shadow:0 0 20px #ff4d6d99,0 0 40px #4a90e266,inset 0 0 20px #ffffff1a}50%{opacity:1;box-shadow:0 0 30px #ff4d6dcc,0 0 60px #4a90e299,inset 0 0 30px #fff3}}.pk-loading-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:100}.pk-loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:#00d4ff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.pk-arena-videos{top:70px}.pk-video-label{top:12px;left:8px;padding:5px 10px;gap:6px}.pk-video-label-avatar{width:20px;height:20px}.pk-video-label-name{font-size:11px}.pk-arena-divider{width:3px}}@media(max-width:480px){.pk-arena-videos{top:65px;bottom:50%}.pk-video-label{top:10px;left:6px;padding:4px 8px;gap:5px}.pk-video-label-avatar{width:18px;height:18px}.pk-video-label-name{font-size:10px}}.coach-overlay{position:fixed;top:80px;left:20px;z-index:2500;pointer-events:none;display:flex;flex-direction:column;gap:12px;max-width:320px;padding-top:env(safe-area-inset-top,0)}.coach-card{background:#0a1928f2;border:2px solid rgba(0,216,255,.6);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 0 20px #00d8ff4d;animation:coachCardFadeIn .4s ease-out forwards;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes coachCardFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.coach-card:before{content:"";position:absolute;inset:-2px;border-radius:12px;background:linear-gradient(45deg,#00d8ff66,#0f86);opacity:0;animation:coachPulse 2s ease-in-out infinite;z-index:-1}@keyframes coachPulse{0%,to{opacity:0}50%{opacity:.6}}.coach-card-icon{font-size:1.5rem;flex-shrink:0;animation:coachIconGlow 1.5s ease-in-out infinite alternate}@keyframes coachIconGlow{0%{filter:drop-shadow(0 0 5px rgba(0,216,255,.5))}to{filter:drop-shadow(0 0 15px rgba(0,216,255,.9))}}.coach-card-text{color:#fff;font-size:.9rem;font-weight:500;line-height:1.4;flex:1}.coach-hint{border-color:#00d8ff99}.coach-hint.coach-priority-high{border-color:#0f8c;box-shadow:0 0 25px #0f86}.coach-hint.coach-priority-medium{border-color:#00d8ff99}.coach-hint.coach-priority-low{border-color:#00d8ff66;opacity:.8}.coach-hint.coach-type-coaching{border-color:#00ff88b3}.coach-hint.coach-type-timing{border-color:#ffd700b3}.coach-hint.coach-type-strategy{border-color:#ff0096b3}.coach-hint.coach-type-safety{border-color:#ff6b6bb3}.coach-warning{border-color:#ff6b6bcc;box-shadow:0 0 25px #ff6b6b66;animation:coachWarningPulse 1s ease-in-out infinite}@keyframes coachWarningPulse{0%,to{box-shadow:0 0 25px #ff6b6b66}50%{box-shadow:0 0 35px #ff6b6b99}}.coach-warning.coach-severity-critical{border-color:red;box-shadow:0 0 40px #f009;background:#280a0af2}.coach-warning.coach-severity-high{border-color:#ff6b6be6;background:#281414f2}.coach-warning.coach-severity-medium{border-color:#ffa500cc}.coach-warning.coach-severity-low{border-color:#ffd700b3}@media(max-width:600px){.coach-overlay{top:60px;left:10px;max-width:calc(100vw - 20px)}.coach-card{padding:10px 14px}.coach-card-text{font-size:.85rem}.coach-card-icon{font-size:1.3rem}}@supports (padding: max(0px)){.coach-overlay{top:max(80px,env(safe-area-inset-top,0px) + 60px);left:max(20px,env(safe-area-inset-left,0px) + 10px)}}.host-toolbar{position:fixed;bottom:env(safe-area-inset-bottom,0);left:0;width:100%;padding:12px;display:flex;justify-content:space-around;align-items:center;background:#000f19bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:2px solid rgba(0,255,255,.18);border-radius:22px 22px 0 0;z-index:99998;gap:8px}.host-toolbar .toolbar-btn{flex:1;padding:10px 8px;border:none;border-radius:12px;background:#00ffff1a;color:#e8ffff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid rgba(0,255,255,.2)}.host-toolbar .toolbar-btn:hover:not(:disabled){background:#0ff3;box-shadow:0 0 12px #0ff6;transform:translateY(-2px)}.host-toolbar .toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.host-toolbar .toolbar-btn:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.host-toolbar{padding:10px 8px;gap:6px}.host-toolbar .toolbar-btn{padding:8px 6px;font-size:.7rem}}.viewer-toolbar{position:fixed;bottom:env(safe-area-inset-bottom,0);left:0;width:100%;padding:12px;display:flex;justify-content:space-around;align-items:center;background:#000f19bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:2px solid rgba(255,75,154,.18);border-radius:22px 22px 0 0;z-index:99998;gap:8px}.viewer-toolbar .toolbar-btn{flex:1;padding:10px 8px;border:none;border-radius:12px;background:#ff4b9a1a;color:#e8ffff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,75,154,.2)}.viewer-toolbar .toolbar-btn:hover{background:#ff4b9a33;box-shadow:0 0 12px #ff4b9a66;transform:translateY(-2px)}.viewer-toolbar .toolbar-btn:active{transform:translateY(0)}.viewer-toolbar .toolbar-btn-like:hover{background:#ff005033;box-shadow:0 0 12px #ff005066}.viewer-toolbar .toolbar-btn-follow.following{background:#00ff7833;border-color:#00ff7866}@media(max-width:768px){.viewer-toolbar{padding:10px 8px;gap:6px}.viewer-toolbar .toolbar-btn{padding:8px 6px;font-size:.7rem}}.ai-referee-badge{position:fixed;top:calc(env(safe-area-inset-top,0) + 60px);left:50%;transform:translate(-50%);padding:10px 20px;background:#000f19e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(0,255,255,.4);border-radius:25px;color:#00ffffe6;font-size:.9rem;font-weight:600;z-index:99996;display:flex;align-items:center;gap:8px;box-shadow:0 0 20px #00ffff4d,inset 0 0 15px #00ffff1a;animation:refereePulse 2s infinite ease-in-out}.ai-referee-badge:before{content:"⚖️";font-size:1.2rem}.ai-referee-badge .fairness-score{color:#00ff78e6;font-weight:700}@keyframes refereePulse{0%,to{box-shadow:0 0 20px #00ffff4d,inset 0 0 15px #00ffff1a;border-color:#0ff6}50%{box-shadow:0 0 30px #00ffff80,inset 0 0 25px #0ff3;border-color:#0ff9}}@media(max-width:768px){.ai-referee-badge{top:calc(env(safe-area-inset-top,0) + 50px);padding:8px 16px;font-size:.8rem}}.chat-box{--heat: 0;transition:box-shadow .3s ease}.chat-box.heatmap-active{box-shadow:0 0 calc(16px * var(--heat)) #00ffff73}.chat-box.heatmap-level-0{--heat: 0;box-shadow:0 0 10px #0ff3}.chat-box.heatmap-level-1{--heat: .25;box-shadow:0 0 15px #00ffff4d}.chat-box.heatmap-level-2{--heat: .5;box-shadow:0 0 25px #0ff6}.chat-box.heatmap-level-3{--heat: .75;box-shadow:0 0 40px #00ffff80}.chat-box.heatmap-level-4{--heat: 1;box-shadow:0 0 60px #0ff9}@keyframes heatmapPulse{0%,to{box-shadow:0 0 calc(16px * var(--heat)) #00ffff73}50%{box-shadow:0 0 calc(20px * var(--heat)) #0ff9}}.chat-box.heatmap-active{animation:heatmapPulse 2s infinite ease-in-out}.live-exit-btn{position:fixed;top:env(safe-area-inset-top,0);right:14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:300;color:#ff4f4f;z-index:99999;cursor:pointer;text-shadow:0 0 14px #ff1a1a;background:#0006;border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,79,79,.3);transition:all .3s ease}.live-exit-btn:hover{background:#ff4f4f33;box-shadow:0 0 20px #ff1a1a99;transform:scale(1.1)}.live-exit-btn:active{transform:scale(.95)}.chat-input-wrapper{position:fixed;bottom:calc(env(safe-area-inset-bottom,0) + 90px);width:100%;padding:0 12px;z-index:99997;display:flex;align-items:center;gap:8px}.chat-input-wrapper input{flex:1;padding:10px 14px;border-radius:20px;border:1px solid rgba(0,255,255,.3);background:#000a19cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#e8ffff;font-size:.9rem;outline:none;transition:all .3s ease}.chat-input-wrapper input:focus{border-color:#0ff9;box-shadow:0 0 15px #00ffff4d}.chat-input-wrapper input::placeholder{color:#e8ffff80}@media(max-width:768px){.chat-input-wrapper{bottom:calc(env(safe-area-inset-bottom,0) + 80px);padding:0 10px}}.dice-container{display:flex;gap:6px;justify-content:center;align-items:center;padding:8px;background:transparent;border-radius:8px}.dice{width:28px;height:28px;background:linear-gradient(145deg,#2a2a3a,#1a1a2a);border:2px solid #1e9bff;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0006;flex-shrink:0}.dice.active{border-color:#0f8;box-shadow:0 0 15px #00ff8880;cursor:pointer}.dice.active:hover{transform:scale(1.15);box-shadow:0 0 20px #0f8c}.dice.held{border-color:#fa0;background:linear-gradient(145deg,#3a3a4a,#2a2a3a);box-shadow:0 0 15px #ffaa0080}.dice.rolling{animation:roll .4s ease-in-out infinite}@keyframes roll{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(.9)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(.9)}}.dice-face{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:3px;gap:1px}.dot{width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 1px 1px #0000004d}.dot.center{grid-column:2;grid-row:2}.dot.top-left{grid-column:1;grid-row:1}.dot.top-right{grid-column:3;grid-row:1}.dot.middle-left{grid-column:1;grid-row:2}.dot.middle-right{grid-column:3;grid-row:2}.dot.bottom-left{grid-column:1;grid-row:3}.dot.bottom-right{grid-column:3;grid-row:3}.hold-indicator{position:absolute;top:-5px;right:-5px;font-size:10px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.dice.set-classic-red,.dice-container.set-classic-red .dice{background:linear-gradient(145deg,#c22,#811);border-color:#f44}.dice.set-classic-red .dot,.dice-container.set-classic-red .dot{background:#fff}.dice.set-levi-neon-blue,.dice-container.set-levi-neon-blue .dice{background:linear-gradient(145deg,#1a4a7a,#0a2a4a);border-color:#1e9bff;box-shadow:0 0 15px #1e9bff66}.dice.set-levi-neon-blue .dot,.dice-container.set-levi-neon-blue .dot{background:#1e9bff;box-shadow:0 0 5px #1e9bffcc}.dice.set-matrix-green,.dice-container.set-matrix-green .dice{background:linear-gradient(145deg,#0a3a0a,#052005);border-color:#0f0;box-shadow:0 0 15px #00ff004d}.dice.set-matrix-green .dot,.dice-container.set-matrix-green .dot{background:#0f0;box-shadow:0 0 8px #0f0c}.dice.set-carbon-black,.dice-container.set-carbon-black .dice{background:linear-gradient(145deg,#2a2a2a,#0a0a0a);border-color:#444}.dice.set-carbon-black .dot,.dice-container.set-carbon-black .dot{background:#888}.dice.set-gold-premium,.dice-container.set-gold-premium .dice{background:linear-gradient(145deg,#c9a227,#8b6914);border-color:gold;box-shadow:0 0 20px #ffd70080}.dice.set-gold-premium .dot,.dice-container.set-gold-premium .dot{background:#fff;box-shadow:0 0 5px #fffc}.dice.set-crystal-purple,.dice-container.set-crystal-purple .dice{background:linear-gradient(145deg,#6a2c91,#3d1a54);border-color:#9b59b6;box-shadow:0 0 15px #9b59b666}.dice.set-crystal-purple .dot,.dice-container.set-crystal-purple .dot{background:#e8d5f2;box-shadow:0 0 5px #9b59b6cc}.dice.set-ice,.dice-container.set-ice .dice{background:linear-gradient(145deg,#a8d8ea,#6bb3d1);border-color:#e0f7fa;box-shadow:0 0 15px #ffffff4d}.dice.set-ice .dot,.dice-container.set-ice .dot{background:#fff;box-shadow:0 0 5px #ffffffe6}.dice.set-rainbow,.dice-container.set-rainbow .dice{background:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,#8b00ff);border-color:#fff;box-shadow:0 0 20px #fff6}.dice.set-rainbow .dot,.dice-container.set-rainbow .dot{background:#fff;box-shadow:0 0 5px #fff}.dice.set-fire,.dice-container.set-fire .dice{background:linear-gradient(145deg,#ff4500,#8b0000);border-color:#f60;box-shadow:0 0 20px #ff450080;animation:fire-glow 2s ease-in-out infinite}.dice.set-fire .dot,.dice-container.set-fire .dot{background:#ff0;box-shadow:0 0 8px #ff0c}@keyframes fire-glow{0%,to{box-shadow:0 0 20px #ff450080}50%{box-shadow:0 0 30px #ff6400cc}}.dice.held{border-color:#fa0!important;box-shadow:0 0 15px #fa09!important}.dice.held:after{content:"🔒";position:absolute;top:-4px;right:-4px;font-size:8px}.score-board{background:#0a0a1acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(30,155,255,.4);border-radius:12px;padding:10px;color:#fff;font-family:Orbitron,sans-serif;max-height:400px;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #1e9bff}.score-header h3{margin:0;color:#1e9bff;font-size:13px}.round-info{color:#0f8;font-weight:700;font-size:11px}.score-table{display:flex;flex-direction:column;gap:2px}.score-row{display:grid;grid-template-columns:100px repeat(auto-fit,minmax(50px,1fr));gap:5px;padding:5px 8px;border-radius:4px;transition:all .2s ease;font-size:11px}.score-row.header{background:#1e9bff33;font-weight:700;border-bottom:1px solid #1e9bff;font-size:10px}.score-row.selectable{cursor:pointer;background:#00ff881a;border:1px solid rgba(0,255,136,.3)}.score-row.selectable:hover{background:#00ff8840;border-color:#0f8}.score-row.used{opacity:.5}.score-row.total{background:#fa03;border-top:1px solid #ffaa00;font-weight:700;margin-top:6px;font-size:12px}.score-category{color:#ccc;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-player{text-align:center;font-size:10px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-player.active{color:#0f8;font-weight:700}.score-value{text-align:center;font-size:12px;color:#fff}.score-value.total-value{color:#fa0;font-size:14px}.score-board::-webkit-scrollbar{width:4px}.score-board::-webkit-scrollbar-track{background:#0000004d;border-radius:2px}.score-board::-webkit-scrollbar-thumb{background:#1e9bff;border-radius:2px}@media(max-width:500px){.score-row{grid-template-columns:80px repeat(auto-fit,minmax(40px,1fr));padding:4px 6px;font-size:10px}.score-category{font-size:10px}.score-value{font-size:11px}}.turn-overlay{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:1000;background:#0a0a1a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(30,155,255,.5);border-radius:8px;padding:6px 15px;text-align:center;box-shadow:0 2px 10px #0000004d;font-family:Orbitron,sans-serif}.turn-overlay.my-turn{border-color:#00ff88b3;box-shadow:0 0 15px #0f86;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #0f86}50%{box-shadow:0 0 25px #0f89}}.turn-content{position:relative}.turn-glow{display:none}.turn-title{margin:0;color:#1e9bff;font-size:12px;font-weight:700;position:relative;z-index:1}.turn-overlay.my-turn .turn-title{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.6)}.turn-subtitle{margin:2px 0 0;color:#aaac;font-size:9px;position:relative;z-index:1}.turn-overlay.my-turn .turn-subtitle{color:#0f8c}.round-summary{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s ease;pointer-events:none}.round-summary.visible{opacity:1;pointer-events:all}.round-summary-content{background:linear-gradient(145deg,#1a1a2a,#2a2a3a);border:3px solid #1e9bff;border-radius:20px;padding:40px;text-align:center;max-width:500px;width:90%;box-shadow:0 20px 60px #00000080;animation:slide-in .3s ease}@keyframes slide-in{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.round-summary-content h2{margin:0 0 30px;color:#1e9bff;font-family:Orbitron,sans-serif;font-size:28px;text-shadow:0 0 20px rgba(30,155,255,.5)}.round-scores{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.round-player{display:flex;align-items:center;gap:15px;padding:15px;background:#1e9bff1a;border-radius:10px;border:1px solid rgba(30,155,255,.3)}.round-player .rank{font-size:24px;font-weight:700;color:#fa0;min-width:40px}.round-player .name{flex:1;text-align:left;color:#fff;font-size:18px;font-weight:700}.round-player .score{color:#0f8;font-size:20px;font-weight:700;min-width:100px}.round-next{color:#aaa;font-size:14px;font-style:italic}:root{--bg: transparent;--glass: rgba(20, 30, 55, .22);--neon: rgba(120, 180, 255, .95);--neon2: rgba(170, 120, 255, .65);--gold: rgba(255, 210, 120, .95);--arena-h: 35vh;--dice-size: min(12vh, 120px);--dice-depth: calc(var(--dice-size) / 2);--blur: 18px;--radius: 12px}.kniffel-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg);overflow:hidden;pointer-events:none;z-index:1000}.kniffel-overlay:before{content:"";position:absolute;inset:0;background-image:url(https://chatgpt.com/s/m_69641c7622f881919737540453457670);background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:.4;z-index:0;pointer-events:none}.video-safe{position:absolute;inset:0;pointer-events:none;z-index:1}.arena{position:absolute;left:0;right:0;bottom:0;height:var(--arena-h);max-height:40vh;display:flex;justify-content:center;align-items:center;padding:18px 16px 22px;pointer-events:auto;z-index:2;transform:translateY(-25vh)}.arena-inner{width:min(100%,96vw);height:100%;display:flex;flex-direction:column;gap:12px;align-items:center}.dice-row{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}.dice-slot{position:relative;width:var(--dice-size);height:var(--dice-size);cursor:pointer;transition:transform .2s ease}.dice-slot:hover:not(.held){transform:translateY(-4px) scale(1.05)}.dice-slot.held{cursor:not-allowed;opacity:.85}.dice-slot.active{filter:drop-shadow(0 0 20px rgba(120,180,255,.6))}.dice-slot.kniffel{animation:kniffelGlow .9s cubic-bezier(.22,1,.36,1)}@keyframes kniffelGlow{0%,to{filter:drop-shadow(0 0 10px rgba(255,210,120,.4))}50%{filter:drop-shadow(0 0 30px rgba(255,210,120,.9))}}.dice-cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-15deg) rotateY(25deg);transition:transform .3s ease}.dice-slot.rolling .dice-cube{animation:diceRoll 2s cubic-bezier(.25,.46,.45,.94) infinite}@keyframes diceRoll{0%{transform:rotateX(-15deg) rotateY(25deg) translateY(0) translateZ(0)}10%{transform:rotateX(45deg) rotateY(85deg) translateY(-30px) translateZ(20px)}25%{transform:rotateX(135deg) rotateY(145deg) translateY(-50px) translateZ(40px)}40%{transform:rotateX(225deg) rotateY(205deg) translateY(-40px) translateZ(30px)}50%{transform:rotateX(315deg) rotateY(265deg) translateY(-60px) translateZ(50px)}60%{transform:rotateX(405deg) rotateY(325deg) translateY(-50px) translateZ(40px)}75%{transform:rotateX(495deg) rotateY(385deg) translateY(-30px) translateZ(20px)}90%{transform:rotateX(585deg) rotateY(445deg) translateY(-10px) translateZ(10px)}to{transform:rotateX(705deg) rotateY(505deg) translateY(0) translateZ(0)}}.dice-slot.settled .dice-cube{animation:diceSettle .3s cubic-bezier(.2,1.2,.2,1)}@keyframes diceSettle{0%{transform:rotateX(-15deg) rotateY(25deg) scale(1.1)}to{transform:rotateX(-15deg) rotateY(25deg) scale(1)}}.dice-face{position:absolute;width:100%;height:100%;border-radius:var(--radius);background:var(--glass);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 1px #ffffff14 inset,0 8px 20px #0000004d;display:grid;place-items:center;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.dice-face-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius);opacity:.65;mix-blend-mode:overlay;z-index:1;pointer-events:none;transform:scale(1.05);backface-visibility:hidden;-webkit-backface-visibility:hidden}.dice-face-front{transform:translateZ(var(--dice-depth));z-index:6}.dice-face-back{transform:rotateY(180deg) translateZ(var(--dice-depth));z-index:1}.dice-face-right{transform:rotateY(90deg) translateZ(var(--dice-depth));z-index:3}.dice-face-left{transform:rotateY(-90deg) translateZ(var(--dice-depth));z-index:4}.dice-face-top{transform:rotateX(90deg) translateZ(var(--dice-depth));z-index:5}.dice-face-bottom{transform:rotateX(-90deg) translateZ(var(--dice-depth));z-index:2}.dice-dot{position:absolute;width:12%;height:12%;border-radius:50%;background:#fffffff2;box-shadow:0 0 8px #78b4ff99;transform:translate(-50%,-50%)}.player-slot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;height:85%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:10;pointer-events:none}.player-slot-ring{position:absolute;inset:-4px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#78b4ff4d,#0000 70%);filter:blur(6px);opacity:.4;transition:opacity .3s ease}.player-slot.active .player-slot-ring{opacity:1;animation:slotPulse 1s ease-in-out infinite}@keyframes slotPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.player-slot-avatar{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 30% 35%,#fff3,#0000 50%),radial-gradient(circle at 60% 65%,#78b4ff4d,#0000 60%),#0000004d;background-size:cover;background-position:center;box-shadow:0 0 0 2px #fff3 inset,0 0 16px #78b4ff4d;border:1px solid rgba(255,255,255,.15)}.player-slot-name{font-size:9px;font-weight:600;color:#fffffff2;text-shadow:0 0 8px rgba(120,180,255,.6);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:4px}.host-badge{font-size:10px;filter:drop-shadow(0 0 4px rgba(255,210,120,.8))}.player-slot.empty{opacity:.4}.player-slot.empty .empty-ring{opacity:.2}.player-slot.empty .empty-avatar{background:#ffffff1a;border:1px dashed rgba(255,255,255,.2)}.player-slot.empty .empty-name{color:#ffffff80}.player-slot.host .player-slot-ring{background:radial-gradient(circle at 50% 50%,#ffd27866,#0000 70%)}.player-slot.host.active .player-slot-ring{background:radial-gradient(circle at 50% 50%,#ffd27899,#0000 70%)}.player-slot-held{position:absolute;top:-8px;right:-8px;font-size:16px;filter:drop-shadow(0 0 4px rgba(255,255,255,.8))}.held-badge{position:absolute;top:-12px;right:-12px;width:28px;height:28px;border-radius:50%;background:#ffd278e6;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 0 16px #ffd27899;z-index:20}.roll-button-container{display:flex;justify-content:center;width:100%;margin-top:8px}.roll-button{padding:14px 28px;border-radius:999px;border:2px solid rgba(120,180,255,.4);background:linear-gradient(135deg,#78b4ff33,#aa78ff26);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fffffff2;font-family:ui-sans-serif,system-ui;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 0 24px #78b4ff4d,inset 0 0 0 1px #ffffff1a}.roll-button:hover:not(:disabled){background:linear-gradient(135deg,#78b4ff4d,#aa78ff40);box-shadow:0 0 32px #78b4ff80,inset 0 0 0 1px #fff3;transform:translateY(-2px) scale(1.05)}.roll-button:disabled{opacity:.5;cursor:not-allowed}.roll-button-icon{font-size:20px;animation:diceIconSpin 2s ease-in-out infinite}@keyframes diceIconSpin{0%,to{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}}.roll-button-text{font-size:13px}.scorebar{display:flex;gap:8px;overflow-x:auto;padding:8px 4px;pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(120,180,255,.3) transparent;background:transparent;opacity:.9;z-index:100000;width:100%;max-width:100%;justify-content:center}.scorebar::-webkit-scrollbar{height:4px}.scorebar::-webkit-scrollbar-track{background:transparent}.scorebar::-webkit-scrollbar-thumb{background:#78b4ff4d;border-radius:2px}.chip{flex:0 0 auto;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#00000040;color:#fffffff2;font-family:ui-sans-serif,system-ui;letter-spacing:.08em;text-transform:uppercase;font-size:9px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 0 16px #78b4ff26,inset 0 0 0 1px #ffffff1a;cursor:pointer;transition:all .2s ease}.chip:hover:not(:disabled){background:#78b4ff26;box-shadow:0 0 24px #78b4ff40,inset 0 0 0 1px #ffffff26;transform:translateY(-2px) scale(1.03)}.chip:disabled{opacity:.5;cursor:not-allowed}.chip.is-bonus{box-shadow:0 0 20px #ffd27833,inset 0 0 0 1px #ffffff1a}.chip.is-bonus:hover:not(:disabled){box-shadow:0 0 28px #ffd27859,inset 0 0 0 1px #ffffff26}@media(prefers-reduced-motion:reduce){.dice-slot.rolling .dice-cube,.dice-slot.settled .dice-cube,.dice-slot.kniffel,.player-slot.active .player-slot-ring,.roll-button-icon{animation:none!important}}@media(max-width:768px){:root{--dice-size: min(10vh, 100px);--arena-h: 38vh}.arena{padding:12px 8px 16px}.dice-row{gap:8px}.chip{padding:6px 10px;font-size:8px}.roll-button{padding:12px 24px;font-size:12px}}.kniffel-ui{position:fixed;inset:0;width:100vw;height:100vh;background:transparent;color:#fff;font-family:Orbitron,sans-serif;z-index:9000;overflow:hidden;pointer-events:none}.kniffel-ui button,.kniffel-ui .game-controls,.kniffel-ui .scoreboard,.kniffel-ui .dice-container,.kniffel-ui .layout-element,.kniffel-ui .lobby-content,.kniffel-ui .game-end-content,.kniffel-ui .turn-overlay,.kniffel-ui input,.kniffel-ui select{pointer-events:auto}.kniffel-ui.loading{display:flex;align-items:center;justify-content:center;padding:40px}.loading-spinner{font-size:20px;color:#1e9bff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.kniffel-ui.lobby{display:flex;align-items:center;justify-content:center}.lobby-content{padding:25px;text-align:center;background:#0a0a1ad9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:16px;border:2px solid rgba(30,155,255,.4);box-shadow:0 8px 40px #00000080;max-width:400px;width:90%;pointer-events:auto}.lobby-content h2{margin:0 0 15px;color:#1e9bff;font-size:22px;text-shadow:0 0 15px rgba(30,155,255,.5)}.lobby-players{margin-bottom:15px}.lobby-players h3{color:#aaa;font-size:14px;margin-bottom:10px}.player-list{display:flex;flex-direction:column;gap:8px}.player-card{display:flex;align-items:center;gap:10px;padding:10px;background:#1e9bff1a;border:1px solid rgba(30,155,255,.3);border-radius:8px}.player-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid #1e9bff;flex-shrink:0}.player-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#2a2a3a,#1a1a2a);font-size:16px;font-weight:700;color:#1e9bff}.player-info{flex:1;text-align:left}.player-name{font-size:14px;font-weight:700;color:#fff;display:block}.host-badge{display:inline-block;margin-top:3px;padding:2px 6px;background:red;color:#fff;font-size:10px;font-weight:700;border-radius:3px}.btn-primary,.btn-start,.btn-roll,.btn-finish{padding:10px 20px;background:linear-gradient(145deg,#1e9bff,#0d7acc);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #1e9bff4d;margin:5px}.btn-primary:hover,.btn-start:hover,.btn-roll:hover,.btn-finish:hover{transform:translateY(-1px);box-shadow:0 4px 15px #1e9bff80}.btn-start{background:linear-gradient(145deg,#0f8,#00cc6a);box-shadow:0 3px 10px #00ff884d}.btn-roll{background:linear-gradient(145deg,#fa0,#c80);box-shadow:0 3px 10px #ffaa004d}.btn-roll:disabled{opacity:.5;cursor:not-allowed}.btn-finish{background:linear-gradient(145deg,#f44,#c00);box-shadow:0 3px 10px #ff44444d}.waiting-message{margin-top:10px;color:#aaa;font-size:12px}.kniffel-ui.game{width:650px;max-width:95vw}.game-content{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:15px;padding:15px;background:#0a0a1acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;border:1px solid rgba(30,155,255,.3);box-shadow:0 8px 30px #0006;max-width:95vw;pointer-events:auto}.game-ki-sidebar{display:none}.game-main{flex:1;display:flex;flex-direction:column;gap:12px;min-width:200px}.game-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.wait-message{padding:8px 15px;background:#aaa3;border:1px solid rgba(170,170,170,.3);border-radius:6px;color:#aaa;font-size:12px;text-align:center}.game-sidebar{width:300px;flex-shrink:0}.kniffel-ui.game-end{display:flex;align-items:center;justify-content:center}.game-end-content{padding:30px;text-align:center;background:#0a0a1ae6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:16px;border:2px solid rgba(255,215,0,.5);box-shadow:0 8px 40px #ffd7004d;max-width:450px;width:90%;pointer-events:auto}.game-end-content h2{margin:0 0 20px;color:#fa0;font-size:26px;text-shadow:0 0 15px rgba(255,170,0,.5)}.winner{margin-bottom:20px;padding:15px;background:#ffaa001a;border-radius:12px;border:2px solid #ffaa00}.winner h3{margin:0 0 8px;color:#fa0;font-size:18px}.winner-score{font-size:36px;font-weight:700;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.5)}.final-scores{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.final-score-item{display:flex;align-items:center;gap:10px;padding:10px;background:#1e9bff1a;border-radius:8px;border:1px solid rgba(30,155,255,.3)}.final-score-item .rank{font-size:16px;font-weight:700;color:#1e9bff;min-width:30px}.final-score-item .name{flex:1;text-align:left;color:#fff;font-size:14px}.final-score-item .score{color:#0f8;font-size:16px;font-weight:700}.join-requests{margin-bottom:15px;padding:12px;background:#ffaa001a;border:1px solid #ffaa00;border-radius:10px}.join-requests h3{margin:0 0 10px;color:#fa0;font-size:14px;text-align:left}.join-request-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;background:#0000004d;border-radius:6px;margin-bottom:6px}.join-request-item:last-child{margin-bottom:0}.join-request-item span{flex:1;color:#fff;font-size:13px}.request-actions{display:flex;gap:6px}.btn-accept,.btn-reject{padding:6px 12px;border:none;border-radius:5px;color:#fff;font-size:12px;font-weight:700;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .2s ease}.btn-accept{background:linear-gradient(145deg,#0f8,#00cc6a)}.btn-reject{background:linear-gradient(145deg,#f44,#c00)}.info-message{margin-top:10px;padding:10px;background:#aaaaaa1a;border:1px solid rgba(170,170,170,.3);border-radius:6px;color:#aaa;font-size:11px}.set-selection-section{margin-bottom:15px;padding:12px;background:#1e9bff1a;border:2px dashed rgba(30,155,255,.5);border-radius:10px}.btn-set-select{padding:10px 20px;background:linear-gradient(145deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;font-family:Orbitron,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 3px 10px #9b59b64d}.btn-set-select:hover{transform:translateY(-1px)}.btn-set-select.selected{background:linear-gradient(145deg,#27ae60,#229954)}.set-hint{margin-top:8px;color:#fa0;font-size:11px}.set-selection-overlay{display:flex;align-items:center;justify-content:center;width:500px;max-width:95vw;max-height:80vh}.turn-overlay{position:absolute;top:0;left:0;right:0;padding:8px;background:linear-gradient(180deg,rgba(30,155,255,.3),transparent);text-align:center;font-size:12px;z-index:10}.kniffel-ai-commentator{position:absolute;bottom:10px;left:10px;right:10px;padding:8px 12px;background:#000000e6;border:1px solid #1e9bff;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px;z-index:20}@media(max-width:700px){.kniffel-ui.game{width:95vw}.game-content{flex-direction:column;padding:10px;gap:10px}.game-sidebar{width:100%}.game-main{order:-1}}@media(max-width:450px){.kniffel-ui.lobby{width:95vw}.lobby-content{padding:15px}.lobby-content h2{font-size:18px}.btn-primary,.btn-start,.btn-roll,.btn-finish{padding:8px 15px;font-size:12px}}@supports (padding-top: env(safe-area-inset-top)){.kniffel-ui{margin-top:env(safe-area-inset-top)}}.custom-layout-container{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.layout-element{display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#0a0a1abf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(30,155,255,.3);box-shadow:0 4px 20px #0000004d;transition:all .3s ease}.layout-element:hover{border-color:#1e9bff80;box-shadow:0 4px 25px #1e9bff33}.turn-indicator-wrapper{z-index:100}.kniffel-ui.custom-layout .turn-indicator-wrapper{position:absolute}.ai-commentator-wrapper{z-index:90}.kniffel-ui.custom-layout .ai-commentator-wrapper{position:absolute}.round-info-wrapper{z-index:80}.kniffel-ui.custom-layout .round-info-wrapper{position:absolute}.round-info{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e9bff33,#1e9bff1a);border-radius:8px;padding:5px 10px;font-size:12px}.round-info .round-label{font-size:10px;opacity:.7;text-transform:uppercase}.round-info .round-number{font-size:16px;font-weight:700;color:#1e9bff}.dice-element{background:#ffaa001a;border-color:#ffaa004d}.scoreboard-element{background:#1e9bff1a;border-color:#1e9bff4d;overflow-y:auto}.controls-element{background:#00ff881a;border-color:#00ff884d}.karma-element,.aura-element{flex-direction:column}.audience-element{background:#ff6b6b1a;border-color:#ff6b6b4d}.vault-element{background:#ffd7001a;border-color:#ffd7004d}.vault-coins-display{display:flex;align-items:center;gap:8px;font-size:14px}.vault-coins-display .vault-icon{font-size:20px}.vault-coins-display .vault-amount{font-weight:700;color:gold}.layout-info{position:absolute;bottom:5px;right:5px;background:#0009;padding:3px 8px;border-radius:4px;font-size:9px;opacity:.5;z-index:1000}.layout-info .layout-name{color:#1e9bff}@media(max-width:600px){.kniffel-ui.custom-layout{width:95vw;height:85vh}}.kniffel-ui.casino-cube-mode .game-content,.kniffel-ui.casino-cube-mode .custom-layout-container,.kniffel-ui.casino-cube-mode .layout-element:not(.casino-cube),.kniffel-ui.casino-cube-mode .turn-indicator-wrapper,.kniffel-ui.casino-cube-mode .ai-commentator-wrapper,.kniffel-ui.casino-cube-mode .round-info-wrapper{display:none!important}.kniffel-ui.casino-cube-mode .kniffel-overlay{display:block!important;pointer-events:auto}.set-selection{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border-radius:20px;padding:1.5rem;color:#fff;max-height:80vh;overflow-y:auto}.set-selection.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem}.set-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#e94560;border-radius:50%;animation:spin 1s linear infinite}.set-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.set-header h2{margin:0;font-size:1.5rem}.set-close{background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.set-close:hover{background:#e945604d}.set-categories{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.set-category{padding:.5rem 1rem;background:#ffffff0d;border:none;border-radius:20px;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.set-category:hover{background:#ffffff1a}.set-category.active{background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff}.sets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.set-card{background:#0000004d;border-radius:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.set-card:hover{transform:translateY(-5px)}.set-card.selected{border:2px solid #4CAF50;box-shadow:0 0 20px #4caf504d}.set-card.locked{opacity:.8}.set-preview{position:relative;height:120px;display:flex;align-items:center;justify-content:center}.set-dice-preview{display:flex;gap:.5rem;transform:scale(.8)}.mini-die{width:30px;height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;animation:floatDie 2s ease-in-out infinite}.mini-die:nth-child(2){animation-delay:.2s}.mini-die:nth-child(3){animation-delay:.4s}.mini-die:nth-child(4){animation-delay:.6s}.mini-die:nth-child(5){animation-delay:.8s}@keyframes floatDie{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mini-dot{width:8px;height:8px;border-radius:50%}.set-locked-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.lock-icon{font-size:2rem}.set-selected-badge{position:absolute;top:10px;right:10px;width:30px;height:30px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.set-info{padding:1rem}.set-name{margin:0 0 .25rem;font-size:1rem}.set-description{margin:0 0 .75rem;font-size:.75rem;color:#fff9}.set-unlock-info{margin-top:.5rem}.unlock-progress{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:.25rem}.unlock-progress-fill{height:100%;background:linear-gradient(90deg,#e94560,#ff6b6b);border-radius:2px;transition:width .5s ease}.unlock-text{font-size:.7rem;color:#ffffff80}.set-actions{padding:0 1rem 1rem}.set-btn{width:100%;padding:.75rem;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.set-btn.select{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.set-btn.select:hover{transform:scale(1.02)}.set-btn.selected{background:#4caf5033;color:#4caf50;cursor:default}.set-btn.unlock{background:linear-gradient(135deg,gold,orange);color:#000}.set-btn.unlock:hover:not(:disabled){transform:scale(1.02)}.set-btn.locked{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}@media(max-width:600px){.sets-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.set-preview{height:100px}.mini-die{width:24px;height:24px}}.kniffel-ai-commentator{position:fixed;bottom:20%;left:50%;transform:translate(-50%) translateY(100px);display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#000c;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(233,69,96,.3);opacity:0;transition:all .5s ease;z-index:100;max-width:90%}.kniffel-ai-commentator.visible{opacity:1;transform:translate(-50%) translateY(0)}.kniffel-ai-commentator.exiting{opacity:0;transform:translate(-50%) translateY(-20px)}.kniffel-ai-commentator.high-priority{border-color:#e94560;box-shadow:0 0 30px #e9456080}.kniffel-ai-commentator.medium-priority{border-color:gold;box-shadow:0 0 20px #ffd7004d}.ai-avatar{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-icon{font-size:2rem;z-index:1}.ai-pulse{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:50%;animation:aiPulse 2s infinite;opacity:.3}@keyframes aiPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.3);opacity:.1}}.ai-content{display:flex;flex-direction:column;gap:.25rem}.ai-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.ai-text{font-size:1.1rem;font-weight:500;color:#fff}@media(max-width:768px){.kniffel-ai-commentator{bottom:15%;padding:.75rem 1rem;border-radius:30px}.ai-avatar{width:40px;height:40px}.ai-icon{font-size:1.5rem}.ai-text{font-size:.9rem}}.kniffel-bar{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.bar-header{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.bar-icon{font-size:1rem}.bar-label{color:#ffffffb3}.bar-value{margin-left:auto;font-weight:700;font-size:.9rem}.bar-track{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .5s ease,background .5s ease}.bar-fill.karma{background:linear-gradient(90deg,#4caf50,#8bc34a)}.bar-fill.aura{background:linear-gradient(90deg,#9c27b0,#e91e63)}.bar-level{font-size:.7rem;text-align:right;font-weight:500}@media(max-width:768px){.kniffel-bar{min-width:100px}.bar-header{font-size:.7rem}.bar-track{height:4px}}.kniffel-powerups{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#0000004d;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);width:100%;max-width:400px}.kniffel-powerups.empty{align-items:center;padding:1.5rem}.powerup-hint{color:#ffffff80;font-size:.9rem;text-align:center}.powerups-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.powerups-icon{font-size:1.2rem}.powerups-label{font-size:.9rem;font-weight:600;color:#e94560}.powerups-list{display:flex;gap:.5rem;flex-wrap:wrap}.powerup-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:2px solid var(--powerup-color, #e94560);border-radius:25px;cursor:pointer;transition:all .3s ease;color:#fff;font-size:.85rem}.powerup-item.active:hover{background:#ffffff1a;transform:scale(1.05);box-shadow:0 0 20px var(--powerup-color, rgba(233,69,96,.5))}.powerup-item.disabled{opacity:.5;cursor:not-allowed}.powerup-icon{font-size:1.2rem}.powerup-name{font-weight:500}@media(max-width:768px){.kniffel-powerups{padding:.75rem;max-width:100%}.powerup-item{padding:.4rem .75rem;font-size:.8rem}}.kniffel-audience-panel{background:#0000004d;border-radius:15px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.panel-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.panel-icon{font-size:1.25rem}.panel-header h3{margin:0;font-size:1rem;color:#e94560}.voting-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.voting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem}.vote-count{color:#ffffff80;font-size:.8rem}.voting-bars{display:flex;flex-direction:column;gap:.5rem}.voting-item{display:flex;flex-direction:column;gap:.25rem}.voting-label{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.voting-rank{color:#ffffff80;min-width:20px}.voting-option{flex:1;text-transform:capitalize}.voting-percent{color:#e94560;font-weight:700}.voting-bar-track{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.voting-bar-fill{height:100%;background:linear-gradient(90deg,#9c27b0,#e91e63);border-radius:2px;transition:width .3s ease}.voting-bar-fill.winner{background:linear-gradient(90deg,gold,orange)}.commands-section{margin-bottom:1rem}.commands-header{font-size:.85rem;margin-bottom:.75rem;color:#fffc}.commands-list{display:flex;flex-direction:column;gap:.5rem}.command-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:8px;font-size:.8rem}.command-item code{background:#e9456033;padding:.25rem .5rem;border-radius:5px;color:#e94560;font-family:Fira Code,monospace}.command-item span{color:#fff9}.audience-info{text-align:center;padding:.75rem;background:linear-gradient(135deg,#9c27b01a,#e91e631a);border-radius:10px;border:1px solid rgba(156,39,176,.2)}.audience-info p{margin:0;font-size:.8rem;color:#ffffffb3}@media(max-width:768px){.kniffel-audience-panel{padding:.75rem}.command-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.soundfx-panel{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#020818f2;border:1px solid #00d4ff55;border-radius:16px;padding:20px;min-width:400px;max-width:600px;z-index:10006;box-shadow:0 0 30px #00d4ff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.soundfx-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #00d4ff33}.soundfx-header h3{margin:0;color:#00d4ff;font-family:Orbitron,sans-serif;font-size:18px}.fx-close-btn{background:transparent;border:none;color:#00d4ff;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.fx-close-btn:hover{background:#00d4ff33;transform:rotate(90deg)}.soundfx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.fx-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:12px;color:#00d4ff;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif}.fx-button:hover{background:#00d4ff33;border-color:#00d4ff;transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.fx-button.playing{background:#00ffaa4d;border-color:#0fa;animation:fxPulse .5s ease}@keyframes fxPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fx-icon{font-size:24px}.fx-name{font-size:12px;text-transform:capitalize}.soundfx-tiles-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #00d4ff33}.tile-filter-btn{padding:8px 16px;background:#00d4ff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif;display:flex;align-items:center}.tile-filter-btn:hover{background:#00d4ff33;transform:translateY(-2px)}.tile-filter-btn.active{background:#00d4ff4d;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff80}.soundfx-content{max-height:400px;overflow-y:auto;padding-right:8px}.soundfx-tile-section{margin-bottom:24px}.soundfx-tile-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:12px;background:#00d4ff0d;border-left:4px solid;border-radius:8px;border-color:#00d4ff33}.soundfx-tile-header h4{margin:0;color:#00d4ff;font-family:Orbitron,sans-serif;font-size:16px}.tile-icon-large{font-size:24px;line-height:1}.fx-wheel-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#020818f2;border:1px solid #00d4ff55;border-radius:16px;padding:30px;z-index:10006;box-shadow:0 0 30px #00d4ff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.fx-wheel-wrapper{position:relative;width:300px;height:300px;margin:0 auto 20px}.fx-wheel{width:100%;height:100%;border-radius:50%;border:4px solid #00d4ff;position:relative;overflow:hidden;background:conic-gradient(from 0deg,#00d4ff,#0fa,#f0f,#f44,#fa0 240deg,#00d4ff 300deg 360deg);transition:transform 2s cubic-bezier(.17,.67,.12,.99)}.fx-wheel.spinning{transition:transform 2s cubic-bezier(.17,.67,.12,.99)}.fx-wheel-item{position:absolute;width:50%;height:50%;left:50%;top:0;transform-origin:0 100%;border-right:2px solid rgba(0,0,0,.3)}.fx-wheel-label{position:absolute;left:10px;bottom:10px;color:#000;font-weight:700;font-size:11px;text-transform:uppercase;white-space:nowrap}.fx-wheel-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);font-size:30px;color:#00d4ff;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.fx-wheel-spin-btn{padding:12px 24px;background:linear-gradient(135deg,#00d4ff,#0fa);border:none;border-radius:12px;color:#000;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif;box-shadow:0 4px 12px #00d4ff66}.fx-wheel-spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #00d4ff99}.fx-wheel-spin-btn:disabled{opacity:.5;cursor:not-allowed}.fx-wheel-result{margin-top:16px;padding:12px;background:#0fa3;border:1px solid #00ffaa;border-radius:8px;color:#0fa;font-family:Orbitron,sans-serif}.audio-spectrum-container{position:fixed;bottom:80px;right:20px;background:#020818e6;border:1px solid #00d4ff55;border-radius:12px;padding:12px;z-index:10006;box-shadow:0 0 20px #00d4ff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audio-spectrum-canvas{display:block;border-radius:8px;background:#0000004d}.kivfx-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10006}.kivfx-controls{position:fixed;bottom:80px;left:20px;display:flex;flex-direction:column;gap:8px;pointer-events:auto;z-index:10006}.kivfx-button{padding:10px 16px;background:#00d4ff33;border:1px solid #00d4ff;border-radius:8px;color:#00d4ff;font-family:Orbitron,sans-serif;font-size:12px;cursor:pointer;transition:all .3s;text-transform:capitalize}.kivfx-button:hover{background:#00d4ff4d;transform:translate(4px)}.kivfx-button.active{background:#00ffaa4d;border-color:#0fa;color:#0fa}.kivfx-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.fxmarket-wrapper{position:fixed;inset:0;background:#020818fa;padding:20px;overflow-y:auto;z-index:10005;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fxmarket-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#00d4ff;font-family:Orbitron,sans-serif;font-size:18px}.fxmarket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #00d4ff33}.fxmarket-header h2{margin:0;color:#00d4ff;font-family:Orbitron,sans-serif;font-size:24px}.fxmarket-close{background:transparent;border:none;color:#00d4ff;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.fxmarket-close:hover{background:#00d4ff33;transform:rotate(90deg)}.fxmarket-section{margin-bottom:32px}.fxmarket-section h3{color:#00d4ff;font-family:Orbitron,sans-serif;font-size:18px;margin-bottom:16px}.fxmarket-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.fxmarket-card{background:#00000073;border:1px solid #00d4ff55;border-radius:14px;padding:20px;box-shadow:0 0 20px #00d4ff38;transition:all .3s}.fxmarket-card:hover{border-color:#00d4ff;box-shadow:0 0 30px #00d4ff66;transform:translateY(-4px)}.fxmarket-card.recommended{border-color:#0fa;box-shadow:0 0 25px #00ffaa4d}.fxmarket-card h3{margin:0 0 8px;color:#00d4ff;font-family:Orbitron,sans-serif;font-size:16px}.fxmarket-card p{margin:0 0 12px;color:#aaa;font-size:13px}.fxmarket-progress{padding:8px;background:#00d4ff1a;border-radius:6px;color:#00d4ff;font-size:12px;margin-bottom:12px;text-align:center}.fxmarket-items{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.fx-preview-btn{padding:6px 12px;border-radius:8px;border:1px solid #00d4ff33;background:#00d4ff1a;color:#00d4ff;font-size:11px;cursor:pointer;transition:all .2s;text-transform:capitalize;font-family:Orbitron,sans-serif}.fx-preview-btn:hover{background:#00d4ff33;border-color:#00d4ff;transform:scale(1.05)}.fx-preview-btn.owned{background:#0fa3;border-color:#0fa;color:#0fa}.fxmarket-price{display:flex;gap:8px;margin-top:16px}.fx-buy-btn{flex:1;padding:10px 16px;background:linear-gradient(135deg,#00d4ff,#00b894);color:#000;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif;font-size:13px}.fx-buy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.fx-buy-btn-diamond{flex:1;padding:10px 16px;background:linear-gradient(135deg,#f0f,#f44);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif;font-size:13px}.fx-buy-btn-diamond:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f0f6}.fx-owned-badge{padding:10px;background:#0fa3;border:1px solid #00ffaa;border-radius:8px;color:#0fa;font-weight:700;text-align:center;font-family:Orbitron,sans-serif;font-size:13px;margin-top:12px}.fx-menu-overlay{position:fixed;inset:0;background:#000000b3;z-index:10004;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.fx-menu-container{background:#020818fa;border:2px solid #00d4ff;border-radius:20px;padding:30px;min-width:500px;max-width:700px;box-shadow:0 0 40px #00d4ff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fx-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #00d4ff33}.fx-menu-header h2{margin:0;color:#00d4ff;font-family:Orbitron,sans-serif;font-size:24px}.fx-menu-close{background:transparent;border:none;color:#00d4ff;font-size:32px;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.fx-menu-close:hover{background:#00d4ff33;transform:rotate(90deg)}.fx-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.fx-menu-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#00d4ff1a;border:2px solid #00d4ff33;border-radius:16px;color:#00d4ff;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif}.fx-menu-item:hover{background:#00d4ff33;border-color:#00d4ff;transform:translateY(-4px);box-shadow:0 8px 20px #00d4ff4d}.fx-menu-item.active{background:#0fa3;border-color:#0fa;color:#0fa}.fx-menu-icon{font-size:48px;line-height:1}.fx-menu-label{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.music-player-v2{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:90vh;background:#0f172ab3;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;z-index:10000;overflow-y:auto;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset,0 0 60px #00d4ff1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.music-player-v2-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.music-player-v2-header h2{margin:0;font-size:24px;font-weight:600;color:#fffffff2;letter-spacing:-.5px}.music-player-v2-actions{display:flex;gap:8px;align-items:center}.music-player-v2-btn{width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:300}.music-player-v2-btn:hover{background:#ffffff1a;border-color:#fff3;transform:scale(1.05)}.music-player-v2-btn.close:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.now-playing-card{display:flex;gap:16px;padding:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:20px;transition:all .3s ease}.now-playing-card:hover{background:#ffffff0d;border-color:#ffffff1f}.now-playing-cover{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#3b82f64d,#9333ea4d);box-shadow:0 4px 12px #0003}.now-playing-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px}.now-playing-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.now-playing-title{font-size:16px;font-weight:600;color:#fffffff2;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing-artist{font-size:13px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:20px}.control-btn{width:48px;height:48px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:20px}.control-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:scale(1.1)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.control-btn.play-pause{width:64px;height:64px;font-size:24px;background:#3b82f633;border-color:#3b82f666}.control-btn.play-pause:hover:not(:disabled){background:#3b82f64d;box-shadow:0 0 20px #3b82f64d}.control-btn.play-pause.playing{background:#22c55e33;border-color:#22c55e66}.control-btn.active{background:#3b82f633;border-color:#3b82f666}.volume-section{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border-radius:12px;margin-bottom:20px}.volume-label{font-size:18px;flex-shrink:0}.volume-slider{flex:1;height:4px;background:#ffffff1a;border-radius:2px;outline:none;-webkit-appearance:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:#ffffffe6;border-radius:50%;cursor:pointer;box-shadow:0 0 8px #ffffff4d;transition:all .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 12px #ffffff80}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#ffffffe6;border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 8px #ffffff4d}.volume-value{font-size:12px;color:#ffffffb3;min-width:40px;text-align:right;font-weight:500}.genre-tabs-v2{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.genre-tab-v2{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffffb3;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;white-space:nowrap}.genre-tab-v2:hover{background:#ffffff14;border-color:#ffffff26;color:#ffffffe6}.genre-tab-v2.active{background:#3b82f633;border-color:#3b82f666;color:#fffffff2;box-shadow:0 0 12px #3b82f633}.playlist-section{margin-top:8px}.playlist-section h3{font-size:16px;font-weight:600;color:#ffffffe6;margin:0 0 12px}.playlist-items-v2{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;padding-right:4px}.playlist-items-v2::-webkit-scrollbar{width:6px}.playlist-items-v2::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.playlist-items-v2::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.playlist-items-v2::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.playlist-item-v2{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .2s ease}.playlist-item-v2:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translate(2px)}.playlist-item-v2.active{background:#3b82f626;border-color:#3b82f64d;box-shadow:0 0 12px #3b82f626}.playlist-item-number{width:24px;height:24px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.playlist-item-v2.active .playlist-item-number{background:#3b82f64d;border-color:#3b82f680;color:#fffffff2}.playlist-item-info{flex:1;min-width:0}.playlist-item-name{font-size:14px;font-weight:500;color:#fffffff2;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-item-meta{font-size:12px;color:#ffffff80}.playlist-item-playing{font-size:16px;color:#3b82f6e6;flex-shrink:0;animation:pulse 2s ease-in-out infinite}.loading-state,.empty-state{text-align:center;padding:40px 20px;color:#ffffff80;font-size:14px}@media(max-width:768px){.music-player-v2{width:95%;padding:20px;border-radius:20px}.music-player-v2-header h2{font-size:20px}.now-playing-card{flex-direction:column;text-align:center}.now-playing-cover{width:120px;height:120px;margin:0 auto}.music-controls{gap:12px}.control-btn{width:44px;height:44px;font-size:18px}.control-btn.play-pause{width:56px;height:56px;font-size:22px}.playlist-items-v2{max-height:250px}}.modern-music-player{position:fixed;bottom:80px;right:20px;width:400px;max-height:80vh;background:linear-gradient(135deg,#1a1f3a,#0a0e27);border-radius:20px;box-shadow:0 10px 40px #00000080;z-index:10000;display:flex;flex-direction:column;overflow:hidden;border:2px solid rgba(30,155,255,.3)}.modern-music-player-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.modern-music-player-header h2{margin:0;font-size:18px;font-weight:700;color:#fff;font-family:Orbitron,sans-serif}.modern-music-player-actions{display:flex;gap:8px}.modern-music-player-btn{width:32px;height:32px;border:none;background:#ffffff1a;color:#fff;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modern-music-player-btn:hover{background:#fff3;transform:scale(1.1)}.modern-music-player-btn.close{background:#f443}.modern-music-player-btn.close:hover{background:#f446}.now-playing-card-modern{padding:20px;display:flex;gap:16px;align-items:center;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.now-playing-cover-modern{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#1e9bff,#00a8ff);display:flex;align-items:center;justify-content:center}.now-playing-cover-modern img{width:100%;height:100%;object-fit:cover}.cover-placeholder-modern{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px}.now-playing-info-modern{flex:1;min-width:0}.now-playing-title-modern{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-artist-modern{font-size:14px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-controls-modern{display:flex;justify-content:center;align-items:center;gap:12px;padding:20px;background:#0000001a}.control-btn-modern{width:48px;height:48px;border:none;background:#ffffff1a;color:#fff;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.control-btn-modern:active{transform:scale(.9)}.control-btn-modern:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.control-btn-modern:disabled{opacity:.3;cursor:not-allowed}.control-btn-modern.play-pause{width:64px;height:64px;font-size:28px;background:linear-gradient(135deg,#1e9bff,#00a8ff)}.control-btn-modern.play-pause:hover:not(:disabled){background:linear-gradient(135deg,#00a8ff,#1e9bff);box-shadow:0 0 20px #1e9bff80}.control-btn-modern.active{background:#1e9bff4d;color:#1e9bff}.volume-control-modern{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#0000001a}.volume-slider-modern{flex:1;height:6px;border-radius:3px;background:#fff3;outline:none;-webkit-appearance:none;appearance:none}.volume-slider-modern::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#1e9bff;cursor:pointer;transition:all .2s ease}.volume-slider-modern::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #1e9bff80}.volume-slider-modern::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#1e9bff;cursor:pointer;border:none;transition:all .2s ease}.volume-slider-modern::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #1e9bff80}.volume-control-modern span{color:#fff;font-size:14px;min-width:40px;text-align:right}.genre-selector-modern{padding:12px 20px;display:flex;align-items:center;gap:12px;background:#0000001a;border-top:1px solid rgba(255,255,255,.1)}.genre-selector-modern label{color:#fff;font-size:14px;font-weight:600}.genre-select-modern{flex:1;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;font-size:14px;outline:none;cursor:pointer;transition:all .2s ease}.genre-select-modern:hover{border-color:#1e9bff80}.genre-select-modern:focus{border-color:#1e9bff;box-shadow:0 0 10px #1e9bff4d}.search-box-modern{padding:12px 20px;background:#0000001a;border-top:1px solid rgba(255,255,255,.1)}.search-input-modern{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#0000004d;color:#fff;font-size:14px;outline:none;transition:all .2s ease}.search-input-modern::placeholder{color:#ffffff80}.search-input-modern:focus{border-color:#1e9bff;box-shadow:0 0 10px #1e9bff4d}.track-list-modern{flex:1;overflow-y:auto;padding:12px 20px;max-height:300px}.track-list-modern::-webkit-scrollbar{width:6px}.track-list-modern::-webkit-scrollbar-track{background:#0003;border-radius:3px}.track-list-modern::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.track-list-modern::-webkit-scrollbar-thumb:hover{background:#ffffff80}.track-item-modern{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;-webkit-tap-highlight-color:transparent}.track-item-modern:hover{background:#ffffff1a}.track-item-modern.active{background:#1e9bff33;border:1px solid rgba(30,155,255,.5)}.track-number-modern{width:24px;text-align:center;color:#fff9;font-size:14px;font-weight:600}.track-info-modern{flex:1;min-width:0}.track-name-modern{font-size:14px;font-weight:600;color:#fff;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist-modern{font-size:12px;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-playing-indicator-modern{font-size:18px;animation:pulse 1.5s ease-in-out infinite}.loading-modern,.no-tracks-modern{text-align:center;color:#fff9;padding:40px 20px;font-size:14px}.autoplay-warning-modern{padding:12px 20px;background:#ffc10733;border-top:1px solid rgba(255,193,7,.3);color:#ffc107;font-size:12px;text-align:center;animation:fadeIn .3s ease}@media(max-width:768px){.modern-music-player{width:calc(100vw - 40px);right:20px;left:20px;max-height:90vh}.control-btn-modern{width:44px;height:44px;font-size:18px}.control-btn-modern.play-pause{width:56px;height:56px;font-size:24px}}@media(hover:none)and (pointer:coarse){.control-btn-modern{min-width:44px;min-height:44px}.track-item-modern{min-height:56px}}.new-music-player{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:90vh;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #0000004d;z-index:10000;display:flex;flex-direction:column;overflow:hidden;color:#fff}.new-music-player-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.2)}.new-music-player-header h2{margin:0;font-size:24px;font-weight:600}.new-music-player-close{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-tap-highlight-color:transparent}.new-music-player-close:active{background:#ffffff4d;transform:scale(.95)}.new-music-player-search{padding:15px 20px}.new-music-player-search-input{width:100%;padding:12px 15px;border:none;border-radius:10px;font-size:16px;background:#fff3;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-appearance:none;appearance:none}.new-music-player-search-input::placeholder{color:#ffffffb3}.new-music-player-search-input:focus{outline:none;background:#ffffff4d}.new-music-player-genres{display:flex;gap:10px;padding:0 20px 15px;overflow-x:auto;-webkit-overflow-scrolling:touch}.new-music-player-genres button{padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:#ffffff1a;color:#fff;font-size:14px;cursor:pointer;white-space:nowrap;transition:all .2s;-webkit-tap-highlight-color:transparent}.new-music-player-genres button.active{background:#ffffff4d;border-color:#ffffff80}.new-music-player-genres button:active{transform:scale(.95)}.new-music-player-controls{padding:20px;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.new-music-player-track-info{text-align:center;margin-bottom:15px}.new-music-player-track-name{font-size:18px;font-weight:600;margin-bottom:5px}.new-music-player-track-artist{font-size:14px;opacity:.8}.new-music-player-progress{display:flex;align-items:center;gap:10px;margin-bottom:15px}.new-music-player-progress span{font-size:12px;min-width:40px;text-align:center}.new-music-player-seek{flex:1;height:6px;border-radius:3px;background:#fff3;-webkit-appearance:none;appearance:none;cursor:pointer}.new-music-player-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer}.new-music-player-seek::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none}.new-music-player-buttons{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:15px}.new-music-player-btn{background:#fff3;border:none;color:#fff;width:50px;height:50px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-tap-highlight-color:transparent}.new-music-player-btn:active{background:#ffffff4d;transform:scale(.95)}.new-music-player-btn:disabled{opacity:.5;cursor:not-allowed}.new-music-player-btn-play{width:60px;height:60px;font-size:24px;background:#ffffff4d}.new-music-player-volume{display:flex;align-items:center;gap:10px}.new-music-player-volume-slider{flex:1;height:6px;border-radius:3px;background:#fff3;-webkit-appearance:none;appearance:none;cursor:pointer}.new-music-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer}.new-music-player-volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none}.new-music-player-tracks{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 20px}.new-music-player-track{display:flex;align-items:center;gap:15px;padding:12px;border-radius:10px;margin-bottom:10px;background:#ffffff1a;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.new-music-player-track:active{background:#fff3;transform:scale(.98)}.new-music-player-track.active{background:#fff3;border:2px solid rgba(255,255,255,.4)}.new-music-player-track-cover{width:50px;height:50px;border-radius:8px;overflow:hidden;flex-shrink:0}.new-music-player-track-cover img{width:100%;height:100%;object-fit:cover}.new-music-player-track-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff3;font-size:24px}.new-music-player-track-details{flex:1;min-width:0}.new-music-player-track-title{font-size:16px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-music-player-track-artist-name{font-size:14px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-music-player-track-playing{font-size:20px;flex-shrink:0}.new-music-player-empty{text-align:center;padding:40px 20px;opacity:.7}.new-music-player-interaction-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#000000b3;padding:12px 20px;border-radius:10px;font-size:14px;animation:pulse 2s infinite}@media(max-width:768px){.new-music-player{width:95%;max-height:95vh}.new-music-player-header h2{font-size:20px}.new-music-player-btn{width:45px;height:45px;font-size:18px}.new-music-player-btn-play{width:55px;height:55px;font-size:22px}}.new-music-player *{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mini-music-player{position:fixed;bottom:60px;left:0;right:0;height:56px;background:linear-gradient(135deg,#000000f2,#141428f2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid rgba(0,212,255,.5);border-bottom:1px solid rgba(0,212,255,.3);display:flex;align-items:center;gap:12px;padding:0 16px;z-index:1000;box-shadow:0 -4px 20px #00d4ff33}.mini-player-cover{width:40px;height:40px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#1e9bff,#00a8ff);border:1px solid rgba(0,212,255,.5);cursor:pointer;flex-shrink:0}.mini-player-cover img{width:100%;height:100%;object-fit:cover}.waveform-mini{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;padding:4px}.waveform-bar-mini{width:2px;background:#fffc;border-radius:1px;transition:height .1s ease;animation:waveform-pulse 1s ease-in-out infinite}@keyframes waveform-pulse{0%,to{opacity:.6}50%{opacity:1}}.mini-player-info{flex:1;min-width:0;cursor:pointer;overflow:hidden}.mini-track-name{color:#fff;font-size:13px;font-weight:700;font-family:Orbitron,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.mini-track-artist{color:#ffffffb3;font-size:11px;font-family:Orbitron,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player-controls{display:flex;gap:8px;align-items:center}.mini-control-btn{width:32px;height:32px;border-radius:50%;background:#00d4ff33;border:1px solid rgba(0,212,255,.5);color:#00d4ff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;font-family:Orbitron,sans-serif}.mini-control-btn:hover{background:#00d4ff4d;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff80;transform:scale(1.1)}.mini-player-volume{display:flex;align-items:center;gap:8px;min-width:150px}.volume-icon{font-size:14px;color:#00d4ff}.volume-slider{flex:1;height:4px;background:#fff3;border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#00d4ff;border-radius:50%;cursor:pointer;box-shadow:0 0 5px #00d4ff80}.volume-slider::-moz-range-thumb{width:12px;height:12px;background:#00d4ff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 5px #00d4ff80}.volume-value{color:#00d4ff;font-size:11px;font-family:Orbitron,sans-serif;min-width:35px;text-align:right}.mini-maximize-btn{width:32px;height:32px;border-radius:6px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);color:#00d4ff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.mini-maximize-btn:hover{background:#00d4ff33;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff4d}.live-create-container{position:fixed;inset:0;background:var(--bg-primary);z-index:2000}.live-create-preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1;pointer-events:none}.live-create-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0a1628f2,#0a1628d9,#0a1628f2);display:flex;flex-direction:column;padding:20px;overflow-y:auto;z-index:2;pointer-events:auto}.live-create-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#00000080;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .2s ease;pointer-events:auto}.live-create-close:hover{background:#000000b3;transform:scale(1.1)}.live-create-form{margin-top:60px;max-width:500px;width:100%;margin-left:auto;margin-right:auto;background:#0f1e3de6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;border:1px solid rgba(0,212,255,.2);position:relative;z-index:50;pointer-events:auto;isolation:isolate}.live-create-title{font-size:24px;font-weight:700;margin-bottom:30px;color:var(--text-primary);text-align:center;pointer-events:none}.live-create-input-group{margin-bottom:20px;position:relative;z-index:51;pointer-events:auto}.live-create-input-group label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:14px;font-weight:500;pointer-events:none}.live-create-input,.live-create-textarea{width:100%;padding:12px 16px;background:#1a2f5ccc;border:1px solid rgba(0,212,255,.3);border-radius:12px;color:var(--text-primary);font-size:16px;font-family:inherit;transition:all .2s ease;position:relative;z-index:52;pointer-events:auto;box-sizing:border-box}.live-create-input:focus,.live-create-textarea:focus{outline:none;border-color:var(--color-neon-blue);background:#1a2f5c;box-shadow:0 0 0 3px #00d4ff33;z-index:53}.live-create-textarea{resize:vertical;min-height:80px}.live-create-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;position:relative;z-index:51;pointer-events:auto}.live-create-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:50px;height:28px;background:#1a2f5c99;border-radius:14px;transition:all .3s ease;border:1px solid rgba(0,212,255,.3);pointer-events:auto}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:var(--text-secondary);top:2px;left:2px;transition:all .3s ease}.live-create-toggle input[type=checkbox]:checked+.toggle-slider{background:var(--color-neon-blue);border-color:var(--color-neon-blue)}.live-create-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(22px);background:var(--text-primary)}.toggle-label{color:var(--text-primary);font-weight:500;pointer-events:none}.live-create-next{width:100%;padding:16px;background:linear-gradient(135deg,var(--color-neon-blue),var(--color-accent));border:none;border-radius:12px;color:var(--color-deep-blue);font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px;position:relative;z-index:51;pointer-events:auto}.live-create-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff66}.live-create-next:disabled{opacity:.5;cursor:not-allowed}.live-prepare-container{position:fixed;inset:0;background:var(--bg-primary);z-index:2000}.live-prepare-preview{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.live-prepare-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.live-prepare-back{align-self:flex-start;padding:12px 20px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.3);border-radius:12px;color:var(--text-primary);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.live-prepare-back:hover{background:#000000b3;border-color:var(--color-neon-blue)}.live-prepare-tools{display:flex;flex-direction:column;gap:16px;align-items:flex-end;margin-top:auto;margin-bottom:100px}.live-prepare-tool{display:flex;flex-direction:column;align-items:center;gap:8px;width:70px;padding:12px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.3);border-radius:16px;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.live-prepare-tool:hover{background:#00d4ff33;border-color:var(--color-neon-blue);transform:scale(1.1)}.live-prepare-tool svg{width:24px;height:24px}.live-prepare-tool span{font-size:11px;font-weight:500}.live-prepare-start{align-self:center;width:200px;padding:18px 32px;background:linear-gradient(135deg,var(--color-neon-blue),var(--color-accent));border:none;border-radius:50px;color:var(--color-deep-blue);font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00d4ff66;margin-bottom:20px}.live-prepare-start:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 8px 30px #00d4ff99}.live-prepare-start:disabled{opacity:.6;cursor:not-allowed}.live-end-stats{min-height:100vh;background:linear-gradient(135deg,#020817,#0a1628,#0f172a);color:#fff;padding:20px 20px 100px;overflow-y:auto}.live-end-stats.loading,.live-end-stats.error{display:flex;justify-content:center;align-items:center}.loading-spinner{text-align:center}.loading-spinner .spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:#00e5ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.error-container{text-align:center}.error-container h2{margin-bottom:20px;color:#ff6b6b}.live-end-stats-container{max-width:600px;margin:0 auto}.stats-header{text-align:center;margin-bottom:30px}.stats-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#00e5ff,#7afb4c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.stats-title{color:#ffffffb3;font-size:1rem}.ai-summary-card{background:linear-gradient(135deg,#00e5ff1a,#7afb4c0d);border:1px solid rgba(0,229,255,.3);border-radius:16px;padding:20px;margin-bottom:25px}.ai-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ai-badge{background:#00e5ff33;color:#00e5ff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.rating{font-size:1rem}.ai-summary-text{color:#ffffffe6;line-height:1.6;font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}.stat-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 12px;text-align:center;transition:all .2s ease}.stat-item:hover{background:#ffffff14;border-color:#00e5ff4d;transform:translateY(-2px)}.stat-icon{font-size:1.5rem;margin-bottom:8px}.stat-value{font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:4px}.stat-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.stat-sub{font-size:.7rem;color:#00e5ffcc;margin-top:4px}.aura-karma-section{margin-bottom:25px}.aura-karma-section h3{font-size:1rem;color:#fffc;margin-bottom:15px}.aura-karma-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.change-item{background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px}.change-icon{font-size:1.5rem}.change-label{font-size:.8rem;color:#fff9;margin-bottom:4px}.change-value{font-size:1.3rem;font-weight:700}.highlights-section{background:#7afb4c0d;border:1px solid rgba(122,251,76,.2);border-radius:12px;padding:16px;margin-bottom:20px}.highlights-section h3{font-size:.95rem;color:#7afb4c;margin-bottom:12px}.highlights-list{list-style:none;padding:0;margin:0}.highlight-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;color:#ffffffd9;font-size:.9rem;line-height:1.4}.highlight-bullet{color:#7afb4c;font-weight:700}.violations-section{background:#ff3e3e0d;border:1px solid rgba(255,62,62,.2);border-radius:12px;padding:16px;margin-bottom:20px}.violations-section h3{font-size:.95rem;color:#ff6b6b;margin-bottom:12px}.violation-item{background:#ff3e3e1a;border-radius:8px;padding:10px 12px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px}.violation-item[data-severity="10"],.violation-item[data-severity="9"],.violation-item[data-severity="8"]{border-left:3px solid #FF3E3E}.violation-item[data-severity="7"],.violation-item[data-severity="6"],.violation-item[data-severity="5"]{border-left:3px solid #FFA933}.violation-type{font-size:.75rem;color:#ff6b6b;text-transform:uppercase;font-weight:600}.violation-message{font-size:.85rem;color:#fffc}.violations-more{text-align:center;font-size:.8rem;color:#ffffff80;margin-top:8px}.improvements-section{background:#00e5ff0d;border:1px solid rgba(0,229,255,.2);border-radius:12px;padding:16px;margin-bottom:25px}.improvements-section h3{font-size:.95rem;color:#00e5ff;margin-bottom:12px}.improvements-list{list-style:none;padding:0;margin:0}.improvement-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;color:#ffffffd9;font-size:.9rem;line-height:1.4}.improvement-icon{color:#00e5ff}.stats-actions{display:flex;gap:12px;flex-direction:column}.btn-primary,.btn-secondary{width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#00e5ff,#00b8d4);color:#000}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00e5ff4d}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26}.stat-item.violations-stat{position:relative}.stat-item.violations-stat.has-violations{background:linear-gradient(135deg,#ff3e3e26,#ff3e3e0d);border:1px solid rgba(255,62,62,.3)}.stat-item.violations-stat.has-violations .stat-icon{animation:pulse-warning 1.5s ease-in-out infinite}.stat-item.violations-stat.has-violations .stat-value{color:#ff6b6b}.stat-item.violations-stat.clean{background:linear-gradient(135deg,#7afb4c26,#7afb4c0d);border:1px solid rgba(122,251,76,.3)}.stat-item.violations-stat.clean .stat-value{color:#7afb4c}.stat-item.violations-stat .clean-label{color:#7afb4c;font-size:.75rem}@keyframes pulse-warning{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media(max-width:400px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-item:last-child{grid-column:span 2}.aura-karma-grid{grid-template-columns:1fr}}.audio-unlock-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);opacity:1;transition:opacity .3s ease-out}.audio-unlock-overlay.fade-out{opacity:0;pointer-events:none}.audio-unlock-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 30px;max-width:340px}.audio-unlock-logo{display:flex;align-items:baseline;gap:4px;margin-bottom:40px}.logo-text{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:700;color:#fff;letter-spacing:-.5px}.logo-live{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:32px;font-weight:300;color:#ff2d55;letter-spacing:-.5px}.audio-unlock-icon{width:120px;height:120px;margin-bottom:30px}.play-circle{width:100%;height:100%}.circle-bg{fill:none;stroke:#ffffff1a;stroke-width:3}.circle-progress{fill:none;stroke:#ff2d55;stroke-width:3;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transform:rotate(-90deg);transform-origin:center;animation:circle-fill 2s ease-in-out infinite}.play-icon{fill:#ff2d55;animation:pulse-play 1.5s ease-in-out infinite}@keyframes circle-fill{0%{stroke-dashoffset:283}50%{stroke-dashoffset:0}to{stroke-dashoffset:283}}@keyframes pulse-play{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.audio-unlock-title{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:24px;font-weight:600;color:#fff;margin:0 0 10px}.audio-unlock-subtitle{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;color:#fff9;margin:0 0 40px}.audio-unlock-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 32px;background:linear-gradient(135deg,#ff2d55,#ff6b6b);border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #ff2d5566}.audio-unlock-button:hover{transform:scale(1.02);box-shadow:0 6px 30px #ff2d5580}.audio-unlock-button:active{transform:scale(.98)}.button-text{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:600;color:#fff}.button-icon{font-size:20px;color:#fff;transition:transform .2s}.audio-unlock-button:hover .button-icon{transform:translate(4px)}.audio-unlock-skip{margin-top:20px;padding:10px 20px;background:transparent;border:none;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:#fff6;cursor:pointer;transition:color .2s}.audio-unlock-skip:hover{color:#ffffffb3}@media(max-width:380px){.audio-unlock-content{padding:30px 20px}.audio-unlock-icon{width:100px;height:100px}.audio-unlock-title{font-size:22px}.audio-unlock-button{padding:14px 28px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.audio-unlock-overlay{padding-bottom:env(safe-area-inset-bottom)}}.feed-video-player{position:relative;width:100%;height:100%;background:#000;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.video-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s;pointer-events:none;z-index:1}.video-cover.visible{opacity:1}.video-element{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.video-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff3;z-index:10}.video-progress-bar{height:100%;background:#fff;transition:width .1s linear}.video-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:5}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.video-pause-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:6;animation:pause-fade .8s ease-out forwards}.video-pause-icon svg{width:80px;height:80px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}@keyframes pause-fade{0%{opacity:1;transform:scale(.8)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1)}}.video-paused-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;z-index:5}.video-paused-overlay .play-icon{width:70px;height:70px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));opacity:.9}.video-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#000c;z-index:5}.error-icon{font-size:40px}.error-text{font-size:14px;color:#ffffffb3}.feed-actions{position:absolute;right:12px;bottom:120px;display:flex;flex-direction:column;align-items:center;gap:20px;z-index:100;pointer-events:auto}.action-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.action-item:active{transform:scale(.95)}.action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .15s}.action-icon svg{width:28px;height:28px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}.action-count{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.action-item.active .action-icon svg{color:#ff2d55}.action-item.animating .action-icon{animation:like-bounce .6s ease}@keyframes like-bounce{0%{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(.9)}45%{transform:scale(1.15)}60%{transform:scale(.95)}75%{transform:scale(1.05)}to{transform:scale(1)}}.action-item.saved .action-icon svg{color:#ffc107}.profile-action{position:relative;margin-bottom:10px}.profile-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #fff;overflow:hidden;background:#333}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff2d55,#ff6b6b)}.verified-badge{position:absolute;bottom:15px;right:-2px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff;background:#00c7ff;border-radius:50%;border:1px solid #fff}.follow-btn{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;background:#ff2d55;border-radius:50%;border:2px solid #000}@media(hover:hover){.action-item:hover .action-icon{transform:scale(1.1)}}@media(max-width:380px){.feed-actions{right:8px;gap:16px}.action-icon{width:36px;height:36px}.action-icon svg{width:24px;height:24px}.profile-avatar{width:42px;height:42px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.feed-actions{bottom:calc(120px + env(safe-area-inset-bottom))}}.feed-comments-overlay{position:fixed;inset:0;z-index:99999;background:#0009;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;animation:fade-in .2s ease forwards}.feed-comments-sheet{width:100%;max-height:70vh;min-height:50vh;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:slide-up .3s ease forwards;box-shadow:0 -10px 40px #00000080;border-top:1px solid rgba(0,207,255,.2)}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.comments-header{display:flex;align-items:center;justify-content:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.comments-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#ffffff4d;border-radius:2px}.comments-header h3{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;color:#fff;margin:0}.comments-header .close-btn{position:absolute;right:16px;background:none;border:none;font-size:18px;color:#fff9;cursor:pointer;padding:4px}.comments-list{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.comments-loading{display:flex;justify-content:center;padding:40px}.comments-loading .spinner{width:30px;height:30px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.comments-empty{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.comments-empty .empty-icon{font-size:40px;margin-bottom:16px}.comments-empty p{font-size:16px;color:#fff;margin:0}.comments-empty .empty-hint{font-size:14px;color:#ffffff80;margin-top:8px}.comment-item{display:flex;gap:12px;padding:12px 0}.comment-item.reply{margin-left:48px;padding:8px 0}.comment-item.reply .comment-avatar{width:28px;height:28px}.comment-body{flex:1;min-width:0}.comment-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff2d55,#ff6b6b)}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-username{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:600;color:#ffffffe6}.comment-username .verified{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;font-size:7px;color:#fff;background:#00c7ff;border-radius:50%;margin-left:4px}.comment-time{font-size:12px;color:#fff6}.comment-text{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:#fff;margin:0;line-height:1.4;word-break:break-word}.comment-actions{display:flex;align-items:center;gap:16px;margin-top:8px}.comment-actions .action-btn{display:flex;align-items:center;gap:4px;background:none;border:none;padding:4px 0;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;color:#ffffff80;cursor:pointer;transition:color .2s}.comment-actions .action-btn:hover{color:#fffc}.comment-actions .action-btn.like.liked{color:#ff2d55}.comment-actions .action-btn.reply{font-weight:500}.replies-section{margin-top:8px;padding-left:0}.show-replies-btn{background:none;border:none;padding:8px 0;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:500;color:#ffffff80;cursor:pointer}.show-replies-btn:hover{color:#fffc}.replies-list{margin-top:4px}.load-more-replies{background:none;border:none;padding:8px 0;font-size:12px;color:#00c7ff;cursor:pointer}.replying-to{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#00c7ff1a;border-top:1px solid rgba(0,199,255,.2)}.replying-to span{font-size:12px;color:#00c7ff}.replying-to button{background:none;border:none;color:#fff9;cursor:pointer;padding:4px}.comment-like{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;padding:8px;cursor:pointer}.comment-like svg{width:18px;height:18px;color:#ffffff80}.comment-like.liked svg{color:#ff2d55}.comment-like span{font-size:11px;color:#ffffff80}.comments-input{display:flex;gap:12px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);background:#1a1a1a}.comments-input input{flex:1;padding:12px 16px;background:#ffffff1a;border:none;border-radius:20px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:#fff;outline:none}.comments-input input::placeholder{color:#fff6}.comments-input button{padding:12px 20px;background:#ff2d55;border:none;border-radius:20px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:opacity .2s}.comments-input button:disabled{opacity:.5;cursor:not-allowed}@supports (padding-bottom: env(safe-area-inset-bottom)){.comments-input{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}.feed-share-overlay{position:fixed;inset:0;z-index:9999;background:#00000080;display:flex;align-items:flex-end;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.feed-share-sheet{width:100%;background:#1a1a1a;border-radius:16px 16px 0 0;padding:16px;animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-header{display:flex;align-items:center;justify-content:center;padding-bottom:20px;position:relative}.share-handle{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:36px;height:4px;background:#ffffff4d;border-radius:2px}.share-header h3{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;color:#fff;margin:0}.share-options{display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px;padding:20px 0}.share-option{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;min-width:60px;-webkit-tap-highlight-color:transparent}.share-option:active{transform:scale(.95)}.share-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.share-icon svg{width:24px;height:24px;color:#fff}.share-icon.native{background:linear-gradient(135deg,#667eea,#764ba2)}.share-icon.repost{background:linear-gradient(135deg,#ff2d55,#ff6b6b)}.share-icon.whatsapp{background:#25d366}.share-icon.telegram{background:#08c}.share-icon.copy{background:#fff3}.share-option span{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;color:#fffc}.share-cancel{width:100%;padding:16px;margin-top:10px;background:#ffffff1a;border:none;border-radius:12px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;color:#fff;cursor:pointer;transition:background .2s}.share-cancel:active{background:#ffffff26}@supports (padding-bottom: env(safe-area-inset-bottom)){.feed-share-sheet{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.feed-card{position:relative;width:100%;height:100vh;height:100dvh;background:#000;overflow:hidden}.feed-profile-arrow{position:absolute;top:20px;left:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#000;border:none;border-radius:50%;color:#fff;font-size:20px;font-weight:700;cursor:pointer;z-index:100;transition:all .2s ease;box-shadow:0 2px 8px #00000080;padding:0;margin:0;-webkit-tap-highlight-color:transparent}.feed-profile-arrow:hover{background:#333;transform:scale(1.1)}.feed-profile-arrow:active{transform:scale(.95);background:#111}@supports (padding-top: env(safe-area-inset-top)){.feed-profile-arrow{top:max(20px,calc(20px + env(safe-area-inset-top)))}}.feed-card-info{position:absolute;left:12px;right:80px;bottom:100px;z-index:10;display:flex;flex-direction:column;gap:8px}.info-username{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);cursor:pointer;-webkit-tap-highlight-color:transparent}.info-username:active{opacity:.8}.info-username .verified{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:8px;color:#fff;background:#00c7ff;border-radius:50%;margin-left:4px}.info-description{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.info-hashtags{display:flex;flex-wrap:wrap;gap:6px}.hashtag{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.info-sound{display:flex;align-items:center;gap:6px;margin-top:4px}.sound-icon{font-size:14px}.sound-text{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}@supports (padding-bottom: env(safe-area-inset-bottom)){.feed-card-info{bottom:calc(100px + env(safe-area-inset-bottom))}}@media(max-width:380px){.feed-card-info{left:10px;right:70px}.info-username{font-size:15px}.info-description{font-size:13px}}.feed-v2{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#000;-webkit-overflow-scrolling:touch}.feed-v2-cards{position:absolute;top:0;left:0;width:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.feed-v2-cards>*{width:100%;height:100vh;height:100dvh}.feed-v2-loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#000;z-index:1000}.feed-v2-loading p{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;color:#fff9;margin:0}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:#ff2d55;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.small{width:24px;height:24px;border-width:2px}.feed-v2-error{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#000;padding:40px;text-align:center;z-index:1000}.feed-v2-error .error-icon{font-size:60px}.feed-v2-error p{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;color:#fffc;margin:0}.feed-v2-error button,.feed-v2-empty button{margin-top:8px;padding:12px 24px;background:#ff2d55;border:none;border-radius:24px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;color:#fff;cursor:pointer}.feed-v2-empty{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#000;text-align:center;z-index:1000}.feed-v2-empty .empty-icon{font-size:60px}.feed-v2-empty p{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;color:#fffc;margin:0}.feed-v2-dots{position:fixed;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:20}.feed-v2-dots .dot{width:4px;height:4px;border-radius:50%;background:#ffffff4d;transition:all .2s}.feed-v2-dots .dot.active{background:#fff;transform:scale(1.5)}.feed-v2-loading-more{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:20}.live-feed-scroller{width:100%;height:100%;overflow-y:auto;background:linear-gradient(180deg,#0a0a1a,#1a1a3a);padding:10px;display:flex;flex-direction:column;gap:16px}.live-feed-loading,.live-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;text-align:center;padding:40px}.loading-pulse{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ff2d55,#ff6b9d);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.empty-icon{font-size:64px;margin-bottom:16px}.go-live-btn{margin-top:20px;padding:12px 32px;background:linear-gradient(135deg,#ff2d55,#ff6b9d);border:none;border-radius:25px;color:#fff;font-weight:700;cursor:pointer}.live-card{background:#ffffff0d;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s}.live-card:active{transform:scale(.98)}.live-card-preview{position:relative;width:100%;aspect-ratio:9/16;background:#1a1a2e;overflow:hidden}.preview-thumbnail{width:100%;height:100%;object-fit:cover}.preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:1;opacity:0;transition:opacity .3s ease}.preview-video.connected{opacity:1}.preview-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#1a1a3a,#0d0d1f);z-index:0}.preview-avatar-container{position:relative;width:100px;height:100px}.preview-host-avatar,.preview-avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid rgba(255,45,85,.5)}.preview-avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:#fff}.live-pulse-animation{position:absolute;inset:-5px;border-radius:50%;border:2px solid #ff2d55;animation:live-pulse 2s ease-out infinite}@keyframes live-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.preview-username{margin-top:12px;color:#fff;font-weight:600}.live-badge{position:absolute;top:12px;left:12px;background:#ff2d55;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700;color:#fff;display:flex;align-items:center;gap:4px;z-index:10}.live-dot{font-size:8px;animation:blink 1s infinite}.viewer-count{position:absolute;top:12px;right:12px;background:#0009;padding:4px 8px;border-radius:4px;font-size:12px;color:#fff;display:flex;align-items:center;gap:4px;z-index:10}.live-card-info{padding:12px}.tap-hint{display:flex;align-items:center;gap:8px;color:#fff9;font-size:12px;margin-bottom:8px}.hint-bars{letter-spacing:-2px}.live-card-badges{display:flex;gap:8px;margin-bottom:8px}.badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.badge-live{background:#ff2d5533;color:#ff2d55}.live-card-user{display:flex;align-items:center;gap:8px;margin-bottom:4px}.user-avatar{width:24px;height:24px;border-radius:50%}.username{color:#fff;font-weight:600;font-size:14px}.live-card-title{color:#fffc;font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-page-fullscreen{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;background:#000;display:flex;flex-direction:column;overflow:hidden}.feed-header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 100%);pointer-events:none}.feed-header>*{pointer-events:auto}.feed-tabs{display:flex;align-items:center;gap:20px}.feed-tab{position:relative;background:none;border:none;color:#fff9;font-size:16px;font-weight:600;padding:8px 4px;cursor:pointer;transition:color .2s;display:flex;align-items:center;gap:4px}.feed-tab:hover{color:#fffc}.feed-tab.active{color:#fff}.feed-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:24px;height:2px;background:#fff;border-radius:1px}.feed-tab-live{position:relative;padding-left:16px!important}.feed-tab-live:before{content:"●";position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fe2c55;font-size:10px;animation:live-pulse 1.5s infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.feed-search-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;padding:8px;cursor:pointer;color:#fff}.feed-search-btn svg{width:24px;height:24px}.feed-content{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}@media(min-width:768px){.feed-tabs{gap:32px}.feed-tab{font-size:17px}}.preview-card{width:100%;height:100vh;position:relative;overflow:hidden;background:#0a0f1c}.preview-video{width:100%;height:100%;object-fit:cover}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a2f5c,#0f1e3d)}.preview-avatar,.preview-avatar-placeholder{width:120px;height:120px;border-radius:50%;border:4px solid #8ecaff;object-fit:cover;box-shadow:0 0 20px #8ecaff80}.preview-avatar-placeholder{background:#8ecaff;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#0a0f1c}.preview-blur-loader{position:absolute;width:100%;height:100%;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#0006;animation:pulse 1.5s infinite;z-index:2}@keyframes pulse{0%{opacity:.8}50%{opacity:.4}to{opacity:.8}}.preview-neon-overlay{position:absolute;bottom:20px;left:20px;color:#8ecaff;text-shadow:0 0 12px #55bfff;font-family:Orbitron,sans-serif}.preview-live-tag{background:#ff0050cc;padding:6px 14px;font-weight:700;color:#fff;border-radius:10px;margin-bottom:10px;font-size:14px}.preview-host{font-size:22px;margin-bottom:6px}.preview-viewers{font-size:18px;opacity:.9}.swipe-container{width:100%;height:100vh;overflow:hidden;position:relative}.swipe-wrapper{width:100%;transition:transform .28s ease-out}.touch-layer{position:absolute;width:100%;height:100%;top:0;left:0;z-index:99}.video-upload-page{min-height:100vh;background:var(--color-deep-blue);padding:20px;display:flex;align-items:center;justify-content:center}.video-upload-container{max-width:600px;width:100%;background:var(--color-dark-blue);border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d}.video-upload-title{color:var(--color-neon-blue);font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.video-upload-options{display:flex;flex-direction:column;gap:16px}.video-upload-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.video-upload-button.primary{background:var(--color-neon-blue);color:var(--color-deep-blue)}.video-upload-button.primary:hover{background:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff4d}.video-upload-button.secondary{background:var(--color-medium-blue);color:#ffffffe6}.video-upload-button.secondary:hover{background:var(--color-bright-blue)}.video-upload-preview{display:flex;flex-direction:column;gap:20px}.video-upload-preview-video{width:100%;max-height:400px;border-radius:12px;background:#000}.video-upload-info{text-align:center;color:#ffffffe6}.video-upload-filename{font-size:16px;font-weight:600;margin-bottom:4px}.video-upload-size{font-size:14px;color:#fff9}.video-upload-progress{display:flex;flex-direction:column;gap:8px}.video-upload-progress-bar{width:100%;height:8px;background:var(--color-medium-blue);border-radius:4px;overflow:hidden}.video-upload-progress-fill{height:100%;background:var(--color-neon-blue);transition:width .3s ease}.video-upload-progress-text{text-align:center;color:#fffc;font-size:14px}.video-upload-actions{display:flex;gap:12px}.video-upload-actions .video-upload-button{flex:1}.video-upload-recording{position:relative;width:100%;max-width:360px;margin:0 auto;background:#000;border-radius:12px;overflow:hidden}.video-upload-camera-preview{width:100%;height:auto;display:block;aspect-ratio:9/16;object-fit:cover}.video-upload-recording-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:20px;display:flex;flex-direction:column;gap:12px}.video-upload-recording-indicator{display:flex;align-items:center;gap:8px;color:#fff;font-size:16px;font-weight:600}.video-upload-recording-dot{width:12px;height:12px;background:red;border-radius:50%;animation:pulse 1s infinite}.video-upload-stop-button,.video-upload-cancel-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.video-upload-stop-button{background:var(--color-neon-blue);color:var(--color-deep-blue)}.video-upload-stop-button:hover{background:var(--color-accent)}.video-upload-cancel-button{background:#fff3;color:#fff}.video-upload-cancel-button:hover{background:#ffffff4d}.video-upload-fullscreen-camera{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-upload-fullscreen-video{width:100%;height:100%;object-fit:cover}.video-upload-time-limit-selector{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:2rem;border-radius:1rem;z-index:10000}.video-upload-time-limit-selector h3{color:#fff;margin-bottom:1.5rem;text-align:center}.video-upload-time-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.video-upload-time-option{padding:1rem 2rem;background:#fff;color:#000;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.video-upload-time-option:hover{background:#f0f0f0;transform:scale(1.05)}.video-upload-recording-controls{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:10000;display:flex;align-items:center;gap:1rem}.video-upload-record-button{width:80px;height:80px;border-radius:50%;border:4px solid #fff;background:red;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.video-upload-record-button:hover{transform:scale(1.1)}.video-upload-record-icon{width:60px;height:60px;border-radius:50%;background:#fff}.video-upload-recording-buttons{display:flex;gap:1rem;align-items:center}.video-upload-pause-button,.video-upload-resume-button,.video-upload-stop-button{width:60px;height:60px;border-radius:50%;border:3px solid #fff;background:#fff3;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.video-upload-pause-button:hover,.video-upload-resume-button:hover,.video-upload-stop-button:hover{background:#ffffff4d;transform:scale(1.1)}.video-upload-stop-button{background:#f00c}.video-upload-timer{position:absolute;top:2rem;left:50%;transform:translate(-50%);z-index:10000;background:#000000b3;padding:1rem 2rem;border-radius:2rem;color:#fff}.video-upload-timer-text{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:.5rem}.video-upload-timer-progress{width:200px;height:4px;background:#ffffff4d;border-radius:2px;overflow:hidden}.video-upload-timer-progress-bar{height:100%;background:red;transition:width .1s linear}.video-upload-close-button{position:absolute;top:2rem;right:2rem;width:50px;height:50px;border-radius:50%;border:2px solid #fff;background:#00000080;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10001;transition:all .2s}.video-upload-close-button:hover{background:#000c;transform:scale(1.1)}.video-upload-camera-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-upload-filter-bar-wrapper{position:absolute;bottom:120px;left:0;right:0;z-index:10001;display:flex;justify-content:center;padding:0 20px}.video-upload-face-indicator{position:absolute;top:80px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;z-index:10002;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ar-panel{padding:20px;background:#fff;border-radius:12px;max-height:600px;overflow-y:auto}.ar-panel h3{margin:0 0 20px;font-size:20px;font-weight:700;color:#1a1a1a}.ar-masks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.ar-mask-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s;position:relative;min-height:120px}.ar-mask-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.ar-mask-item.active{border-color:#667eea;background:#f0f4ff;box-shadow:0 0 0 3px #667eea33}.ar-mask-item img{width:60px;height:60px;object-fit:contain;border-radius:8px}.ar-mask-fallback{font-size:48px;line-height:1}.ar-mask-name{font-size:12px;font-weight:600;color:#333;text-align:center}.ar-info{margin-top:20px;padding:12px;background:#f0f4ff;border-radius:8px;border-left:4px solid #667eea}.ar-info p{margin:0;font-size:14px;color:#667eea}.beauty-panel{padding:20px;background:#fff;border-radius:12px;max-height:600px;overflow-y:auto}.beauty-panel h3{margin:0 0 20px;font-size:20px;font-weight:700;color:#1a1a1a}.beauty-control{margin-bottom:20px}.beauty-control label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;color:#333}.beauty-value{font-size:12px;color:#667eea;font-weight:700}.beauty-control input[type=range]{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none}.beauty-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer}.beauty-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#667eea;cursor:pointer;border:none}.lip-color-picker{margin-top:12px;display:flex;align-items:center;gap:12px}.hue-slider{flex:1}.lip-color-preview{width:40px;height:40px;border-radius:8px;border:2px solid #e0e0e0;flex-shrink:0}.greenscreen-panel{padding:20px;background:#fff;border-radius:12px;max-height:600px;overflow-y:auto}.greenscreen-panel h3{margin:0 0 20px;font-size:20px;font-weight:700;color:#1a1a1a}.greenscreen-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:20px}.greenscreen-preset{padding:16px;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333;min-height:80px;justify-content:center}.greenscreen-preset:hover{border-color:#667eea;transform:translateY(-2px)}.greenscreen-preset.active{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.custom-background-upload{margin-top:20px;padding:16px;background:#f9f9f9;border-radius:8px}.upload-bg-btn{width:100%;padding:12px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.upload-bg-btn:hover{background:#5568d3}.custom-bg-preview{width:100%;max-height:200px;object-fit:cover;border-radius:8px;margin-top:12px}.tiktok-recording-view{position:fixed;inset:0;width:100vw;height:100vh;background:#000;z-index:9999;overflow:hidden;display:flex;flex-direction:column}.tiktok-canvas{width:100%;height:100%;object-fit:cover}.tiktok-top-controls{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:max(env(safe-area-inset-top),20px) 20px 20px;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent)}.tiktok-btn-close,.tiktok-btn-flip{width:44px;height:44px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tiktok-btn-close:hover,.tiktok-btn-flip:hover{background:#ffffff4d;transform:scale(1.1)}.tiktok-recording-time{display:flex;align-items:center;gap:8px;color:#fff;font-size:18px;font-weight:600;background:#00000080;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recording-dot{width:10px;height:10px;background:#f44;border-radius:50%;animation:pulse 1s infinite}.tiktok-left-controls{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;z-index:10;padding:max(env(safe-area-inset-left),0)}.tiktok-control-btn{width:56px;height:56px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;transition:all .2s;position:relative}.tiktok-control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.tiktok-control-btn.active,.tiktok-control-btn.enabled{background:#f00c;border-color:#fffc}.tiktok-control-btn svg{width:24px;height:24px}.tiktok-control-btn span{font-size:10px;font-weight:600}.tiktok-menu{position:absolute;left:80px;top:50%;transform:translateY(-50%);background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:120px;z-index:20;border:1px solid rgba(255,255,255,.2)}.tiktok-menu button{padding:12px 16px;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;transition:all .2s}.tiktok-menu button:hover{background:#fff3}.tiktok-menu button.active{background:#f00c;color:#fff}.filters-menu{max-height:300px;overflow-y:auto}.tiktok-bottom-controls{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px max(env(safe-area-inset-left),20px) max(env(safe-area-inset-bottom),40px) max(env(safe-area-inset-right),20px);z-index:10;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.tiktok-length-selector{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.tiktok-length-btn{padding:8px 16px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.tiktok-length-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.05)}.tiktok-length-btn.active{background:#f00c;border-color:#fffc}.tiktok-length-btn:disabled{opacity:.5;cursor:not-allowed}.tiktok-record-btn{width:80px;height:80px;border-radius:50%;background:#ffffffe6;border:4px solid rgba(255,255,255,.5);color:#f44;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 20px #0000004d}.tiktok-record-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 30px #0006}.tiktok-record-btn.recording{background:#ff4444e6;color:#fff;animation:recordingPulse 1.5s infinite}@keyframes recordingPulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #ff444480}50%{transform:scale(1.05);box-shadow:0 6px 30px #f44c}}.tiktok-record-btn:disabled{opacity:.5;cursor:not-allowed}.tiktok-panel{position:absolute;bottom:200px;left:20px;right:20px;max-height:400px;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px;z-index:20;overflow-y:auto;border:1px solid rgba(255,255,255,.2)}.tiktok-toggle-beauty{width:100%;padding:12px;background:#f00c;border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:16px;transition:all .2s}.tiktok-toggle-beauty:hover{background:red;transform:scale(1.02)}.upload-progress-fullscreen{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;flex-direction:column;gap:24px}.upload-progress{width:100%;max-width:400px;padding:32px;text-align:center}.upload-progress p{color:#fff;font-size:18px;font-weight:600;margin:16px 0 8px}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#f44,#f66);transition:width .3s}.video-creation-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;display:flex;justify-content:center;align-items:center}.video-creation-container{max-width:600px;width:100%;background:#fffffff2;border-radius:24px;padding:32px;box-shadow:0 20px 60px #0000004d}.creation-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.back-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#333;padding:8px;border-radius:8px;transition:background .2s}.back-btn:hover{background:#0000000d}.creation-header h1{margin:0;font-size:28px;font-weight:700;color:#1a1a1a}.mode-selector{display:flex;gap:12px;margin-bottom:24px}.mode-btn{flex:1;padding:16px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.mode-btn:hover{border-color:#667eea;transform:translateY(-2px)}.mode-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.length-selector{margin-bottom:24px}.length-label{font-size:14px;font-weight:600;color:#666;margin-bottom:12px}.length-buttons{display:flex;gap:8px;flex-wrap:wrap}.length-btn{padding:10px 20px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.length-btn:hover{border-color:#667eea}.length-btn.active{background:#667eea;color:#fff;border-color:#667eea}.creation-actions{display:flex;justify-content:center;margin-top:32px}.record-btn,.upload-btn{padding:20px 40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px}.record-btn:hover,.upload-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #667eea66}.record-icon{font-size:24px;animation:pulse 1.5s infinite}@media(max-width:768px){.tiktok-left-controls{left:10px;gap:12px}.tiktok-control-btn{width:48px;height:48px;font-size:10px}.tiktok-control-btn svg{width:20px;height:20px}.tiktok-menu{left:70px;min-width:100px}.tiktok-bottom-controls{padding:15px 10px max(env(safe-area-inset-bottom),30px) 10px}.tiktok-record-btn{width:70px;height:70px;font-size:28px}}.sticker-layer{padding:1rem}.sticker-layer h3{color:#00eaff;font-size:1.25rem;margin-bottom:1rem}.sticker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1rem}.sticker-item{aspect-ratio:1;background:#00eaff1a;border:1px solid rgba(0,234,255,.3);border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sticker-item:hover{background:#00eaff33;transform:scale(1.1)}.sticker-emoji{font-size:2rem}.sticker-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.sticker-item-active{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#00eaff1a;border-radius:.5rem;color:#fff}.sticker-item-active button{padding:.25rem .5rem;background:#ef444433;border:1px solid rgba(239,68,68,.4);border-radius:.25rem;color:#ef4444;cursor:pointer;font-size:.75rem}.text-layer{padding:1rem}.text-layer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.text-layer h3{color:#00eaff;font-size:1.25rem;margin:0}.add-text-btn{padding:.5rem 1rem;background:#00eaff33;border:1px solid rgba(0,234,255,.4);border-radius:.5rem;color:#00eaff;font-size:.875rem;cursor:pointer;transition:all .2s ease}.add-text-btn:hover{background:#00eaff4d}.text-editor{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;background:#00eaff0d;border-radius:.5rem}.text-editor input{padding:.5rem;background:#00000080;border:1px solid rgba(0,234,255,.3);border-radius:.375rem;color:#fff;font-size:.875rem}.text-editor input:focus{outline:none;border-color:#00eaff}.text-editor button{padding:.5rem 1rem;background:#00eaff4d;border:1px solid rgba(0,234,255,.5);border-radius:.375rem;color:#00eaff;cursor:pointer;font-weight:600}.text-list{display:flex;flex-direction:column;gap:.5rem}.text-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#00eaff1a;border-radius:.5rem;color:#fff}.text-item span{flex:1}.text-item button{padding:.25rem .5rem;background:#00eaff33;border:1px solid rgba(0,234,255,.4);border-radius:.25rem;color:#00eaff;cursor:pointer;font-size:.75rem;margin-left:.5rem}.text-item button:last-child{background:#ef444433;border-color:#ef444466;color:#ef4444}.filter-panel{padding:1rem}.filter-panel h3{color:#00eaff;font-size:1.25rem;margin-bottom:1rem}.filter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.filter-item{padding:.75rem;background:#00eaff1a;border:1px solid rgba(0,234,255,.3);border-radius:.5rem;color:#00eaff;font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:center}.filter-item:hover{background:#00eaff33}.filter-item.active{background:#00eaff4d;border-color:#00eaff;box-shadow:0 0 10px #00eaff4d}.filter-controls{margin-top:1rem}.filter-intensity{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#00eaff0d;border-radius:.5rem}.filter-intensity label{color:#00eaff;font-size:.875rem;font-weight:600}.filter-intensity input[type=range]{accent-color:#00eaff}.video-editor-page{min-height:100vh;background:#000}.editor-loading,.editor-error{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#ffffffe6;font-size:1.125rem}.video-editor-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.video-editor-modal-content{background:var(--color-dark-blue);border-radius:12px;padding:24px;max-width:400px;width:90%}.video-editor-modal-content h3{color:var(--color-neon-blue);margin-bottom:16px}.video-editor-modal-content input{width:100%;padding:10px;margin-bottom:12px;background:var(--color-medium-blue);border:none;border-radius:6px;color:#ffffffe6;font-size:14px}.video-editor-modal-content button{padding:10px 20px;background:var(--color-neon-blue);border:none;border-radius:6px;color:var(--color-deep-blue);font-weight:600;cursor:pointer}.video-editor-container{max-width:800px;margin:0 auto;background:var(--color-dark-blue);border-radius:20px;padding:30px}.editor-container-new{width:100%;height:100vh;background:#000;position:relative;display:flex;flex-direction:column;overflow:hidden}.editor-header-new{position:absolute;top:0;left:0;right:0;padding:1rem 1.5rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;z-index:100;border-bottom:1px solid rgba(0,234,255,.2)}.editor-header-new h1{color:#00eaff;font-size:1.25rem;font-weight:700;margin:0}.editor-close-btn{width:2.5rem;height:2.5rem;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.editor-close-btn:hover{background:#fff3;transform:scale(1.1)}.hidden{display:none}.editor-preview-wrapper{width:100%;height:70vh;display:flex;align-items:center;justify-content:center;background:#000;position:relative;margin-top:4rem;overflow:hidden}.editor-preview-new{width:100%;height:100%;object-fit:contain;background:#000;border-radius:14px;max-width:100%;max-height:100%}.effect-panel{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:50;padding:1rem;background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,234,255,.3);border-radius:1rem;box-shadow:0 0 20px #00eaff4d}.effect-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:#00eaff1a;border:1px solid rgba(0,234,255,.3);border-radius:.75rem;cursor:pointer;transition:all .2s ease;min-width:70px}.effect-item:hover{background:#00eaff33;transform:scale(1.05)}.effect-item.active{background:#00eaff4d;border-color:#00eaff;box-shadow:0 0 15px #00eaff80}.effect-item span{color:#00eaff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.editor-tools-new{position:absolute;bottom:140px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:1.25rem;padding:1rem;z-index:50;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;border:1px solid rgba(0,234,255,.3)}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#00eaff1a;border:1px solid rgba(0,234,255,.3);border-radius:1rem;cursor:pointer;transition:all .2s ease;min-width:70px}.tool-btn:hover{background:#00eaff33;transform:translateY(-2px)}.tool-btn.active{background:#00eaff4d;border-color:#00eaff;box-shadow:0 0 15px #00eaff80}.tool-icon{font-size:1.5rem;color:#00eaff;display:flex;align-items:center;justify-content:center}.tool-btn svg{color:#00eaff}.tool-label{color:#00eaff;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tool-panel-new{position:absolute;bottom:280px;left:50%;transform:translate(-50%);background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,234,255,.4);border-radius:1rem;padding:1.5rem;max-width:90%;max-height:200px;overflow-y:auto;z-index:60}.sound-panel h3,.cover-panel h3{color:#00eaff;font-size:1rem;margin-bottom:1rem}.sound-list{display:flex;flex-direction:column;gap:.5rem}.sound-item{padding:.75rem;background:#00eaff1a;border:1px solid rgba(0,234,255,.3);border-radius:.5rem;color:#00eaff;cursor:pointer;transition:all .2s ease}.sound-item:hover{background:#00eaff33}.sound-item.active{background:#00eaff4d;border-color:#00eaff}.sound-placeholder{padding:1rem;text-align:center;color:#ffffff80;font-size:.875rem}.cover-btn{padding:.75rem 1.5rem;background:#00eaff33;border:1px solid rgba(0,234,255,.4);border-radius:.5rem;color:#00eaff;cursor:pointer;font-weight:600;transition:all .2s ease}.cover-btn:hover{background:#00eaff4d}.editor-actions-new{position:absolute;bottom:130px;right:1.5rem;z-index:50}.export-btn-new{padding:.875rem 2rem;background:#00eaff;border:none;border-radius:.75rem;color:#000;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #00eaff66;transition:all .2s ease}.export-btn-new:hover{background:#00d4e6;transform:translateY(-2px);box-shadow:0 6px 30px #00eaff99}@media(max-width:768px){.effect-panel{right:.75rem;padding:.75rem;gap:.75rem}.effect-item{min-width:60px;padding:.5rem}.editor-tools-new{gap:.75rem;padding:.75rem}.tool-btn{min-width:60px;padding:.5rem .75rem}.editor-actions-new{bottom:130px;right:.75rem}}.timeline-container{position:absolute;bottom:0;width:100%;height:120px;background:#0000008c;border-top:1px solid rgba(0,234,255,.33);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;padding:.75rem}.timeline-zoom{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#00eaff;font-size:.875rem}.timeline-zoom input[type=range]{flex:1;accent-color:#00eaff}.timeline{position:relative;width:100%;height:5rem;overflow-x:auto;background:#0006;border:1px solid rgba(0,234,255,.3);border-radius:.75rem;cursor:pointer}.timeline-cursor{position:absolute;top:0;width:2px;height:100%;background:#00eaff;box-shadow:0 0 10px #00eaffcc;pointer-events:none;z-index:10}.timeline-frames{display:flex;height:100%;transform-origin:left}.timeline-frame{display:inline-block;width:5rem;height:100%;object-fit:cover;flex-shrink:0}.timeline-layers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.timeline-layer{position:absolute;top:0;height:100%;border-radius:.25rem;background:#00ffff80;text-align:center;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#000;font-weight:600;pointer-events:auto;cursor:move}.timeline-trim-marker{position:absolute;top:0;width:4px;height:100%;z-index:20;cursor:ew-resize}.timeline-trim-start{background:gold;box-shadow:0 0 10px #ffd700cc}.timeline-trim-end{background:#f44;box-shadow:0 0 10px #f44c}.trim-handle{position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:inherit;border:2px solid white;cursor:grab}.trim-handle:active{cursor:grabbing}.trim-label{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:.625rem;color:#fff;font-weight:600;white-space:nowrap;background:#000000b3;padding:2px 6px;border-radius:4px}.video-publish-page{min-height:100vh;background:var(--color-deep-blue);padding:20px}.video-publish-container{max-width:600px;margin:0 auto;background:var(--color-dark-blue);border-radius:20px;padding:30px}.video-publish-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.video-publish-back-btn,.video-publish-publish-btn{padding:10px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.video-publish-back-btn{background:transparent;color:#ffffffb3}.video-publish-back-btn:hover:not(:disabled){color:#fff}.video-publish-publish-btn{background:var(--color-neon-blue);color:var(--color-deep-blue)}.video-publish-publish-btn:hover:not(:disabled){background:var(--color-accent);transform:scale(1.05)}.video-publish-back-btn:disabled,.video-publish-publish-btn:disabled{opacity:.5;cursor:not-allowed}.video-publish-title{color:var(--color-neon-blue);font-size:24px;font-weight:700;margin:0;flex:1;text-align:center}.video-publish-preview{width:100%;margin-bottom:20px;border-radius:12px;overflow:hidden;background:#000}.video-publish-preview-video{width:100%;max-height:300px;display:block}.video-publish-field{margin-bottom:20px}.video-publish-label{display:block;color:#ffffffe6;font-size:14px;font-weight:600;margin-bottom:8px}.video-publish-textarea,.video-publish-input,.video-publish-select{width:100%;padding:12px;background:var(--color-medium-blue);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffe6;font-size:14px;font-family:inherit}.video-publish-textarea{resize:vertical;min-height:100px}.video-publish-textarea:focus,.video-publish-input:focus,.video-publish-select:focus{outline:none;border-color:var(--color-neon-blue)}.video-publish-char-count{text-align:right;color:#ffffff80;font-size:12px;margin-top:4px}.video-publish-hashtags-input{display:flex;gap:8px;margin-bottom:12px}.video-publish-hashtags-input .video-publish-input{flex:1}.video-publish-hashtags-list{display:flex;flex-wrap:wrap;gap:8px}.video-publish-hashtag{display:inline-flex;align-items:center;padding:6px 12px;background:var(--color-medium-blue);border-radius:16px;color:var(--color-neon-blue);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.video-publish-hashtag:hover{background:var(--color-bright-blue)}.video-publish-options{display:flex;flex-direction:column;gap:12px}.video-publish-checkbox{display:flex;align-items:center;gap:12px;color:#ffffffe6;font-size:14px;cursor:pointer}.video-publish-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.video-publish-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.video-publish-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.video-publish-button.primary{background:var(--color-neon-blue);color:var(--color-deep-blue)}.video-publish-button.primary:hover:not(:disabled){background:var(--color-accent)}.video-publish-button.secondary{background:var(--color-medium-blue);color:#ffffffe6}.video-publish-button.secondary:hover:not(:disabled){background:var(--color-bright-blue)}.video-publish-button:disabled{opacity:.5;cursor:not-allowed}.video-publish-button.small{padding:8px 16px;font-size:14px}.recorder-container{position:fixed;inset:0;background:#000!important;overflow:hidden;z-index:10000}.camera-feed{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.camera-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:1}.right-toolbar{position:absolute;top:2.5rem;right:1rem;display:flex;flex-direction:column;gap:1rem;z-index:50}.right-toolbar button{background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem;border-radius:.75rem;border:1px solid rgba(0,234,255,.4);box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#00eaff}.right-toolbar button:hover{transform:scale(1.1);background:#00eaff33;border-color:#00eaff99}.right-toolbar button.active{background:#00eaff4d;border-color:#00eaff;box-shadow:0 0 20px #00eaff80}.bottom-controls{position:absolute;bottom:2.5rem;width:100%;display:flex;justify-content:center;z-index:50}.record-btn{width:5rem;height:5rem;border-radius:50%;border:4px solid white;background:#ef4444;box-shadow:0 0 30px #ef444480;cursor:pointer;transition:all .2s ease}.record-btn:hover{transform:scale(1.05)}.record-btn.recording{animation:pulse 1.5s ease-in-out infinite;background:#dc2626}@keyframes pulse{0%,to{box-shadow:0 0 30px #ef444480}50%{box-shadow:0 0 50px #ef4444cc}}.zoom-slider{position:absolute;left:1rem;top:50%;transform:translateY(-50%) rotate(-90deg);width:10rem;accent-color:#00eaff}.recorder-close-btn{position:absolute;top:1rem;left:1rem;width:3rem;height:3rem;border-radius:50%;background:#00000080;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;transition:all .2s ease}.recorder-close-btn:hover{background:#000c;transform:scale(1.1)}.beauty-controls{position:absolute;bottom:10rem;left:50%;transform:translate(-50%);background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;border-radius:.75rem;border:1px solid rgba(0,234,255,.4);z-index:50;display:flex;flex-direction:column;gap:.5rem;min-width:200px}.beauty-controls label{color:#00eaff;font-size:.875rem;font-weight:600}.beauty-controls input[type=range]{accent-color:#00eaff}.speed-menu,.timer-menu,.filter-menu{position:absolute;bottom:10rem;left:50%;transform:translate(-50%);background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:.75rem;border:1px solid rgba(0,234,255,.4);z-index:60;min-width:250px}.speed-menu h3,.timer-menu h3,.filter-menu h3{color:#00eaff;font-size:1rem;margin-bottom:1rem;text-align:center}.speed-menu button,.filter-menu button{display:block;width:100%;padding:.75rem;margin-bottom:.5rem;background:#00eaff1a;border:1px solid rgba(0,234,255,.3);border-radius:.5rem;color:#00eaff;cursor:pointer;transition:all .2s ease}.speed-menu button:hover,.filter-menu button:hover{background:#00eaff33}.speed-menu button.active,.filter-menu button.active{background:#00eaff4d;border-color:#00eaff}.timer-display{text-align:center}.timer-countdown{font-size:3rem;color:#00eaff;font-weight:700;text-shadow:0 0 20px rgba(0,234,255,.8)}.timer-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.timer-options button{padding:.75rem;background:#00eaff1a;border:1px solid rgba(0,234,255,.3);border-radius:.5rem;color:#00eaff;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease}.timer-options button:hover{background:#00eaff33}.profile-videos-page{min-height:100vh;background:var(--color-deep-blue);padding:20px}.profile-videos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.profile-videos-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid var(--color-medium-blue)}.profile-videos-tab{padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;color:#fff9;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.profile-videos-tab:hover{color:#ffffffe6}.profile-videos-tab.active{color:var(--color-neon-blue);border-bottom-color:var(--color-neon-blue)}.profile-videos-content{min-height:400px}.profile-videos-stub{display:block;margin-top:8px;color:#fff6;font-size:12px}.profile-videos-header h2{color:var(--color-neon-blue);font-size:24px;font-weight:700;margin:0}.profile-videos-count{color:#fff9;font-size:14px}.profile-videos-loading,.profile-videos-empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:#fff9;font-size:16px}.profile-videos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.profile-video-item{cursor:pointer;transition:transform .2s ease}.profile-video-item:hover{transform:scale(1.05)}.profile-video-thumbnail{position:relative;width:100%;aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:var(--color-medium-blue)}.profile-video-thumbnail img{width:100%;height:100%;object-fit:cover}.profile-video-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.4) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.6) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:8px}.profile-video-stats{display:flex;gap:8px;font-size:12px;color:#ffffffe6;font-weight:600}.profile-video-duration{font-size:12px;color:#ffffffe6;font-weight:600;background:#0009;padding:4px 8px;border-radius:4px;align-self:flex-end}.profile-video-description{margin-top:8px;color:#fffc;font-size:13px;line-height:1.4}.video-player-container{position:relative;width:100%;height:100%;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.video-player{width:100vw;height:100vh;object-fit:contain;background:#000;-webkit-playsinline:true;playsinline:true;margin:0;padding:0;pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.video-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:10}.video-loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-enclosure{display:none!important}video::-webkit-media-controls-panel{display:none!important}.video-player-container{cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}@media(min-aspect-ratio:9/16){.video-player{width:auto;height:100%;max-width:100%}}@media(max-width:768px){.video-player-container{width:100vw;height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.video-player{width:100%;height:100%;object-fit:contain;max-width:100vw;max-height:100vh}}@supports (padding: max(0px)){.video-player-container{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom))}}@keyframes liquidGlow{0%,to{opacity:.8;filter:blur(0px)}50%{opacity:1;filter:blur(2px)}}.video-player-container:active{transform:scale(.98);-webkit-transform:scale(.98);transition:transform .1s ease-out}.video-actions-bar{position:absolute;right:12px;bottom:100px;display:flex;flex-direction:column;gap:20px;z-index:20}.video-action-button{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;color:#ffffffe6;cursor:pointer;padding:8px;transition:all .2s ease}.video-action-button:hover{color:var(--color-neon-blue);transform:scale(1.1)}.video-action-button.active{color:var(--color-accent)}.video-action-button svg{width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.video-action-count{font-size:12px;font-weight:600;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5)}.profile-button{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3);padding:0}.video-profile-avatar{width:100%;height:100%;object-fit:cover}.like-button.active svg{animation:likePulse .3s ease}@keyframes likePulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.video-profile-button{position:absolute;left:12px;bottom:12px;right:80px;display:flex;align-items:center;gap:12px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:8px 16px;color:#ffffffe6;cursor:pointer;transition:all .2s ease;z-index:15}.video-profile-button:hover{background:#0009;border-color:var(--color-neon-blue);transform:translateY(-2px)}.video-profile-button-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-neon-blue)}.video-profile-button-info{flex:1;display:flex;flex-direction:column;gap:2px}.video-profile-button-username{font-size:14px;font-weight:700;color:var(--color-neon-blue)}.video-profile-button-bio{font-size:12px;color:#ffffffb3}.video-profile-button-arrow{color:#fff9;transition:transform .2s ease}.video-profile-button:hover .video-profile-button-arrow{transform:translate(4px);color:var(--color-neon-blue)}.gift-picker-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:10002;animation:fadeIn .3s ease-out}.gift-picker-modal{background:linear-gradient(180deg,#141419fa,#0f0f14fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:none;border-top:1px solid rgba(0,207,255,.3);border-radius:24px 24px 0 0;padding:1rem;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);max-width:100%;width:100%;max-height:55vh;display:flex;flex-direction:column;box-shadow:0 -10px 40px #00000080;animation:slideUpFromBottom .4s cubic-bezier(.34,1.56,.64,1)}.gift-picker-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.gift-picker-header h3{font-size:1rem;font-weight:700;color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.gift-picker-target{color:#ffffffb3;font-size:.85rem;margin:0}.gift-picker-close{position:static;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;margin-left:auto}.gift-picker-close:hover{background:#ff44444d;border-color:#ff444480}.gift-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;overflow-y:auto;overflow-x:hidden;max-height:calc(55vh - 80px);padding:4px;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.gift-picker-grid::-webkit-scrollbar{width:4px}.gift-picker-grid::-webkit-scrollbar-track{background:#0003;border-radius:10px}.gift-picker-grid::-webkit-scrollbar-thumb{background:#00cfff80;border-radius:10px}.gift-picker-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;transition:all .2s;min-height:auto;position:relative;aspect-ratio:1 / 1.1}.gift-picker-item:hover{background:#00cfff33;border-color:#00cfff99;transform:scale(1.02)}.gift-picker-item.selected{background:#00cfff4d;border-color:#00cfffcc;box-shadow:0 0 15px #00cfff66}.gift-emoji{font-size:1.4rem;filter:drop-shadow(0 0 4px rgba(0,207,255,.4))}.gift-picker-video{width:100%;height:36px;object-fit:cover;border-radius:6px;background:#0000004d}.gift-picker-item.has-video{border:1px solid #FF006E;box-shadow:0 0 8px #ff006e4d}.gift-price{font-size:.6rem;color:gold;font-weight:700;display:flex;align-items:center;justify-content:center;gap:2px}.gift-video-badge{position:absolute;top:3px;right:3px;font-size:.55rem;background:#ff006ee6;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.gift-icon{font-size:1.4rem}.gift-name{color:#ffffffe6;font-size:.6rem;font-weight:600;text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}@media(max-width:400px){.gift-picker-grid{grid-template-columns:repeat(4,1fr);gap:6px}.gift-picker-item{padding:4px 2px}.gift-emoji{font-size:1.2rem}.gift-picker-video{height:30px}.gift-name,.gift-price{font-size:.55rem}}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.karma-rank-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:12px;border:1px solid;font-weight:600;transition:all .3s;white-space:nowrap}.karma-rank-badge:hover{transform:translateY(-1px);box-shadow:0 0 12px currentColor!important}.karma-badge-small{font-size:.7rem;padding:.15rem .4rem;gap:.2rem}.karma-badge-medium{font-size:.75rem;padding:.25rem .6rem}.karma-badge-large{font-size:.9rem;padding:.35rem .8rem}.karma-rank-icon{font-size:1em;line-height:1}.karma-rank-name{font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.bot-badge{display:inline-flex;align-items:center;color:#00e5ff;filter:drop-shadow(0 0 6px rgba(0,229,255,.5));margin-left:.25rem;vertical-align:middle;transition:all .3s}.bot-badge:hover{filter:drop-shadow(0 0 10px rgba(0,229,255,.8));transform:scale(1.1)}.bot-icon{display:block}.mini-profile-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.mini-profile-card{background:#0f0f14d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,207,255,.3);border-radius:20px;padding:1.5rem;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 0 30px #00cfff4d;position:relative;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mini-profile-loading{text-align:center;padding:2rem;color:#fffc;font-size:1rem}.mini-profile-header{display:flex;gap:1rem;margin-bottom:1.5rem}.mini-profile-avatar-container{position:relative;flex-shrink:0}.mini-profile-avatar{width:80px;height:80px;border-radius:50%;border:3px solid rgba(0,207,255,.5);object-fit:cover;box-shadow:0 0 20px #00cfff66;transition:all .3s}.mini-profile-avatar-live{border-color:#f44;box-shadow:0 0 25px #f449;animation:pulseRing 2s ease-in-out infinite}.mini-profile-live-indicator{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:#ff4444e6;color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;display:flex;align-items:center;gap:.25rem;white-space:nowrap;box-shadow:0 0 10px #ff444480}.mini-profile-live-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:blink 1.5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.mini-profile-info{flex:1;min-width:0}.mini-profile-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.mini-profile-username{font-size:1.3rem;font-weight:700;color:#fff;margin:0;font-family:Orbitron,sans-serif;text-shadow:0 0 10px rgba(0,207,255,.5)}.mini-profile-verified{color:#00cfff;font-size:1rem;filter:drop-shadow(0 0 5px rgba(0,207,255,.8))}.mini-profile-handle{color:#fff9;font-size:.9rem;margin:0 0 .5rem}.mini-profile-bio{color:#fffc;font-size:.85rem;margin:.5rem 0 0;line-height:1.4}.mini-profile-stats{display:flex;justify-content:space-around;padding:1rem 0;margin:1rem 0;border-top:1px solid rgba(0,207,255,.2);border-bottom:1px solid rgba(0,207,255,.2)}.mini-profile-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.mini-profile-stat-icon{font-size:1.2rem;filter:drop-shadow(0 0 5px rgba(0,207,255,.5))}.mini-profile-stat-value{color:#fff;font-weight:600;font-size:.9rem}.mini-profile-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.mini-profile-button{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.mini-profile-button-primary{background:linear-gradient(135deg,#00cfff,#06f);color:#fff;box-shadow:0 0 15px #00cfff66}.mini-profile-button-primary:hover{transform:translateY(-2px);box-shadow:0 0 20px #00cfff99}.mini-profile-button-secondary{background:#00cfff26;color:#00cfff;border:1px solid rgba(0,207,255,.3)}.mini-profile-button-secondary:hover{background:#00cfff40;border-color:#00cfff80;box-shadow:0 0 10px #00cfff4d}.mini-profile-button-follow{background:#ff444426;color:#f44;border:1px solid rgba(255,68,68,.3)}.mini-profile-button-follow:hover{background:#ff444440;border-color:#ff444480;box-shadow:0 0 10px #ff44444d}.mini-profile-button-following{background:#00cfff26;color:#00cfff;border:1px solid rgba(0,207,255,.3)}.mini-profile-button-following:hover{background:#00cfff40}.mini-profile-button-live{background:linear-gradient(135deg,#f44,#c00);color:#fff;box-shadow:0 0 15px #f446}.mini-profile-button-live:hover{transform:translateY(-2px);box-shadow:0 0 20px #f449}.mini-profile-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.mini-profile-close:hover{background:#ff44444d;border-color:#ff444480;transform:rotate(90deg)}@media(max-width:768px){.mini-profile-card{max-width:95%;padding:1.25rem}.mini-profile-avatar{width:60px;height:60px}.mini-profile-username{font-size:1.1rem}}.video-comment-item{padding:12px 0;border-bottom:1px solid rgba(0,207,255,.1);position:relative}.video-comment-item.is-reply{padding:8px 0;border-bottom:none}.video-comment-item.is-toxic{background:#ff3e3e1a;border-radius:8px;padding:12px;margin:4px 0}.video-comment-item.is-deleted{opacity:.5}.video-comment-item.is-deleted .deleted-text{font-style:italic;color:#ffffff80}.video-comment-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.video-comment-avatar-wrapper{cursor:pointer;position:relative}.video-comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,207,255,.3);transition:all .2s}.video-comment-avatar-wrapper:hover .video-comment-avatar{border-color:var(--color-neon-blue, #00cfff);box-shadow:0 0 10px #00cfff80}.video-comment-avatar-placeholder{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00cfff4d,#7afb4c4d);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.video-comment-info{flex:1;display:flex;flex-direction:column;gap:2px}.video-comment-username{color:var(--color-neon-blue, #00cfff);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.video-comment-username:hover{text-decoration:underline}.own-badge{background:#00cfff33;color:var(--color-neon-blue, #00cfff);font-size:10px;padding:2px 6px;border-radius:10px;font-weight:500}.video-comment-time{color:#fff6;font-size:11px}.video-comment-warning{font-size:14px;cursor:help;animation:pulse 2s infinite}.video-comment-menu-wrapper{position:relative}.video-comment-menu-btn{background:none;border:none;color:#ffffff80;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.video-comment-menu-btn:hover{background:#ffffff1a;color:#fff}.video-comment-menu{position:absolute;top:100%;right:0;background:#141428fa;border:1px solid rgba(0,207,255,.3);border-radius:8px;padding:4px;min-width:140px;z-index:100;box-shadow:0 4px 20px #00000080}.video-comment-menu button{display:block;width:100%;text-align:left;background:none;border:none;color:#ffffffe6;padding:10px 12px;font-size:13px;cursor:pointer;border-radius:4px;transition:all .2s}.video-comment-menu button:hover{background:#00cfff33}.video-comment-content{color:#ffffffe6;font-size:14px;line-height:1.5;margin:8px 0;padding-left:46px;word-break:break-word}.is-reply .video-comment-content{padding-left:46px}.video-comment-actions{display:flex;align-items:center;gap:12px;padding-left:46px}.video-comment-like,.video-comment-reply-btn,.video-comment-replies-toggle{background:none;border:none;color:#fff9;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:12px;transition:all .2s ease;display:flex;align-items:center;gap:4px}.video-comment-like:hover,.video-comment-reply-btn:hover,.video-comment-replies-toggle:hover{background:#00cfff26;color:#ffffffe6}.video-comment-like.liked{color:#ff6b6b}.video-comment-replies-toggle{color:var(--color-neon-blue, #00cfff)}.video-comment-replies{margin-top:8px;padding-left:20px;border-left:2px solid rgba(0,207,255,.2);margin-left:18px}.video-comment-load-more{background:none;border:none;color:var(--color-neon-blue, #00cfff);font-size:12px;cursor:pointer;padding:8px;width:100%;text-align:center}.video-comment-load-more:hover{text-decoration:underline}.video-comment-report-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.report-modal-content{background:linear-gradient(135deg,#141428fa,#0a0a1efa);border:1px solid rgba(0,207,255,.3);border-radius:16px;padding:24px;max-width:320px;width:100%;text-align:center}.report-modal-content h4{color:#fff;margin:0 0 8px;font-size:18px}.report-modal-content p{color:#ffffffb3;font-size:14px;margin:0 0 16px}.report-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.report-options button{background:#00cfff1a;border:1px solid rgba(0,207,255,.3);color:#fff;padding:10px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.report-options button:hover{background:#00cfff33;border-color:var(--color-neon-blue, #00cfff)}.report-cancel{background:none;border:none;color:#fff9;font-size:14px;cursor:pointer;padding:8px 16px}.report-cancel:hover{color:#fff}@media(max-width:480px){.video-comment-avatar{width:32px;height:32px}.video-comment-avatar-placeholder{width:32px;height:32px;font-size:12px}.video-comment-content{padding-left:42px;font-size:13px}.video-comment-actions{padding-left:42px;gap:8px}.report-options{grid-template-columns:1fr}}.video-comments{position:fixed;bottom:0;left:0;right:0;height:70vh;background:linear-gradient(180deg,#0a0a1efa,#050514fc);border-top-left-radius:24px;border-top-right-radius:24px;display:flex;flex-direction:column;z-index:1000;box-shadow:0 -4px 30px #0009;border-top:1px solid rgba(0,207,255,.2);animation:slideUp .3s ease-out}.video-comments-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,207,255,.15)}.video-comments-header h3{color:var(--color-neon-blue, #00cfff);font-size:16px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}.video-comments-close{background:#ffffff1a;border:none;color:#fffc;font-size:18px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.video-comments-close:hover{background:#fff3;color:#fff}.video-comments-list{flex:1;overflow-y:auto;padding:12px 16px;scrollbar-width:thin;scrollbar-color:rgba(0,207,255,.3) transparent}.video-comments-list::-webkit-scrollbar{width:4px}.video-comments-list::-webkit-scrollbar-thumb{background:#00cfff4d;border-radius:2px}.video-comments-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#fff9;font-size:14px;gap:12px}.video-comments-loading .loading-spinner{width:32px;height:32px;border:3px solid rgba(0,207,255,.2);border-top-color:var(--color-neon-blue, #00cfff);border-radius:50%;animation:spin 1s linear infinite}.video-comments-error{text-align:center;color:#ff6b6b;padding:40px 20px;font-size:14px}.video-comments-empty{text-align:center;padding:60px 20px}.video-comments-empty .empty-icon{font-size:48px;display:block;margin-bottom:12px;opacity:.6}.video-comments-empty p{color:#ffffffb3;font-size:15px;margin:0}.video-comments-empty .empty-hint{color:#fff6;font-size:13px;margin-top:8px}.video-comments-form{display:flex;flex-direction:column;padding:12px 16px;border-top:1px solid rgba(0,207,255,.15);gap:8px;background:#0003}.video-comments-replying-to{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#00cfff1a;border-radius:8px;color:var(--color-neon-blue, #00cfff);font-size:12px}.video-comments-replying-to button{background:none;border:none;color:#fff9;cursor:pointer;padding:0;width:20px;height:20px;font-size:14px}.video-comments-replying-to button:hover{color:#fff}.video-comments-input-wrapper{display:flex;gap:8px;align-items:center}.video-comments-input{flex:1;padding:12px 16px;background:#ffffff14;border:1px solid rgba(0,207,255,.2);border-radius:24px;color:#fffffff2;font-size:14px;outline:none;transition:all .2s}.video-comments-input:focus{border-color:var(--color-neon-blue, #00cfff);background:#ffffff1a;box-shadow:0 0 10px #00cfff33}.video-comments-input::placeholder{color:#fff6}.video-comments-submit{width:44px;height:44px;background:linear-gradient(135deg,var(--color-neon-blue, #00cfff),#0088cc);border:none;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-comments-submit:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 15px #00cfff80}.video-comments-submit:disabled{opacity:.4;cursor:not-allowed}.video-comments-login-hint{text-align:center;padding:16px;color:#fff9;font-size:14px;border-top:1px solid rgba(0,207,255,.15)}.video-comments-login-hint a{color:var(--color-neon-blue, #00cfff);text-decoration:none;font-weight:600}.video-comments-login-hint a:hover{text-decoration:underline}@media(max-width:480px){.video-comments{height:80vh;border-radius:20px 20px 0 0}.video-comments-header{padding:12px 16px}.video-comments-header h3{font-size:15px}.video-comments-list{padding:8px 12px}.video-comments-form{padding:10px 12px}.video-comments-input{padding:10px 14px;font-size:13px}.video-comments-submit{width:40px;height:40px;font-size:16px}}.karma-aura-badge{position:absolute;z-index:10;background:#1a1f27cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:6px 12px;border:1px solid rgba(0,240,255,.2)}.karma-aura-badge-top-right{top:16px;right:16px}.karma-aura-badge-top-left{top:16px;left:16px}.karma-aura-badge-bottom-right{bottom:16px;right:16px}.karma-aura-badge-bottom-left{bottom:16px;left:16px}.karma-aura-content{display:flex;align-items:center;gap:8px;font-size:12px}.karma-badge{color:#00e5ff;font-weight:500}.aura-badge{font-weight:600;text-shadow:0 0 8px currentColor}.aura-magnet{position:absolute;top:20px;left:20px;right:20px;z-index:10;background:#092e40e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 16px;border:1px solid rgba(0,240,255,.3);animation:auraMagnetPulse 2s ease-in-out infinite}@keyframes auraMagnetPulse{0%,to{box-shadow:0 0 10px #00f0ff4d}50%{box-shadow:0 0 20px #00f0ff99}}.aura-magnet-content{display:flex;align-items:center;gap:8px;margin-bottom:8px}.aura-magnet-icon{font-size:20px}.aura-magnet-text{flex:1;color:#00e5ff;font-size:14px;font-weight:500}.aura-magnet-resonance{color:#00e5ff;font-size:12px;font-weight:700;background:#00f0ff1a;padding:4px 8px;border-radius:6px}.aura-magnet-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.aura-magnet-bar-fill{height:100%;transition:width .5s ease;border-radius:2px}.live-indicator{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;gap:6px;background:#dc2626e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000004d;animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 2px 8px #dc262680}50%{box-shadow:0 2px 16px #dc2626cc}}.live-indicator-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:liveDotPulse 1.5s ease-in-out infinite}@keyframes liveDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.8)}}.live-indicator-text{color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px}.live-indicator-viewers{color:#fff;font-size:10px;opacity:.9;margin-left:4px}.feed-explain-sheet-overlay{position:fixed;inset:0;background:#000000b3;z-index:10000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s ease-out}.feed-explain-sheet{background:#1a1a1a;border-radius:20px 20px 0 0;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease-out;box-shadow:0 -4px 20px #00000080}.feed-explain-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #333;position:sticky;top:0;background:#1a1a1a;z-index:1}.feed-explain-sheet-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.feed-explain-sheet-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.feed-explain-sheet-close:hover{background:#333}.feed-explain-sheet-content{padding:20px;color:#fff}.feed-explain-loading{text-align:center;padding:40px;color:#999}.feed-explain-primary{display:flex;align-items:center;gap:15px;padding:20px;background:#252525;border-radius:12px;margin-bottom:20px}.feed-explain-primary-icon{font-size:32px;flex-shrink:0}.feed-explain-primary-text{font-size:18px;font-weight:600;color:#fff;line-height:1.4}.feed-explain-secondary{margin-bottom:20px}.feed-explain-secondary h4{margin:0 0 10px;font-size:14px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.feed-explain-secondary ul{list-style:none;padding:0;margin:0}.feed-explain-secondary li{padding:10px 0 10px 24px;position:relative;color:#ccc;font-size:14px;line-height:1.5}.feed-explain-secondary li:before{content:"•";position:absolute;left:0;color:#00d4ff;font-size:20px;line-height:1}.feed-explain-mood{display:flex;align-items:center;gap:12px;padding:15px;background:#252525;border-radius:12px;margin-bottom:20px}.feed-explain-mood-icon{font-size:24px;flex-shrink:0}.feed-explain-mood-text{font-size:14px;color:#ccc}.feed-explain-category{margin-bottom:20px}.feed-explain-category h4{margin:0 0 10px;font-size:14px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.feed-explain-category-badge{display:inline-block;padding:8px 16px;background:#00d4ff;color:#000;border-radius:20px;font-size:14px;font-weight:600}.feed-explain-creator{margin-bottom:20px}.feed-explain-creator h4{margin:0 0 10px;font-size:14px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.feed-explain-creator-bar{position:relative;height:32px;background:#333;border-radius:16px;overflow:hidden;display:flex;align-items:center;padding:0 12px}.feed-explain-creator-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#00d4ff,#00a8cc);border-radius:16px;transition:width .3s ease-out}.feed-explain-creator-text{position:relative;z-index:1;font-size:14px;font-weight:600;color:#fff}.feed-explain-positive{display:flex;align-items:center;gap:12px;padding:15px;background:#252525;border-radius:12px;margin-bottom:20px}.feed-explain-positive-icon{font-size:24px;flex-shrink:0}.feed-explain-positive-text{font-size:14px;color:#ccc}.feed-explain-cluster{margin-bottom:20px;padding:15px;background:#252525;border-radius:12px}.feed-explain-cluster h4{margin:0 0 10px;font-size:14px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px}.feed-explain-cluster-badge{display:inline-block;padding:8px 16px;background:#333;color:#00d4ff;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:8px}.feed-explain-cluster-score{font-size:12px;color:#999}.feed-item{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.feed-item-video-wrapper,.feed-item .video-player-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.feed-item .video-player{width:100vw;height:100vh;object-fit:contain;background:#000;margin:0;padding:0;pointer-events:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}.feed-item-sound-toggle{position:absolute;left:12px;bottom:20px;z-index:25;width:44px;height:44px;border-radius:50%;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.feed-item-sound-toggle:hover{background:#000000b3;transform:scale(1.1)}.feed-item-sound-toggle svg{width:24px;height:24px}.feed-item .video-actions-bar{position:absolute;right:12px;bottom:80px;z-index:20}.feed-item .video-profile-button{position:absolute;left:12px;bottom:80px;z-index:20}.feed-item-info{position:absolute;bottom:80px;left:12px;right:80px;z-index:15;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.8);pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 50%,transparent 100%);padding:16px 12px 12px;border-radius:0}.feed-item-owner{font-size:16px;font-weight:600;margin-bottom:6px;color:#fff}.feed-item-description{font-size:14px;line-height:1.5;margin-bottom:8px;max-height:80px;overflow:hidden;text-overflow:ellipsis;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.feed-item-hashtags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.feed-item-hashtag{font-size:12px;color:#00e5ff;background:#00e5ff33;padding:4px 10px;border-radius:12px;border:1px solid rgba(0,229,255,.3);box-shadow:0 0 8px #00e5ff4d}.feed-item-aura-resonance{color:#00e5ff;font-size:12px;font-weight:500;margin-top:8px;padding:4px 8px;background:#00f0ff1a;border-radius:6px;display:inline-block;box-shadow:0 0 12px #00f0ff66}.feed-item-duration{position:absolute;bottom:20px;right:12px;z-index:20;color:#fff;font-size:12px;font-weight:600;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:4px 8px;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.feed-item-actions-bottom{position:absolute;bottom:20px;left:70px;z-index:20;display:flex;gap:8px}.feed-item-action-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.feed-item-action-btn:hover{background:#000000b3;transform:scale(1.05);border-color:#00e5ff80;box-shadow:0 0 12px #00e5ff4d}.feed-item-action-btn svg{width:16px;height:16px}.feed-item-live-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff;text-align:center;padding:20px}.feed-item-live-placeholder a{margin-top:20px;padding:12px 24px;background:var(--color-neon-blue, #00d4ff);color:#000;border:none;border-radius:8px;text-decoration:none;font-weight:700;transition:all .2s ease}.feed-item-live-placeholder a:hover{background:var(--color-neon-blue-hover, #00b8e6);transform:scale(1.05)}@media(min-aspect-ratio:9/16){.feed-item .video-player{width:auto;height:100vh;max-width:100vw}}@media(max-width:768px){.feed-item{width:100vw;height:100vh}.feed-item .video-player{width:100%;height:100%;object-fit:contain}.feed-item-sound-toggle{width:48px;height:48px}.feed-item-action-btn{padding:8px 14px;font-size:13px}}.feed-scroller{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:#000;scrollbar-width:none;-ms-overflow-style:none;will-change:scroll-position;transform:translateZ(0);-webkit-transform:translateZ(0);margin:0;padding:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;overscroll-behavior-y:contain;-webkit-overscroll-behavior-y:contain}.feed-scroller::-webkit-scrollbar{display:none}.feed-item-wrapper{width:100vw;height:100vh;scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;position:relative;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}@media(prefers-reduced-motion:no-preference){.feed-scroller{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){.feed-scroller{scroll-behavior:auto}}.feed-item-placeholder{width:100%;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.user-video-feed-page{position:fixed;inset:0;background:#000;z-index:1000;overflow:hidden}.user-video-feed-back-btn{position:absolute;top:1rem;left:1rem;z-index:1001;background:#0009;color:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-video-feed-back-btn:hover{background:#000c}.user-video-feed-loading,.user-video-feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.profile-edit-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .3s ease-out}.profile-edit-modal{background:#0f0f14f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,207,255,.3);border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 0 40px #00cfff66;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.profile-edit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.profile-edit-header h2{font-size:1.8rem;font-weight:700;color:#fff;margin:0;font-family:Orbitron,sans-serif;text-shadow:0 0 10px rgba(0,207,255,.5)}.profile-edit-close{width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.profile-edit-close:hover{background:#ff44444d;border-color:#ff444480;transform:rotate(90deg)}.profile-edit-form{display:flex;flex-direction:column;gap:1.5rem}.profile-edit-field{display:flex;flex-direction:column;gap:.5rem}.profile-edit-field label{color:#ffffffe6;font-size:.95rem;font-weight:600}.profile-edit-field input,.profile-edit-field textarea{background:#0000004d;border:1px solid rgba(0,207,255,.3);border-radius:12px;padding:.75rem 1rem;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s}.profile-edit-field input:focus,.profile-edit-field textarea:focus{outline:none;border-color:#00cfff99;box-shadow:0 0 15px #00cfff4d}.profile-edit-field textarea{resize:vertical;min-height:100px}.profile-edit-hint{color:#ffffff80;font-size:.85rem}.profile-edit-avatar-preview{width:80px;height:80px;border-radius:50%;border:2px solid rgba(0,207,255,.5);object-fit:cover;margin-top:.5rem}.profile-edit-error{background:#f443;border:1px solid rgba(255,68,68,.4);border-radius:12px;padding:.75rem 1rem;color:#f44;font-size:.9rem}.profile-edit-actions{display:flex;gap:1rem;margin-top:1rem}.profile-edit-cancel,.profile-edit-save{flex:1;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.profile-edit-cancel{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.profile-edit-cancel:hover{background:#fff3}.profile-edit-save{background:linear-gradient(135deg,#00cfff,#06f);color:#fff;box-shadow:0 0 15px #00cfff66}.profile-edit-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #00cfff99}.profile-edit-save:disabled{opacity:.6;cursor:not-allowed}.creator-dashboard-modal{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:0;overflow-y:auto}.creator-dashboard-content{background:#0d1117;border-radius:0;max-width:100%;width:100%;max-height:100vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.creator-dashboard-main{display:flex;flex-direction:column;gap:0;padding:1rem;background:#0d1117;color:#e0f2ff;min-height:100vh}.creator-dashboard-header{text-align:center;position:relative;display:flex;flex-direction:column;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,240,255,.2);margin-bottom:1rem}.creator-dashboard-close{position:absolute;top:0;right:0;background:transparent;border:none;color:#e0f2ff;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.creator-dashboard-close:hover{background:#ffffff1a}.creator-dashboard-title{font-size:1.5rem;font-weight:700;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.5);margin:0}.creator-dashboard-subtitle{font-size:.8rem;color:#a0c4ff;margin:0}.creator-dashboard-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.creator-dashboard-tabs::-webkit-scrollbar{display:none}.creator-tab-btn{flex-shrink:0;padding:.6rem 1rem;border-radius:12px;border:1px solid rgba(0,240,255,.2);background:#1a1f2799;color:#a0c4ff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.creator-tab-btn:hover{background:#00f0ff1a;border-color:#00f0ff66}.creator-tab-btn.active{background:#00f0ff26;border-color:#00f0ff80;color:#00f0ff}.creator-tab-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.creator-stats-grid-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.creator-stat-card-compact{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;background:#1a1f27cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,240,255,.1);box-shadow:0 2px 8px #0003}.creator-stat-icon{font-size:1.5rem;flex-shrink:0}.creator-stat-content{flex:1;min-width:0}.creator-stat-label-compact{font-size:.75rem;color:#a0c4ff;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-stat-value-compact{font-size:1.1rem;font-weight:700;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-show-more-btn{width:100%;padding:.75rem;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);border-radius:12px;color:#00f0ff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:.5rem}.creator-show-more-btn:hover{background:#00f0ff33;border-color:#00f0ff80}.creator-overview-content{display:flex;flex-direction:column;gap:1rem}.creator-details-content{display:flex;flex-direction:column;gap:1.5rem}.creator-chart-section-compact{background:#1a1f27cc;padding:1rem;border-radius:12px;border:1px solid rgba(0,240,255,.1)}.creator-section-title-compact{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:#00f0ff}.creator-chart-placeholder-compact{height:150px;background:#111827;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666;font-size:.85rem}.creator-export-content{display:flex;flex-direction:column;gap:1rem}.creator-export-card-compact{background:#1a1f27cc;padding:1rem;border-radius:12px;border:1px solid rgba(0,240,255,.1)}.creator-export-card-title-compact{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#e0f2ff}.creator-export-card-description-compact{font-size:.8rem;color:#a0c4ff;margin-bottom:.75rem}.creator-export-buttons-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem}.creator-export-btn-compact{width:100%;padding:.6rem;background:linear-gradient(to right,#a855f7,#3b82f6);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:600;font-size:.85rem}.creator-export-btn-compact:hover{background:linear-gradient(to right,#2563eb,#9333ea)}.creator-export-btn-compact.secondary{background:#1a1f27;border:1px solid rgba(0,240,255,.3);color:#00f0ff}.creator-export-btn-compact.secondary:hover{background:#00f0ff1a}.creator-report-section-compact{background:#1a1f27cc;padding:1rem;border-radius:12px;border:1px solid rgba(0,240,255,.1)}.creator-report-description-compact{font-size:.8rem;color:#a0c4ff;margin-bottom:.75rem}.creator-report-btn-compact{width:100%;padding:.6rem;background:linear-gradient(to right,#10b981,#14b8a6);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:600;font-size:.85rem}.creator-report-btn-compact:hover{background:linear-gradient(to right,#059669,#0d9488)}.creator-ranking-content{display:flex;flex-direction:column;gap:1rem}.creator-ranking-card-compact,.creator-karma-card-compact{background:#1a1f27cc;padding:1rem;border-radius:12px;border:1px solid rgba(0,240,255,.1)}.creator-ranking-list-compact{font-size:.85rem;color:#e0f2ff;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.creator-ranking-list-compact li{padding:.5rem;background:#0d111799;border-radius:8px;border:1px solid rgba(0,240,255,.1)}.creator-karma-graph-placeholder-compact{height:120px;background:#111827;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666;font-size:.85rem}@media(min-width:640px){.creator-dashboard-main{padding:1.5rem}.creator-stats-grid-compact{grid-template-columns:repeat(3,1fr)}.creator-dashboard-modal{align-items:center;padding:1rem}.creator-dashboard-content{border-radius:1rem;max-width:800px;max-height:90vh}}@media(min-width:1024px){.creator-stats-grid-compact{grid-template-columns:repeat(4,1fr)}.creator-export-buttons-compact{grid-template-columns:repeat(2,1fr)}}.level-chip{padding:.3rem .7rem;border-radius:20px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;font-family:Orbitron,sans-serif;transition:all .3s;cursor:help}.level-chip:hover{transform:scale(1.1);box-shadow:0 0 15px currentColor}.trust-badge-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.trust-badge-main{padding:.5rem 1rem;border-radius:12px;background:#00cfff26;border:1px solid rgba(0,207,255,.3);color:#00cfff;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:.3rem;box-shadow:0 0 10px #00cfff33;transition:all .3s}.trust-badge-main:hover{background:#00cfff40;box-shadow:0 0 15px #00cfff66;transform:translateY(-2px)}.trust-badge-chips{display:flex;gap:.3rem;flex-wrap:wrap}.trust-badge-chip{padding:.3rem .7rem;border-radius:8px;background:#ffffff0d;border:1px solid rgba(0,207,255,.2);color:#fffc;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;transition:all .3s}.trust-badge-chip:hover{background:#00cfff1a;border-color:#00cfff66;transform:scale(1.05)}.schedule-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.schedule-modal{background:#fff;border-radius:16px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0003}.schedule-modal h2{margin-top:0;margin-bottom:1.5rem;color:#333;font-size:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-group input[type=text],.form-group input[type=url],.form-group input[type=datetime-local],.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400;margin-bottom:0}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.modal-actions{display:flex;gap:.75rem;margin-top:2rem}.scheduled-streams-section{margin:1rem 0;padding:1rem;background:linear-gradient(135deg,#111827f2,#1f2937f2);border-radius:16px;border:1px solid rgba(0,207,255,.3);box-shadow:0 4px 20px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{margin:0;font-size:1.1rem;color:#fff;font-weight:600}.btn-schedule{background:linear-gradient(135deg,#00cfff,#7afb4c);color:#fff;border:none;padding:.4rem .8rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #00cfff4d}.btn-schedule:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00cfff80}.loading,.empty-state{text-align:center;padding:1.5rem;color:#ffffffb3}.empty-state p{margin-bottom:1rem;color:#fff9}.btn-primary-small{background:linear-gradient(135deg,#00cfff,#7afb4c);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #00cfff4d}.btn-primary-small:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00cfff80}.streams-list{display:flex;flex-direction:column;gap:1rem}.scheduled-stream-card{display:flex;gap:1rem;padding:.75rem;background:#1f293799;border-radius:12px;border:1px solid rgba(0,207,255,.2);transition:all .2s}.scheduled-stream-card:hover{transform:translateY(-2px);border-color:#00cfff66;box-shadow:0 4px 15px #00cfff33;background:#1f2937cc}.stream-thumbnail-small{width:45px;height:45px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#00cfff,#7afb4c);flex-shrink:0;border:1px solid rgba(0,207,255,.3)}.stream-thumbnail-small img{width:100%;height:100%;object-fit:cover}.thumbnail-placeholder-small{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stream-details{flex:1;min-width:0}.stream-details h4{margin:0 0 .25rem;font-size:.85rem;color:#fff;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stream-meta-small{display:flex;gap:.4rem;margin-bottom:.25rem;flex-wrap:wrap}.time-badge{background:linear-gradient(135deg,#00cfff,#7afb4c);color:#fff;padding:.2rem .6rem;border-radius:10px;font-size:.7rem;font-weight:600;line-height:1.2}.theme-badge{background:#00cfff33;color:#fffc;padding:.2rem .6rem;border-radius:10px;font-size:.7rem;border:1px solid rgba(0,207,255,.3);line-height:1.2}.stream-stats-small{display:flex;gap:.75rem;font-size:.7rem;color:#fff9}.stream-status{display:flex;align-items:center}.status-badge{padding:.3rem .7rem;border-radius:16px;font-size:.7rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.status-badge.scheduled{background:#00cfff33;color:#00cfff;border:1px solid rgba(0,207,255,.4)}.status-badge.live{background:#ff2d5533;color:#ff2d55;border:1px solid rgba(255,45,85,.4)}.status-badge.cancelled{background:#ffffff1a;color:#ffffff80;border:1px solid rgba(255,255,255,.2)}.show-more-container{display:flex;justify-content:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(0,207,255,.2)}.btn-show-more{background:#00cfff26;color:#00cfff;border:1px solid rgba(0,207,255,.3);padding:.4rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-show-more:hover{background:#00cfff40;border-color:#00cfff80;transform:translateY(-2px);box-shadow:0 4px 15px #00cfff33}.streaming-settings{padding:1.5rem;background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:16px;color:#fff;margin-top:1rem}.streaming-settings-title{font-size:1.5rem;margin-bottom:1.5rem;color:#00e5ff;display:flex;align-items:center;gap:.5rem}.streaming-info-box{background:#0000004d;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(0,229,255,.2)}.streaming-info-item{margin-bottom:1.25rem}.streaming-info-item:last-child{margin-bottom:0}.streaming-info-item label{display:block;font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem;font-weight:500}.streaming-value-container{display:flex;align-items:center;gap:.5rem;background:#0006;padding:.75rem;border-radius:8px;border:1px solid rgba(0,229,255,.1)}.streaming-value{flex:1;font-family:Courier New,monospace;font-size:.85rem;color:#00e5ff;word-break:break-all;padding:.25rem}.stream-key-value{font-size:.8rem;color:#0f8}.rtmp-url-value{font-size:.8rem;color:#fa0}.streaming-copy-btn{background:#00e5ff33;border:1px solid rgba(0,229,255,.3);color:#00e5ff;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s;white-space:nowrap}.streaming-copy-btn:hover{background:#00e5ff4d;border-color:#00e5ff80}.streaming-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.streaming-btn{padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.streaming-btn-primary{background:linear-gradient(135deg,#00e5ff,#09c);color:#fff}.streaming-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00e5ff66}.streaming-btn-primary:disabled{opacity:.6;cursor:not-allowed}.streaming-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.streaming-btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.streaming-instructions{background:#0000004d;border-radius:12px;padding:1.5rem;margin-top:1.5rem;border:1px solid rgba(0,229,255,.2)}.streaming-instructions h4{color:#00e5ff;margin-bottom:1rem;font-size:1.2rem}.instruction-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.instruction-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.instruction-section h5{color:#00e5ff;margin-bottom:.75rem;font-size:1.05rem}.instruction-section p{color:#fffc;line-height:1.6;margin-bottom:.5rem}.instruction-section ol,.instruction-section ul{color:#fffc;line-height:1.8;padding-left:1.5rem}.instruction-section li{margin-bottom:.5rem}.instruction-section code{background:#0006;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;color:#0f8;border:1px solid rgba(0,255,136,.2)}.instruction-section a{color:#00e5ff;text-decoration:none}.instruction-section a:hover{text-decoration:underline}.instruction-note{background:#00e5ff1a;padding:.75rem;border-radius:8px;border-left:3px solid #00E5FF;margin-top:.75rem}.instruction-tips{background:#ffaa001a;padding:1rem;border-radius:8px;border-left:3px solid #ffaa00;margin-top:1rem}.instruction-tips h5{color:#fa0;margin-bottom:.75rem}.instruction-tips ul{list-style:none;padding-left:0}.instruction-tips li{padding-left:1.5rem;position:relative}.instruction-tips li:before{content:"•";position:absolute;left:0;color:#fa0}.streaming-overlay-info{background:#0000004d;border-radius:12px;padding:1.5rem;margin-top:1.5rem;border:1px solid rgba(0,229,255,.2)}.streaming-overlay-info h4{color:#00e5ff;margin-bottom:1rem;font-size:1.2rem}.streaming-overlay-info>p{color:#ffffffb3;margin-bottom:1rem}.overlay-url-item{background:#0006;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(0,229,255,.1)}.overlay-url-item:last-child{margin-bottom:0}.overlay-url-item label{display:block;font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem;font-weight:500}.overlay-url{display:block;font-family:Courier New,monospace;font-size:.8rem;color:#0f8;word-break:break-all;padding:.75rem;background:#0006;border-radius:6px;border:1px solid rgba(0,255,136,.2);margin-bottom:.5rem}.streaming-settings-loading{text-align:center;padding:2rem;color:#ffffffb3}@media(max-width:768px){.streaming-actions{flex-direction:column}.streaming-btn{width:100%;justify-content:center}.streaming-value-container{flex-direction:column;align-items:stretch}.streaming-copy-btn{width:100%;justify-content:center}}.call-settings{background:#0a1628cc;border-radius:12px;padding:1.5rem;margin:1rem 0}.call-settings h3{color:#00d4ff;margin:0 0 1.5rem;font-size:1.3rem}.call-setting-item{margin-bottom:1.5rem}.call-setting-item label{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1rem;cursor:pointer}.call-setting-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#00d4ff}.call-setting-item input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.setting-description{color:#aaa;font-size:.9rem;margin:.5rem 0 0 2rem}.call-settings-save{width:100%;padding:.75rem;background:linear-gradient(135deg,#00d4ff,#00a8cc);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem}.call-settings-save:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 15px #00d4ff66}.call-settings-save:disabled{opacity:.6;cursor:not-allowed}.guestbook-component{display:flex;flex-direction:column;gap:1.5rem}.guestbook-textarea{width:100%;padding:.75rem;border-radius:.375rem;background:#111827;color:#fff;border:1px solid rgba(0,240,255,.2);font-family:inherit;font-size:.875rem;resize:vertical}.guestbook-textarea::placeholder{color:#a0c4ff}.guestbook-textarea:focus{outline:none;border-color:#00f0ff66}.guestbook-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.guestbook-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#e0f2ff;cursor:pointer}.guestbook-checkbox input[type=checkbox]{accent-color:#00f0ff;cursor:pointer}.guestbook-send-btn{margin-left:auto;padding:.5rem 1rem;background:#00f0ff;color:#0d1117;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:filter .2s}.guestbook-send-btn:hover:not(:disabled){filter:brightness(1.1)}.guestbook-send-btn:disabled{opacity:.5;cursor:not-allowed}.guestbook-pending{background:#1a1f2780;padding:1rem;border-radius:.5rem;border:1px solid rgba(255,193,7,.3)}.guestbook-pending-title{font-size:1rem;font-weight:600;color:#ffc107;margin-bottom:.75rem}.guestbook-entries{display:flex;flex-direction:column;gap:.75rem}.guestbook-entries-title{font-size:1rem;font-weight:600;color:#e0f2ff;margin-bottom:.5rem}.guestbook-empty{text-align:center;color:#a0a0a0;padding:2rem;font-style:italic}.guestbook-entry{padding:.75rem;background:#0d111799;border-radius:.5rem;border:1px solid rgba(0,240,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003}.guestbook-entry.pending{background:#ffc1071a;border-color:#ffc1074d}.guestbook-entry-message{font-size:.875rem;color:#fff;margin:0 0 .5rem;line-height:1.5}.guestbook-entry-footer{display:flex;justify-content:space-between;align-items:center}.guestbook-entry-author{font-size:.75rem;color:#a0c4ff;font-style:italic}.guestbook-entry-actions{display:flex;gap:.5rem}.guestbook-approve-btn{padding:.25rem .5rem;background:#10b981;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem;transition:background .2s}.guestbook-approve-btn:hover{background:#059669}.guestbook-delete-btn{padding:.25rem .5rem;background:#ef4444;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem;transition:background .2s}.guestbook-delete-btn:hover{background:#dc2626}.guestbook-delete-btn-small{padding:.25rem .5rem;background:transparent;color:#ef4444;border:1px solid #ef4444;border-radius:.25rem;cursor:pointer;font-size:.75rem;transition:all .2s}.guestbook-delete-btn-small:hover{background:#ef4444;color:#fff}@media(max-width:640px){.guestbook-actions{flex-direction:column;align-items:stretch}.guestbook-send-btn{margin-left:0;width:100%}}.follower-following-modal-overlay{position:fixed;inset:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem 1rem;overflow-y:auto}.follower-following-modal-content{background:#0d1117;border-radius:16px;max-width:500px;width:100%;max-height:calc(100vh - 4rem);margin-top:2rem;display:flex;flex-direction:column;border:1px solid rgba(0,240,255,.2);box-shadow:0 20px 60px #00000080;position:relative}.follower-following-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(0,240,255,.2)}.follower-following-title{font-size:1.5rem;font-weight:700;color:#00f0ff;margin:0;text-shadow:0 0 10px rgba(0,240,255,.5)}.follower-following-close{background:transparent;border:none;color:#e0f2ff;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.follower-following-close:hover{background:#ffffff1a}.follower-following-search{padding:1rem 1.5rem;border-bottom:1px solid rgba(0,240,255,.1)}.follower-following-search-input{width:100%;padding:.75rem 1rem;background:#1a1f27cc;border:1px solid rgba(0,240,255,.2);border-radius:12px;color:#e0f2ff;font-size:.9rem;outline:none;transition:all .2s}.follower-following-search-input:focus{border-color:#00f0ff80;box-shadow:0 0 10px #00f0ff33}.follower-following-search-input::placeholder{color:#a0c4ff}.follower-following-list-container{flex:1;overflow-y:auto;padding:.5rem;-webkit-overflow-scrolling:touch}.follower-following-list-container::-webkit-scrollbar{width:8px}.follower-following-list-container::-webkit-scrollbar-track{background:#0d111780}.follower-following-list-container::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:4px}.follower-following-list-container::-webkit-scrollbar-thumb:hover{background:#00f0ff80}.follower-following-loading,.follower-following-error,.follower-following-empty{padding:2rem;text-align:center;color:#a0c4ff;font-size:.9rem}.follower-following-error{color:#ff6b6b}.follower-following-list{display:flex;flex-direction:column;gap:.5rem}.follower-following-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1a1f2799;border:1px solid rgba(0,240,255,.1);border-radius:12px;cursor:pointer;transition:all .2s}.follower-following-item:hover{background:#00f0ff1a;border-color:#00f0ff4d;transform:translate(4px)}.follower-following-avatar{position:relative;width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(0,240,255,.3)}.follower-following-avatar img{width:100%;height:100%;object-fit:cover}.follower-following-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00eaff,#7300ff);color:#fff;font-weight:700;font-size:1.2rem}.follower-following-live-badge{position:absolute;bottom:-2px;right:-2px;background:#ff4444f2;color:#fff;padding:.2rem .4rem;border-radius:8px;font-size:.65rem;font-weight:600;display:flex;align-items:center;gap:.2rem;box-shadow:0 0 8px #ff444480}.live-dot-small{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 2s ease-in-out infinite}.follower-following-info{flex:1;min-width:0}.follower-following-username{font-size:1rem;font-weight:600;color:#e0f2ff;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follower-following-display-name{font-size:.85rem;color:#a0c4ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follower-following-badge{padding:.3rem .6rem;background:#00f0ff26;border:1px solid rgba(0,240,255,.3);border-radius:12px;font-size:.75rem;color:#00f0ff;font-weight:600;flex-shrink:0}.follower-following-arrow{color:#a0c4ff;font-size:1.2rem;flex-shrink:0;transition:transform .2s}.follower-following-item:hover .follower-following-arrow{transform:translate(4px);color:#00f0ff}@media(max-width:640px){.follower-following-modal-content{max-width:100%;max-height:90vh;border-radius:0}.follower-following-header{padding:1rem}.follower-following-title{font-size:1.25rem}}:root{--cyan: #00eaff;--neon-pink: #ff3dfc;--deep-violet: #7300ff;--carbon-dark: #0d0f12;--auraRGB: 0, 234, 255}.profile-v4-container{min-height:100vh;background:linear-gradient(180deg,#0d0f12,#1a1a2e);color:#fff;padding:2rem 1rem;position:relative;overflow-x:hidden}.profile-exit-button-top-right-global{position:fixed!important;top:1rem!important;right:1rem!important;padding:.5rem 1rem!important;background:#0d0f12f2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,61,61,.4)!important;border-radius:8px!important;color:#fff!important;font-size:.8rem!important;font-weight:700!important;cursor:pointer!important;transition:all .3s ease!important;z-index:10000!important;display:flex!important;align-items:center!important;gap:.4rem!important;visibility:visible!important;opacity:1!important;box-shadow:0 4px 12px #0000004d!important}.profile-exit-button-top-right-global:hover{background:#ff3d3d26!important;border-color:#ff3d3d99!important;color:#ff3d3d!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #ff3d3d4d!important}.profile-v4-container:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,234,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,61,252,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.profile-v4-container>*{position:relative;z-index:1}.profile-v4-hero{text-align:center;padding:2rem 0;margin-bottom:2rem;position:relative}.profile-edit-button-top-left{position:absolute;top:0;left:1rem;padding:.4rem .8rem;background:#0d0f12cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,234,255,.3);border-radius:8px;color:#ffffffe6;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;gap:.3rem}.profile-edit-button-top-left:hover{background:#00eaff26;border-color:#00eaff80;color:var(--cyan);transform:translateY(-2px);box-shadow:0 4px 12px #00eaff33}.profile-exit-button-top-right{position:absolute!important;top:0!important;right:0!important;padding:.5rem 1rem!important;background:#0d0f12f2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,61,61,.4)!important;border-radius:8px!important;color:#fff!important;font-size:.8rem!important;font-weight:700!important;cursor:pointer!important;transition:all .3s ease!important;z-index:1000!important;display:flex!important;align-items:center!important;gap:.4rem!important;visibility:visible!important;opacity:1!important}.profile-exit-button-top-right:hover{background:#ff3d3d26;border-color:#ff3d3d80;color:#ff3d3d;transform:translateY(-2px);box-shadow:0 4px 12px #ff3d3d33}.profile-v4-avatar-wrapper{position:relative;display:inline-block;margin-bottom:1.5rem;cursor:pointer}.profile-v4-avatar-aura{width:120px;height:120px;border-radius:50%;overflow:hidden;position:relative;border:3px solid var(--auraColor, var(--cyan));animation:auraPulse 3s ease-in-out infinite;background:color-mix(in srgb,var(--auraColor, var(--cyan)) 10%,transparent)}.profile-v4-avatar-aura img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-holo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--cyan),var(--deep-violet));color:#fff}@keyframes auraPulse{0%{box-shadow:0 0 8px color-mix(in srgb,var(--auraColor, var(--cyan)) 40%,transparent)}50%{box-shadow:0 0 22px color-mix(in srgb,var(--auraColor, var(--cyan)) 85%,transparent)}to{box-shadow:0 0 8px color-mix(in srgb,var(--auraColor, var(--cyan)) 40%,transparent)}}.profile-v4-name-section{margin-top:1rem}.profile-v4-username{font-size:2rem;font-weight:700;margin:.5rem 0;background:linear-gradient(135deg,var(--cyan),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-v4-badges-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin:1rem 0}.profile-v4-creator-badge,.profile-v4-verified-badge{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;background:#00eaff26;border:1px solid rgba(0,234,255,.3);color:var(--cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-v4-aura-sentence{font-size:1rem;color:#fffc;margin:1rem 0 .5rem;font-style:italic}.profile-v4-disclaimer{font-size:.7rem;color:#fff6;margin-top:.5rem}.profile-live-badge-v4{position:absolute;bottom:0;right:0;background:#ff4444f2;color:#fff;padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;display:flex;align-items:center;gap:.3rem;box-shadow:0 0 10px #ff444480}.live-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.profile-v4-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1.5rem 0;padding:0 1rem}@media(max-width:768px){.profile-v4-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.profile-v4-stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.stat-card-holo{background:#0d0f1299;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,234,255,.2);border-radius:12px;padding:.75rem .5rem;text-align:center;position:relative;overflow:hidden;animation:popIn .5s ease-out;transition:all .3s ease}.stat-card-holo:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(0,234,255,.1),transparent);transform:rotate(45deg);animation:holoShine 3s linear infinite}@keyframes holoShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.stat-card-holo:hover{transform:translateY(-4px);border-color:#00eaff80;box-shadow:0 8px 24px #00eaff33}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{transform:translateY(-4px);border-color:#00eaff80;box-shadow:0 8px 24px #00eaff33}.stat-card-icon{font-size:1.2rem;margin-bottom:.25rem}.stat-card-value{font-size:1rem;font-weight:700;color:var(--cyan);margin-bottom:.15rem;line-height:1.2}.stat-card-label{font-size:.7rem;color:#fff9;line-height:1.2}.profile-v4-karma-section{margin:2rem 0;padding:0 1rem}.karma-aura-bar-container{position:relative;width:100%;margin-bottom:1rem}.karma-aura-bar-track{width:100%;height:8px;background:#0d0f12cc;border-radius:4px;position:relative;overflow:hidden;border:1px solid rgba(0,234,255,.2)}.karma-aura-bar-fill{height:100%;background:linear-gradient(90deg,var(--auraColor, var(--cyan)) 0%,var(--neon-pink) 50%,var(--deep-violet) 100%);background-size:200% 100%;animation:auraFlow 8s linear infinite;border-radius:4px;position:relative}.karma-aura-pointer{position:absolute;top:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid var(--auraColor, var(--cyan));filter:drop-shadow(0 0 8px var(--auraColor, var(--cyan)));transition:transform .8s cubic-bezier(.15,.75,.5,1);z-index:10}@keyframes auraFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}.karma-aura-sentence{text-align:center;font-size:.9rem;color:#ffffffb3;font-style:italic;margin-top:.5rem}.profile-v4-badges-section{margin:2rem 0;padding:0 1rem}.badges-holo-container{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.badge-holo-item{position:relative;transition:all .3s ease;animation:popIn .5s ease-out}.badge-holo-item:hover{transform:translateY(-4px) scale(1.05);filter:brightness(1.3)}.profile-v4-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0;padding:0 1rem}.action-btn-holo{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:24px;border:1px solid rgba(0,234,255,.3);background:#0d0f1299;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.action-btn-holo:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,234,255,.2),transparent);transition:left .5s ease}.action-btn-holo:hover:before{left:100%}.action-btn-holo:hover{transform:translateY(-4px);border-color:#00eaff99;box-shadow:0 8px 24px #00eaff4d;animation:holoLift .3s ease}.action-btn-holo.following{background:#00eaff26;border-color:#00eaff80}.action-btn-holo.danger{border-color:#ff44444d}.action-btn-holo.danger:hover{border-color:#f449;box-shadow:0 8px 24px #ff44444d}.action-btn-icon{font-size:1.2rem}@keyframes holoLift{0%{transform:translateY(0);filter:brightness(1)}to{transform:translateY(-4px);filter:brightness(1.3)}}.profile-v4-featured{margin:2rem 0;padding:0 1rem}.section-title-holo{font-size:1.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,var(--cyan),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reels-scroll-container{display:flex;gap:1rem;overflow-x:auto;padding:1rem 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.reels-scroll-container::-webkit-scrollbar{height:8px}.reels-scroll-container::-webkit-scrollbar-track{background:#0d0f1280;border-radius:4px}.reels-scroll-container::-webkit-scrollbar-thumb{background:#00eaff80;border-radius:4px}.reel-item{flex-shrink:0;width:120px;height:160px;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;background:#0d0f1299;border:1px solid rgba(0,234,255,.2);animation:reelSlide .5s ease-out;scroll-snap-align:start}.reel-item img{width:100%;height:100%;object-fit:cover}.reel-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:#0d0f12cc}.reel-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:.5rem;color:#fff;font-size:.75rem}@keyframes reelSlide{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}.profile-v4-schedule{margin:1rem 0;padding:0 1rem}.schedule-info-text{color:#fff9;font-size:.9rem}.cta-btn-holo{margin-top:1rem;padding:.75rem 2rem;border-radius:24px;border:1px solid rgba(0,234,255,.3);background:#00eaff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--cyan);font-weight:600;cursor:pointer;transition:all .3s ease}.cta-btn-holo:hover{background:#00eaff33;border-color:#00eaff99;transform:translateY(-2px);box-shadow:0 8px 24px #00eaff4d}.profile-v4-insights{margin:2rem 0;padding:1.5rem;background:#0d0f1299;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,234,255,.2);border-radius:16px}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.insight-card{padding:1rem;background:#00eaff0d;border:1px solid rgba(0,234,255,.1);border-radius:12px}.insight-label{font-size:.85rem;color:#fff9;margin-bottom:.5rem}.insight-value{font-size:1.2rem;font-weight:700;color:var(--cyan)}.insight-note{font-size:.8rem;color:#ffffff80;margin-top:.5rem;font-style:italic}.profile-v4-about{margin:2rem 0;padding:0 1rem}.bio-holo-box{padding:1.5rem;background:#0d0f1299;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,234,255,.2);border-radius:16px;line-height:1.6;color:#ffffffe6;position:relative;overflow:hidden}.bio-holo-box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,234,255,.05) 0%,transparent 50%),linear-gradient(225deg,rgba(255,61,252,.05) 0%,transparent 50%);pointer-events:none}.bio-holo-box p{position:relative;z-index:1}.profile-v4-tabs{margin:2rem 0;padding:0 1rem;position:relative}.tabs-nav{display:flex;gap:.5rem;overflow-x:auto;margin-bottom:1.5rem;padding-bottom:.5rem}.tab-btn{padding:.75rem 1.5rem;border-radius:20px;border:1px solid rgba(0,234,255,.2);background:#0d0f1299;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffffb3;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{border-color:#00eaff66;color:#fff}.tab-btn.active{background:#00eaff26;border-color:#00eaff80;color:var(--cyan)}.tab-content{min-height:200px}.video-subtabs-nav{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,234,255,.2)}.video-subtab-btn{padding:.6rem 1.2rem;border-radius:12px;border:1px solid rgba(0,234,255,.2);background:#0d0f1299;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffffb3;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.video-subtab-btn:hover{border-color:#00eaff66;color:#fff;background:#00eaff1a}.video-subtab-btn.active{background:#00eaff26;border-color:#00eaff80;color:var(--cyan);box-shadow:0 0 15px #00eaff4d}.profile-v4-collapsible-section{margin:1.5rem 0;padding:0 1rem}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0d0f1299;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,234,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.collapsible-header:hover{border-color:#00eaff66;background:#00eaff0d}.collapsible-header .section-title-holo{margin:0;font-size:1.1rem}.collapsible-icon{font-size:.9rem;color:var(--cyan);transition:transform .3s ease;-webkit-user-select:none;user-select:none}.collapsible-content{margin-top:1rem;padding:1.5rem;background:#0d0f1266;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,234,255,.15);border-radius:12px;animation:slideDown .3s ease}.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}@media(max-width:768px){.videos-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.videos-grid{grid-template-columns:repeat(2,1fr)}}.video-card{aspect-ratio:9/16;border-radius:8px;overflow:hidden;background:#0d0f1299;border:1px solid rgba(0,234,255,.2);cursor:pointer;transition:all .3s ease;position:relative}.video-card:hover{transform:translateY(-4px);border-color:#00eaff80;box-shadow:0 8px 24px #00eaff4d}.video-card-image-wrapper{width:100%;height:100%;position:relative;display:block;overflow:hidden;border-radius:8px}.video-card img{width:100%;height:100%;object-fit:cover;display:block}.video-card-stats{position:absolute!important;bottom:0!important;left:0!important;right:0!important;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.5) 70%,transparent 100%)!important;padding:.8rem .6rem!important;display:flex!important;gap:1rem!important;justify-content:center!important;align-items:center!important;z-index:100!important;min-height:3rem!important;pointer-events:none!important;width:100%!important}.video-stat-item{font-size:.9rem!important;font-weight:700!important;color:#fff!important;text-shadow:0 2px 6px rgba(0,0,0,1),0 0 12px rgba(0,234,255,.8),0 0 24px rgba(0,234,255,.4)!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:.4rem!important;line-height:1.3!important;opacity:1!important;visibility:visible!important}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:#0d0f12cc}.insights-content{display:flex;flex-direction:column;gap:1rem}.insight-stat{display:flex;justify-content:space-between;padding:1rem;background:#0d0f1299;border:1px solid rgba(0,234,255,.2);border-radius:12px}.insight-stat span:first-child{color:#ffffffb3}.insight-stat span:last-child{color:var(--cyan);font-weight:700}.about-content{display:flex;flex-direction:column;gap:1rem}.about-stat{display:flex;justify-content:space-between;padding:1rem;background:#0d0f1299;border:1px solid rgba(0,234,255,.2);border-radius:12px}.about-bio{padding:1.5rem;background:#0d0f1299;border:1px solid rgba(0,234,255,.2);border-radius:12px;line-height:1.6}.dashboard-modal-overlay,.gift-picker-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.dashboard-modal-content,.gift-picker-modal-content{background:#0d0f12f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,234,255,.3);border-radius:16px;padding:2rem;max-width:90vw;max-height:90vh;overflow-y:auto}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.avatar-upload-overlay{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;z-index:10;border-radius:50%}@media(max-width:768px){.profile-v4-stats-grid{grid-template-columns:repeat(2,1fr)}.profile-v4-actions{flex-direction:column}.action-btn-holo{width:100%;justify-content:center}.tabs-nav{flex-wrap:nowrap}}.follow-btn-compact{margin-top:8px;padding:6px 20px;font-size:13px;font-weight:600;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#f06,#f39);color:#fff}.follow-btn-compact:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 15px #ff006680}.follow-btn-compact.following{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fffc}.follow-btn-compact.following:hover{background:#f063;border-color:#ff006680}.follow-btn-compact:disabled{opacity:.6;cursor:not-allowed}.profile-notification-bell-corner{position:absolute;top:16px;right:16px;z-index:100}.profile-v4-container.visitor-view{position:relative}@keyframes glow{0%{box-shadow:0 0 15px #0f89,0 0 30px #0f86}to{box-shadow:0 0 20px #0f8c,0 0 40px #0f89}}.call-button{background:linear-gradient(135deg,#00d4ff,#00a8cc);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00d4ff4d;margin:0;flex-shrink:0}.call-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #00d4ff80}.call-button.video{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 4px 15px #ff6b6b4d}.call-button.video:hover{box-shadow:0 6px 20px #ff6b6b80}@media(max-width:768px){.call-button{width:45px;height:45px;font-size:1.3rem}}.profile-container{min-height:100vh!important;background:linear-gradient(180deg,#0a0a0f,#151520)!important;padding:0;max-width:100%;margin:0;color:#fff!important;position:relative;z-index:1;overflow-x:hidden;width:100%!important;display:block!important}.profile-header-compact{padding:1.5rem 2rem;background:#0f0f1466;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,207,255,.2)}.profile-header-top{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;position:relative}.profile-avatar-wrapper-compact{position:relative;flex-shrink:0}.profile-avatar-compact{width:100px;height:100px;border-radius:50%;border:3px solid rgba(0,207,255,.5);overflow:hidden;background:#0f0f14e6;box-shadow:0 0 20px #00cfff4d;position:relative;transition:all .3s}.profile-avatar-compact img{width:100%;height:100%;object-fit:cover}.profile-avatar-compact.profile-avatar-clickable{cursor:pointer}.profile-avatar-compact.profile-avatar-clickable:hover{border-color:#00cfffcc;box-shadow:0 0 30px #00cfff99;transform:scale(1.05)}.profile-avatar-compact.profile-avatar-live{border-color:#f44;box-shadow:0 0 25px #f449;animation:pulseRing 2s ease-in-out infinite}@keyframes pulseRing{0%,to{box-shadow:0 0 25px #f449}50%{box-shadow:0 0 35px #ff4444e6}}.profile-live-badge-compact{position:absolute;bottom:5px;left:50%;transform:translate(-50%);background:#ff4444f2;color:#fff;padding:.3rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;display:flex;align-items:center;gap:.3rem;box-shadow:0 0 10px #ff444480}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#00cfff,#06f);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;font-weight:700;font-family:Orbitron,sans-serif}.avatar-upload-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:8px;z-index:10;font-size:.9rem}.avatar-camera-icon{position:absolute;bottom:8px;right:8px;background:#00cfffe6;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 2px 8px #0000004d}.profile-verified-badge-compact{position:absolute;bottom:0;right:0;background:#00cfff;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 0 10px #00cfff99}.profile-name-section-compact{flex:1;min-width:0}.profile-username-compact{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 .25rem;font-family:Orbitron,sans-serif;text-shadow:0 0 10px rgba(0,207,255,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-handle-compact{font-size:.95rem;color:#fff9;display:block}.profile-more-menu-wrapper{position:relative;margin-left:auto}.profile-more-btn{background:#00cfff26;border:1px solid rgba(0,207,255,.3);color:#00cfff;width:40px;height:40px;border-radius:12px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.profile-more-btn:hover{background:#00cfff40;border-color:#00cfff80}.profile-more-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#0f0f14f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,207,255,.3);border-radius:12px;padding:.5rem;min-width:180px;z-index:100;box-shadow:0 4px 20px #00000080}.profile-more-menu-item{width:100%;padding:.75rem 1rem;background:none;border:none;color:#ffffffe6;text-align:left;cursor:pointer;border-radius:8px;font-size:.9rem;transition:all .2s}.profile-more-menu-item:hover{background:#00cfff26;color:#00cfff}.profile-actions-compact{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.profile-action-btn-compact{padding:.6rem 1.2rem;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.profile-action-btn-compact.profile-edit-btn{background:#ff1493e6;color:#fff}.profile-action-btn-compact.profile-edit-btn:hover{background:#ff1493;transform:translateY(-2px);box-shadow:0 4px 15px #ff149366}.profile-action-btn-compact.profile-dashboard-btn{background:#00cfff26;color:#00cfff;border:1px solid rgba(0,207,255,.3)}.profile-action-btn-compact.profile-dashboard-btn:hover{background:#00cfff40;border-color:#00cfff80}.profile-action-btn-compact.profile-follow-btn{background:#ff444426;color:#f44;border:1px solid rgba(255,68,68,.3)}.profile-action-btn-compact.profile-follow-btn.following{background:#00cfff26;color:#00cfff;border-color:#00cfff4d}.profile-action-btn-compact.profile-message-btn,.profile-action-btn-compact.profile-gift-btn{background:#00cfff26;color:#00cfff;border:1px solid rgba(0,207,255,.3)}.profile-action-btn-compact:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00cfff4d}.profile-stats-compact{display:flex;gap:2rem;padding:.75rem 0;border-top:1px solid rgba(0,207,255,.1);border-bottom:1px solid rgba(0,207,255,.1);margin-bottom:1rem}.stat-item-compact{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.stat-icon-compact{font-size:1.1rem}.stat-value-compact{font-weight:700;color:#fff;font-family:Orbitron,sans-serif}.stat-label-compact{color:#fff9;font-size:.85rem}.profile-bio-compact{margin-top:.75rem}.profile-bio-text-compact{color:#ffffffd9;font-size:.95rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-bio-toggle-compact{background:none;border:none;color:#00cfff;cursor:pointer;font-size:.85rem;padding:.25rem 0;margin-top:.25rem;text-decoration:underline}.profile-bio-toggle-compact:hover{color:#0af}.profile-tabs-bar{display:flex;gap:.5rem;padding:0 2rem;background:#0f0f144d;border-bottom:2px solid rgba(0,207,255,.2);overflow-x:auto;-webkit-overflow-scrolling:touch}.profile-tab-new{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#fff9;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap;display:flex;align-items:center;gap:.5rem;position:relative}.profile-tab-new:hover{color:#ffffffe6}.profile-tab-new.active{color:#00cfff;border-bottom-color:#00cfff;text-shadow:0 0 8px rgba(0,207,255,.4)}.tab-icon{font-size:1.1rem}.tab-label{font-size:.95rem}.profile-tab-content-wrapper{padding:2rem;min-height:400px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.profile-tab-panel{width:100%}.profile-submenu{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,207,255,.1)}.profile-submenu-btn{padding:.5rem 1rem;background:#0000004d;border:1px solid rgba(0,207,255,.2);border-radius:8px;color:#fff9;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s}.profile-submenu-btn:hover{color:#ffffffe6;border-color:#00cfff66}.profile-submenu-btn.active{background:#00cfff33;color:#00cfff;border-color:#00cfff80;box-shadow:0 0 10px #00cfff4d}.profile-sort-bar{display:flex;gap:.5rem;margin-bottom:1.5rem;justify-content:flex-end}.profile-sort-btn-new{padding:.4rem .9rem;background:#0000004d;border:1px solid rgba(0,207,255,.2);border-radius:6px;color:#fff9;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s}.profile-sort-btn-new:hover{color:#ffffffe6;border-color:#00cfff66}.profile-sort-btn-new.active{background:#00cfff33;color:#00cfff;border-color:#00cfff80}.profile-content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:1rem}.profile-about-section{max-width:800px}.profile-ai-refresh-section{margin-bottom:2rem;padding:1.5rem;background:#00cfff1a;border:1px solid rgba(0,207,255,.3);border-radius:20px;text-align:center}.profile-ai-refresh-btn{padding:.75rem 1.5rem;background:#00cfffcc;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:.5rem}.profile-ai-refresh-btn:hover{background:#00cfff;transform:translateY(-2px);box-shadow:0 4px 15px #00cfff66}.profile-ai-refresh-hint{font-size:.85rem;color:#fff9;margin:0}.profile-aura-section{display:flex;justify-content:center;margin-bottom:2rem;padding:1.5rem;background:#0003;border-radius:20px;border:1px solid rgba(0,207,255,.1)}.profile-section-title{font-size:1.3rem;font-weight:700;color:#00cfff;margin:2rem 0 1rem;text-shadow:0 0 10px rgba(0,207,255,.4)}.profile-section-title:first-child{margin-top:0}.profile-bio-full{color:#ffffffe6;font-size:1rem;line-height:1.6;margin-bottom:1rem}.profile-bio-empty{color:#ffffff80;font-style:italic}.profile-badges-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.profile-badge-item{display:flex;align-items:center;gap:.5rem;background:#00cfff26;border:1px solid rgba(0,207,255,.3);padding:.5rem 1rem;border-radius:12px;font-size:.9rem}.badge-icon{font-size:1.2rem}.badge-name{color:#00cfff;font-weight:600}.profile-links{display:flex;flex-direction:column;gap:.5rem}.profile-link-item{color:#00cfff;text-decoration:none;font-size:1rem;padding:.5rem 0;transition:all .3s}.profile-link-item:hover{color:#0af;text-shadow:0 0 10px rgba(0,207,255,.5)}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:1rem}.profile-stat-card{background:#0f0f1499;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,207,255,.2);border-radius:8px;padding:.6rem;display:flex;flex-direction:column;gap:.2rem}.stat-card-label{font-size:.65rem;color:#ffffffb3}.stat-card-value{font-size:1rem;font-weight:700;color:#fff;font-family:Orbitron,sans-serif;text-shadow:0 0 10px rgba(0,207,255,.4)}.profile-badges-section{max-width:1000px}.profile-gifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:1rem;margin-bottom:2rem}.profile-badges-leaderboard{background:#0f0f1466;border:1px solid rgba(0,207,255,.2);border-radius:12px;padding:1.5rem}.profile-empty-state{text-align:center;padding:4rem 2rem;color:#fffc}.profile-empty-state p{font-size:1.2rem;margin-bottom:.5rem;color:#ffffffe6}.profile-empty-hint{font-size:.95rem;color:#fff9}.profile-creator-dashboard-modal{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease-in}.profile-creator-dashboard-content{background:#0f0f14f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,207,255,.3);border-radius:20px;padding:2rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px #0009}.profile-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,207,255,.2)}.profile-dashboard-header h2{font-size:1.8rem;color:#00cfff;margin:0;text-shadow:0 0 10px rgba(0,207,255,.5)}.profile-dashboard-close{background:none;border:none;color:#ffffffb3;font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.profile-dashboard-close:hover{background:#f443;color:#f44}.profile-dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:1.5rem}.dashboard-stat-card{background:#0000004d;border:1px solid rgba(0,207,255,.2);border-radius:8px;padding:.6rem;display:flex;flex-direction:column;gap:.2rem}.dashboard-stat-label{font-size:.65rem;color:#ffffffb3}.dashboard-stat-value{font-size:1rem;font-weight:700;color:#fff;font-family:Orbitron,sans-serif;text-shadow:0 0 10px rgba(0,207,255,.4)}@media(max-width:768px){.profile-header-compact{padding:1rem}.profile-header-top{flex-wrap:wrap}.profile-avatar-compact{width:80px;height:80px}.profile-username-compact{font-size:1.4rem}.profile-stats-compact{gap:1rem;flex-wrap:wrap}.profile-tabs-bar{padding:0 1rem}.profile-tab-new{padding:.75rem 1rem;font-size:.85rem}.tab-label{display:none}.profile-tab-content-wrapper{padding:1rem}.profile-content-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.profile-creator-dashboard-content{padding:1.5rem;margin:1rem}}.profile-view-glass{min-height:100vh;background:#0d1117;color:#e0f2ff}.profile-view-glass section{margin-bottom:1.5rem}.profile-avatar-glass,.profile-avatar-glass-karma{position:relative;display:flex;align-items:center;justify-content:center}.avatar-placeholder-glass{background:linear-gradient(135deg,#1f2937,#111827);color:#e0f2ff}@media(max-width:640px){.profile-view-glass{padding:1rem}.profile-view-glass section{margin-bottom:1rem}}.profile-view-glass{min-height:100vh;background:#0d1117;color:#e0f2ff;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 1rem}.profile-header-section{text-align:center;display:flex;flex-direction:column;gap:.75rem}.profile-avatar-glass-wrapper{display:flex;justify-content:center;margin-bottom:1rem}.profile-avatar-glass,.profile-avatar-glass-karma{width:96px;height:96px;border-radius:50%;border:4px solid rgba(0,240,255,.3);background:linear-gradient(135deg,#1f2937,#111827);box-shadow:0 10px 40px #00000080;cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-glass{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#1f2937,#111827);color:#e0f2ff}.profile-username-main{font-size:1.5rem;font-weight:700;margin:0;color:#e0f2ff}.profile-karma-text{font-size:.875rem;color:#f66;margin:0}.profile-badges-container{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;font-size:.75rem}.profile-badge-item{padding:.25rem .5rem;background:#1a1f27;border-radius:.375rem;border:1px solid rgba(0,240,255,.3);color:#e0f2ff}.profile-badge-creator{padding:.25rem .5rem;background:linear-gradient(to right,#a855f7,#3b82f6);color:#fff;border-radius:.375rem}.profile-actions-container{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.profile-btn-edit{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #00f0ff;background:transparent;color:#e0f2ff;cursor:pointer;transition:background .2s}.profile-btn-edit:hover{background:#00f0ff1a}.profile-btn-dashboard{padding:.5rem 1rem;border-radius:.5rem;background:#00f0ff33;color:#00f0ff;border:none;cursor:pointer;transition:background .2s}.profile-btn-dashboard:hover{background:#00f0ff26;border-color:#00f0ff4d}.profile-btn-logout{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:12px;color:#ff6b6b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.profile-btn-logout:hover{background:#dc354533;border-color:#dc354580;transform:translateY(-1px)}.profile-btn-logout svg{flex-shrink:0}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;text-align:center;font-size:.875rem}@media(min-width:640px){.profile-stats-grid{grid-template-columns:repeat(4,1fr)}}.profile-stat-value{font-size:1.125rem;font-weight:700;margin:0;color:#e0f2ff}.profile-stat-label{margin:0;color:#a0a0a0;font-size:.875rem}.profile-tabs-container{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;font-size:.875rem;margin-top:1rem}.profile-tab-btn{padding:.25rem .75rem;border-radius:.375rem;background:#1a1f27;border:1px solid rgba(0,240,255,.2);color:#e0f2ff;cursor:pointer;transition:all .2s}.profile-tab-btn:hover{background:#00f0ff1a}.profile-tab-btn.active{border-color:#00f0ff;background:#00f0ff1a}.profile-scheduled-section{background:#1a1f27b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;padding:1.5rem;text-align:center;border:1px solid rgba(0,240,255,.1)}.profile-section-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#e0f2ff}.profile-section-hint{font-size:.875rem;color:#a0c4ff;margin-bottom:1rem}.profile-btn-create-stream{padding:.5rem 1rem;border-radius:.5rem;background:linear-gradient(to right,#a855f7,#3b82f6);color:#fff;border:none;cursor:pointer;transition:all .2s}.profile-btn-create-stream:hover{background:linear-gradient(to right,#2563eb,#9333ea)}.profile-content-title{font-size:1rem;text-align:center;margin-bottom:.5rem;color:#e0f2ff}.profile-empty-content{text-align:center;color:#a0a0a0}.profile-insights-section{margin-top:1.5rem;padding:1.5rem;background:#1a1f27b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;border:1px solid rgba(0,240,255,.1)}.profile-insights-grid{display:grid;grid-template-columns:1fr;gap:1rem;font-size:.875rem}@media(min-width:640px){.profile-insights-grid{grid-template-columns:repeat(2,1fr)}}.profile-insight-card{background:#111827;border-radius:.5rem;padding:1rem}.profile-insight-label{color:#a0c4ff;margin-bottom:.25rem;font-size:.875rem}.profile-insight-value{font-size:1.25rem;font-weight:700;color:#e0f2ff;margin:0}.profile-insight-text{font-size:.75rem;color:#e0f2ff;margin:0}.profile-karma-section{margin-top:1.5rem;padding:1.5rem;background:#1a1f27b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;border:1px solid rgba(0,240,255,.1)}.profile-karma-description{font-size:.875rem;color:#a0c4ff;margin-bottom:.5rem}.profile-karma-graph{background:#111827;border-radius:.5rem;height:96px;display:flex;align-items:center;justify-content:center;color:#a0a0a0}.profile-ranking-section{margin-top:1.5rem;padding:1.5rem;background:#1a1f27b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.75rem;border:1px solid rgba(0,240,255,.1)}.profile-ranking-list{font-size:.875rem;color:#e0f2ff;list-style:none;padding:0;margin:0}.profile-ranking-item{margin-bottom:.5rem}@media(max-width:640px){.profile-view-glass{padding:1rem .5rem;gap:1rem}.profile-header-section{gap:.5rem}.profile-avatar-glass,.profile-avatar-glass-karma{width:80px;height:80px}.profile-username-main{font-size:1.25rem}.profile-tabs-container{gap:.5rem;font-size:.75rem}.profile-tab-btn{padding:.2rem .5rem}}.profile-guestbook-section{margin-top:1.5rem}.ranking-board{background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,207,255,.3);border-radius:16px;padding:1.5rem;max-width:800px;margin:0 auto}.ranking-header{margin-bottom:1.5rem;text-align:center}.ranking-title{font-size:1.5rem;font-weight:700;color:#00cfff;margin:0 0 .5rem;text-shadow:0 0 15px rgba(0,207,255,.5)}.ranking-subtitle{font-size:.85rem;color:#fff9}.ranking-list{display:flex;flex-direction:column;gap:.75rem}.ranking-entry{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(0,207,255,.1);border-radius:12px;transition:all .3s;cursor:pointer}.ranking-entry:hover{background:#ffffff14;border-color:#00cfff4d;transform:translate(4px);box-shadow:0 4px 12px #00cfff33}.ranking-entry.top-three{background:#00cfff1a;border-color:#00cfff66}.ranking-entry.current-user{background:#7afb4c1a;border-color:#7afb4c66}.ranking-position{min-width:40px;text-align:center;font-weight:700;color:#00cfff}.medal{font-size:1.5rem}.rank-number{font-size:1rem}.ranking-user{display:flex;align-items:center;gap:.75rem;flex:1}.ranking-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.ranking-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00cfff4d,#7afb4c4d);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.ranking-user-info{display:flex;flex-direction:column;gap:.25rem}.ranking-username-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ranking-username{font-size:1rem;font-weight:600;color:#fff}.ranking-you-badge{background:#7afb4c33;color:#7afb4c;padding:.15rem .5rem;border-radius:8px;font-size:.7rem;font-weight:700;border:1px solid rgba(122,251,76,.3)}.ranking-stats{display:flex;gap:.75rem;font-size:.8rem;color:#fff9}.ranking-score{color:#00cfff}.ranking-level{color:#ffffff80}.ranking-badge-row{display:flex;align-items:center;justify-content:center;width:100%;margin:.5rem 0}.ranking-stats-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.25rem;width:100%;max-width:100%}.ranking-badge-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;max-width:fit-content;overflow:visible}.ranking-loading,.ranking-error,.ranking-empty{text-align:center;padding:2rem;color:#fff9}.ranking-error{color:#f44}.ranking-container{min-height:calc(100vh - env(safe-area-inset-bottom));background:linear-gradient(180deg,#0a0a0f,#151520);padding:calc(2rem + env(safe-area-inset-top)) 2rem calc(2rem + env(safe-area-inset-bottom) + 80px);color:#fff;box-sizing:border-box}.ranking-header{text-align:center;margin-bottom:2rem}.ranking-title{font-size:2.5rem;font-weight:700;color:#00cfff;margin-bottom:.5rem;text-shadow:0 0 20px rgba(0,207,255,.5);font-family:Orbitron,sans-serif}.ranking-subtitle{font-size:1.1rem;color:#ffffffb3;margin-bottom:.5rem}.ranking-updated{font-size:.9rem;color:#ffffff80}.ranking-user-card{background:#00cfff1a;border:2px solid rgba(0,207,255,.3);border-radius:20px;padding:1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ranking-user-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.ranking-user-position{font-size:2rem;font-weight:700;color:#00cfff}.ranking-user-name{font-size:1.5rem;font-weight:600;margin:0}.ranking-user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ranking-stat{text-align:center}.stat-label{display:block;font-size:.9rem;color:#fff9;margin-bottom:.5rem}.stat-value{display:block;font-size:1.8rem;font-weight:700;color:#fff;font-family:Orbitron,sans-serif}.stat-value.highlight{color:#00cfff;text-shadow:0 0 10px rgba(0,207,255,.5)}.ranking-list{background:#0f0f1499;border-radius:20px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ranking-list-header{display:grid;grid-template-columns:60px 2fr 120px 150px 100px;gap:1rem;padding:1rem;border-bottom:2px solid rgba(0,207,255,.2);font-weight:600;color:#ffffffb3;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.ranking-entry{display:grid;grid-template-columns:60px 2fr 120px 150px 100px;gap:1rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s;border-radius:10px;margin-bottom:.5rem;cursor:pointer}.ranking-entry:hover{background:#00cfff1a;transform:translate(5px);box-shadow:0 4px 12px #00cfff33}.ranking-entry.top-three{background:#00cfff26;border:1px solid rgba(0,207,255,.3)}.ranking-entry.current-user{background:#ff149333;border:2px solid rgba(255,20,147,.4)}.rank-col{display:flex;align-items:center;justify-content:center}.medal{font-size:2rem}.rank-number{font-size:1.2rem;font-weight:600;color:#ffffffb3}.user-col{display:flex;align-items:center}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,207,255,.3);object-fit:cover}.user-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00cfff,#06f);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;border:2px solid rgba(0,207,255,.3)}.user-name{font-weight:600;font-size:1rem}.user-badge{background:#ff14934d;color:#ff1493;padding:.2rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600;margin-left:.5rem}.aura-col{display:flex;align-items:center}.aura-indicator{display:flex;align-items:center;gap:.5rem}.aura-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.aura-level{font-weight:600;font-size:1rem}.stability-col{display:flex;align-items:center}.stability-bar-container{position:relative;width:100%;height:24px;background:#0000004d;border-radius:12px;overflow:hidden}.stability-bar{position:absolute;top:0;left:0;height:100%;border-radius:12px;transition:width .3s}.stability-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.8);z-index:1}.score-col{display:flex;align-items:center;justify-content:flex-end}.score-value{font-size:1.3rem;font-weight:700;color:#00cfff;font-family:Orbitron,sans-serif;text-shadow:0 0 10px rgba(0,207,255,.5)}.ranking-loading,.ranking-error,.ranking-empty{text-align:center;padding:4rem 2rem;color:#ffffffb3}.ranking-loading h1,.ranking-error h1{color:#00cfff;margin-bottom:1rem}@media(max-width:768px){.ranking-container{padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom) + 80px)}.ranking-title{font-size:2rem}.ranking-list-header,.ranking-entry{grid-template-columns:40px 1fr 80px;gap:.5rem}.stability-col,.score-col{display:none}.user-info{flex-direction:column;align-items:flex-start;gap:.5rem}}.dm-list-neon{width:100%;height:100%!important;min-height:0!important;max-height:100%!important;display:flex!important;flex-direction:column!important;background:linear-gradient(135deg,#0a0a0ff2,#0f0f19f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:none;box-shadow:0 0 30px #00cfff1a;overflow:hidden!important}.dm-list-header-fixed{flex-shrink:0;position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#0a0a0ffa,#0f0f19fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,207,255,.2);box-shadow:0 4px 30px #00cfff26;overflow:hidden}.dm-list-topbar{padding:1.5rem 1.25rem .75rem;background:transparent;border-bottom:none;box-shadow:none}.dm-list-title{margin:0;font-size:1.5rem;font-weight:700;color:#00cfff;text-shadow:0 0 20px rgba(0,207,255,.5),0 0 40px rgba(0,207,255,.3);display:flex;align-items:center;gap:.75rem;font-family:Orbitron,sans-serif}.dm-list-count-badge{background:linear-gradient(135deg,#ff006e,#f44);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:12px;box-shadow:0 0 15px #ff006e99;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #ff006e99}50%{box-shadow:0 0 25px #ff006ee6}}.dm-list-search-wrapper{margin:.75rem 1.25rem;position:relative;transition:all .3s ease}.dm-list-search-wrapper.focused{transform:scale(1.02)}.dm-list-search-wrapper:before{content:"";position:absolute;inset:-2px;border-radius:12px;padding:2px;background:linear-gradient(135deg,#00cfff80,#7afb4c80);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}.dm-list-search-wrapper.focused:before{opacity:1;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.dm-list-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#00cfff99;z-index:1;transition:all .3s}.dm-list-search-wrapper.focused .dm-list-search-icon{color:#00cfff;animation:icon-pulse 1.5s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}.dm-list-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;background:#0006;border:1px solid rgba(0,207,255,.3);border-radius:12px;color:#e0f2f7;font-size:.9rem;transition:all .3s;outline:none}.dm-list-search-input:focus{border-color:#00cfffcc;box-shadow:0 0 20px #00cfff66;background:#0009}.dm-list-search-input::placeholder{color:#fff6}.dm-list-categories-neon{display:flex;gap:.5rem;padding:0 1.25rem 1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dm-list-categories-neon::-webkit-scrollbar{display:none}.dm-list-category-bubble{padding:.5rem 1rem;background:#0006;border:1px solid rgba(0,207,255,.2);border-radius:20px;color:#ffffffb3;font-size:.85rem;cursor:pointer;transition:all .3s;white-space:nowrap;display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.dm-list-category-bubble:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--neon-color, #00cfff),transparent);opacity:0;transition:opacity .3s}.dm-list-category-bubble:hover{border-color:var(--neon-color, #00cfff);box-shadow:0 0 15px #00cfff4d}.dm-list-category-bubble.active{background:#0009;border-color:var(--neon-color, #00cfff);box-shadow:0 0 20px var(--neon-color, #00cfff);color:#fff;font-weight:600}.dm-list-category-bubble.active:before{opacity:.2}.category-icon,.category-label{position:relative;z-index:1}.dm-list-filters-neon{display:flex;gap:1rem;padding:.75rem 1.25rem 1rem;border-bottom:none}.dm-list-filter-checkbox-neon{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ffffffb3;cursor:pointer;transition:color .3s}.dm-list-filter-checkbox-neon:hover{color:#00cfff}.dm-list-filter-checkbox-neon input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#00cfff;filter:drop-shadow(0 0 5px rgba(0,207,255,.5))}.dm-list-content-wrapper{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important}.dm-list-items-neon{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden;padding:.5rem;scrollbar-width:thin;min-height:0!important}.dm-list-items-neon::-webkit-scrollbar{width:6px}.dm-list-items-neon::-webkit-scrollbar-track{background:transparent}.dm-list-items-neon::-webkit-scrollbar-thumb{background:#00cfff4d;border-radius:3px}.dm-list-items-neon::-webkit-scrollbar-thumb:hover{background:#00cfff80}.dm-list-card-neon{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.5rem;background:#0000004d;border:1px solid rgba(0,207,255,.1);border-radius:16px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}.dm-list-card-neon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,207,255,.1),transparent);opacity:0;transition:opacity .3s}.dm-list-card-neon:hover{background:#00000080;border-color:#00cfff66;box-shadow:0 0 20px #00cfff33;transform:translate(4px)}.dm-list-card-neon:hover:before{opacity:1}.dm-list-card-neon.selected{background:#00cfff26;border-color:#00cfff99;box-shadow:0 0 30px #00cfff4d}.dm-list-card-neon.unread{border-left:3px solid #ff006e;animation:unread-glow 2s ease-in-out infinite}@keyframes unread-glow{0%,to{box-shadow:0 0 10px #ff006e33}50%{box-shadow:0 0 20px #ff006e66}}.dm-list-card-avatar-wrapper{position:relative;flex-shrink:0}.dm-list-card-avatar{width:56px;height:56px;border-radius:50%;position:relative;overflow:hidden;border:2px solid rgba(0,207,255,.3);box-shadow:0 0 15px #00cfff33}.dm-list-card-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#00cfff,#7afb4c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:#7afb4c;border:2px solid rgba(10,10,15,.95);border-radius:50%;box-shadow:0 0 10px #7afb4ccc;animation:online-pulse 2s ease-in-out infinite}@keyframes online-pulse{0%,to{box-shadow:0 0 10px #7afb4ccc}50%{box-shadow:0 0 20px #7afb4c}}.bot-badge-neon,.ghost-badge-neon{position:absolute;bottom:-2px;right:-2px;background:#000000e6;border:2px solid rgba(0,207,255,.5);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;box-shadow:0 0 10px #00cfff80}.dm-list-card-content{flex:1;min-width:0}.dm-list-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.dm-list-card-username{font-weight:600;color:#e0f2f7;font-size:1rem;text-shadow:0 0 10px rgba(0,207,255,.3)}.dm-list-card-time{font-size:.75rem;color:#ffffff80}.dm-list-card-preview{font-size:.85rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.5rem}.category-badge-small{font-size:.7rem;opacity:.8}.dm-list-card-unread-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#ff006e,#f44);color:#fff;border-radius:12px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;padding:0 .5rem;box-shadow:0 0 15px #ff006e99;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 15px #ff006e99}50%{transform:scale(1.1);box-shadow:0 0 25px #ff006ee6}}.dm-list-empty-neon{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#fff9}.empty-illustration{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(0,207,255,.5));animation:float 3s ease-in-out infinite}.dm-list-empty-neon p{margin:0;font-size:.9rem}.dm-list-loading,.dm-list-error{padding:2rem;text-align:center;color:#fff9}.ai-dm-assistant{padding:1rem;border-top:1px solid rgba(74,158,255,.2);background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;bottom:280px;left:0;right:0;z-index:9998;max-height:250px;overflow-y:auto;box-shadow:0 -2px 20px #00cfff4d;border-bottom:1px solid rgba(0,207,255,.3);width:100%}.ai-dm-assistant-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--text-primary, #e0f2f7);font-size:.9rem;font-weight:600}.ai-dm-assistant-icon{font-size:1rem}.ai-dm-assistant-title{color:#00cfffe6}.ai-dm-assistant-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.ai-dm-assistant-btn{flex:1;padding:.5rem;background:#4a9eff33;border:1px solid rgba(74,158,255,.3);border-radius:6px;color:var(--text-primary, #e0f2f7);cursor:pointer;font-size:.85rem;transition:all .2s}.ai-dm-assistant-btn:hover:not(:disabled){background:#4a9eff4d;border-color:#4a9eff80}.ai-dm-assistant-btn:disabled{opacity:.5;cursor:not-allowed}.ai-dm-assistant-loading{padding:.5rem;text-align:center;color:#00cfffcc;font-size:.85rem;font-style:italic}.ai-dm-assistant-suggestion,.ai-dm-assistant-summary{margin-top:.75rem;padding:.75rem;background:#00cfff1a;border:1px solid rgba(0,207,255,.3);border-radius:8px}.ai-dm-assistant-suggestion-header,.ai-dm-assistant-summary-header{font-weight:600;color:#00cfffe6;margin-bottom:.5rem;font-size:.85rem}.ai-dm-assistant-suggestion-text,.ai-dm-assistant-summary-text{color:var(--text-primary, #e0f2f7);font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.ai-dm-assistant-use-btn,.ai-dm-assistant-close-btn{padding:.4rem .8rem;background:#00cfff4d;border:1px solid rgba(0,207,255,.5);border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;transition:all .2s}.ai-dm-assistant-use-btn:hover,.ai-dm-assistant-close-btn:hover{background:#00cfff66}.ai-dm-assistant-privacy{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(74,158,255,.1);text-align:center;color:var(--text-secondary, rgba(255, 255, 255, .5));font-size:.75rem}.dm-window{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;background:linear-gradient(135deg,#0a0a0ff2,#0f0f19f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden!important;z-index:1}@supports not (height: 100dvh){.dm-window{height:100vh!important;max-height:100vh!important}}.dm-window-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,207,255,.3);background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 20px #00cfff1a}.dm-window-header-user{display:flex;align-items:center;gap:1rem}.dm-window-header-avatar,.dm-window-header-avatar-placeholder{width:48px;height:48px;border-radius:50%;flex-shrink:0;position:relative;border:2px solid rgba(0,207,255,.4);box-shadow:0 0 20px #00cfff4d}.dm-window-header-avatar:before,.dm-window-header-avatar-placeholder:before{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(0,207,255,.3);animation:aura-pulse 3s ease-in-out infinite}@keyframes aura-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.dm-window-header-avatar{object-fit:cover}.dm-window-header-avatar-placeholder{background:linear-gradient(135deg,#00cfff,#7afb4c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.dm-window-header-username{font-weight:700;color:#e0f2f7;font-size:1.1rem;display:flex;align-items:center;gap:.5rem;text-shadow:0 0 10px rgba(0,207,255,.3)}.dm-window-header-bot-badge{font-size:.9rem;filter:drop-shadow(0 0 5px rgba(0,207,255,.5))}.dm-window-header-bot-status,.dm-window-status-live{color:#f44;font-weight:600;text-shadow:0 0 10px rgba(255,68,68,.6);animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.7}}.dm-window-status-online{color:#7afb4c;font-weight:500}.dm-window-status-ghost{color:#fff6;font-weight:400}.dm-window-header-status{font-size:.8rem;color:#ffffffb3;margin-top:.25rem}.dm-window-header-actions{display:flex;gap:.75rem}.dm-window-header-action-btn{padding:.5rem .75rem;background:#0006;border:1px solid rgba(0,207,255,.3);border-radius:8px;color:#e0f2f7;cursor:pointer;font-size:.85rem;transition:all .3s}.dm-window-header-action-btn:hover{background:#00cfff33;border-color:#00cfff99;box-shadow:0 0 15px #00cfff4d}.dm-window-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;min-height:0!important;-webkit-overflow-scrolling:touch}.dm-window-messages::-webkit-scrollbar{width:6px}.dm-window-messages::-webkit-scrollbar-track{background:transparent}.dm-window-messages::-webkit-scrollbar-thumb{background:#00cfff4d;border-radius:3px}.dm-window-empty{text-align:center;color:#fff9;padding:3rem;font-size:.9rem}.dm-window-message{display:flex;max-width:75%;animation:messageSlideIn .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dm-window-message.own{align-self:flex-end;flex-direction:row-reverse}.dm-window-message.other{align-self:flex-start}.dm-window-message-content{padding:.875rem 1.125rem;border-radius:18px;position:relative;word-wrap:break-word;box-shadow:0 2px 15px #0000004d}.dm-window-message.own .dm-window-message-content{background:linear-gradient(135deg,#00e5fff2,#4a9efff2);border:1px solid rgba(0,229,255,.6);box-shadow:0 0 30px #00e5ff80,0 2px 15px #0000004d;color:#fff;border-radius:18px 18px 4px}.dm-window-message.other .dm-window-message-content{background:#1e1e28cc;border:1px solid rgba(0,229,255,.4);box-shadow:0 0 25px #00e5ff4d,0 2px 15px #0000004d;color:#e0f2f7;border-radius:18px 18px 18px 4px}.dm-window-message.system .dm-window-message-content{background:linear-gradient(135deg,#b794f633,#00cfff33);border:1px solid rgba(183,148,246,.4);box-shadow:0 0 30px #b794f64d;color:#e0f2f7;max-width:90%;align-self:center}.dm-window-message-sender{font-size:.75rem;color:#fff9;margin-bottom:.375rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dm-window-message-text{color:inherit;word-wrap:break-word;line-height:1.6;font-size:.95rem}.dm-window-message-footer{display:flex;align-items:center;gap:.5rem;margin-top:.375rem}.dm-window-message-time{font-size:.7rem;color:#ffffff80;text-align:right}.dm-window-message.own .dm-window-message-time{text-align:left}.dm-window-message-status{display:flex;align-items:center;margin-left:8px}.dm-window-message-status svg{width:16px;height:16px}.dm-window-message-status-sent{color:#ffffff80}.dm-window-message-status-sent svg{stroke:#ffffff80}.dm-window-message-status-delivered{color:#ffffffb3;display:flex;align-items:center}.dm-window-message-status-delivered svg{stroke:#ffffffb3}.dm-window-message-status-read{color:#4fc3f7;display:flex;align-items:center}.dm-window-message-status-read svg{stroke:#4fc3f7}.dm-window-message-status-blocked{color:#f44;display:flex;align-items:center}.dm-window-message-status-blocked svg{stroke:#f44}.dm-window-message-read{font-size:.7rem;color:#00e5ffcc;margin-left:auto}.dm-window-message-unread{font-size:.7rem;color:#ffffff4d;margin-left:auto}.dm-window-message.own .dm-window-message-footer{justify-content:flex-start}.dm-window-message-warning{margin-top:.5rem;padding:.5rem .75rem;background:#ffc10733;border:1px solid rgba(255,193,7,.4);border-radius:8px;font-size:.75rem;color:#ffc107;box-shadow:0 0 15px #ffc1074d}.dm-window-message-unsafe{margin-top:.5rem;padding:.5rem .75rem;background:#ff2d5533;border:1px solid rgba(255,45,85,.4);border-radius:8px;font-size:.75rem;color:#ff2d55;box-shadow:0 0 15px #ff2d554d}.dm-window-system-buttons{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.dm-window-system-btn{padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s;box-shadow:0 2px 10px #0000004d}.dm-window-system-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 0 15px #10b98166}.dm-window-system-btn-success:hover{box-shadow:0 0 25px #10b98199;transform:translateY(-2px)}.dm-window-system-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 0 15px #ef444466}.dm-window-system-btn-danger:hover{box-shadow:0 0 25px #ef444499;transform:translateY(-2px)}.dm-window-system-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 0 15px #f59e0b66}.dm-window-system-btn-warning:hover{box-shadow:0 0 25px #f59e0b99;transform:translateY(-2px)}.dm-window-typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:#fff9;font-size:.85rem;font-style:italic}.dm-window-typing-dots{display:flex;gap:.25rem}.dm-window-typing-dots span{width:6px;height:6px;background:#00e5ffcc;border-radius:50%;animation:typingDot 1.4s ease-in-out infinite}.dm-window-typing-dots span:nth-child(2){animation-delay:.2s}.dm-window-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-8px);opacity:1}}.dm-window-input-form{display:flex!important;align-items:center!important;gap:.75rem;padding:12px 14px;padding-bottom:calc(12px + var(--safe-bottom))!important;border-top:1px solid rgba(255,255,255,.1);background:#00000073!important;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 -2px 20px #00cfff4d;position:fixed!important;bottom:calc(var(--safe-bottom) + 100px)!important;left:0!important;right:0!important;z-index:9999!important;width:100vw!important;max-width:100vw!important;visibility:visible!important;opacity:1!important;transform:none!important;pointer-events:auto!important}.dm-window-input,.dm-window-textarea{flex:1;padding:.875rem 1.125rem;background:#0006;border:1px solid rgba(0,207,255,.3);border-radius:12px;color:#e0f2f7;font-size:.95rem;transition:all .3s;outline:none;font-family:inherit;resize:none;min-height:44px;max-height:120px;overflow-y:auto}.dm-window-textarea{line-height:1.5}border-color: rgba(0,207,255,.8); box-shadow: 0 0 20px rgba(0,207,255,.4); background: rgba(0,0,0,.6); } .dm-window-input::placeholder{color:#fff6}.dm-window-send-btn{padding:.875rem 1.5rem;background:linear-gradient(135deg,#00cfff,#7afb4c);border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 0 20px #00cfff66;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.dm-window-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #00cfff99}.dm-window-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#fff9}.dm-window-enter{animation:slideInFromRight .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.dm-window-header-status-row{display:flex;align-items:center;gap:.75rem;margin-top:.25rem;flex-wrap:wrap}.dm-window-header-call-buttons{display:flex;align-items:center;gap:.5rem;margin-left:auto}.dm-window-header-live-badge{display:inline-block;padding:.25rem .5rem;background:#ff2d554d;border:1px solid rgba(255,45,85,.6);border-radius:12px;font-size:.7rem;font-weight:700;color:#ff2d55;text-shadow:0 0 10px rgba(255,45,85,.8);box-shadow:0 0 15px #ff2d5566;margin-left:.5rem;animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 15px #ff2d5566}50%{opacity:.8;box-shadow:0 0 25px #ff2d5599}}.dm-window-header-aura{font-size:.75rem;color:#b794f6e6;text-shadow:0 0 10px rgba(183,148,246,.5)}.dm-window-back-btn{display:none}.dm-window-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff9;padding:3rem}.dm-window-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;color:#fff9;text-align:center;padding:2rem}.dm-window-empty-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(0,207,255,.5));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dm-window-empty-text{font-size:1rem;text-align:center;color:#ffffffb3}.dm-window-ai-suggestion{background:linear-gradient(135deg,#b794f633,#00cfff33);border:1px solid rgba(183,148,246,.4);border-radius:12px;padding:1rem;margin:0 1.5rem 1rem;box-shadow:0 0 20px #b794f64d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dm-window-ai-suggestion-content{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.dm-window-ai-suggestion-icon{font-size:1.2rem}.dm-window-ai-suggestion-text{flex:1;color:#e0f2f7;font-size:.9rem}.dm-window-ai-suggestion-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 0 15px #10b98166}.dm-window-ai-suggestion-btn:hover{box-shadow:0 0 25px #10b98199;transform:translateY(-2px)}.dm-window-ai-suggestion-btn-close{padding:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .3s}.dm-window-ai-suggestion-btn-close:hover{background:#ffffff1a;color:#fff}.dm-window-ai-suggestion-preview{padding:.75rem;background:#0000004d;border-radius:8px;color:#fffc;font-style:italic;font-size:.85rem;border-left:3px solid rgba(183,148,246,.6)}.dm-window-input-form{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(0,207,255,.3);background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -2px 20px #00cfff1a;flex-shrink:0;position:relative;z-index:10}@keyframes inputPulse{0%,to{box-shadow:0 -2px 20px #00cfff1a}50%{box-shadow:0 -2px 30px #00cfff33}}.dm-window-input-btn{padding:.875rem;background:#0006;border:1px solid rgba(0,207,255,.3);border-radius:12px;color:#e0f2f7;cursor:pointer;font-size:1.2rem;transition:all .3s;display:flex;align-items:center;justify-content:center;min-width:48px;height:48px}.dm-window-input-btn:hover{background:#00cfff33;border-color:#00cfff99;box-shadow:0 0 15px #00cfff4d;transform:scale(1.05)}.dm-window-input-btn-voice.recording{background:#ff2d554d;border-color:#ff2d5599;animation:recordingPulse 1s ease-in-out infinite}@keyframes recordingPulse{0%,to{box-shadow:0 0 15px #ff2d5566}50%{box-shadow:0 0 25px #ff2d55cc}}.dm-window-input{flex:1;padding:.875rem 1.125rem;background:#0006;border:1px solid rgba(0,207,255,.3);border-radius:12px;color:#e0f2f7;font-size:.95rem;transition:all .3s;outline:none}.dm-window-input:focus{border-color:#00cfffcc;box-shadow:0 0 20px #00cfff66;background:#0009}.dm-window-input::placeholder{color:#fff6}.dm-window-send-btn{padding:.875rem 1.5rem;background:linear-gradient(135deg,#00cfff,#7afb4c);border:none;border-radius:12px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 0 20px #00cfff66;font-size:1.2rem;display:flex;align-items:center;justify-content:center;min-width:48px;height:48px}.dm-window-send-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 0 30px #00cfff99}.dm-window-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px),(max-height:900px){.dm-window-back-btn{display:block!important}.dm-window-header-actions{flex-direction:row-reverse}.dm-window-input-form{padding:12px 14px!important;padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;padding-top:12px!important;gap:.5rem;position:relative!important;flex-shrink:0!important;width:100%!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:none!important;z-index:10!important}.dm-window-input-btn,.dm-window-send-btn{min-width:44px;height:44px;padding:.75rem;min-height:44px}.dm-window-input,.dm-window-textarea{min-height:44px;padding:.75rem 1rem;font-size:16px}.dm-window-header-status-row{flex-direction:column;align-items:flex-start;gap:.5rem}.dm-window-messages{padding-bottom:1.5rem!important}.dm-window{padding-bottom:0;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}@supports not (height: 100dvh){.dm-window{height:100vh!important;max-height:100vh!important}}.dm-window-input-form{position:relative!important;flex-shrink:0!important;width:100%!important;z-index:10!important;display:flex!important;visibility:visible!important;opacity:1!important}}.dm-window-attachment-preview{display:flex;align-items:center;gap:8px;padding:8px;background:#f0f0f0;border-radius:8px;margin-bottom:8px;position:relative}.dm-window-attachment-preview-image{max-width:150px;max-height:150px;border-radius:4px;object-fit:cover}.dm-window-attachment-preview-audio{padding:8px 16px;background:#e3f2fd;border-radius:4px;font-size:14px}.dm-window-attachment-preview-remove{position:absolute;top:4px;right:4px;background:#0009;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.dm-window-attachment-preview-remove:hover{background:#000c}.dm-window-message-attachment{margin:8px 0}.dm-window-message-image{max-width:100%;max-height:400px;border-radius:8px;cursor:pointer;object-fit:cover}.dm-window-message-image:hover{opacity:.9}.dm-window-message-audio{width:100%;max-width:300px;margin:8px 0}.dm-window-input-btn-voice.recording{background:#f44336;animation:pulse 1s infinite}.user-list{width:100%;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;background:var(--bg-secondary, rgba(15, 23, 42, .8));border-right:1px solid rgba(74,158,255,.2);overflow:hidden!important}.user-list-header-fixed{flex-shrink:0;position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#0a0a0ffa,#0f0f19fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,207,255,.2);box-shadow:0 4px 30px #00cfff26;overflow:hidden}.user-list-header{padding:1rem 1rem .75rem;border-bottom:none}.user-list-header h2{margin:0 0 .75rem;font-size:1.25rem;color:var(--text-primary, #e0f2f7)}.user-list-search{width:100%;padding:.5rem;background:#0000004d;border:1px solid rgba(74,158,255,.3);border-radius:8px;color:var(--text-primary, #e0f2f7);font-size:.9rem}.user-list-search:focus{outline:none;border-color:#4a9eff99}.user-list-filters{display:flex;border-bottom:none;overflow-x:auto;scrollbar-width:thin;padding:0 0 .5rem}.user-list-filter-tab{flex:1;padding:.75rem .5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:.85rem;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:fit-content}.user-list-filter-tab:hover{background:#4a9eff1a;color:var(--text-primary, #e0f2f7)}.user-list-filter-tab.active{border-bottom-color:#4a9effcc;color:var(--text-primary, #e0f2f7);font-weight:600}.user-list-sort{padding:.5rem 1rem .75rem;display:flex;align-items:center;gap:.5rem;border-bottom:none;background:transparent}.user-list-sort label{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .6))}.user-list-sort-select{flex:1;padding:.4rem;background:#0000004d;border:1px solid rgba(74,158,255,.3);border-radius:6px;color:var(--text-primary, #e0f2f7);font-size:.85rem;cursor:pointer}.user-list-sort-select:focus{outline:none;border-color:#4a9eff99}.user-list-content-wrapper{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important}.user-list-items{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden;scrollbar-width:thin;min-height:0!important}.user-list-item{display:flex;align-items:center;padding:1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(74,158,255,.1);gap:.75rem}.user-list-item:hover{background:#4a9eff1a}.user-list-item-avatar{width:48px;height:48px;border-radius:50%;position:relative;flex-shrink:0}.user-list-item-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-list-item-avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#00cfff,#7afb4c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem}.user-list-status-icon{position:absolute;bottom:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:var(--bg-secondary, rgba(15, 23, 42, .9));display:flex;align-items:center;justify-content:center;font-size:.7rem;border:2px solid var(--bg-secondary, rgba(15, 23, 42, .9))}.user-list-status-icon.live{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.user-list-item-content{flex:1;min-width:0}.user-list-item-header{display:flex;flex-direction:column;gap:.25rem}.user-list-item-name{font-weight:600;color:var(--text-primary, #e0f2f7);font-size:.95rem}.user-list-item-username{font-size:.8rem;color:var(--text-secondary, rgba(255, 255, 255, .6))}.user-list-item-subscription{margin-top:.25rem;font-size:.75rem;color:#ffd700cc}.user-list-actions{display:flex;gap:.5rem;flex-shrink:0}.user-list-action-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(74,158,255,.3);background:#0000004d;color:var(--text-primary, #e0f2f7);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.user-list-action-btn:hover{background:#4a9eff33;border-color:#4a9eff99;transform:scale(1.1)}.user-list-action-btn.primary{background:#4a9eff33;border-color:#4a9eff80}.user-list-action-btn.primary:hover{background:#4a9eff4d}.user-list-loading,.user-list-error,.user-list-empty{padding:2rem;text-align:center;color:var(--text-secondary, rgba(255, 255, 255, .6))}@media(max-width:768px){.user-list-filter-tab{font-size:.75rem;padding:.6rem .4rem}.user-list-item{padding:.75rem}.user-list-item-avatar{width:40px;height:40px}.user-list-action-btn{width:32px;height:32px;font-size:.9rem}}.notification-list{width:100%;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;background:linear-gradient(180deg,#0a0e27fa,#050816fa);overflow:hidden!important}.notif-loading{padding:40px 20px;text-align:center;color:#ffffffb3;display:flex;flex-direction:column;align-items:center;gap:16px}.notif-spinner{width:32px;height:32px;border:3px solid rgba(0,207,255,.2);border-top-color:#00cfff;border-radius:50%;animation:spin 1s linear infinite}.notif-header-fixed{flex-shrink:0;position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#0a0a0ffa,#0f0f19fa);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,207,255,.2);box-shadow:0 4px 30px #00cfff26;overflow:hidden}.notif-header{padding:16px 20px;border-bottom:none;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.notif-header h3{margin:0;color:#fff;font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}.notif-badge{background:linear-gradient(135deg,#ff2d55,#ff4d6a);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.notif-mark-all-btn{background:#00cfff26;border:1px solid rgba(0,207,255,.4);border-radius:8px;padding:8px 12px;color:#00cfff;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s}.notif-mark-all-btn:hover{background:#00cfff40;border-color:#00cfff}.notif-mark-all-btn:disabled{opacity:.5;cursor:not-allowed}.notif-content-wrapper{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important}.notif-content{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden;min-height:0!important}.notif-empty{padding:60px 20px;text-align:center;color:#ffffff80}.notif-empty-icon{font-size:56px;margin-bottom:16px;opacity:.5}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s;position:relative}.notif-item:hover{background:#00cfff14}.notif-item.unread{background:#00cfff0d}.notif-item.unread:hover{background:#00cfff1f}.notif-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-icon svg{width:20px;height:20px}.notif-icon.comment-icon{background:linear-gradient(135deg,#00cfff,#0095d9);color:#fff}.notif-icon.like-icon{background:linear-gradient(135deg,#ff2d55,#ff4d6a);color:#fff}.notif-icon.reply-icon{background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff}.notif-icon.share-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notif-icon.live-icon{background:linear-gradient(135deg,#ef4444,#dc2626);font-size:20px}.notif-icon.default-icon{background:#ffffff1a;font-size:20px}.notif-body{flex:1;min-width:0}.notif-avatars{display:flex;margin-bottom:8px}.notif-avatar{width:28px;height:28px;border-radius:50%;border:2px solid rgba(10,14,39,.9);background:linear-gradient(135deg,#00cfff,#0095d9);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;overflow:hidden;margin-left:-8px}.notif-avatar:first-child{margin-left:0}.notif-avatar img{width:100%;height:100%;object-fit:cover}.notif-avatar.more{background:#fff3;font-size:10px}.notif-title{color:#fff;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px}.notif-item.unread .notif-title{font-weight:600}.notif-preview{color:#ffffffa6;font-size:13px;line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-width:100%}.notif-time{color:#fff6;font-size:12px}.notif-thumbnail{width:56px;height:72px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#ffffff1a}.notif-thumbnail img{width:100%;height:100%;object-fit:cover}.notif-thumbnail.placeholder{display:flex;align-items:center;justify-content:center;color:#ffffff4d}.notif-thumbnail.placeholder svg{width:24px;height:24px}.notif-unread-dot{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:#00cfff;box-shadow:0 0 8px #00cfff80}@media(max-width:640px){.notif-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.notif-header h3{font-size:16px}.notif-item{padding:12px 16px}.notif-icon{width:36px;height:36px}.notif-thumbnail{width:48px;height:64px}}.notif-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.notif-modal{background:linear-gradient(135deg,#0a0e27fa,#050816fa);border-radius:20px;border:1px solid rgba(0,207,255,.3);box-shadow:0 20px 60px #00000080;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.notif-modal-header{padding:20px 24px;border-bottom:1px solid rgba(0,207,255,.2);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.notif-modal-header h3{margin:0;color:#fff;font-size:18px;font-weight:600;flex:1;padding-right:16px}.notif-modal-close{background:#ffffff1a;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;font-size:20px;transition:all .2s;flex-shrink:0}.notif-modal-close:hover{background:#fff3;color:#fff}.notif-modal-content{padding:24px;overflow-y:auto;flex:1;min-height:0}.notif-modal-icon-wrapper{display:flex;justify-content:center;margin-bottom:20px}.notif-modal-icon-wrapper .notif-icon{width:64px;height:64px}.notif-modal-icon-wrapper .notif-icon svg{width:32px;height:32px}.notif-modal-preview{background:#00cfff14;border:1px solid rgba(0,207,255,.2);border-radius:12px;padding:16px;margin-bottom:20px}.notif-modal-preview p{margin:0;color:#ffffffe6;font-size:15px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.notif-modal-users{margin-bottom:20px}.notif-modal-users h4{margin:0 0 12px;color:#ffffffb3;font-size:14px;font-weight:500}.notif-modal-user-list{display:flex;flex-direction:column;gap:8px}.notif-modal-user-item{display:flex;align-items:center;gap:12px;padding:10px;background:#ffffff0d;border-radius:8px}.notif-modal-user-item img{width:36px;height:36px;border-radius:50%;object-fit:cover}.notif-modal-user-item span{color:#fff;font-size:14px;font-weight:500}.notif-modal-thumbnail{width:100%;max-width:300px;margin:0 auto 20px;border-radius:12px;overflow:hidden;background:#ffffff1a}.notif-modal-thumbnail img{width:100%;height:auto;display:block}.notif-modal-time{text-align:center;color:#ffffff80;font-size:13px;margin-top:16px}.notif-modal-actions{padding:20px 24px;border-top:1px solid rgba(0,207,255,.2);display:flex;gap:12px;flex-shrink:0}.notif-modal-action-btn{flex:1;background:linear-gradient(135deg,#00cfff,#0095d9);border:none;border-radius:12px;padding:14px 24px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.notif-modal-action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00cfff66}.notif-modal-action-btn:active{transform:translateY(0)}@media(max-width:640px){.notif-modal{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0}.notif-modal-header{padding:16px 20px}.notif-modal-content{padding:20px}.notif-modal-actions{padding:16px 20px}}.messages-page{width:100%;height:100vh;height:100dvh;background:var(--bg-primary, #0a0a0f);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + .5rem) env(safe-area-inset-left) calc(env(safe-area-inset-bottom) + 80px) env(safe-area-inset-right);box-sizing:border-box;overflow:hidden}.messages-page-container{display:flex;flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;height:100%!important;max-height:100%!important;height:calc(100% - (env(safe-area-inset-top) + .5rem) - (env(safe-area-inset-bottom) + 80px))!important}.messages-page-sidebar{width:350px;flex-shrink:0;border-right:none;overflow:hidden!important;display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important;max-height:100%!important}.messages-page-sidebar-tabs,.messages-page-sidebar-tabs-fixed{display:flex;border-bottom:none;background:#0003;position:sticky;top:0;z-index:100;flex-shrink:0;overflow:hidden}.messages-page-sidebar-tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, rgba(255, 255, 255, .6));font-size:.9rem;cursor:pointer;transition:all .2s;text-align:center}.messages-page-sidebar-tab:hover{background:#4a9eff1a;color:var(--text-primary, #e0f2f7)}.messages-page-sidebar-tab.active{border-bottom-color:#4a9effcc;color:var(--text-primary, #e0f2f7);font-weight:600}.messages-page-sidebar-content{flex:1 1 auto!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;-webkit-overflow-scrolling:touch;min-height:0!important;height:100%!important;max-height:100%!important}.messages-page-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0;min-height:0;position:relative;background:linear-gradient(135deg,#0a0a14f2,#0f0f19f2);-webkit-overflow-scrolling:touch;border-radius:24px;height:100%;max-height:100%}.messages-page-main.active{display:flex!important;visibility:visible!important;opacity:1!important}.messages-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary, rgba(255, 255, 255, .6));text-align:center;padding:2rem}.messages-page-empty h2{margin-bottom:.5rem;color:var(--text-primary, #e0f2f7)}.messages-page-error{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary, rgba(255, 255, 255, .6));text-align:center;padding:2rem}.messages-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#fff9;text-align:center;padding:2rem;background:linear-gradient(135deg,#00e5ff0d,#7a5fff0d);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.messages-page-empty-icon{font-size:4rem;margin-bottom:1rem;filter:drop-shadow(0 0 20px rgba(0,229,255,.4));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.messages-page-empty-text{font-size:1.2rem;margin-bottom:.5rem;color:#fffc;font-weight:500}.messages-page-empty-hint{font-size:.9rem;color:#00e5ffb3;margin-top:.5rem}.empty-illustration-large{font-size:5rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 30px rgba(0,207,255,.6));animation:float-large 3s ease-in-out infinite}@keyframes float-large{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.messages-page-empty h2{margin:0 0 .5rem;color:#e0f2f7;font-size:1.5rem;text-shadow:0 0 20px rgba(0,207,255,.5)}.messages-page-empty p{margin:0;font-size:.9rem;color:#ffffff80}.messages-floating-btn{position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#00cfff,#7afb4c);border:2px solid rgba(0,207,255,.5);box-shadow:0 0 30px #00cfff99,0 4px 20px #0006;color:#fff;font-size:2rem;font-weight:700;cursor:pointer;transition:all .3s;z-index:1000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.messages-floating-btn:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 0 40px #00cfffcc,0 6px 30px #00000080}.messages-floating-btn:active{transform:scale(.95)}.floating-btn-icon{line-height:1;text-shadow:0 0 10px rgba(255,255,255,.5)}@media(max-width:768px){.messages-page-container{flex-direction:column;position:relative}.messages-page-sidebar{width:100%;height:auto;max-height:50vh}.messages-page-main{position:fixed!important;top:env(safe-area-inset-top)!important;left:0!important;right:0!important;bottom:env(safe-area-inset-bottom)!important;width:100%!important;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;z-index:10000!important;display:none;border-radius:0}.messages-page-main.active{display:flex!important;visibility:visible!important;opacity:1!important}.dm-window{width:100%;height:100%}.dm-window-input-form{position:fixed!important;bottom:env(safe-area-inset-bottom)!important;left:0!important;right:0!important;width:100%!important;z-index:10001!important}}.reminder-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.reminder-modal{background:#fff;border-radius:16px;padding:2rem;max-width:400px;width:90%;position:relative;box-shadow:0 8px 32px #0003}.reminder-modal h2{margin-top:0;margin-bottom:1rem;color:#333;font-size:1.5rem}.stream-title{font-weight:600;color:#333;margin-bottom:.5rem}.stream-time{color:#666;font-size:.9rem;margin-bottom:1.5rem}.reminder-options{margin-bottom:1.5rem}.reminder-options label{display:block;margin-bottom:.75rem;font-weight:600;color:#333}.option-buttons{display:flex;gap:.75rem}.option-btn{flex:1;padding:.75rem 1rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:600;color:#333}.option-btn:hover:not(.disabled){border-color:#667eea;background:#f8f9ff}.option-btn.active{border-color:#667eea;background:#667eea;color:#fff}.option-btn.disabled{opacity:.5;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.modal-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;color:#999;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-btn:hover{background:#f0f0f0}.boost-button-container{position:relative}.boost-btn{background:#f0f0f0;border:none;padding:.5rem;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .2s;flex:1}.boost-btn:hover{background:#e0e0e0;transform:scale(1.1)}.boost-btn.boosted{background:linear-gradient(135deg,gold,#ffed4e);color:#333;box-shadow:0 2px 8px #ffd7004d}.boost-menu{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;padding:1rem;min-width:200px;z-index:100}.boost-balance{padding:.75rem;background:#f8f9ff;border-radius:8px;margin-bottom:.75rem;font-size:.9rem;color:#666}.boost-balance div{margin-bottom:.25rem}.boost-option{width:100%;padding:.75rem 1rem;margin-bottom:.5rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:600;color:#333;text-align:left;display:flex;align-items:center;gap:.5rem}.boost-option:hover:not(:disabled){border-color:#667eea;background:#f8f9ff;transform:translate(4px)}.boost-option:disabled{opacity:.5;cursor:not-allowed}.boost-option.karma{border-left:4px solid #9b59b6}.boost-option.aura{border-left:4px solid #3498db}.stream-card-glass{position:relative;width:100%;min-width:140px;max-width:140px;height:220px;border-radius:1rem;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column}.stream-card-glass:hover{transform:scale(1.05);box-shadow:0 8px 32px #00f0ff4d;border-color:#00f0ff4d}.stream-card-glass.focused{min-width:180px;max-width:180px;transform:scale(1.15);z-index:10;box-shadow:0 12px 48px #00f0ff66;border-color:#00f0ff80}.stream-card-glass.focused:hover{transform:scale(1.2)}.stream-card-glass.boosted{border-color:#facc1566;box-shadow:0 4px 24px #facc1533}.stream-card-glass.boosted:hover{box-shadow:0 8px 32px #facc1566}.stream-card-glass.live{border-color:#ff4d0066;box-shadow:0 4px 24px #ff4d004d;animation:pulse-live-glass 2s infinite}@keyframes pulse-live-glass{0%,to{box-shadow:0 4px 24px #ff4d004d}50%{box-shadow:0 4px 32px #ff4d0099}}.glow-border{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#00f0ff;opacity:.6;filter:blur(8px);animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.6}50%{opacity:1}}.badge{position:absolute;top:8px;left:8px;font-size:.75rem;padding:4px 8px;border-radius:9999px;z-index:2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.badge-ai{color:#00f0ff;background:#00f0ff1a;border:1px solid rgba(0,240,255,.3)}.badge-trend{color:#ff4d00;background:#ff4d001a;border:1px solid rgba(255,77,0,.3)}.stream-card-content{padding:12px;margin-top:32px;flex:1;display:flex;flex-direction:column;gap:8px}.stream-title-glass{color:#e0f2ff;font-weight:600;font-size:.875rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:font-size .3s ease}.stream-card-glass.focused .stream-title-glass{font-size:1rem;font-weight:700}.stream-time-glass{color:#7dd3fc;font-size:.75rem;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.live-indicator{color:#ff4d00;font-weight:600;animation:blink-live 1s infinite}@keyframes blink-live{0%,to{opacity:1}50%{opacity:.7}}.viewers-count{font-size:.7rem;color:#7dd3fc}.stream-badges{display:flex;justify-content:space-between;align-items:center;gap:4px;flex-wrap:wrap;margin-top:4px}.badge-category{font-size:.75rem;color:#00f0ff;background:#00f0ff1a;padding:4px 8px;border-radius:9999px;border:1px solid rgba(0,240,255,.2)}.badge-boost{font-size:.75rem;color:#facc15;background:#facc151a;padding:4px 8px;border-radius:9999px;border:1px solid rgba(250,204,21,.2)}.stream-stats-glass{display:flex;gap:8px;font-size:.7rem;color:#7dd3fc;margin-top:4px}.stat-item-glass{display:flex;align-items:center;gap:2px}.stream-actions-glass{display:flex;gap:4px;margin-top:auto;padding-top:8px}.reminder-btn-glass{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:6px;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s;flex:1;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.reminder-btn-glass:hover{background:#ffffff26;border-color:#ffffff4d}.reminder-btn-glass.active{background:#00f0ff33;border-color:#00f0ff66;color:#00f0ff}.live-watch-btn-glass{width:100%;background:linear-gradient(135deg,#ff4d00,#cc3d00);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.live-watch-btn-glass:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff4d0066}@media(max-width:640px){.stream-card-glass{min-width:140px;max-width:140px;height:220px}.stream-card-glass.focused{min-width:160px;max-width:160px}.stream-title-glass{font-size:.8rem}.stream-card-content{padding:10px}}.horizontal-row.live-feed .stream-card-glass{min-width:47px;max-width:47px;height:60px}.horizontal-row.live-feed .stream-card-glass.focused{min-width:60px;max-width:60px;height:75px}.horizontal-row.live-feed .stream-card-content{padding:4px;margin-top:16px}.horizontal-row.live-feed .stream-title-glass{font-size:.5rem;line-height:1.1;-webkit-line-clamp:1}.horizontal-row.live-feed .stream-time-glass{font-size:.4rem}.horizontal-row.live-feed .stream-badges,.horizontal-row.live-feed .stream-stats-glass,.horizontal-row.live-feed .stream-actions-glass{display:none}.horizontal-row.live-feed .badge{font-size:.5rem;padding:2px 4px;top:2px;left:2px}.horizontal-row{margin-bottom:2rem}.row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem}.row-header h2{font-size:1.3rem;font-weight:600;color:#333;margin:0}.row-controls{display:flex;gap:.5rem}.scroll-btn{background:#f0f0f0;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:background .2s;color:#333}.scroll-btn:hover{background:#e0e0e0}.scroll-btn:active{transform:scale(.95)}.row-content{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.5rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.row-content::-webkit-scrollbar{height:8px}.row-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.row-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.row-content::-webkit-scrollbar-thumb:hover{background:#999}.row-content>*{scroll-snap-align:start}.stream-card-wrapper{scroll-snap-align:start;transition:transform .3s ease;flex-shrink:0}.stream-card-wrapper:has(.stream-card-glass.focused){transform:translate(0)}.horizontal-row.live-feed .stream-card-wrapper .stream-card-glass{min-width:47px;max-width:47px;height:60px}.horizontal-row.live-feed .stream-card-wrapper .stream-card-glass.focused{min-width:60px;max-width:60px;height:75px;transform:scale(1.1)}.program-overview{padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom) + 80px);max-width:100%;overflow-x:hidden;min-height:calc(100vh - env(safe-area-inset-bottom));box-sizing:border-box}.program-header{margin-bottom:2rem;text-align:center}.program-header h1{font-size:2rem;margin-bottom:.5rem;color:#333}.program-header p{color:#666;font-size:1rem}.program-content{display:flex;flex-direction:column;gap:2rem}.empty-state{text-align:center;padding:3rem 1rem;color:#666}.empty-state p{margin-bottom:1rem;font-size:1.1rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh}.loading-spinner{font-size:1.2rem;color:#667eea}.obs-overlay{width:100vw;height:100vh;background:transparent;position:fixed;top:0;left:0;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;z-index:9999}.obs-overlay-error{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:#000c;color:#fff;font-size:1.5rem}.obs-overlay-chat{position:absolute;bottom:20px;left:20px;width:400px;max-height:300px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);overflow:hidden;pointer-events:auto}.obs-overlay-chat-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:#00e5ff33;border-bottom:1px solid rgba(0,229,255,.3);font-weight:600;color:#00e5ff;font-size:.9rem}.obs-overlay-likes{color:#ff6b9d;font-size:.85rem}.obs-overlay-chat-messages{max-height:250px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.obs-overlay-chat-messages::-webkit-scrollbar{width:4px}.obs-overlay-chat-messages::-webkit-scrollbar-track{background:#ffffff1a}.obs-overlay-chat-messages::-webkit-scrollbar-thumb{background:#00e5ff80;border-radius:2px}.obs-overlay-message{display:flex;gap:8px;font-size:.85rem;line-height:1.4;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.obs-overlay-username{color:#00e5ff;font-weight:600;flex-shrink:0}.obs-overlay-message-text{color:#ffffffe6;word-wrap:break-word}.obs-overlay-gifts{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;max-width:300px;pointer-events:auto}.obs-overlay-gift{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#ffaa00e6,#ff6400e6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #fa06;animation:giftSlideIn .5s ease-out,giftPulse 2s ease-in-out infinite;min-width:250px}@keyframes giftSlideIn{0%{opacity:0;transform:translate(50px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes giftPulse{0%,to{box-shadow:0 4px 20px #fa06}50%{box-shadow:0 4px 30px #fa09}}.obs-overlay-gift-icon{font-size:2rem;animation:giftBounce 1s ease-in-out infinite}@keyframes giftBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.obs-overlay-gift-info{display:flex;flex-direction:column;gap:4px;flex:1}.obs-overlay-gift-username{font-weight:700;color:#fff;font-size:.95rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.obs-overlay-gift-type{color:#ffffffe6;font-size:.85rem}.obs-overlay-gift-amount{color:#fffc;font-size:.8rem;font-weight:600}@media(max-width:1920px){.obs-overlay-chat{width:350px;max-height:250px}.obs-overlay-gift{min-width:200px}}@media(max-width:1280px){.obs-overlay-chat{width:300px;max-height:200px}.obs-overlay-message{font-size:.75rem}}.obs-guest-requests{width:100vw;height:100vh;background:transparent;position:fixed;top:0;left:0;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:20px}.obs-guest-requests-error,.obs-guest-requests-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background:#000c;color:#fff;font-size:1.5rem}.obs-guest-requests-empty{background:transparent;color:#ffffff80}.obs-guest-requests-empty-icon{font-size:3rem;margin-bottom:10px;opacity:.5}.obs-guest-requests-empty-text{font-size:1rem;opacity:.7}.obs-guest-requests-header{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(0,229,255,.3);margin-bottom:12px;min-width:280px;pointer-events:auto}.obs-guest-requests-title{color:#00e5ff;font-weight:600;font-size:1rem;flex:1}.obs-guest-requests-count{background:#00e5ff33;color:#00e5ff;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:600;border:1px solid rgba(0,229,255,.3)}.obs-guest-requests-list{display:flex;flex-direction:column;gap:10px;max-width:320px;pointer-events:auto}.obs-guest-request-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(0,229,255,.2);animation:guestRequestSlideIn .4s ease-out;transition:all .3s}.obs-guest-request-item:hover{border-color:#00e5ff80;background:#000000e6;transform:translate(-5px)}@keyframes guestRequestSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.obs-guest-request-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(0,229,255,.3)}.obs-guest-request-avatar img{width:100%;height:100%;object-fit:cover}.obs-guest-request-avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#00e5ff,#09c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.obs-guest-request-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.obs-guest-request-username{color:#fff;font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs-guest-request-status{color:#ffffffb3;font-size:.8rem}.obs-guest-request-indicator{position:relative;width:12px;height:12px;flex-shrink:0}.obs-guest-request-pulse{width:100%;height:100%;background:#00e5ff;border-radius:50%;animation:guestRequestPulse 2s ease-in-out infinite}@keyframes guestRequestPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #00e5ffb3}50%{opacity:.7;transform:scale(1.1);box-shadow:0 0 0 8px #00e5ff00}}@media(max-width:1920px){.obs-guest-requests-header,.obs-guest-requests-list{max-width:260px}}@media(max-width:1280px){.obs-guest-request-item{padding:12px 16px}.obs-guest-request-avatar{width:40px;height:40px}.obs-guest-request-username{font-size:.85rem}}.sound-management{padding:24px;max-width:1400px;margin:0 auto;font-family:Orbitron,sans-serif}.sound-management-header{margin-bottom:32px;text-align:center}.sound-management-header h1{color:#00d4ff;font-size:32px;margin-bottom:8px;text-shadow:0 0 10px rgba(0,212,255,.5)}.sound-management-header p{color:#aaa;font-size:14px}.discover-btn{margin-top:16px;padding:10px 20px;background:linear-gradient(135deg,#ff00e6,#b8007f);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif;box-shadow:0 0 10px #ff00e680}.discover-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #ff00e6cc}.discover-btn:disabled{opacity:.5;cursor:not-allowed}.upload-area{border:2px dashed #00d4ff55;border-radius:16px;padding:48px;text-align:center;background:#00d4ff0d;transition:all .3s;margin-bottom:32px}.upload-icon{font-size:64px;opacity:.7}.upload-content p{color:#00d4ff;font-size:16px;margin:0}.upload-hint{font-size:12px!important;color:#888!important}.upload-btn{padding:12px 24px;background:linear-gradient(135deg,#00d4ff,#0fa);border:none;border-radius:12px;color:#000;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.sounds-list h2{color:#00d4ff;font-size:24px;margin-bottom:20px}.sounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.sound-card{background:#020818cc;border:2px solid #00d4ff33;border-radius:16px;padding:20px;transition:all .3s}.sound-card:hover{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;transform:translateY(-4px)}.sound-card.published{border-color:#0fa3}.sound-card.published:hover{border-color:#0fa;box-shadow:0 0 20px #00ffaa4d}.sound-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sound-status{display:flex;gap:8px;align-items:center}.status-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.status-badge.published{background:#0fa3;color:#0fa;border:1px solid #00ffaa}.status-badge.draft{background:#ffc80033;color:#ffc800;border:1px solid #ffc800}.ai-badge{padding:4px 8px;background:#ff00e633;color:#ff00e6;border:1px solid #ff00e6;border-radius:8px;font-size:10px}.sound-actions button{padding:6px 12px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;background:#00d4ff1a;color:#00d4ff;border:1px solid #00d4ff33}.sound-actions button:hover{background:#00d4ff33;transform:scale(1.05)}.btn-publish{background:#00ffaa1a!important;color:#0fa!important;border-color:#0fa3!important}.btn-delete{background:#ff44441a!important;color:#f44!important;border-color:#f443!important}.sound-card-body h3{color:#00d4ff;font-size:18px;margin:0 0 8px}.sound-description{color:#aaa;font-size:13px;margin:0 0 12px;min-height:20px}.sound-info{display:flex;gap:12px;margin-bottom:12px;font-size:12px;color:#888}.sound-dates{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#666;margin-bottom:12px}.sound-preview{margin-top:16px;padding-top:16px;border-top:1px solid #00d4ff33}.sound-preview audio{width:100%;height:32px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#020818fa;border:2px solid #00d4ff;border-radius:20px;padding:32px;min-width:500px;max-width:600px;box-shadow:0 0 40px #00d4ff80}.modal-content h2{color:#00d4ff;margin:0 0 24px;font-size:24px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#00d4ff;font-size:14px;margin-bottom:8px;font-weight:700}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;background:#00000080;border:1px solid #00d4ff33;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 10px #00d4ff4d}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-save,.btn-cancel{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:14px;transition:all .3s;font-family:Orbitron,sans-serif}.btn-save{background:linear-gradient(135deg,#00d4ff,#0fa);color:#000}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}.btn-cancel{background:#f443;color:#f44;border:1px solid #ff444433}.btn-cancel:hover{background:#ff44444d}.loading,.empty-state{text-align:center;padding:48px;color:#888;font-size:16px}.music-library{padding:24px;color:#fff;font-family:Orbitron,sans-serif}.music-library-header{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid rgba(0,212,255,.3)}.music-library-header h1{color:#00d4ff;font-size:32px;margin:0 0 8px;text-shadow:0 0 10px rgba(0,212,255,.5)}.music-library-header p{color:#ffffffb3;margin:0}.music-library-layout{display:flex;gap:24px}.genre-sidebar{width:250px;background:#0009;border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:16px;height:fit-content;position:sticky;top:24px}.genre-sidebar h3{color:#00d4ff;margin:0 0 16px;font-size:18px}.genre-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.genre-item{padding:10px 12px;background:transparent;border:1px solid rgba(0,212,255,.2);border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .3s;text-align:left;font-family:Orbitron,sans-serif}.genre-item:hover{background:#00d4ff1a;border-color:#00d4ff80;color:#00d4ff}.genre-item.active{background:#00d4ff33;border-color:#00d4ff;color:#00d4ff;box-shadow:0 0 10px #00d4ff4d}.add-genre-btn{width:100%;padding:10px;background:#00d4ff1a;border:1px dashed rgba(0,212,255,.5);border-radius:8px;color:#00d4ff;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif}.add-genre-btn:hover{background:#00d4ff33;border-color:#00d4ff}.new-genre-input{display:flex;gap:8px;margin-top:12px}.new-genre-input input{flex:1;padding:8px;background:#00000080;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:#fff;font-family:Orbitron,sans-serif}.new-genre-input button{padding:8px 12px;background:#00d4ff33;border:1px solid rgba(0,212,255,.5);border-radius:6px;color:#00d4ff;cursor:pointer;transition:all .3s}.new-genre-input button:hover{background:#00d4ff4d}.music-content{flex:1}.upload-area{background:#0009;border:2px dashed rgba(0,212,255,.3);border-radius:12px;padding:40px;text-align:center;margin-bottom:24px;transition:all .3s}.upload-area.drag-active{border-color:#00d4ff;background:#00d4ff1a;box-shadow:0 0 20px #00d4ff4d}.upload-content{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-icon{font-size:48px;margin-bottom:8px}.upload-area p{color:#ffffffb3;margin:0}.upload-btn{padding:12px 24px;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif;box-shadow:0 0 20px #00d4ff4d}.upload-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #00d4ff80}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-hint{font-size:12px;color:#ffffff80}.upload-artist-selection{display:flex;align-items:center;gap:12px;margin:16px 0;padding:12px;background:#0000004d;border-radius:8px;border:1px solid rgba(0,212,255,.2)}.upload-artist-selection label{color:#00d4ff;font-size:14px;font-weight:700;font-family:Orbitron,sans-serif}.upload-artist-selection .artist-select{padding:8px 12px;background:#00000080;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:#fff;font-family:Orbitron,sans-serif;font-size:14px;cursor:pointer}.upload-artist-selection .custom-artist-input{display:flex;gap:8px;align-items:center}.upload-artist-selection .custom-artist-input input{padding:8px 12px;background:#00000080;border:1px solid rgba(0,212,255,.3);border-radius:6px;color:#fff;font-family:Orbitron,sans-serif;font-size:14px;min-width:200px}.upload-artist-selection .custom-artist-input button{padding:8px 16px;background:#00d4ff33;border:1px solid rgba(0,212,255,.5);border-radius:6px;color:#00d4ff;cursor:pointer;font-family:Orbitron,sans-serif;font-size:14px}.import-url-btn{padding:8px 16px;background:transparent;border:1px solid rgba(0,212,255,.5);border-radius:8px;color:#00d4ff;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif;font-size:14px}.import-url-btn:hover{background:#00d4ff1a;border-color:#00d4ff}.import-url-form{background:#0009;border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:20px;margin-bottom:24px}.import-url-form h4{color:#00d4ff;margin:0 0 16px}.import-url-form input,.import-url-form select{width:100%;padding:10px;background:#00000080;border:1px solid rgba(0,212,255,.3);border-radius:8px;color:#fff;margin-bottom:12px;font-family:Orbitron,sans-serif}.import-url-actions{display:flex;gap:12px}.import-url-actions button{flex:1;padding:10px;background:#00d4ff33;border:1px solid rgba(0,212,255,.5);border-radius:8px;color:#00d4ff;cursor:pointer;transition:all .3s;font-family:Orbitron,sans-serif}.import-url-actions button:hover{background:#00d4ff4d}.tracks-list{margin-top:24px}.tracks-list h2{color:#00d4ff;margin:0 0 20px;font-size:24px}.tracks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.track-card{background:#0009;border:1px solid rgba(0,212,255,.3);border-radius:12px;padding:16px;transition:all .3s;position:relative}.track-card:hover{border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;transform:translateY(-2px)}.track-cover{width:100%;height:120px;background:linear-gradient(135deg,#1e9bff,#00a8ff);border-radius:8px;margin-bottom:12px;overflow:hidden;position:relative}.waveform-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:12px}.waveform-bars{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:100%}.waveform-bar{flex:1;background:#fffc;border-radius:2px;animation:waveform 1s ease-in-out infinite}@keyframes waveform{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.track-info{margin-bottom:12px}.track-info h4{color:#fff;margin:0 0 4px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#ffffffb3;font-size:12px;margin-bottom:6px;font-weight:700}.track-meta{display:flex;gap:12px;margin-bottom:8px;font-size:12px}.track-genre{color:#00d4ff;font-weight:700}.track-duration{color:#ffffffb3}.track-details{display:flex;gap:12px;font-size:11px;color:#ffffff80}.track-actions{display:flex;gap:8px;align-items:center}.preview-btn{width:36px;height:36px;border-radius:50%;background:#00d4ff33;border:1px solid rgba(0,212,255,.5);color:#00d4ff;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-size:16px}.preview-btn:hover{background:#00d4ff4d;transform:scale(1.1)}.preview-btn.active{background:#00d4ff66;box-shadow:0 0 10px #00d4ff80}.track-menu{position:relative;margin-left:auto}.menu-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid rgba(0,212,255,.3);color:#ffffffb3;cursor:pointer;transition:all .3s;font-size:18px;display:flex;align-items:center;justify-content:center}.menu-btn:hover{border-color:#00d4ff;color:#00d4ff}.menu-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#000000e6;border:1px solid rgba(0,212,255,.3);border-radius:8px;padding:8px;min-width:160px;display:none;z-index:1000}.track-menu:hover .menu-dropdown{display:block}.menu-dropdown button{width:100%;padding:8px 12px;background:transparent;border:none;color:#ffffffb3;text-align:left;cursor:pointer;transition:all .3s;border-radius:4px;font-family:Orbitron,sans-serif;font-size:14px}.menu-dropdown button:hover{background:#00d4ff1a;color:#00d4ff}.menu-dropdown .delete-btn:hover{background:#f443;color:#f44}.loading,.empty-state{text-align:center;padding:40px;color:#ffffff80}.notification-sounds{padding:2rem;max-width:1200px;margin:0 auto}.notification-sounds-header{margin-bottom:2rem}.notification-sounds-header h1{font-size:2rem;margin:0 0 .5rem;background:linear-gradient(135deg,#00cfff,#4a9eff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notification-sounds-description{color:#a0a0a0;margin:0}.notification-sounds-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.notification-sounds-message.success{background:#4afb4c1a;border:1px solid rgba(74,251,76,.3);color:#4afb4c}.notification-sounds-message.error{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44}.notification-sounds-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid rgba(0,207,255,.2)}.notification-sounds-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#a0a0a0;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:-2px}.notification-sounds-tab:hover{color:#00cfff}.notification-sounds-tab.active{color:#00cfff;border-bottom-color:#00cfff}.notification-sounds-category{display:none}.notification-sounds-category.active{display:block}.notification-sounds-category-header{margin-bottom:1.5rem}.notification-sounds-category-header h2{font-size:1.5rem;margin:0 0 .5rem;color:#fff}.notification-sounds-category-description{color:#a0a0a0;margin:0}.notification-sounds-empty{padding:3rem;text-align:center;background:#00cfff0d;border:1px dashed rgba(0,207,255,.3);border-radius:8px;color:#a0a0a0}.notification-sounds-empty-hint{margin-top:.5rem;font-size:.9rem;opacity:.7}.notification-sounds-list{display:flex;flex-direction:column;gap:1.5rem}.notification-sounds-item{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:#00cfff0d;border:1px solid rgba(0,207,255,.2);border-radius:8px;transition:all .3s ease}.notification-sounds-item:hover{background:#00cfff14;border-color:#00cfff66}.notification-sounds-item-info{flex:1}.notification-sounds-item-info h3{font-size:1.25rem;margin:0 0 .5rem;color:#fff}.notification-sounds-item-description{color:#a0a0a0;margin:0 0 1rem;font-size:.9rem}.notification-sounds-item-meta{display:flex;flex-direction:column;gap:.5rem}.notification-sounds-item-filename{font-family:Courier New,monospace;font-size:.85rem;color:#7afb4c}.notification-sounds-item-status{font-size:.9rem;font-weight:500}.notification-sounds-item-status.exists{color:#4afb4c}.notification-sounds-item-status.missing{color:#f44}.notification-sounds-item-actions{display:flex;gap:1rem;align-items:center}.notification-sounds-upload-button{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#00cfff,#4a9eff);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.notification-sounds-upload-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00cfff66}.notification-sounds-upload-button input[type=file]{display:none}.notification-sounds-upload-button:has(input:disabled){opacity:.6;cursor:not-allowed}.notification-sounds-test-button{padding:.75rem 1.5rem;background:#4afb4c1a;color:#4afb4c;border:1px solid rgba(74,251,76,.3);border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.notification-sounds-test-button:hover{background:#4afb4c33;border-color:#4afb4c80}@media(max-width:768px){.notification-sounds-item{flex-direction:column;gap:1rem}.notification-sounds-item-actions{width:100%;justify-content:stretch}.notification-sounds-upload-button,.notification-sounds-test-button{flex:1}}.match-sounds-container{padding:20px;max-width:1600px;margin:0 auto}.match-sounds-header{margin-bottom:30px}.match-sounds-header h1{font-size:2rem;margin-bottom:10px;color:#fff}.match-sounds-header p{color:#aaa;font-size:.9rem}.match-sounds-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.match-sounds-left,.match-sounds-right{display:flex;flex-direction:column;gap:20px}.match-sounds-section{background:#1a1a1a;border-radius:12px;padding:20px;border:1px solid #333}.match-sounds-section h2{font-size:1.3rem;margin-bottom:15px;color:#fff;border-bottom:2px solid #444;padding-bottom:10px}.match-sounds-section h3{font-size:1.1rem;margin-bottom:10px;color:#ddd}.upload-form{display:flex;flex-direction:column;gap:10px}.form-input,.form-select{padding:10px;border:1px solid #444;border-radius:6px;background:#2a2a2a;color:#fff;font-size:.9rem}.form-input:focus,.form-select:focus{outline:none;border-color:#0ff}.form-file-input{display:none}.btn-upload,.btn-search{padding:10px 20px;background:linear-gradient(135deg,#0ff,#00f);border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s}.btn-upload:hover,.btn-search:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ffff4d}.btn-upload:disabled,.btn-search:disabled{opacity:.5;cursor:not-allowed}.sounds-list{display:flex;flex-direction:column;gap:10px}.sound-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#2a2a2a;border-radius:8px;border:1px solid #444}.sound-info{flex:1}.sound-name{font-weight:700;color:#fff;margin-bottom:5px}.sound-event{display:flex;gap:5px}.event-badge{padding:4px 8px;background:linear-gradient(135deg,#0ff,#00f);border-radius:4px;font-size:.75rem;color:#fff}.sound-actions{display:flex;gap:8px}.btn-play,.btn-stop,.btn-delete,.btn-add,.btn-remove{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-play{background:#0a0;color:#fff}.btn-stop,.btn-delete{background:#a00;color:#fff}.btn-add{background:#0a0;color:#fff}.btn-remove{background:#a00;color:#fff}.btn-play:hover,.btn-stop:hover,.btn-delete:hover,.btn-add:hover,.btn-remove:hover{transform:scale(1.1)}.freesound-search{display:flex;gap:10px;margin-bottom:20px}.freesound-results{margin-top:20px}.results-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.freesound-result-item{padding:12px;background:#2a2a2a;border-radius:8px;border:1px solid #444;cursor:move;transition:all .2s}.freesound-result-item:hover{border-color:#0ff;transform:translate(5px)}.result-info{margin-bottom:10px}.result-name{font-weight:700;color:#fff;margin-bottom:8px}.result-meta{display:flex;gap:15px;font-size:.8rem;color:#aaa;margin-bottom:8px}.result-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{padding:3px 8px;background:#333;border-radius:4px;font-size:.75rem;color:#ddd}.result-actions{display:flex;align-items:center;gap:10px}.result-audio{flex:1;height:30px}.selected-sounds-list{display:flex;flex-direction:column;gap:8px}.selected-sound-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#2a2a2a;border-radius:6px;border:1px solid #444}.selected-sound-name{color:#fff;font-size:.9rem}.help-text{color:#aaa;font-size:.85rem;margin-bottom:15px}.match-events-dropzones{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.dropzone{min-height:120px;padding:15px;background:#2a2a2a;border:2px dashed #444;border-radius:8px;transition:all .3s}.dropzone.drag-over{border-color:#0ff;background:#2a3a3a;transform:scale(1.05)}.dropzone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dropzone-label{font-weight:700;color:#fff;font-size:.9rem}.dropzone-count{color:#aaa;font-size:.8rem}.dropzone-sounds{display:flex;flex-direction:column;gap:5px}.dropzone-sound-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#333;border-radius:4px;font-size:.8rem;color:#ddd}.btn-remove-small{padding:2px 6px;background:#a00;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem}.btn-remove-small:hover{background:#c00}.loading,.empty-state{text-align:center;padding:40px;color:#aaa}@media(max-width:1200px){.match-sounds-grid{grid-template-columns:1fr}}.admin-dashboard{display:flex;min-height:100vh;background:#020817;font-family:Orbitron,sans-serif}.admin-sidebar{width:250px;background:#000c;border-right:2px solid #00d4ff33;padding:24px;position:fixed;height:100vh;overflow-y:auto}.admin-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #00d4ff33}.admin-header h1{color:#00d4ff;font-size:24px;margin:0;text-shadow:0 0 10px rgba(0,212,255,.5)}.admin-nav{display:flex;flex-direction:column;gap:8px}.admin-nav-item{padding:12px 16px;color:#aaa;text-decoration:none;border-radius:8px;transition:all .3s;border:1px solid transparent}.admin-nav-item:hover{background:#00d4ff1a;color:#00d4ff;border-color:#00d4ff33}.admin-nav-item.active{background:#00d4ff33;color:#00d4ff;border-color:#00d4ff}.admin-nav-section{margin-bottom:16px}.admin-nav-section-title{color:#00d4ff;font-size:14px;font-weight:700;margin-bottom:8px;padding:8px 16px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(0,212,255,.2)}.admin-nav-subitem{padding-left:32px!important;font-size:13px}.admin-content{flex:1;margin-left:250px;padding:24px;overflow-y:auto;min-height:100vh;background:#020817;color:#fff}.hls-diagnostic{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.diagnostic-header{text-align:center;margin-bottom:30px;padding:30px;background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.diagnostic-header h1{margin:0 0 10px;font-size:2.5em;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.diagnostic-header p{margin:0 0 20px;opacity:.9;font-size:1.1em}.run-button{background:#0f0;color:#000;border:none;padding:15px 30px;font-size:1.1em;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #00ff004d}.run-button:hover:not(:disabled){background:#0c0;transform:translateY(-2px);box-shadow:0 6px 20px #0f06}.run-button:disabled{background:#666;cursor:not-allowed;opacity:.6}.header-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.copy-button{background:#0af;color:#fff;border:none;padding:15px 30px;font-size:1.1em;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #00aaff4d}.copy-button:hover{background:#08c;transform:translateY(-2px);box-shadow:0 6px 20px #0af6}.copy-button:active{transform:translateY(0)}.error-box{background:#f003;border:2px solid #ff0000;border-radius:10px;padding:20px;margin-bottom:20px}.error-box h3{margin:0 0 10px;color:red}.loading-box{text-align:center;padding:40px;background:#ffffff1a;border-radius:10px;margin-bottom:20px}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.summary-box{background:#ffffff1a;border-radius:15px;padding:25px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary-box h2{margin:0 0 20px;font-size:1.8em}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.stat{background:#ffffff1a;padding:15px;border-radius:8px;text-align:center}.stat-label{display:block;font-size:.9em;opacity:.8;margin-bottom:5px}.stat-value{display:block;font-size:2em;font-weight:700}.video-info{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.video-info p{margin:10px 0;word-break:break-all}.video-info a{color:#0ff;text-decoration:underline}.root-cause{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.root-cause h3{margin:0 0 10px}.results-box{background:#ffffff1a;border-radius:15px;padding:25px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.results-box h2{margin:0 0 20px;font-size:1.8em}.result-item{background:#ffffff0d;border-radius:10px;padding:20px;margin-bottom:15px;transition:all .3s}.result-item:hover{background:#ffffff1a;transform:translate(5px)}.result-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.result-icon{font-size:1.5em}.result-part{flex:1;font-weight:700;font-size:1.1em}.result-status{font-weight:700;text-transform:uppercase;font-size:.9em}.result-message{margin-top:10px;opacity:.9;line-height:1.6}.result-details{margin-top:15px;padding:15px;background:#0000004d;border-radius:5px;overflow-x:auto}.result-details pre{margin:0;font-size:.85em;color:#0ff;white-space:pre-wrap;word-break:break-word}.recommendations-box{background:#ffffff1a;border-radius:15px;padding:25px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.recommendations-box h2{margin:0 0 20px;font-size:1.8em}.recommendations-box ul{list-style:none;padding:0}.recommendations-box li{padding:10px 0 10px 30px;position:relative}.recommendations-box li:before{content:"💡";position:absolute;left:0}.info-box{background:#ffffff1a;border-radius:15px;padding:25px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-box h3{margin:0 0 15px;font-size:1.5em}.info-box ol{margin:0;padding-left:20px}.info-box li{margin:15px 0;line-height:1.8}.info-box ul{margin:10px 0;padding-left:20px}.info-box code{background:#0000004d;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.mobile-report-box{background:#ffaa001a;border:2px solid #ffaa00;border-radius:15px;padding:25px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-report-box h2{margin:0 0 20px;color:#fa0}.mobile-issues{margin-bottom:20px}.mobile-issue{padding:10px;margin:10px 0;border-radius:5px;border-left:4px solid}.mobile-issue-critical{background:#ff00001a;border-color:red}.mobile-issue-high{background:#ff64001a;border-color:#ff6400}.mobile-issue-medium{background:#ffaa001a;border-color:#fa0}.mobile-solutions{margin-top:20px}.solution-item{background:#ffffff0d;padding:15px;margin:10px 0;border-radius:8px}.solution-item strong{display:block;margin-bottom:5px;color:#0ff}.solution-item code{background:#0000004d;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace}@media(max-width:768px){.hls-diagnostic{padding:10px}.diagnostic-header h1{font-size:1.8em}.summary-stats{grid-template-columns:1fr}}.create-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.create-modal-overlay.closing{animation:fadeOut .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.create-modal-content{background:#1a1a1a;border-radius:24px 24px 0 0;width:100%;max-width:500px;max-height:80vh;padding:1.5rem;animation:slideUp .3s ease-out;box-shadow:0 -4px 20px #00000080}.create-modal-overlay.closing .create-modal-content{animation:slideDown .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.create-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.create-modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.create-modal-close{background:none;border:none;color:#fff;font-size:2rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.create-modal-close:hover{background:#ffffff1a}.create-modal-options{display:flex;flex-direction:column;gap:1rem}.create-modal-option{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.create-modal-option:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.create-modal-option-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.create-modal-option-icon.video{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.create-modal-option-icon.live{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.create-modal-option-content{flex:1}.create-modal-option-content h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.create-modal-option-content p{color:#fff9;font-size:.875rem;margin:0;line-height:1.4}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:#101828d9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(0,212,255,.2);box-shadow:0 -4px 24px #0006,0 -2px 8px #00d4ff1a,inset 0 1px #ffffff0d;padding:12px 8px calc(12px + env(safe-area-inset-bottom));z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:none;color:#fff9;cursor:pointer;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:50px;flex:1;max-width:80px;position:relative;border-radius:16px}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-label{font-size:10px;font-weight:600;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.8}.nav-item:hover{color:#ffffffe6;transform:translateY(-2px)}.nav-item:hover .nav-icon-wrapper{transform:scale(1.15)}.nav-item:hover .nav-label{opacity:1}.nav-item.active{color:#00d4ff}.nav-item.active .nav-icon-wrapper{transform:scale(1.2);filter:drop-shadow(0 0 8px rgba(0,212,255,.6))}.nav-item.active .nav-label{opacity:1;font-weight:700;color:#00d4ff}.nav-item.active:before{content:"";position:absolute;top:-2px;left:50%;transform:translate(-50%);width:32px;height:3px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);border-radius:0 0 3px 3px;animation:activeGlow 2s ease-in-out infinite}@keyframes activeGlow{0%,to{opacity:.6}50%{opacity:1}}.nav-item:active{transform:translateY(0) scale(.95)}.nav-item:active .nav-icon-wrapper{transform:scale(1.05)}.nav-item.create-button{position:relative;background:linear-gradient(135deg,#00d4ff,#09c);border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-top:-20px;margin-bottom:-8px;padding:0;min-width:64px;max-width:64px;flex:0 0 64px;box-shadow:0 8px 24px #00d4ff66,0 4px 12px #00d4ff4d,inset 0 1px #ffffff4d;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:visible;z-index:10}.create-button-glow{position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.4) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.create-button:hover .create-button-glow{opacity:1}.create-button-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}.create-button:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 12px 32px #00d4ff80,0 6px 16px #00d4ff66,inset 0 1px #fff6}.create-button:hover .create-button-inner{transform:rotate(90deg) scale(1.1)}.create-button:active{transform:translateY(-2px) scale(1.05)}.create-button:active .create-button-inner{transform:rotate(90deg) scale(.95)}.create-button svg{color:#001a33;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.create-button span{display:none}.ripple-effect{position:absolute;width:0;height:0;border-radius:50%;background:#fff9;transform:translate(-50%,-50%);animation:ripple .6s ease-out;pointer-events:none;z-index:1}@keyframes ripple{0%{width:0;height:0;opacity:1}to{width:120px;height:120px;opacity:0}}.nav-item-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#f44,#c00);color:#fff;border-radius:12px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;padding:0 6px;box-shadow:0 2px 8px #ff444480,0 0 0 2px #101828e6;animation:badgePulse 2s ease-in-out infinite;z-index:5}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff444480,0 0 0 2px #101828e6}50%{transform:scale(1.1);box-shadow:0 4px 12px #ff4444b3,0 0 0 3px #101828e6}}.trophy-icon{font-size:24px;display:inline-block;transition:all .3s cubic-bezier(.4,0,.2,1);filter:grayscale(.3)}.trophy-icon.active{filter:grayscale(0) drop-shadow(0 0 8px rgba(255,215,0,.6));animation:trophyShine 2s ease-in-out infinite}@keyframes trophyShine{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.nav-item:hover .trophy-icon{filter:grayscale(0);transform:scale(1.1)}.nav-item svg{transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item.active svg{filter:drop-shadow(0 0 8px rgba(0,212,255,.6))}@supports (padding: max(0px)){.bottom-nav{padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media(max-width:360px){.nav-label{font-size:9px}.nav-item{padding:6px 8px;gap:4px}.nav-item.create-button{width:56px;height:56px;min-width:56px;max-width:56px}}@media(prefers-color-scheme:dark){.bottom-nav{background:#0a0f19e6}}@supports (-webkit-overflow-scrolling: touch){.bottom-nav{-webkit-overflow-scrolling:touch}}:root{--bg0:#050712;--bg1:#070b1b;--glass: rgba(255,255,255,.08);--glass2: rgba(255,255,255,.12);--stroke: rgba(255,255,255,.14);--txt: rgba(255,255,255,.92);--muted: rgba(255,255,255,.65);--cyan:#34d6ff;--blue:#3f7bff;--violet:#a56bff;--pink:#ff4fd8;--red:#ff3b3b;--green:#36ff9a}.ll-call{position:fixed!important;inset:0!important;min-height:100vh!important;min-height:-webkit-fill-available!important;display:grid!important;place-items:center!important;background:radial-gradient(1200px 800px at 50% 25%,#101c3a 0%,var(--bg0) 50%,#03040b 100%)!important;overflow:hidden!important;z-index:999999!important;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial!important;-webkit-overflow-scrolling:touch!important;touch-action:manipulation!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;width:100vw!important;height:100vh!important;margin:0!important;isolation:isolate!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important;will-change:transform!important}.ll-stars{position:absolute;inset:-30%;background:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.35) 50%,transparent 52%),radial-gradient(1px 1px at 70% 40%,rgba(255,255,255,.25) 50%,transparent 52%),radial-gradient(2px 2px at 45% 60%,rgba(255,255,255,.22) 50%,transparent 52%),radial-gradient(1px 1px at 85% 70%,rgba(255,255,255,.18) 50%,transparent 52%),radial-gradient(1px 1px at 35% 80%,rgba(255,255,255,.16) 50%,transparent 52%);filter:blur(.2px);opacity:.55;transform:rotate(8deg)}.ll-particles{position:absolute;inset:-20%;background:radial-gradient(10px 10px at 15% 20%,rgba(255,79,216,.25),transparent 60%),radial-gradient(8px 8px at 70% 25%,rgba(52,214,255,.22),transparent 60%),radial-gradient(12px 12px at 40% 55%,rgba(63,123,255,.18),transparent 60%),radial-gradient(6px 6px at 85% 65%,rgba(255,255,255,.12),transparent 60%),radial-gradient(9px 9px at 25% 75%,rgba(165,107,255,.2),transparent 60%);animation:llFloat 10s ease-in-out infinite;opacity:.9;pointer-events:none}@keyframes llFloat{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-18px,0) scale(1.02)}}.ll-phone{width:min(420px,92vw);aspect-ratio:9/16;border-radius:34px;position:relative;background:linear-gradient(180deg,#ffffff0f,#ffffff05),radial-gradient(900px 700px at 50% 15%,rgba(52,214,255,.12),transparent 60%),radial-gradient(900px 700px at 70% 50%,rgba(255,79,216,.1),transparent 60%),radial-gradient(900px 700px at 30% 70%,rgba(165,107,255,.1),transparent 60%);border:1px solid var(--stroke);box-shadow:0 28px 80px #000000a6,inset 0 0 0 1px #ffffff0f;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}.ll-phone:before{content:"";position:absolute;inset:-2px;border-radius:36px;padding:2px;background:linear-gradient(135deg,#34d6ff59,#a56bff38,#ff4fd840);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.75;pointer-events:none}.ll-topbar,.ll-brand,.ll-logo,.ll-brandtext,.ll-status,.ll-signal,.ll-wifi,.ll-battery{display:none!important}.ll-main{padding:40px 22px 0;text-align:center;color:var(--txt)}.ll-calltype{font-size:13px;letter-spacing:1.8px;text-transform:uppercase;color:#ffffffbf;margin-top:10px}.ll-name{font-size:44px;line-height:1.05;margin:18px 0 6px;text-shadow:0 0 22px rgba(52,214,255,.2)}.ll-sub{color:#ffffffb3;font-size:20px;letter-spacing:.6px}.ll-avatarWrap{position:relative;margin:26px auto 14px;width:260px;height:260px;display:grid;place-items:center}.ll-avatar{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3,#ffffff0f 45%,#00000026);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 50px #0000008c,inset 0 0 25px #34d6ff1f;position:relative;overflow:hidden;display:grid;place-items:center}.ll-avatarImg{width:100%;height:100%;object-fit:cover}.ll-avatarFace{position:absolute;inset:0;background:radial-gradient(120px 120px at 50% 30%,rgba(255,255,255,.16),transparent 60%),radial-gradient(100px 100px at 45% 55%,rgba(52,214,255,.08),transparent 62%),radial-gradient(120px 120px at 60% 60%,rgba(255,79,216,.06),transparent 65%);filter:saturate(1.1);display:grid;place-items:center;font-size:4rem;font-weight:700;color:#ffffffe6}.ll-ring{position:absolute;inset:0;border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 18px rgba(52,214,255,.25))}.ll-ring--outer{background:conic-gradient(from 200deg,#34d6ff00,#34d6ff8c 12%,#3f7bff59 22%,#ff4fd880 40%,#a56bff66 55%,#34d6ff00 72%,#34d6ff59,#34d6ff00);-webkit-mask:radial-gradient(circle,transparent 54%,#000 56%);mask:radial-gradient(circle,transparent 54%,#000 56%);animation:llSpin 7s linear infinite;opacity:.95}.ll-ring--mid{inset:22px;background:conic-gradient(from 0deg,#fff0,#ffffff47 12%,#34d6ff4d 30%,#ff4fd838 55%,#fff0 78%,#34d6ff33 92%,#fff0);-webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);mask:radial-gradient(circle,transparent 58%,#000 60%);animation:llSpinReverse 10s linear infinite;opacity:.75}.ll-ring--inner{inset:52px;background:conic-gradient(from 90deg,#34d6ff00,#34d6ff59 18%,#ff4fd84d 40%,#a56bff33 60%,#34d6ff00);-webkit-mask:radial-gradient(circle,transparent 64%,#000 66%);mask:radial-gradient(circle,transparent 64%,#000 66%);animation:llPulse 2.6s ease-in-out infinite;opacity:.9}@keyframes llSpin{to{transform:rotate(360deg)}}@keyframes llSpinReverse{to{transform:rotate(-360deg)}}@keyframes llPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 14px rgba(52,214,255,.22))}50%{transform:scale(1.02);filter:drop-shadow(0 0 26px rgba(255,79,216,.18))}}.ll-cityGlow{position:absolute;left:50%;bottom:-26px;transform:translate(-50%);width:340px;height:90px;background:radial-gradient(160px 60px at 50% 40%,rgba(52,214,255,.18),transparent 70%),radial-gradient(220px 90px at 60% 70%,rgba(255,79,216,.1),transparent 70%);filter:blur(2px);opacity:.85}.ll-options{margin:14px auto 0;width:82%;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffd1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ll-chevron{opacity:.8;font-size:18px;margin-left:2px}.ll-mic{opacity:.9}.ll-footer{position:absolute;left:0;right:0;bottom:0;padding:18px 18px 22px}.ll-wave{position:absolute;left:-30%;right:-30%;top:-22px;height:70px;background:radial-gradient(closest-side at 30% 60%,rgba(52,214,255,.18),transparent 65%),radial-gradient(closest-side at 60% 40%,rgba(255,79,216,.14),transparent 65%),radial-gradient(closest-side at 80% 65%,rgba(165,107,255,.14),transparent 65%);filter:blur(10px);opacity:.85;animation:llWave 6s ease-in-out infinite;pointer-events:none}@keyframes llWave{0%,to{transform:translate(0)}50%{transform:translate(5%)}}.ll-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;position:relative;z-index:2}.ll-btn{pointer-events:auto!important;cursor:pointer!important;position:relative;border:none;outline:none;cursor:pointer;border-radius:999px;color:var(--txt);background:#ffffff0d;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 45px #0000008c;transition:transform .15s ease,filter .15s ease}.ll-btn:active{transform:scale(.98)}.ll-btn:hover{filter:brightness(1.07)}.ll-btn--decline,.ll-btn--accept{width:132px;height:132px;display:grid;place-items:center;padding-top:6px}.ll-btn--center{width:74px;height:74px;display:grid;place-items:center;align-self:center;opacity:.95}.ll-btnRing{content:"";position:absolute;inset:-10px;border-radius:50%;background:conic-gradient(from 90deg,#fff0,#fff3,#fff0);-webkit-mask:radial-gradient(circle,transparent 62%,#000 64%);mask:radial-gradient(circle,transparent 62%,#000 64%);opacity:.55;animation:llSpin 9s linear infinite;pointer-events:none}.ll-btn--decline{box-shadow:0 18px 45px #0000008c,0 0 0 1px #ffffff0f,0 0 34px #ff3b3b2e}.ll-btn--decline:before{content:"";position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff26,#ff3b3b40 55%,#0000);opacity:.95;pointer-events:none}.ll-btn--accept{box-shadow:0 18px 45px #0000008c,0 0 0 1px #ffffff0f,0 0 34px #36ff9a2e}.ll-btn--accept:before{content:"";position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff26,#36ff9a38 55%,#0000);opacity:.95;pointer-events:none}.ll-btnIcon{font-size:34px;filter:drop-shadow(0 0 10px rgba(255,255,255,.22));transform:translateY(2px)}.ll-btn--center .ll-btnIcon{font-size:26px;transform:none;opacity:.95}.ll-btnLabel{margin-top:10px;font-size:16px;font-weight:700;letter-spacing:.3px;opacity:.92;text-shadow:0 0 16px rgba(255,255,255,.12)}.ll-btn--decline .ll-btnLabel,.ll-btn--accept .ll-btnLabel{color:#ffffffeb}@media(max-width:420px){.ll-name{font-size:38px}.ll-avatarWrap{width:240px;height:240px}.ll-btn--decline,.ll-btn--accept{width:122px;height:122px}}@supports (-webkit-touch-callout: none){.ll-call{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;touch-action:manipulation;-ms-touch-action:manipulation}.ll-phone{-webkit-transform:translateZ(0);transform:translateZ(0)}.ll-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}}@supports (padding: max(0px)){.ll-call{padding-top:max(env(safe-area-inset-top),0px);padding-bottom:max(env(safe-area-inset-bottom),0px);padding-left:max(env(safe-area-inset-left),0px);padding-right:max(env(safe-area-inset-right),0px)}}.ll-callRoot{position:relative;width:100vw;height:100vh;overflow:hidden;transition:background .8s ease}.ll-callRoot.is-incoming{background:radial-gradient(circle at center,#0b1333,#02030a)}.ll-callRoot.is-incall{background:#000}.is-incoming .ll-avatarWrap{transform:scale(1);opacity:1;filter:blur(0)}.is-incall .ll-avatarWrap{transform:scale(3.5);opacity:0;filter:blur(30px);transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .5s ease,filter .8s ease}.is-incall .ll-ring{opacity:0;transform:scale(1.6) rotate(90deg);filter:blur(20px);transition:all .7s ease}.is-incall .ll-btn{opacity:0;transform:translateY(40px) scale(.9);filter:blur(12px);transition:all .5s ease}.ll-remoteVideo{opacity:0;transition:opacity .6s ease .25s}.is-incall .ll-remoteVideo{opacity:1}.ll-videoTop,.ll-videoControls{opacity:0;transform:translateY(12px);transition:all .5s ease .4s}.is-incall .ll-videoTop,.is-incall .ll-videoControls{opacity:1;transform:translateY(0)}:root{--cyan:#34d6ff;--violet:#a56bff;--pink:#ff4fd8;--red:#ff3b3b;--glass: rgba(255,255,255,.08)}.ll-videoCall{position:fixed;inset:0;width:100vw;height:100vh;height:-webkit-fill-available;background:#000;overflow:hidden;z-index:99999;font-family:system-ui,-apple-system,Segoe UI,Roboto;-webkit-overflow-scrolling:touch;touch-action:manipulation;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);isolation:isolate}.ll-remoteVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.05)}.ll-videoVignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 55%,rgba(0,0,0,.55) 100%);pointer-events:none}.ll-videoNoise{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 2px,transparent 4px);opacity:.12;pointer-events:none}.ll-videoTop{position:absolute;top:0;left:0;right:0;padding:18px 20px 18px 70px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);z-index:10;padding-top:max(18px,env(safe-area-inset-top));pointer-events:none}.ll-videoTop>*{pointer-events:auto}.ll-profileArrow{position:fixed!important;top:20px!important;left:20px!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:red!important;border:3px solid #fff!important;border-radius:50%!important;color:#fff!important;font-size:30px!important;font-weight:700!important;cursor:pointer!important;z-index:999999!important;transition:all .2s ease;box-shadow:0 0 20px red!important;line-height:1!important;padding:0!important;margin:0!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;-webkit-tap-highlight-color:transparent}.ll-profileArrow:hover{background:#c00!important;transform:scale(1.1)}.ll-profileArrow:active{transform:scale(.95);background:#900!important}.ll-videoUser{color:#fff;flex:1;margin-left:52px;text-align:center}.ll-videoName{font-size:22px;font-weight:800;text-shadow:0 0 16px rgba(52,214,255,.35)}.ll-videoStatus{font-size:14px;opacity:.8}.ll-videoTimer{font-size:16px;font-weight:700;color:var(--cyan);text-shadow:0 0 12px rgba(52,214,255,.5)}.ll-selfView{position:absolute;right:18px;bottom:120px;width:110px;height:160px;border-radius:18px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 30px #0009,0 0 25px #34d6ff40;z-index:10}.ll-selfView video{width:100%;height:100%;object-fit:cover}.ll-selfGlow{position:absolute;inset:-6px;border-radius:20px;background:linear-gradient(135deg,#34d6ff59,#a56bff40,#ff4fd840);opacity:.6;pointer-events:none}.ll-videoControls{position:absolute;left:0;right:0;bottom:0;padding:22px 26px 34px;display:flex;justify-content:center;gap:28px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.ll-vbtn{width:70px;height:70px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:var(--glass);color:#fff;font-size:26px;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px #0000008c,inset 0 0 18px #ffffff14;transition:transform .15s ease,filter .15s ease}.ll-vbtn:hover{transform:scale(1.05);filter:brightness(1.1)}.ll-vbtn:active{transform:scale(.95)}.ll-vbtn--mute{box-shadow:0 0 22px #34d6ff40}.ll-vbtn--camera{box-shadow:0 0 22px #a56bff40}.ll-vbtn--hangup{background:radial-gradient(circle at 35% 30%,#fff3,#ff3b3b99);box-shadow:0 0 30px #ff3b3b73}@media(max-width:768px){.ll-selfView{width:90px;height:130px;right:15px;bottom:100px}.ll-vbtn{width:60px;height:60px;font-size:22px}.ll-videoControls{gap:20px;padding:18px 20px 28px;padding-bottom:max(28px,env(safe-area-inset-bottom))}}@supports (-webkit-touch-callout: none){.ll-videoCall{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;touch-action:manipulation;-ms-touch-action:manipulation}.ll-vbtn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.ll-remoteVideo,.ll-selfView video{-webkit-transform:translateZ(0);transform:translateZ(0)}}@supports (padding: max(0px)){.ll-videoCall{padding-top:max(env(safe-area-inset-top),0px);padding-bottom:max(env(safe-area-inset-bottom),0px);padding-left:max(env(safe-area-inset-left),0px);padding-right:max(env(safe-area-inset-right),0px)}.ll-videoTop{padding-top:max(18px,env(safe-area-inset-top))}.ll-videoControls{padding-bottom:max(34px,env(safe-area-inset-bottom))}}.ll-cameraOff{position:absolute;inset:0;display:grid;place-items:center;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10}.ll-holoAvatar{width:180px;height:180px;border-radius:50%;position:relative;background:radial-gradient(circle at 30% 25%,#ffffff2e,#0003),linear-gradient(180deg,#34d6ff40,#a56bff40);box-shadow:0 0 60px #34d6ff73,inset 0 0 30px #ffffff1f;animation:holoFloat 3s ease-in-out infinite;display:grid;place-items:center;overflow:hidden}.ll-holoAvatar img{width:100%;height:100%;object-fit:cover}.ll-holoScan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(52,214,255,.45) 50%,transparent 100%);animation:holoScan 2.4s linear infinite;mix-blend-mode:screen;pointer-events:none}.ll-holoFace{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.25),transparent 60%);opacity:.85;display:grid;place-items:center;font-size:3rem;font-weight:700;color:#ffffffe6}.ll-holoRing{position:absolute;width:260px;height:260px;border-radius:50%;background:conic-gradient(#34d6ff00,#34d6ff99,#a56bff66,#34d6ff00);-webkit-mask:radial-gradient(circle,transparent 60%,black 62%);mask:radial-gradient(circle,transparent 60%,black 62%);animation:spin 6s linear infinite;pointer-events:none}.ll-holoRing.inner{width:220px;height:220px;animation-direction:reverse}.ll-holoLabel{margin-top:22px;color:#ffffffbf;letter-spacing:.6px;font-size:14px}@keyframes holoScan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes holoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spin{to{transform:rotate(360deg)}}.ll-audioWave{position:absolute;bottom:120px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:flex-end;z-index:10;pointer-events:none}.ll-audioWave span{width:6px;height:20px;border-radius:4px;background:linear-gradient(180deg,#34d6ff,#ff4fd8);animation:wave 1.1s ease-in-out infinite;box-shadow:0 0 8px #34d6ff80}.ll-audioWave span:nth-child(2){animation-delay:.1s}.ll-audioWave span:nth-child(3){animation-delay:.2s}.ll-audioWave span:nth-child(4){animation-delay:.3s}.ll-audioWave span:nth-child(5){animation-delay:.4s}@keyframes wave{0%,to{height:14px;opacity:.5}50%{height:42px;opacity:1}}.ll-videoCall{--emotion:#34d6ff}.ll-emotionGlow{position:absolute;inset:-20%;background:radial-gradient(circle at center,var(--emotion),transparent 65%);opacity:.22;filter:blur(40px);animation:emotionPulse 2.8s ease-in-out infinite;pointer-events:none;z-index:1}@keyframes emotionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.ll-voiceParticles{position:absolute;bottom:90px;left:50%;transform:translate(-50%);width:240px;height:120px;pointer-events:none;display:flex;justify-content:space-between;align-items:flex-end;z-index:5}.ll-voiceParticles span{width:6px;height:6px;border-radius:50%;background:var(--emotion,#34d6ff);opacity:.6;animation:voiceParticle 1.6s ease-out infinite;filter:drop-shadow(0 0 8px var(--emotion))}.ll-voiceParticles span:nth-child(1){animation-delay:0s}.ll-voiceParticles span:nth-child(2){animation-delay:.12s}.ll-voiceParticles span:nth-child(3){animation-delay:.24s}.ll-voiceParticles span:nth-child(4){animation-delay:.36s}.ll-voiceParticles span:nth-child(5){animation-delay:.48s}.ll-voiceParticles span:nth-child(6){animation-delay:.6s}.ll-voiceParticles span:nth-child(7){animation-delay:.72s}.ll-voiceParticles span:nth-child(8){animation-delay:.84s}.ll-voiceParticles span:nth-child(9){animation-delay:.96s}.ll-voiceParticles span:nth-child(10){animation-delay:1.08s}@keyframes voiceParticle{0%{transform:translateY(0) scale(.6);opacity:.2}40%{opacity:1}to{transform:translateY(-80px) scale(1.4);opacity:0}}:root{--color-deep-blue: #0a1628;--color-dark-blue: #0f1e3d;--color-medium-blue: #1a2f5c;--color-bright-blue: #2a4a7a;--color-light-blue: #3d6ba3;--color-neon-blue: #00d4ff;--color-accent: #4a9eff;--text-primary: #ffffff;--text-secondary: #b0b8c4;--text-muted: #6b7280;--bg-primary: var(--color-deep-blue);--bg-secondary: var(--color-dark-blue);--bg-overlay: rgba(10, 22, 40, .9);--overlay-dark: rgba(0, 0, 0, .6);--overlay-medium: rgba(0, 0, 0, .4);--overlay-light: rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;touch-action:pan-y pan-x;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;background:var(--bg-primary);color:var(--text-primary);font-size:1.5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--color-medium-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-bright-blue)}*{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}*{-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior-y:none;overscroll-behavior-x:none;overscroll-behavior:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img,video{touch-action:pan-y;-webkit-user-drag:none;user-drag:none}a,button,[role=button]{touch-action:manipulation}@keyframes aura-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes aura-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes power-pulse{0%,to{box-shadow:0 0 20px #00cfff4d}50%{box-shadow:0 0 40px #00cfff99,0 0 60px #7afb4c66}}.team-card-hologram{position:relative;overflow:hidden}.team-card-hologram:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(0,207,255,.1) 50%,transparent 70%);animation:aura-rotate 10s linear infinite;pointer-events:none}.team-card-hologram:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,207,255,.1) 0%,transparent 70%);animation:aura-pulse 3s ease-in-out infinite;pointer-events:none}.team-aura-ring{position:relative;width:120px;height:120px;border-radius:50%;border:3px solid;animation:power-pulse 2s ease-in-out infinite}.team-aura-ring:before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid;opacity:.5;animation:aura-rotate 8s linear infinite}.team-aura-ring:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid;opacity:.3;animation:aura-rotate 12s linear infinite reverse}.team-power-bar{position:relative;height:8px;background:#0000004d;border-radius:4px;overflow:hidden}.team-power-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes spin{0%{transform:rotate(45deg)}to{transform:rotate(405deg)}}.team-badge-glow{position:relative;transition:all .3s ease}.team-badge-glow:hover{transform:scale(1.1);filter:drop-shadow(0 0 20px currentColor)}.team-badge-glow:before{content:"";position:absolute;inset:-5px;border-radius:inherit;background:inherit;opacity:.5;filter:blur(10px);z-index:-1}.team-stats-card{position:relative;background:linear-gradient(135deg,#0006,#0003);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,207,255,.3);transition:all .3s ease}.team-stats-card:hover{border-color:#00cfff99;box-shadow:0 0 30px #00cfff4d;transform:translateY(-2px)}.team-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,207,255,.8),transparent);animation:shimmer 3s linear infinite}.team-member-card{position:relative;transition:all .3s ease}.team-member-card:hover{transform:translateY(-4px)}.team-member-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at center,rgba(0,207,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.team-member-card:hover:after{opacity:1}.team-mission-card{position:relative;background:linear-gradient(135deg,#0006,#0003);border:1px solid rgba(122,251,76,.3);transition:all .3s ease}.team-mission-card:hover{border-color:#7afb4c99;box-shadow:0 0 20px #7afb4c33}.team-challenge-badge{position:relative;display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#00cfff33,#7afb4c33);border:1px solid rgba(0,207,255,.5);border-radius:9999px;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;animation:power-pulse 2s ease-in-out infinite}@media(max-width:768px){.team-aura-ring{width:80px;height:80px}}.holo{background:linear-gradient(135deg,#00ffff4d,#0064ff1a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,255,255,.3);box-shadow:0 0 20px #00ffff4d}.holo-glow{box-shadow:0 0 30px #00eaff80,0 0 60px #00eaff4d,0 0 90px #00eaff1a}.holo-border{border:2px solid rgba(0,234,255,.5);box-shadow:inset 0 0 20px #00eaff33,0 0 20px #00eaff4d}.glass-panel{background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,234,255,.3);border-radius:1rem}.glass-panel-light{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,234,255,.2)}.floating-btn{background:#00eaff33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,234,255,.4);border-radius:50%;box-shadow:0 4px 20px #00eaff4d;transition:all .3s ease}.floating-btn:hover{background:#00eaff66;transform:scale(1.1) translateY(-2px);box-shadow:0 6px 30px #00eaff80}.neon-text{color:#00eaff;text-shadow:0 0 10px rgba(0,234,255,.8),0 0 20px rgba(0,234,255,.6),0 0 30px rgba(0,234,255,.4)}.neon-text-pink{color:#f6c;text-shadow:0 0 10px rgba(255,102,204,.8),0 0 20px rgba(255,102,204,.6)}@keyframes holo-pulse{0%,to{box-shadow:0 0 20px #00eaff4d}50%{box-shadow:0 0 40px #00eaff99}}.holo-pulse{animation:holo-pulse 2s ease-in-out infinite}@keyframes holo-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.holo-shimmer{background:linear-gradient(90deg,#00eaff1a,#00eaff4d,#00eaff1a);background-size:200% 100%;animation:holo-shimmer 3s ease-in-out infinite}:root{--color-deep-blue: #0a0e27;--color-dark-blue: #0d1117;--color-medium-blue: #1a1f27;--color-bright-blue: #2a3441;--color-neon-blue: #00eaff;--color-accent: #00d4e6;--color-pink: #ff66cc;--color-gold: #ffd700}.bg-holo{background:linear-gradient(135deg,#00ffff1a,#0064ff0d)}.border-holo{border:1px solid rgba(0,234,255,.4)}.text-holo{color:#00eaff}.shadow-holo{box-shadow:0 0 20px #00eaff4d}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-deep-blue);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-dark-blue)}::-webkit-scrollbar-thumb{background:#00eaff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00eaff80}::selection{background:#00eaff4d;color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a1628;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-deep-blue: #0a0e27;--color-dark-blue: #0d1117;--color-medium-blue: #1a1f27;--color-bright-blue: #2a3441;--color-neon-blue: #00eaff;--color-accent: #00d4e6;--color-pink: #ff66cc;--color-gold: #ffd700;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--ios-extra-bottom: 0px}.ios-device{--ios-extra-bottom: 68px}.safe-bottom{padding-bottom:calc(var(--safe-bottom) + 8px)!important}html,body{margin:0;padding:0;height:100%;background:#000;overscroll-behavior:none;overscroll-behavior-y:none;overscroll-behavior-x:none}.safe-area-top{padding-top:env(safe-area-inset-top)}.page-wrapper{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);min-height:calc(100vh - env(safe-area-inset-bottom));box-sizing:border-box}html{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}body{display:block;min-width:320px;min-height:100vh;-webkit-overflow-scrolling:touch;overscroll-behavior:none;overflow-x:hidden;touch-action:pan-y pan-x;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#root{width:100%;min-height:100vh;touch-action:pan-y pan-x;-webkit-user-select:none;user-select:none;overscroll-behavior-y:none;overscroll-behavior-x:none;-webkit-tap-highlight-color:transparent;position:relative;-webkit-overflow-scrolling:touch}