.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)}.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:100vh;background:var(--bg-primary);padding-bottom:80px}.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)}.live-grid-container{position:relative;width:100%;height:100%;overflow:hidden;background:transparent;border-radius:18px;z-index:5}.video-main-container{position:relative;width:100%;height:100%;z-index:5;background:transparent}.video-main{position:relative;width:100%;height:100%;object-fit:cover;z-index:5;background:transparent!important;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important;visibility:visible!important;display:block!important}.video-thumb-container{position:absolute;width:25%;min-width:120px;max-width:200px;aspect-ratio:16 / 9;border-radius:12px;box-shadow:0 4px 12px #00000080;z-index:10;overflow:hidden;background:transparent}.video-thumb{position:relative;width:100%;height:100%;object-fit:cover;border-radius:12px;z-index:3}.video-overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:4;display:flex;align-items:center;gap:.5rem}.video-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.video-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.video-name{color:#fff;font-weight:600;font-size:14px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.video-thumb-overlay{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);z-index:4}.video-thumb-name{color:#fff;font-weight:500;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.video-thumb-container{width:30%;min-width:100px;max-width:150px}.video-thumb-container{bottom:calc(1rem + var(--index, 0) * 26%)}}.video-main,.video-thumb{-webkit-playsinline:true;playsinline:true;webkit-playsinline:true}@media(hover:hover){.video-thumb-container:hover{transform:scale(1.05);box-shadow:0 6px 16px #0009;transition:transform .2s,box-shadow .2s}}.live-grid-container.admin-grid{position:relative;width:100%;height:100%;overflow:hidden}.admin-grid-slot{position:absolute;border-radius:8px;overflow:hidden;background:#0000004d;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.admin-grid-slot.empty{border:2px dashed rgba(255,255,255,.3);background:#0000001a;display:flex;align-items:center;justify-content:center}.admin-grid-slot.empty:hover{border-color:#ffffff80;background:#0003}.admin-grid-slot.occupied{border-color:#fff6}.admin-grid-slot.host-slot{border-color:#007bff99;box-shadow:0 0 20px #007bff4d}.admin-grid-slot-content{position:relative;width:100%;height:100%}.admin-grid-slot-video{width:100%;height:100%;object-fit:cover;border-radius:8px}.admin-grid-slot-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.admin-grid-slot-invite,.admin-grid-slot-placeholder{width:60px;height:60px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff9;cursor:pointer;transition:all .3s ease}.admin-grid-slot-invite:hover{background:#fff3;border-color:#ffffff80;color:#ffffffe6;transform:scale(1.1)}.admin-grid-slot-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:.5rem;display:flex;align-items:center;gap:.5rem}.admin-grid-slot-avatar,.admin-grid-slot-avatar-placeholder{width:24px;height:24px;border-radius:50%;object-fit:cover}.admin-grid-slot-avatar-placeholder{background:#fff3;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.admin-grid-slot-name{font-size:.75rem;color:#fff;font-weight:500}.admin-grid-slot-remove{position:absolute;top:.25rem;right:.25rem;width:24px;height:24px;border-radius:50%;background:#dc3545cc;border:none;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:20}.admin-grid-slot-remove:hover{background:#dc3545;transform:scale(1.1)}.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 1rem 1.5rem;max-width:100%;width:100%;max-height:50vh;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:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.gift-picker-header h3{font-size:1.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:.9rem;margin:0}.gift-picker-close{position:static;width:36px;height:36px;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;margin-left:auto}.gift-picker-close:hover{background:#ff44444d;border-color:#ff444480;transform:rotate(90deg)}.gift-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;overflow-y:auto;overflow-x:hidden;max-height:calc(50vh - 120px);padding-right:.5rem;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:rgba(0,207,255,.6) rgba(0,0,0,.1)}.gift-picker-grid::-webkit-scrollbar{width:4px}.gift-picker-grid::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.gift-picker-grid::-webkit-scrollbar-thumb{background:#00cfff99;border-radius:10px}.gift-picker-grid::-webkit-scrollbar-thumb:hover{background:#00cfffcc}.gift-picker-grid::-webkit-scrollbar{width:6px}.gift-picker-grid::-webkit-scrollbar-track{background:#0003;border-radius:10px}.gift-picker-grid::-webkit-scrollbar-thumb{background:#00cfff80;border-radius:10px}.gift-picker-grid::-webkit-scrollbar-thumb:hover{background:#00cfffb3}.gift-picker-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .25rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;min-height:auto;position:relative}.gift-picker-item:hover{background:#00cfff33;border-color:#00cfff99;transform:translateY(-4px) scale(1.05);box-shadow:0 0 20px #00cfff66}.gift-picker-item.selected{background:#00cfff4d;border-color:#00cfffcc;box-shadow:0 0 25px #00cfff99;transform:scale(1.1)}.gift-emoji{font-size:1.8rem;filter:drop-shadow(0 0 8px rgba(0,207,255,.5));transition:all .3s}.gift-picker-item:hover .gift-emoji{transform:scale(1.2) rotate(10deg)}.gift-picker-video{width:100%;height:50px;object-fit:cover;border-radius:8px;margin-bottom:.25rem;background:#0000004d}.gift-picker-item.has-video{border:2px solid #FF006E;box-shadow:0 0 15px #ff006e80}.gift-price{font-size:.65rem;color:gold;font-weight:700;margin-top:.1rem;display:flex;align-items:center;justify-content:center;gap:.2rem}.gift-video-badge{position:absolute;top:4px;right:4px;font-size:.7rem;background:#ff006ee6;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.gift-icon{font-size:2rem}.gift-name{color:#fffffff2;font-size:.7rem;font-weight:600;text-align:center;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}@media(max-width:768px){.gift-picker-modal{max-height:60vh;padding:1rem}.gift-picker-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;max-height:calc(60vh - 100px)}.gift-emoji{font-size:1.5rem}.gift-picker-video{height:45px}.gift-picker-header h3{font-size:1rem}}@media(max-width:420px){.gift-emoji{font-size:1.2rem}.gift-picker-video{height:35px}}@media(min-width:1200px){.gift-emoji{font-size:2rem}}.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}.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}.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}}.guest-request-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#00e5ff33,#7a5fff33);border:1px solid rgba(0,229,255,.4);border-radius:999px;color:#eaf9ff;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 10px #00e5ff33}.guest-request-button:hover:not(:disabled){background:linear-gradient(135deg,#00e5ff4d,#7a5fff4d);border-color:#00e5ff99;box-shadow:0 0 16px #00e5ff66;transform:translateY(-2px)}.guest-request-button:disabled{opacity:.7;cursor:not-allowed}.guest-request-button.sent{background:linear-gradient(135deg,#fa03,#ffc80033);border-color:#fa06;box-shadow:0 0 10px #fa03}.guest-request-button.denied{background:linear-gradient(135deg,#f443,#ff646433);border-color:#f446;box-shadow:0 0 10px #f443}.guest-request-button .icon{font-size:18px;filter:drop-shadow(0 0 4px currentColor)}.guest-request-icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:linear-gradient(135deg,#00e5ff33,#7a5fff33);border:1px solid rgba(0,229,255,.4);border-radius:50%;color:#eaf9ff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 10px #00e5ff33}.guest-request-icon-button:hover:not(:disabled){background:linear-gradient(135deg,#00e5ff4d,#7a5fff4d);border-color:#00e5ff99;box-shadow:0 0 16px #00e5ff66;transform:translateY(-2px)}.guest-request-icon-button:disabled{opacity:.7;cursor:not-allowed}.guest-request-icon-button.sent{background:linear-gradient(135deg,#fa03,#ffc80033);border-color:#fa06;box-shadow:0 0 10px #fa03}.guest-request-icon-button.denied{background:linear-gradient(135deg,#f443,#ff646433);border-color:#f446;box-shadow:0 0 10px #f443}.guest-request-icon-button .icon{font-size:20px;filter:drop-shadow(0 0 4px currentColor)}.guest-request-notification-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:linear-gradient(135deg,#ffaa004d,#ffc8004d);border:2px solid rgba(255,170,0,.6);border-radius:50%;color:gold;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 15px #fa06;animation:pulse-guest-request 2s infinite}@keyframes pulse-guest-request{0%,to{box-shadow:0 0 15px #fa06}50%{box-shadow:0 0 25px #fa0c}}.guest-request-notification-icon:hover{background:linear-gradient(135deg,#fa06,#ffc80066);border-color:#fa0c;box-shadow:0 0 20px #fa09;transform:translateY(-2px)}.guest-request-notification-icon .icon{font-size:20px;filter:drop-shadow(0 0 4px currentColor)}.guest-request-notification-icon .badge{position:absolute;top:-4px;right:-4px;background:#f44;color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid rgba(0,0,0,.3);box-shadow:0 0 8px #f449;animation:bounce-badge .5s ease}@keyframes bounce-badge{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.chat-container{position:fixed;bottom:env(safe-area-inset-bottom,0);left:0;right:0;width:100%;max-height:30vh;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;flex-direction:column;z-index:1000;pointer-events:none;border-top:1px solid rgba(0,207,255,.3);box-shadow:0 0 12px #00cfff33}.chat-container *{pointer-events:auto}.chat-container.chat-host{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid rgba(0,207,255,.3);box-shadow:0 0 12px #00cfff33}.chat-container.chat-viewer{background:none}.chat-header-viewer{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;backdrop-filter:none;-webkit-backdrop-filter:none}.chat-host-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-neon-blue, #00d4ff);object-fit:cover;transition:all .3s}.chat-avatar-clickable:hover{border-color:var(--color-neon-blue, #00d4ff);box-shadow:0 0 10px #00d4ff80;transform:scale(1.1)}.chat-host-name{color:#fffffff2;font-weight:600;font-size:.75rem}.chat-messages{flex:1;overflow-y:auto;padding:1rem 1rem .5rem;display:flex;flex-direction:column;gap:.5rem;max-height:calc(30vh - 120px);scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.3) transparent}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.chat-message{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem .75rem;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:12px;border:1px solid rgba(255,255,255,.1);max-width:85%;word-wrap:break-word;animation:fadeInUp .4s ease-out;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.chat-message-own{background:none;border-color:#00d4ff66;box-shadow:0 0 10px #00d4ff33;align-self:flex-end;margin-left:auto}.chat-username-host{color:#00cfff;font-weight:600;text-shadow:0 0 8px rgba(0,207,255,.5)}.chat-mention{color:#00cfff;font-weight:600;text-shadow:0 0 8px rgba(0,207,255,.6);animation:mentionPulse 2s ease-in-out infinite}@keyframes mentionPulse{0%,to{text-shadow:0 0 8px rgba(0,207,255,.6);opacity:1}50%{text-shadow:0 0 16px rgba(0,207,255,.9);opacity:.9}}.chat-message-system{background:none;border-color:#00d4ff4d;text-align:center;align-self:center;max-width:90%;animation:fadeInGlow .6s ease-out}.chat-message-temporary{animation:fadeInGlow .6s ease-out,fadeOut .5s ease-out 3.5s forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}@keyframes fadeInGlow{0%{opacity:0;transform:translateY(10px) scale(.95)}50%{box-shadow:0 0 20px #00d4ff66}to{opacity:1;transform:translateY(0) scale(1)}}.chat-message-gift{background:none;border-color:#ffd70066;box-shadow:0 0 15px #ffd7004d}.chat-levi-icon{font-size:1rem;margin-right:.25rem;filter:drop-shadow(0 0 3px rgba(0,212,255,.8))}.chat-username{font-weight:600;color:var(--color-neon-blue, #00d4ff);flex-shrink:0;font-size:.75rem}.chat-username-clickable{transition:all .3s;cursor:pointer!important;-webkit-user-select:none;user-select:none;position:relative;z-index:10}.chat-username-clickable:hover{color:var(--color-neon-blue, #00d4ff);text-shadow:0 0 8px rgba(0,207,255,.8);transform:scale(1.05);text-decoration:underline}.chat-username-own{color:var(--color-neon-blue, #00d4ff);text-shadow:0 0 5px rgba(0,212,255,.5)}.chat-text{color:#fffffff2;word-break:break-word;font-size:.75rem;line-height:1.4}.chat-text-own{color:#fff;text-shadow:0 0 3px rgba(0,212,255,.3)}.chat-text-gift{color:#fff;font-weight:600;text-shadow:0 0 5px rgba(255,215,0,.5)}.chat-message .chat-text{font-size:.75rem}.chat-moderation-badge{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:999px;font-size:11px;line-height:1.2;vertical-align:middle;opacity:.95;border:1px solid rgba(255,255,255,.12)}.chat-moderation-warning{color:#ffd166;background:#ffd16624}.chat-moderation-unsafe{color:#ff4d6d;background:#ff4d6d24}.chat-message .chat-text:has(span.emoji-large){font-size:1.2rem}.chat-gift-animation{position:absolute;top:-20px;right:10px;animation:pawRise 2s ease-out forwards;pointer-events:none}.chat-paw-emoji{font-size:1.5rem;filter:drop-shadow(0 0 5px rgba(0,212,255,.8));animation:pawGlow 1s ease-in-out infinite}@keyframes pawRise{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-30px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(.8)}}@keyframes pawGlow{0%,to{filter:drop-shadow(0 0 5px rgba(0,212,255,.8))}50%{filter:drop-shadow(0 0 15px rgba(0,212,255,1))}}.chat-like-animation{position:absolute;bottom:60px;right:20px;font-size:2rem;animation:likePulse 2s ease-out forwards;pointer-events:none;z-index:1001;filter:drop-shadow(0 0 10px rgba(0,212,255,.8))}@keyframes likePulse{0%{opacity:1;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.chat-input-form{display:flex;flex-direction:column;padding:.75rem 1rem;gap:.5rem;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid rgba(0,212,255,.2);transition:all .3s}.chat-input-form.chat-input-disabled{opacity:.5;pointer-events:none;filter:blur(2px)}.chat-input-wrapper{display:flex;gap:.5rem;align-items:center}.chat-input{flex:1;padding:.75rem 1rem;background:#ffffff1a;border:2px solid rgba(0,212,255,.3);border-radius:25px;color:#fff;font-size:.75rem;outline:none;transition:all .3s}.chat-input:focus{background:#ffffff26;border-color:var(--color-neon-blue, #00d4ff);box-shadow:0 0 15px #00d4ff66}.chat-input::placeholder{color:#fff9}.chat-input-icons{display:flex;gap:.5rem;align-items:center}.chat-icon-button{width:40px;height:40px;background:#00d4ff26;border:2px solid rgba(0,212,255,.3);border-radius:50%;color:var(--color-neon-blue, #00d4ff);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.chat-icon-button:hover{background:#00d4ff40;border-color:var(--color-neon-blue, #00d4ff);box-shadow:0 0 10px #00d4ff66;transform:scale(1.1)}.chat-like-button{animation:likeButtonPulse 2s ease-in-out infinite}@keyframes likeButtonPulse{0%,to{box-shadow:0 0 5px #00d4ff4d}50%{box-shadow:0 0 15px #00d4ff99}}.chat-send-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-neon-blue, #00d4ff),var(--color-accent, #0066ff));border:none;border-radius:25px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap;flex-shrink:0}.chat-send-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff66}.chat-send-button:active{transform:translateY(0)}.host-tools-button-inline,.viewer-tools-button-inline{width:44px;height:44px;background:#00d4ff33;border:2px solid var(--color-neon-blue, #00d4ff);border-radius:50%;color:var(--color-neon-blue, #00d4ff);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.host-tools-button-inline:hover,.viewer-tools-button-inline:hover{background:#00d4ff4d;transform:scale(1.1);box-shadow:0 0 10px #00d4ff66}.chat-emoji-picker{display:flex;gap:.5rem;padding:.5rem;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(0,212,255,.3);flex-wrap:wrap;max-width:300px;animation:fadeInUp .3s ease-out}.chat-emoji-button{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-emoji-button:hover{background:#00d4ff33;border-color:var(--color-neon-blue, #00d4ff);transform:scale(1.2);filter:drop-shadow(0 0 5px rgba(0,212,255,.8))}.chat-gift-picker{display:flex;gap:.5rem;padding:.5rem;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,215,0,.3);flex-wrap:wrap;max-width:400px;animation:fadeInUp .3s ease-out}.chat-gift-button{padding:.5rem 1rem;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:8px;color:#fff;font-size:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.chat-gift-button:hover{background:#ffd70040;border-color:#ffd70099;transform:scale(1.05);box-shadow:0 0 10px #ffd70066}.chat-message-like-session{font-size:1.3rem;font-weight:600;padding:1rem 1.5rem;background:none;border:2px solid rgba(0,212,255,.5);box-shadow:0 0 25px #00d4ff66;animation:likeSessionZoom .8s cubic-bezier(.34,1.56,.64,1) forwards;z-index:1002;position:relative}@keyframes likeSessionZoom{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{opacity:1;transform:scale(1.15) translateY(-5px);box-shadow:0 0 40px #00d4ff99}70%{transform:scale(1.05) translateY(0)}to{opacity:1;transform:scale(1) translateY(0);box-shadow:0 0 25px #00d4ff66}}.chat-clap-animation{position:absolute;right:-15px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1003}.chat-clap-emoji{font-size:1.8rem;display:inline-block;animation:clapAnimation .6s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(0,212,255,.8))}@keyframes clapAnimation{0%,to{transform:rotate(-10deg) scale(1)}25%{transform:rotate(10deg) scale(1.1)}50%{transform:rotate(-10deg) scale(1)}75%{transform:rotate(10deg) scale(1.1)}}.chat-host .chat-message{animation:none;background:none;border-color:#ffffff1a}.chat-host .chat-message-own{background:none;border-color:#00d4ff33;box-shadow:none}.chat-host .chat-message-system{background:none;border-color:#00d4ff26;animation:none}.chat-host .chat-gift-animation,.chat-host .chat-like-animation,.chat-host .chat-clap-animation{display:none}@media(max-width:768px){.chat-container{max-height:40vh}.chat-messages{max-height:calc(40vh - 120px)}.chat-input-wrapper{flex-wrap:wrap}.chat-input{width:100%;max-width:100%}.chat-input-icons{width:100%;justify-content:space-between}}.host-floating{display:flex;align-items:center;gap:8px;position:fixed;top:env(safe-area-inset-top,8px);left:8px;background:#00000040;border-radius:999px;padding:4px 10px 4px 4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 10px #00e5ff33;transition:all .3s ease;z-index:1001;pointer-events:all;max-width:calc(100vw - 16px)}.host-floating:hover{box-shadow:0 0 16px #00e5ff80;background:#00000059}.host-floating .back-arrow-button{width:28px;height:28px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0;margin-right:4px}.host-floating .back-arrow-button:hover{background:#0009;transform:scale(1.1);border-color:#00e5ff99}.avatar-ring{position:relative;width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0;cursor:pointer;transition:transform .3s ease}.avatar-ring:hover{transform:scale(1.1)}.avatar-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#00e5ff4d,#7a5fff4d);display:flex;align-items:center;justify-content:center;color:#00e5ff;font-weight:700;font-size:16px;text-shadow:0 0 8px rgba(0,229,255,.8)}.aura-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--aura, #00E5FF);box-shadow:0 0 10px var(--aura, #00E5FF),inset 0 0 6px var(--aura, #00E5FF);animation:auraPulse 2.8s infinite ease-in-out;pointer-events:none;transition:box-shadow .3s ease}.aura-ring.aura-hover{animation:auraPulseHover 1.5s infinite ease-in-out;box-shadow:0 0 16px var(--aura, #00E5FF),inset 0 0 8px var(--aura, #00E5FF)}.avatar-ring.pulse .aura-ring{animation:neonPulseLike .8s ease-in-out}@keyframes neonPulseLike{0%{box-shadow:0 0 8px var(--aura, #00E5FF),inset 0 0 2px var(--aura, #00E5FF);opacity:.8}50%{box-shadow:0 0 25px var(--aura, #00E5FF),inset 0 0 8px var(--aura, #00E5FF);opacity:1}to{box-shadow:0 0 8px var(--aura, #00E5FF),inset 0 0 2px var(--aura, #00E5FF);opacity:.8}}@keyframes auraPulse{0%,to{box-shadow:0 0 6px var(--aura, #00E5FF),inset 0 0 3px var(--aura, #00E5FF);opacity:.8}50%{box-shadow:0 0 14px var(--aura, #00E5FF),inset 0 0 6px var(--aura, #00E5FF);opacity:1}}@keyframes auraPulseHover{0%,to{box-shadow:0 0 12px var(--aura, #00E5FF),inset 0 0 6px var(--aura, #00E5FF);opacity:.9}50%{box-shadow:0 0 20px var(--aura, #00E5FF),inset 0 0 10px var(--aura, #00E5FF);opacity:1}}.host-meta{display:flex;flex-direction:column;line-height:1.1;gap:2px}.host-name{color:#fff;font-weight:600;font-size:14px;text-shadow:0 0 6px rgba(0,229,255,.3);cursor:pointer;transition:color .3s ease;white-space:nowrap;position:relative;overflow:hidden}.host-name:hover{color:var(--aura, #00E5FF);text-shadow:0 0 10px var(--aura, #00E5FF)}.host-name .beam{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,229,255,.7),transparent);transform:translate(-120%);filter:blur(2px);opacity:0;pointer-events:none;z-index:1}.rank-pill{background:linear-gradient(90deg,#00e5ff40,#7a5fff40);border:1px solid var(--aura, #00E5FF);color:#eaf9ff;font-size:10px;padding:2px 6px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;box-shadow:0 0 4px #00e5ff33;transition:all .3s ease;width:fit-content}.rank-pill:hover{box-shadow:0 0 8px var(--aura, #00E5FF);background:linear-gradient(90deg,#00e5ff59,#7a5fff59)}.rank-icon{font-size:10px;line-height:1}.rank-name{font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:9px}.rank-number{color:var(--aura, #00E5FF);font-weight:700;font-size:10px;margin-left:2px}.rank-change{margin-left:4px;padding:1px 4px;border-radius:8px;font-size:8px;font-weight:700;animation:rankChangePulse 1s ease-in-out}.rank-change.improved{background:#7afb4c4d;color:#7afb4c;border:1px solid rgba(122,251,76,.5)}.rank-change.declined{background:#ff3e3e4d;color:#ff3e3e;border:1px solid rgba(255,62,62,.5)}@keyframes rankChangePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.host-stats{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:8px;border-left:1px solid rgba(255,255,255,.2)}.stat-item{display:flex;align-items:center;gap:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;background:#0000004d;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stat-item svg{width:14px;height:14px;color:#00e5ffcc}.stat-item.likes .heart-icon{font-size:12px;line-height:1}.stat-item:hover{background:#00000080}@media(max-width:768px){.host-floating{top:env(safe-area-inset-top,4px);left:4px;padding:3px 8px 3px 3px;gap:6px;max-width:calc(100vw - 8px)}.avatar-ring{width:28px;height:28px}.avatar-placeholder{font-size:14px}.host-name{font-size:12px}.rank-pill{font-size:9px;padding:1px 5px}.rank-name{font-size:8px}.rank-number{font-size:9px}.host-stats{gap:6px}.stat-item{font-size:10px;padding:1px 5px}.stat-item svg{width:12px;height:12px}}.likes-500-effect{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;pointer-events:none;animation:likes500FadeIn .5s ease-out,likes500FadeOut .5s ease-in 2.5s forwards}.likes-500-heart{font-size:120px;text-align:center;filter:drop-shadow(0 0 30px #FF006E);animation:likes500HeartPulse .6s ease-in-out infinite;position:relative;z-index:2}.likes-500-rays{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;z-index:1}.likes-500-rays .ray{position:absolute;top:50%;left:50%;width:4px;height:100px;background:linear-gradient(to bottom,var(--aura, #00E5FF),transparent);transform-origin:top center;opacity:.8;animation:likes500RayRotate 2s linear infinite}.likes-500-rays .ray-1{transform:translate(-50%,-50%) rotate(0)}.likes-500-rays .ray-2{transform:translate(-50%,-50%) rotate(45deg)}.likes-500-rays .ray-3{transform:translate(-50%,-50%) rotate(90deg)}.likes-500-rays .ray-4{transform:translate(-50%,-50%) rotate(135deg)}.likes-500-rays .ray-5{transform:translate(-50%,-50%) rotate(180deg)}.likes-500-rays .ray-6{transform:translate(-50%,-50%) rotate(225deg)}.likes-500-rays .ray-7{transform:translate(-50%,-50%) rotate(270deg)}.likes-500-rays .ray-8{transform:translate(-50%,-50%) rotate(315deg)}@keyframes likes500FadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes likes500FadeOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes likes500HeartPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 30px #FF006E)}50%{transform:scale(1.15);filter:drop-shadow(0 0 50px #FF006E) drop-shadow(0 0 80px #FF006E)}}@keyframes likes500RayRotate{0%{transform:translate(-50%,-50%) rotate(var(--ray-angle, 0deg));opacity:.8}50%{opacity:1;height:120px}to{transform:translate(-50%,-50%) rotate(calc(var(--ray-angle, 0deg) + 360deg));opacity:.8;height:100px}}.gift-card{background:#0f0f14cc;border:2px solid;border-radius:15px;padding:.5rem 1rem 1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .3s;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gift-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px currentColor}.gift-card.insufficient{opacity:.5;cursor:not-allowed}.gift-card.premium{background:linear-gradient(135deg,#ffd7001a,#ff14931a)}.gift-card-header{display:flex;justify-content:space-between;align-items:center}.gift-category-icon{font-size:1.5rem}.gift-card-preview{position:relative;width:100%;height:120px;margin-top:-.5rem;margin-bottom:.5rem;border-radius:10px;overflow:hidden}.gift-card-video{width:100%;height:100%;object-fit:contain;border-radius:10px;background:transparent;mix-blend-mode:normal}.gift-card-pictogram{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;pointer-events:none;filter:drop-shadow(0 0 15px rgba(0,0,0,.8)) drop-shadow(0 0 5px currentColor);z-index:10;opacity:.9;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.gift-card-icon{font-size:60px;text-align:center;margin:.5rem 0;filter:drop-shadow(0 0 10px currentColor);animation:pulse 2s ease-in-out infinite}.gift-video-badge{font-size:.7rem;color:#ff006e;background:#ff006e33;padding:.2rem .5rem;border-radius:10px;margin-left:.5rem}.gift-premium-badge{background:#ffd70033;color:gold;padding:.2rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,215,0,.3)}.gift-card-name{font-size:1.1rem;font-weight:700;color:#fff;text-shadow:0 0 10px currentColor}.gift-card-description{font-size:.85rem;color:#ffffffb3;flex:1}.gift-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.gift-card-price{display:flex;align-items:baseline;gap:.3rem}.price-value{font-size:1.3rem;font-weight:700;color:#00cfff;font-family:Orbitron,sans-serif}.price-unit{font-size:.9rem;color:#fff9}.gift-card-send-btn{padding:.5rem 1rem;background:#00cfffcc;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.gift-card-send-btn:hover:not(.disabled){background:#00cfff;transform:scale(1.05)}.gift-card-send-btn.disabled{background:#64646480;cursor:not-allowed;opacity:.5}.gift-shop{background:linear-gradient(180deg,#0a0a0f,#151520);border-radius:20px;padding:1rem;max-width:800px;max-height:50vh;overflow-y:auto;color:#fff;margin:0}.gift-shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;border-bottom:2px solid rgba(0,207,255,.2);padding-bottom:.5rem}.gift-shop-title{font-size:1.4rem;font-weight:700;color:#00cfff;margin:0;text-shadow:0 0 15px rgba(0,207,255,.5)}.gift-shop-close{background:none;border:none;color:#ffffffb3;font-size:2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.gift-shop-close:hover{background:#ffffff1a;color:#fff}.gift-shop-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem;background:#00cfff1a;border-radius:12px;border:1px solid rgba(0,207,255,.2)}.gift-shop-balance{display:flex;align-items:center;gap:.5rem}.balance-label{color:#ffffffb3;font-size:.9rem}.balance-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)}.gift-shop-receiver{color:#fffc;font-size:.95rem}.gift-shop-event-banner{background:#ff149333;border:1px solid rgba(255,20,147,.4);border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;text-align:center;color:#ff1493;font-weight:600;animation:pulse 2s ease-in-out infinite}.gift-shop-categories{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.gift-category-btn{padding:.5rem 1rem;background:#0006;border:1px solid rgba(0,207,255,.2);border-radius:8px;color:#fff9;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s}.gift-category-btn:hover{color:#ffffffe6;border-color:#00cfff66}.gift-category-btn.active{background:#00cfff33;color:#00cfff;border-color:#00cfff80;box-shadow:0 0 10px #00cfff4d}.gift-shop-premium-toggle{margin-bottom:1rem;padding:.75rem;background:#ffd7001a;border-radius:10px;border:1px solid rgba(255,215,0,.2)}.gift-shop-premium-toggle label{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.9rem;cursor:pointer}.gift-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.gift-shop-loading,.gift-shop-empty{text-align:center;padding:3rem;color:#ffffffb3}@media(max-width:768px){.gift-shop{padding:1rem;max-height:90vh}.gift-shop-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}}.stream-controls{position:absolute;inset:0;pointer-events:none;z-index:10}.streamer-info-container{position:absolute;top:.5rem;left:1rem;right:1rem;display:flex;align-items:center;gap:.75rem;pointer-events:all;z-index:11}.back-arrow-button{width:36px;height:36px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.back-arrow-button:hover{background:#000000b3;transform:scale(1.1)}.streamer-info{display:flex;align-items:center;gap:.75rem;flex:1;pointer-events:all;position:relative;z-index:12}.streamer-avatar-wrapper{position:relative;cursor:pointer;transition:all .3s;pointer-events:all;z-index:13}.streamer-avatar-wrapper:hover{transform:scale(1.1)}.streamer-avatar-wrapper:hover .streamer-avatar,.streamer-avatar-wrapper:hover .streamer-avatar-placeholder{box-shadow:0 0 20px #00d4ffcc;border-color:#00d4ff}.streamer-avatar,.streamer-avatar-placeholder{width:40px;height:40px;border-radius:50%;border:2px solid rgba(0,212,255,.6);object-fit:cover;background:#0009;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;color:#00d4ff;box-shadow:0 0 10px #00d4ff80;transition:all .3s}.streamer-name-container{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;background:#0006;padding:.5rem 1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);position:relative;transition:all .3s;pointer-events:all;z-index:13}.streamer-rank-wrapper{margin-top:.25rem;width:100%}.streamer-rank-wrapper .live-rank-badge{font-size:.7rem;padding:.25rem .6rem}.streamer-name-container:before{content:"";position:absolute;inset:-2px;border-radius:12px;border:1px solid transparent;background:linear-gradient(90deg,#00d4ff00,#00d4ffcc,#00d4ff00);background-size:200% 100%;animation:border-glow 2s linear infinite;opacity:0;transition:opacity .3s;z-index:-1}.streamer-name-container.liking:before{opacity:1}.streamer-name-container.lightning-active{position:relative;overflow:visible}.lightning-overlay{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:1}.lightning-bolt{position:absolute;width:3px;height:100%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,1),rgba(0,212,255,1),rgba(255,255,255,1),transparent);box-shadow:0 0 10px #fff,0 0 20px #00d4ffcc,0 0 30px #00d4ff99;animation:lightning-flash .3s ease-out;transform-origin:top}@keyframes lightning-flash{0%{opacity:0;transform:scaleY(0)}50%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(.5)}}@keyframes border-glow{0%{background-position:-200% 0}to{background-position:200% 0}}.streamer-name{color:#fff;font-weight:600;font-size:.95rem;text-shadow:0 1px 2px rgba(0,0,0,.8);transition:all .3s;-webkit-user-select:none;user-select:none;pointer-events:all;cursor:pointer;position:relative;z-index:14}.streamer-name:hover{color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.8)}.viewers-count-display{display:flex;flex-direction:column;gap:.5rem;margin-left:auto;flex-shrink:0}.audio-indicator-viewer{position:absolute;top:1rem;right:120px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:18px;transition:all .3s ease;z-index:12;pointer-events:all}.viewers-count-item{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;font-size:.9rem;background:#00000080;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.viewers-count-item svg{color:#ffffffe6}.likes-count-item{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;background:#00000080;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .3s}.likes-count-item.heart-beat{animation:heart-beat-pulse 1s ease-in-out infinite;transform-origin:center}@keyframes heart-beat-pulse{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.2)}75%{transform:scale(1.3)}}.heart-with-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;position:relative}.heart-large{font-size:2rem;line-height:1;animation:heart-beat .8s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,0,110,.8))}@keyframes heart-beat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1.1)}75%{transform:scale(1.2)}}.heart-text{font-size:.5rem;font-weight:700;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.8);letter-spacing:.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap}.likes-number{font-size:.7rem;font-weight:600;color:#ffffffe6;margin-top:.25rem}.like-button{display:none}.paw-print{position:fixed;pointer-events:none;z-index:1000;animation:paw-float 2s ease-out forwards;filter:drop-shadow(0 0 10px rgba(0,212,255,.8));transform-origin:center}@keyframes paw-float{0%{transform:translateY(0) scale(.8) rotate(0);opacity:1}50%{transform:translateY(-50px) scale(1) rotate(10deg);opacity:.8}to{transform:translateY(-100px) scale(.6) rotate(20deg);opacity:0}}.fireworks-overlay{position:absolute;inset:0;pointer-events:none;z-index:999;overflow:hidden}.firework-particle{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#00d4ff,#0096ffcc);box-shadow:0 0 20px #00d4ff,0 0 40px #00d4ffcc,0 0 60px #00d4ff99;animation:firework-explode 1.5s ease-out forwards}@keyframes firework-explode{0%{transform:scale(0) rotate(0);opacity:1}50%{transform:scale(1.5) rotate(180deg);opacity:.8}to{transform:scale(0) rotate(360deg);opacity:0}}@media(max-width:768px){.streamer-info{top:.75rem;left:.75rem;gap:.5rem}.streamer-avatar,.streamer-avatar-placeholder{width:32px;height:32px;font-size:1rem}.streamer-name{font-size:.9rem;padding:.4rem .8rem}.like-progress-container{top:4.5rem;left:.75rem;right:.75rem}.like-button{right:.75rem;bottom:.75rem;padding:.75rem;min-width:60px}}.gift-button{position:fixed;bottom:100px;right:20px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#7afb4ce6,#00cfffe6);border:2px solid rgba(122,251,76,.8);color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #7afb4c66;z-index:1000;transition:all .3s ease;pointer-events:all}.gift-button:hover{transform:scale(1.1);box-shadow:0 6px 30px #7afb4c99}.gift-button:active{transform:scale(.95)}.gift-shop-overlay{position:fixed;top:0!important;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10000;display:block!important;padding:0!important;margin:0!important;pointer-events:all;overflow-y:auto}.gift-shop-modal{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;max-width:95vw;max-height:50vh;overflow:auto;pointer-events:all;margin:0!important;padding:0!important;z-index:10001}.viewer-tools-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center}.viewer-tools-menu{background:#141e32f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,212,255,.3);border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #00d4ff33}.viewer-tools-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,212,255,.2)}.viewer-tools-header h3{color:#00d4ff;font-size:1.5rem;margin:0;font-weight:600}.close-button{background:transparent;border:2px solid rgba(0,212,255,.5);border-radius:50%;width:36px;height:36px;color:#00d4ff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-button:hover{background:#00d4ff33;transform:scale(1.1)}.viewer-tools-content{display:flex;flex-direction:column;gap:1.5rem}.tool-section{display:flex;flex-direction:column;gap:1rem}.tool-section h4{color:#ffffffe6;font-size:1rem;font-weight:600;margin:0}.tool-options{display:flex;flex-direction:column;gap:.75rem}.tool-button{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#00d4ff1a;border:2px solid rgba(0,212,255,.3);border-radius:12px;color:#00d4ff;cursor:pointer;transition:all .3s;font-size:1rem;font-weight:500}.tool-button:hover{background:#00d4ff33;border-color:#00d4ff99;transform:translate(5px)}.tool-button:active{transform:translate(5px) scale(.98)}.tool-button svg{flex-shrink:0}.tool-button.report-button{color:#ff6464;border-color:#ff64644d;background:#ff64641a}.tool-button.report-button:hover{background:#ff646433;border-color:#ff646499}@media(max-width:768px){.viewer-tools-menu{padding:1.5rem;max-width:95%}.viewer-tools-header h3{font-size:1.3rem}.tool-button{padding:.875rem 1.25rem;font-size:.95rem}}.vu-meter-container{position:absolute;bottom:80px;left:20px;background:#001428d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:12px 16px;min-width:200px;z-index:100;border:1px solid rgba(100,150,255,.3);box-shadow:0 4px 20px #0000004d}.vu-meter-label{font-size:12px;color:#8af;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.vu-meter-bar-container{position:relative;width:100%;height:8px;background:#0006;border-radius:4px;overflow:hidden;margin-bottom:6px}.vu-meter-bar{height:100%;border-radius:4px;transition:width .1s ease-out,background-color .2s ease;box-shadow:0 0 8px currentColor}.vu-meter-peak{position:absolute;top:0;width:2px;height:100%;transition:left .1s ease-out;opacity:.8;box-shadow:0 0 4px currentColor}.vu-meter-value{font-size:11px;color:#acf;text-align:right;font-weight:500}.vu-meter-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){.vu-meter-container{bottom:60px;left:10px;min-width:150px;padding:10px 12px}.vu-meter-label,.vu-meter-value{font-size:10px}}.live-profile-overlay-backdrop{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:50;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.live-profile-overlay-container{background:#00000080;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,229,255,.3);border-radius:24px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 0 40px #00e5ff4d;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.live-profile-loading{text-align:center;padding:3rem;color:#fffc;font-size:1.1rem}.live-profile-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;position:relative}.live-profile-avatar-section{display:flex;align-items:center;gap:1rem;flex:1}.live-profile-avatar-wrapper{position:relative;flex-shrink:0}.live-profile-avatar-wrapper.live-profile-avatar-live{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00e5ff99}50%{box-shadow:0 0 30px #00e5ff,0 0 50px #00e5ff80}}.live-profile-avatar,.live-profile-avatar-placeholder{width:80px;height:80px;border-radius:50%;border:3px solid rgba(0,229,255,.6);object-fit:cover;background:linear-gradient(135deg,#00e5ff,#06f);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;color:#fff;font-family:Orbitron,sans-serif;box-shadow:0 0 20px #00e5ff80}.live-profile-avatar-placeholder{background:linear-gradient(135deg,#00e5ff,#06f)}.live-profile-live-indicator{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.25rem;background:#ff4444f2;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;white-space:nowrap}.live-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}}.live-profile-live-text{color:#fff;font-size:.65rem}.live-profile-name-section{flex:1;min-width:0}.live-profile-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.live-profile-name{font-size:1.5rem;font-weight:700;color:#fff;font-family:Orbitron,sans-serif;text-shadow:0 0 10px rgba(0,229,255,.5);margin:0}.live-profile-live-badge{background:#ff4444e6;color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.7rem;font-weight:700;animation:blink 1.5s ease-in-out infinite}.live-profile-handle{color:#ffffffb3;font-size:.9rem;margin:0}.live-profile-close-btn{width:36px;height:36px;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;flex-shrink:0}.live-profile-close-btn:hover{background:#ff44444d;border-color:#ff444480;transform:rotate(90deg)}.live-profile-stats{display:flex;justify-content:space-around;padding:1rem 0;border-top:1px solid rgba(0,229,255,.2);border-bottom:1px solid rgba(0,229,255,.2);margin-bottom:1.5rem}.live-profile-stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.live-profile-stat-icon{font-size:1.5rem}.live-profile-stat-value{font-size:1.2rem;font-weight:700;color:#fff;font-family:Orbitron,sans-serif}.live-profile-stat-label{font-size:.75rem;color:#fff9}.live-profile-bio{margin-bottom:1.5rem;padding:1rem;background:#00e5ff0d;border:1px solid rgba(0,229,255,.2);border-radius:12px}.live-profile-bio p{color:#ffffffe6;font-size:.95rem;line-height:1.6;margin:0}.live-profile-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.live-profile-action-btn{padding:.75rem 1rem;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;background:linear-gradient(to right,#00e5ff,#06f);color:#fff;box-shadow:0 0 15px #00e5ff66}.live-profile-action-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #00e5ff99}.live-profile-action-btn:active{transform:translateY(0)}.live-profile-action-following{background:linear-gradient(to right,#00e5ff4d,#0066ff4d);border:1px solid rgba(0,229,255,.5)}.live-profile-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(0,229,255,.2);padding-bottom:.5rem}.live-profile-tab{padding:.5rem 1rem;background:transparent;border:none;border-radius:8px;color:#fff9;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s}.live-profile-tab:hover{color:#ffffffe6;background:#00e5ff1a}.live-profile-tab.active{color:#00e5ff;background:#00e5ff26;text-shadow:0 0 8px rgba(0,229,255,.5)}.live-profile-last-recording{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,229,255,.2)}.live-profile-last-recording-btn{width:100%;padding:.75rem 1rem;background:#00e5ff1a;border:1px solid rgba(0,229,255,.3);border-radius:12px;color:#00e5ff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.live-profile-last-recording-btn:hover{background:#00e5ff33;border-color:#00e5ff80;box-shadow:0 0 15px #00e5ff4d}.live-profile-overlay-container::-webkit-scrollbar{width:6px}.live-profile-overlay-container::-webkit-scrollbar-track{background:#0003;border-radius:3px}.live-profile-overlay-container::-webkit-scrollbar-thumb{background:#00e5ff80;border-radius:3px}.live-profile-overlay-container::-webkit-scrollbar-thumb:hover{background:#00e5ffb3}@media(max-width:768px){.live-profile-overlay-container{padding:1.5rem;max-width:95%}.live-profile-avatar,.live-profile-avatar-placeholder{width:60px;height:60px;font-size:1.5rem}.live-profile-name{font-size:1.2rem}.live-profile-actions{grid-template-columns:1fr}}.aura-effects{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;border-radius:inherit}.aura-gradient-overlay{position:absolute;inset:0;width:100%;height:100%;animation:auraPulse ease-in-out infinite;pointer-events:none}@keyframes auraPulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}.aura-pulse-ring{position:absolute;inset:-10px;border:2px solid;border-radius:50%;animation:pulseRing ease-in-out infinite;pointer-events:none}@keyframes pulseRing{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.aura-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.aura-particle{position:absolute;width:4px;height:4px;background:var(--color, #00E5FF);border-radius:50%;box-shadow:0 0 8px var(--color, #00E5FF);animation:particleFloat 3s ease-in-out infinite;animation-delay:var(--delay, 0s);opacity:.6}@keyframes particleFloat{0%{transform:translateY(0) translate(0) scale(.5);opacity:0}50%{opacity:.8;transform:translateY(-20px) translate(10px) scale(1)}to{transform:translateY(-40px) translate(-10px) scale(.5);opacity:0}}.aura-effects[data-mood=hype] .aura-gradient-overlay{animation-duration:.8s}.aura-effects[data-mood=active] .aura-gradient-overlay{animation-duration:1.2s}.aura-effects[data-mood=calm] .aura-gradient-overlay{animation-duration:2s}.gift-animation-layer{position:absolute;inset:0;pointer-events:none;z-index:100;overflow:hidden}.gift-animation-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:giftRise 3s ease-out forwards;pointer-events:none}@keyframes giftRise{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-70%) scale(1.2)}to{opacity:0;transform:translate(-50%,-100%) scale(.8)}}.gift-effect-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.gift-effect-name{font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 0 20px currentColor;animation:giftPulse 1s ease-in-out infinite}@keyframes giftPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.gift-effect-heart{color:#f44}.gift-effect-heart:before{content:"❤️";font-size:4rem;animation:heartBeat 1s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.gift-effect-sparkle{color:#00cfff}.gift-effect-sparkle:before{content:"✨";font-size:4rem;animation:sparkleRotate 2s linear infinite}@keyframes sparkleRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.gift-effect-fireworks{color:gold}.gift-effect-fireworks:before{content:"🎆";font-size:5rem;animation:fireworksExplode 1s ease-out}@keyframes fireworksExplode{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.gift-effect-wave{color:#00cfff}.gift-effect-wave:before{content:"🌊";font-size:4rem;animation:waveFlow 2s ease-in-out infinite}@keyframes waveFlow{0%,to{transform:translate(0) scaleY(1)}50%{transform:translate(20px) scaleY(1.2)}}.gift-effect-glow{color:gold;text-shadow:0 0 30px #ffd700}.gift-effect-diamond{color:#00cfff}.gift-effect-diamond:before{content:"💎";font-size:4rem;animation:diamondShine 1.5s ease-in-out infinite}@keyframes diamondShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.5) drop-shadow(0 0 20px #00cfff)}}.gift-effect-star{color:gold}.gift-effect-star:before{content:"⭐";font-size:4rem;animation:starTwinkle 1s ease-in-out infinite}@keyframes starTwinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.gift-effect-default{color:#00cfff}.gift-effect-default:before{content:"🎁";font-size:4rem}.gift-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:9999}.gift-overlay-video{width:min(80vw,600px);height:min(80vh,600px);max-width:600px;max-height:600px;object-fit:contain;filter:drop-shadow(0 0 40px rgba(0,229,255,.8));border-radius:20px;transform:translateZ(0);will-change:transform,opacity;background:transparent;mix-blend-mode:normal}.gift-overlay-static{width:300px;height:300px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:#00e5ff1a;border:2px solid #00E5FF;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gift-overlay-icon{font-size:120px;filter:drop-shadow(0 0 20px currentColor)}.gift-rarity-common .gift-overlay-icon{color:#888}.gift-rarity-uncommon .gift-overlay-icon{color:#00e5ff}.gift-rarity-rare .gift-overlay-icon{color:#9d4edd}.gift-rarity-epic .gift-overlay-icon{color:#ff006e}.gift-rarity-legendary .gift-overlay-icon{color:#ffbe0b;animation:pulse-gold 1s ease-in-out infinite}@keyframes pulse-gold{0%,to{filter:drop-shadow(0 0 20px #FFBE0B)}50%{filter:drop-shadow(0 0 40px #FFBE0B)}}.gift-overlay-message{margin-top:2rem;padding:1rem 2rem;background:#000c;border:1px solid #00E5FF;border-radius:50px;font-size:1.2rem;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #00e5ff80}.gift-overlay-sender{color:#00e5ff}.gift-overlay-text{color:#fff}.gift-overlay-name{color:#ff006e;font-weight:700}.gift-overlay-coins{color:#ffbe0b}.claim-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#00cfffcc,#7afb4ccc);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #00cfff66}.claim-button:hover:not(:disabled){background:linear-gradient(135deg,#00cfff,#7afb4c);transform:translateY(-2px);box-shadow:0 6px 20px #00cfff99}.claim-button:active:not(:disabled){transform:translateY(0)}.claim-button.claiming{background:#64646480;cursor:wait;animation:pulse 1.5s ease-in-out infinite}.claim-button.claimed{background:#7afb4c99;cursor:default}.claim-button:disabled{opacity:.6;cursor:not-allowed}.event-modal-overlay{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:2000;padding:1rem}.event-modal{background:linear-gradient(180deg,#0a0a0f,#151520);border:2px solid rgba(0,207,255,.3);border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #00cfff4d}.event-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,207,255,.2)}.event-modal-title{font-size:1.5rem;font-weight:700;color:#00cfff;margin:0;text-shadow:0 0 15px rgba(0,207,255,.5)}.event-modal-close{background:none;border:none;color:#ffffffb3;font-size:2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.event-modal-close:hover{background:#ffffff1a;color:#fff}.event-modal-content{padding:1.5rem}.event-modal-description{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:1rem}.event-modal-premium-badge{background:#ffd70033;border:1px solid rgba(255,215,0,.4);border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem;text-align:center;color:gold;font-weight:600}.event-modal-section{margin-bottom:1.5rem}.event-section-title{font-size:1rem;font-weight:600;color:#00cfff;margin-bottom:.5rem}.event-section-content{color:#ffffffb3;font-size:.9rem}.event-rewards-list{list-style:none;padding:0;margin:0}.event-reward-item{background:#00cfff1a;border:1px solid rgba(0,207,255,.2);border-radius:8px;padding:.75rem 1rem;margin-bottom:.5rem;color:#ffffffe6;font-weight:500}.event-modal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(0,207,255,.2)}.event-time-left{display:flex;flex-direction:column;gap:.2rem}.time-label{font-size:.75rem;color:#fff9}.time-value{font-size:1.1rem;font-weight:700;color:#00cfff;font-family:Orbitron,sans-serif}.event-ticker{position:fixed;top:0;left:0;right:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(0,207,255,.3);padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;z-index:1000;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #00cfff33}.event-ticker:hover{background:#000000e6;border-bottom-color:#00cfff80}.event-ticker-icon{font-size:1.5rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.event-ticker-content{flex:1;display:flex;flex-direction:column;gap:.2rem}.event-ticker-title{font-size:1rem;font-weight:700;color:#00cfff;text-shadow:0 0 10px rgba(0,207,255,.5)}.event-ticker-description{font-size:.85rem;color:#ffffffb3}.event-ticker-premium{background:#ffd70033;color:gold;padding:.2rem .6rem;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid rgba(255,215,0,.3)}.event-ticker-indicator{display:flex;gap:.3rem}.event-dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;transition:all .3s}.event-dot.active{background:#00cfff;box-shadow:0 0 10px #00cfffcc;transform:scale(1.3)}.aura-surge-container{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:999;background:radial-gradient(circle at center,var(--aura-color, #00E5FF)22 0%,transparent 80%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.aura-expansion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px}.aura-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:3px solid;box-sizing:border-box}.energy-particles{position:absolute;inset:0}.energy-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--aura-color, #00E5FF);box-shadow:0 0 8px currentColor,0 0 16px currentColor}.glass-fragments{position:absolute;inset:0}.glass-fragment{position:absolute;width:64px;height:32px;border:1px solid;border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);transform-origin:center}.plasma-lines{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.plasma-lines path{stroke-linecap:round;stroke-linejoin:round}.aura-glow-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--aura-color, #00E5FF)44 0%,transparent 70%);box-shadow:0 0 60px var(--aura-color, #00E5FF) 66,0 0 120px var(--aura-color, #00E5FF) 44;filter:blur(20px)}@keyframes auraPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:.8}50%{transform:translateY(-20px) translate(10px);opacity:.3}}.aura-surge-container *{will-change:transform,opacity}@media(max-width:768px){.aura-expansion{width:150px;height:150px}.aura-glow-center{width:200px;height:200px}.glass-fragment{width:48px;height:24px}}.guest-request-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(0,229,255,.5);border-radius:20px;padding:20px;min-width:320px;max-width:90vw;box-shadow:0 0 30px #00e5ff66,0 0 60px #00e5ff33;z-index:3000}@media(min-width:769px){.guest-request-popup{top:45%}}@media(max-width:768px){.guest-request-popup{top:40%;left:50%;transform:translate(-50%,-50%);min-width:calc(100vw - 40px);max-width:calc(100vw - 40px);padding:16px}}.guest-request-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.guest-request-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:2px solid rgba(0,229,255,.5);box-shadow:0 0 10px #00e5ff4d}.guest-request-avatar img{width:100%;height:100%;object-fit:cover}.guest-request-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00e5ff,#7a5fff);color:#fff;font-weight:700;font-size:20px}.guest-request-info{flex:1}.guest-request-name{color:#fff;font-weight:600;font-size:16px;margin:0 0 4px;text-shadow:0 0 6px rgba(0,229,255,.4)}.guest-request-subtitle{color:#eaf9ffb3;font-size:12px;margin:0}.guest-request-actions{display:flex;gap:8px}.guest-request-accept,.guest-request-decline{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.guest-request-accept{background:linear-gradient(135deg,#00e5ff4d,#00c8ff4d);border:1px solid rgba(0,229,255,.5);color:#eaf9ff;box-shadow:0 0 10px #00e5ff33}.guest-request-accept:hover{background:linear-gradient(135deg,#00e5ff66,#00c8ff66);box-shadow:0 0 16px #00e5ff66}.guest-request-decline{background:#f443;border:1px solid rgba(255,68,68,.4);color:#faa;box-shadow:0 0 10px #ff44441a}.guest-request-decline:hover{background:#ff44444d;box-shadow:0 0 16px #ff44444d}.guest-request-accept .icon,.guest-request-decline .icon{font-size:18px;filter:drop-shadow(0 0 4px currentColor)}.camera-off-icon{position:absolute;top:8px;right:8px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px}.camera-off-eye{position:relative;width:32px;height:24px;display:flex;align-items:center;justify-content:center}.camera-off-pupil{font-size:20px;animation:sleepPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(0,229,255,.6))}.camera-off-lid{position:absolute;left:0;right:0;height:50%;background:#000000b3;border-radius:50%;animation:blink 3s ease-in-out infinite}.camera-off-lid-top{top:0;transform-origin:bottom center}.camera-off-lid-bottom{bottom:0;transform-origin:top center}@keyframes blink{0%,90%,to{transform:scaleY(0)}92%,98%{transform:scaleY(1)}}@keyframes sleepPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.camera-off-zzz{display:flex;gap:2px;font-size:10px;color:#00e5ffcc;font-weight:700;text-shadow:0 0 4px rgba(0,229,255,.6);animation:zzzFloat 2s ease-in-out infinite}.zzz-1{animation:zzzFloat 2s ease-in-out infinite;animation-delay:0s}.zzz-2{animation:zzzFloat 2s ease-in-out infinite;animation-delay:.2s}.zzz-3{animation:zzzFloat 2s ease-in-out infinite;animation-delay:.4s}@keyframes zzzFloat{0%,to{opacity:.4;transform:translateY(0) rotate(0)}50%{opacity:1;transform:translateY(-4px) rotate(5deg)}}.guest-audio-indicator{position:absolute;inset:0;border-radius:18px;pointer-events:none;transition:border-width .1s ease-out,box-shadow .1s ease-out;z-index:1}.knf-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:1500;pointer-events:none;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:3.6fr 2.2fr 3.6fr;gap:16px;padding:18px}.knf-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 700px at 50% 45%,#00d4ff1a,#000000bf 70%),radial-gradient(900px 600px at 50% 70%,#ffb84c14,#0000 55%),linear-gradient(180deg,#0000008c,#00000040);backdrop-filter:blur(12px) saturate(1.15);-webkit-backdrop-filter:blur(12px) saturate(1.15);pointer-events:none;z-index:0}.knf-slot{position:relative;z-index:1;border-radius:24px;overflow:hidden;border:2px solid rgba(0,212,255,.38);box-shadow:inset 0 0 18px #00000073,0 8px 28px #0000007a,0 0 26px #00d4ff2e;pointer-events:auto}.knf-seat-A{border-color:#00ff7a75;box-shadow:inset 0 0 18px #00000073,0 8px 28px #0000007a,0 0 30px #00ff7a33}.knf-seat-B,.knf-seat-C{border-color:#4a9eff80;box-shadow:inset 0 0 18px #00000073,0 8px 28px #0000007a,0 0 30px #4a9eff33}.knf-seat-D{border-color:#ffb84c8f;box-shadow:inset 0 0 18px #00000073,0 8px 28px #0000007a,0 0 30px #ffb84c38}.knf-corners{position:absolute;inset:0;z-index:1;pointer-events:none}.knf-corner{position:absolute;width:54px;height:54px;opacity:.9;filter:drop-shadow(0 0 10px rgba(0,212,255,.18))}.knf-corner.tl{left:0;top:0;background:radial-gradient(circle at 0% 0%,#00d4ff8c,#0000 65%)}.knf-corner.tr{right:0;top:0;background:radial-gradient(circle at 100% 0%,#00d4ff8c,#0000 65%)}.knf-corner.bl{left:0;bottom:0;background:radial-gradient(circle at 0% 100%,#00d4ff8c,#0000 65%)}.knf-corner.br{right:0;bottom:0;background:radial-gradient(circle at 100% 100%,#00d4ff8c,#0000 65%)}.knf-status-active .knf-corner{filter:drop-shadow(0 0 14px rgba(0,255,122,.22))}.knf-status-active .knf-corner.tl{background:radial-gradient(circle at 0% 0%,#00ff7a9e,#0000 65%)}.knf-status-active .knf-corner.tr{background:radial-gradient(circle at 100% 0%,#00ff7a9e,#0000 65%)}.knf-status-active .knf-corner.bl{background:radial-gradient(circle at 0% 100%,#00ff7a9e,#0000 65%)}.knf-status-active .knf-corner.br{background:radial-gradient(circle at 100% 100%,#00ff7a9e,#0000 65%)}.knf-status-waiting .knf-corner{filter:drop-shadow(0 0 12px rgba(0,212,255,.22))}.knf-winner .knf-corner{filter:drop-shadow(0 0 16px rgba(217,178,95,.22))}.knf-winner .knf-corner.tl{background:radial-gradient(circle at 0% 0%,#d9b25f94,#0000 65%)}.knf-winner .knf-corner.tr{background:radial-gradient(circle at 100% 0%,#d9b25f94,#0000 65%)}.knf-winner .knf-corner.bl{background:radial-gradient(circle at 0% 100%,#d9b25f94,#0000 65%)}.knf-winner .knf-corner.br{background:radial-gradient(circle at 100% 100%,#d9b25f94,#0000 65%)}.knf-livechip{position:absolute;left:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.12);color:#ffffffeb;font-weight:900;font-size:11px;letter-spacing:.4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.knf-livechip-dot{width:8px;height:8px;border-radius:999px;background:#ff2d2d;box-shadow:0 0 10px #ff2d2d99}.knf-slot:before{content:"";position:absolute;inset:0;background:#ffffff0f;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);pointer-events:none}.knf-slot-inner{position:absolute;inset:0;display:grid;place-items:center}.knf-joinbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:auto;padding:10px 12px;border-radius:14px;background:#00000059;border:1px solid rgba(0,212,255,.28);color:#ffffffeb;font-weight:950;font-size:12px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 12px 40px #00000080,0 0 18px #00d4ff2e}.knf-joinbtn:active{transform:translate(-50%,-50%) translateY(1px)}.knf-slot-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.knf-slot-mask{width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#00d4ff40,#000000b3);border:2px solid rgba(0,212,255,.25);box-shadow:0 0 22px #00d4ff2e;position:relative;animation:knfIdleBreath 2.8s ease-in-out infinite}.knf-slot-mask:after{content:"";position:absolute;inset:18px;border-radius:999px;border:2px solid rgba(255,255,255,.18);box-shadow:inset 0 0 18px #00000080}.knf-namebar{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:14px;background:linear-gradient(135deg,#0000004d,#00d4ff0f);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:fit-content;max-width:calc(100% - 20px)}.knf-namebar-left{display:flex;align-items:center;gap:10px;min-width:0}.knf-namebar-right{display:flex;align-items:center;gap:8px;flex:0 0 auto}.knf-seaticon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 18px #00d4ff24;font-size:16px;flex:0 0 auto}.knf-seaticon.host{border-color:#00ff7a59;box-shadow:0 0 22px #00ff7a2e}.knf-seaticon.winner{border-color:#ffb84c61;box-shadow:0 0 22px #ffb84c2e}.knf-scorepill{padding:5px 9px;border-radius:999px;background:#00000047;border:1px solid rgba(0,212,255,.18);color:#ffffffeb;font-weight:950;font-size:12px;letter-spacing:.2px;text-shadow:0 0 10px rgba(0,0,0,.55)}.knf-scorepill.turn{border-color:#00ff7a47;box-shadow:0 0 18px #00ff7a29}.knf-namebar-icon{width:18px;height:18px;border-radius:6px;background:radial-gradient(circle at 30% 30%,#00d4ffe6,#00000059);box-shadow:0 0 14px #00d4ff38;flex:0 0 auto}.knf-namebar-icon.host{background:radial-gradient(circle at 30% 30%,#00ff7ae6,#00000059);box-shadow:0 0 14px #00ff7a38}.knf-crown{position:absolute;right:12px;top:12px;z-index:2;padding:6px 10px;border-radius:999px;background:#0a12246b;border:1px solid rgba(217,178,95,.35);color:#d9b25ff2;font-weight:950;font-size:11px;letter-spacing:.35px;box-shadow:0 0 24px #d9b25f2e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.knf-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;color:#ffffffeb;text-shadow:0 0 10px rgba(0,0,0,.55)}.knf-badge{font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;background:#00000059;border:1px solid rgba(255,255,255,.12);color:#ffffffd9}.knf-seat-A{grid-column:1;grid-row:1}.knf-seat-B{grid-column:2;grid-row:1}.knf-seat-C{grid-column:1;grid-row:3}.knf-seat-D{grid-column:2;grid-row:3}.knf-center{position:relative;grid-column:1 / -1;grid-row:2;display:flex;align-items:center;justify-content:center;pointer-events:auto}.knf-center-inner{width:100%;height:100%;padding:10px 14px;display:grid;place-items:center;position:relative;z-index:1}.knf-center-inner:before{content:"";position:absolute;inset:4px;border-radius:999px;border:2px solid rgba(0,212,255,.18);box-shadow:0 0 34px #00d4ff1f,0 0 60px #ffb84c0f;pointer-events:none;z-index:0}.knf-center-inner:after{content:"";position:absolute;inset:12px;border-radius:999px;border:2px solid rgba(255,255,255,.08);box-shadow:inset 0 0 30px #00000059;pointer-events:none;z-index:0}.knf-minihud{position:absolute;left:50%;top:8px;transform:translate(-50%);z-index:3;pointer-events:none}.knf-minihud-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.knf-minihud-pill{padding:6px 10px;border-radius:999px;background:#00000052;border:1px solid rgba(255,255,255,.12);color:#ffffffeb;font-weight:900;font-size:11px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.knf-tablehud{position:absolute;inset:0;pointer-events:none;z-index:1;display:grid;place-items:center}.knf-tablehud-arc{position:absolute;width:min(86vw,520px);height:min(22vh,220px);border-radius:999px;border:2px solid rgba(0,212,255,.18);box-shadow:0 0 24px #00d4ff1f;filter:blur(0px);opacity:.9}.knf-tablehud-arc-a{transform:translateY(6px) scale(.96);border-color:#00d4ff38}.knf-tablehud-arc-b{transform:translateY(6px) scale(.9);border-color:#00ff7a1f;box-shadow:0 0 24px #00ff7a14}.knf-reactions{position:absolute;left:50%;top:50%;width:1px;height:1px;z-index:944;pointer-events:none}.knf-react{position:absolute;left:0;top:0;transform:translate(-50%,-50%);animation:knfReactPop .9s cubic-bezier(.22,.85,.2,1) forwards}.knf-react-core{padding:8px 10px;border-radius:999px;background:#00000052;border:1px solid rgba(255,255,255,.12);color:#ffffffeb;font-weight:900;font-size:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.knf-react-heart .knf-react-core{border-color:#ff4d7b47}.knf-react-spark .knf-react-core{border-color:#d9b25f47}@keyframes knfReactPop{0%{opacity:0;transform:translate(-50%,-50%) translateY(24px) scale(.92)}12%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translateY(-34px) scale(1.02)}}.knf-giftfx-sparks{margin-left:8px;color:#d9b25ff2;font-weight:900}.knf-status-waiting{box-shadow:inset 0 0 18px #00000073,0 8px 22px #00000059,0 0 18px #00d4ff38;border:1px solid rgba(0,212,255,.25)}.knf-status-active{border:1px solid rgba(0,255,122,.28);box-shadow:inset 0 0 18px #00000073,0 8px 22px #00000059,0 0 12px #00ff7a40}.knf-status-active:after{content:"";position:absolute;inset:-6px;border-radius:26px;border:2px solid rgba(0,255,122,.18);box-shadow:0 0 18px #00ff7a38;animation:knfPulse 2.4s ease-in-out infinite;pointer-events:none}@keyframes knfPulse{0%,to{opacity:.55;transform:scale(.995)}50%{opacity:1;transform:scale(1.01)}}@keyframes knfIdleBreath{0%,to{transform:scale(.995);opacity:.9}50%{transform:scale(1.02);opacity:1}}.knf-arrow{position:absolute;width:14px;height:14px;background:#00ff7ae6;filter:drop-shadow(0 0 10px rgba(0,255,122,.55));clip-path:polygon(50% 0%,100% 100%,0% 100%);pointer-events:none}.knf-seat-A .knf-arrow{right:12px;bottom:12px;transform:rotate(45deg)}.knf-seat-B .knf-arrow{left:12px;bottom:12px;transform:rotate(-45deg)}.knf-seat-C .knf-arrow{right:12px;top:12px;transform:rotate(135deg)}.knf-seat-D .knf-arrow{left:12px;top:12px;transform:rotate(-135deg)}.knf-paused{position:absolute;inset:0;display:grid;place-items:center;background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:950;pointer-events:auto}.knf-paused-card{width:min(360px,92vw);border-radius:18px;padding:16px 18px;background:#0a1224c7;border:1px solid rgba(0,212,255,.22);box-shadow:0 12px 44px #0000008c;color:#ffffffeb}.knf-paused-title{font-weight:800;letter-spacing:.3px;font-size:14px;margin-bottom:8px}.knf-paused-sub{font-size:12px;opacity:.85;line-height:1.35}.knf-giftfx{position:absolute;left:50%;top:100%;transform:translate(-50%,-50%);z-index:940;pointer-events:none;animation:knfGiftFly .9s cubic-bezier(.22,.85,.2,1) forwards}.knf-giftfx-core{padding:10px 12px;border-radius:999px;background:#00000059;border:1px solid rgba(0,212,255,.28);color:#ffffffeb;font-weight:800;font-size:12px;box-shadow:0 0 22px #00d4ff2e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.knf-giftfx-dice_aura .knf-giftfx-core{border-color:#00ff7a61;box-shadow:0 0 22px #00ff7a33}.knf-giftfx-lucky_table .knf-giftfx-core{border-color:#00d4ff6b;box-shadow:0 0 26px #00d4ff38}.knf-giftfx-focus_shield .knf-giftfx-core{border-color:#00d4ff8c}.knf-giftfx-chaos_vision .knf-giftfx-core{border-color:#ff2d6d73;box-shadow:0 0 26px #ff2d6d33}.knf-giftfx-joker_lens .knf-giftfx-core{border-color:#7a5fff73}.knf-giftfx-crowd_vote .knf-giftfx-core{border-color:#00d4ff73}.knf-giftfx-golden_dice .knf-giftfx-core{border-color:#d9b25f8c;box-shadow:0 0 26px #d9b25f38}.knf-giftfx-levi_crown .knf-giftfx-core{border-color:#d9b25fb3}@keyframes knfGiftFly{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}12%{opacity:1}to{opacity:0;transform:translate(-50%,-340%) scale(1.02)}}@media(prefers-reduced-motion:reduce){.knf-giftfx{animation:none;opacity:1;top:50%}}.knf-winner{border:1px solid rgba(217,178,95,.55);box-shadow:inset 0 0 18px #00000073,0 8px 22px #00000059,0 0 22px #d9b25f47}.knf-crowdvote{position:absolute;left:12px;top:44%;transform:translateY(-50%);width:min(240px,46vw);z-index:945;pointer-events:auto;border-radius:14px;padding:10px;background:#0a1224b8;border:1px solid rgba(0,212,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 36px #00000073}.knf-crowdvote-title{font-weight:900;font-size:12px;color:#ffffffeb;margin-bottom:4px}.knf-crowdvote-sub{font-size:11px;opacity:.85;margin-bottom:8px}.knf-crowdvote-options{display:grid;gap:6px}.knf-crowdvote-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border-radius:12px;padding:8px 10px;background:#ffffff0f;border:1px solid rgba(0,212,255,.18);color:#ffffffe6;cursor:pointer}.knf-crowdvote-btn:active{transform:translateY(1px)}.knf-crowdvote-opt{font-weight:800;font-size:11px}.knf-crowdvote-count{font-weight:900;color:#00d4ffe6}.knf-tournament{position:fixed;left:50%;top:10px;transform:translate(-50%);z-index:960;pointer-events:none;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#00000073;border:1px solid rgba(0,212,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.knf-tournament-title{font-weight:900;font-size:11px;letter-spacing:.3px;color:#ffffffeb}.knf-tournament-rank{font-weight:900;font-size:11px;color:#00d4fff2}.knf-ranktoast{position:fixed;right:12px;top:56px;z-index:961;pointer-events:none;padding:10px 12px;border-radius:14px;background:#0a1224c7;border:1px solid rgba(0,212,255,.22);box-shadow:0 12px 44px #0000008c;animation:knfToastInOut 2.2s ease-in-out forwards}.knf-ranktoast-title{font-weight:900;font-size:12px;color:#ffffffeb;margin-bottom:2px}.knf-ranktoast-sub{font-size:11px;opacity:.85}.knf-uitoast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);z-index:965;pointer-events:none;animation:knfToastInOut 2.2s ease-in-out forwards}.knf-uitoast-core{padding:10px 12px;border-radius:14px;background:#0000006b;border:1px solid rgba(255,255,255,.14);color:#ffffffeb;font-weight:900;font-size:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 12px 44px #0000008c}@keyframes knfToastInOut{0%{opacity:0;transform:translateY(-8px)}12%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.knf-commentary{position:absolute;left:50%;top:42%;transform:translate(-50%,-120%);z-index:946;width:min(360px,92vw);pointer-events:none}.knf-commentary-card{border-radius:14px;padding:10px 12px;background:#0000006b;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 36px #00000073}.knf-commentary-title{font-weight:900;font-size:11px;letter-spacing:.25px;color:#00d4ffe6;margin-bottom:4px}.knf-commentary-text{font-size:12px;font-weight:700;color:#ffffffeb;line-height:1.25}.knf-intro,.knf-outro{position:absolute;inset:0;display:grid;place-items:center;z-index:947;pointer-events:none}.knf-intro-card{border-radius:16px;padding:12px 14px;background:#00000052;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:knfFadeUp 2.2s ease-in-out forwards}.knf-intro-title{font-weight:950;letter-spacing:.6px;font-size:14px;color:#fffffff2;text-align:center}.knf-intro-sub{margin-top:2px;font-size:11px;opacity:.85;text-align:center}.knf-outro-card{border-radius:16px;padding:12px 14px;background:#0a122473;border:1px solid rgba(217,178,95,.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:knfFadeUp 2.2s ease-in-out forwards}.knf-outro-title{font-weight:950;letter-spacing:.5px;font-size:14px;color:#d9b25ff2;text-align:center}.knf-outro-sub{margin-top:2px;font-size:11px;opacity:.9;text-align:center}@keyframes knfFadeUp{0%{opacity:0;transform:translateY(6px)}16%{opacity:1;transform:translateY(0)}82%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.live-moderation-banner{position:absolute;top:12px;left:12px;right:12px;z-index:50;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000059;color:#fffffff2;pointer-events:none}.live-moderation-title{font-weight:700;font-size:12px;letter-spacing:.2px}.live-moderation-body{margin-top:2px;font-size:12px;opacity:.92}.live-moderation-warning{border-color:#ffd16659;box-shadow:0 0 18px #ffd1661f}.live-moderation-unsafe{border-color:#ff4d6d61;box-shadow:0 0 18px #ff4d6d1f}.stream-viewer-container{position:relative;width:100%;height:100vh;background:#000;overflow:hidden;display:flex;flex-direction:column}.stream-viewer-container.kniffel-mode>.chat-container{display:none!important}.stream-viewer-container.kniffel-mode .guest-floating,.stream-viewer-container.kniffel-mode .stream-overlay,.stream-viewer-container.kniffel-mode .rank-notification,.stream-viewer-container.kniffel-mode .event-ticker{display:none!important}.stream-video-container{position:absolute;inset:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;z-index:1;overflow:hidden}.stream-video-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent}.guest-floating{position:fixed;right:16px;top:80px;width:280px;max-width:calc(100vw - 32px);height:200px;max-height:25vh;border-radius:18px;overflow:visible;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(0,229,255,.3);background:#0006;transition:box-shadow .2s ease,border-color .2s ease;z-index:1000;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006,0 0 20px #00e5ff33,inset 0 1px #ffffff1a,inset 0 -1px #0003;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:box-shadow,border-color}.guest-floating video{width:100%;height:100%;object-fit:cover;border-radius:18px;background:#000;transform:none;transform-origin:center center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:auto;transition:none}.guest-video{width:100%!important;height:100%!important;object-fit:cover!important}.stream-video.guest-video{width:100%!important;height:100%!important;object-fit:cover!important;min-width:100%;min-height:100%;max-width:100%;max-height:100%;position:relative!important;z-index:auto!important}.guest-video-container .stream-video.guest-video{width:100%!important;height:100%!important;object-fit:cover!important}.guest-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#00e5ff1a,#7a5fff1a);position:relative}.guest-name-overlay{margin-top:16px;color:#eaf9ff;font-size:18px;font-weight:600;text-shadow:0 0 10px rgba(0,229,255,.5)}.guest-mic-off-indicator{position:absolute;top:20px;right:20px;font-size:32px;filter:drop-shadow(0 0 8px rgba(255,68,68,.5))}.guest-stream-label{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:8px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,229,255,.4);border-radius:999px;padding:6px 12px;color:#eaf9ff;font-size:12px;font-weight:600;z-index:10}.guest-label-icon{font-size:14px;filter:drop-shadow(0 0 4px currentColor)}.guest-label-name{text-shadow:0 0 6px rgba(0,229,255,.4)}.guest-label-status{font-size:10px;opacity:.8;margin-left:4px}.guest-request-button-container{position:fixed;bottom:100px;right:20px;z-index:100}@media(max-width:768px){.guest-floating{right:8px;bottom:calc(50% + 10px);width:120px;height:90px;max-width:calc(100vw - 16px);max-height:15vh}}@media(max-width:768px){.guest-floating{width:110px;height:85px;right:8px;bottom:calc(45% + 12px);border-radius:12px}.guest-avatar-img,.guest-avatar-placeholder{width:40px;height:40px;font-size:16px}.guest-overlay{padding:3px 6px;font-size:8px;margin-top:2px}.guest-name{font-size:8px}.guest-status-icon{font-size:7px}.guest-request-button-container{bottom:80px;right:10px}}.stream-video{width:100vw!important;height:100vh!important;object-fit:cover!important;background:#000!important;opacity:1!important;visibility:visible!important;z-index:1!important;position:relative!important;display:block!important;touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}@media(min-width:769px){.stream-video{width:100vw!important;height:100vh!important;object-fit:cover!important}}@media(max-width:768px){.stream-video{width:100vw!important;height:100vh!important;object-fit:cover!important}.back-button{top:env(safe-area-inset-top,.25rem);left:.25rem;padding:.5rem 1rem;font-size:.9rem}.stream-info-overlay{top:env(safe-area-inset-top,.25rem);padding:.75rem 1rem;font-size:.9rem}.rank-notification{top:env(safe-area-inset-top,50px);right:10px}}.stream-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 20%,transparent 80%,transparent 100%);pointer-events:none;z-index:2}.back-button{position:fixed;top:env(safe-area-inset-top,.5rem);left:.5rem;padding:.75rem 1.5rem;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:25px;color:#fff;cursor:pointer;pointer-events:all;transition:all .3s;z-index:1002;font-size:1rem;font-weight:500}.back-button:hover{background:#000c;transform:translateY(-2px)}.stream-info-overlay{position:fixed;top:env(safe-area-inset-top,.5rem);left:50%;transform:translate(-50%);pointer-events:all;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;border-radius:15px;border:1px solid rgba(74,158,255,.3);z-index:1002}.stream-info-overlay h2{color:#fff;font-size:1.2rem;margin:0 0 .5rem;font-weight:600}.stream-stats-overlay{display:flex;gap:1rem;color:#fff;font-size:.9rem}.error-badge{position:absolute;top:5rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:#f00c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;color:#fff;font-size:.9rem;z-index:3;pointer-events:none}.latency-badge{position:absolute;top:5rem;right:1rem;padding:.5rem 1rem;background:#0f0c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;z-index:3;pointer-events:none}.stream-viewer-container>.chat-container{position:fixed;bottom:0;left:0;right:0;z-index:1000}.rank-notification{position:fixed;top:env(safe-area-inset-top,60px);right:20px;z-index:1003;pointer-events:none}.rank-notification-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#7afb4c33,#00cfff33);border:2px solid rgba(122,251,76,.6);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #7afb4c66;animation:rankNotificationPulse 2s ease-in-out infinite}.rank-notification-icon{font-size:1.5rem;animation:rankNotificationBounce 1s ease-in-out infinite}.rank-notification-text{font-size:.9rem;font-weight:700;color:#7afb4c;text-shadow:0 0 10px rgba(122,251,76,.5)}@keyframes rankNotificationPulse{0%,to{box-shadow:0 0 20px #7afb4c66}50%{box-shadow:0 0 30px #7afb4c99}}@keyframes rankNotificationBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.host-tools-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.host-tools-menu{background:#0a1628f2;border:2px solid var(--color-neon-blue);border-radius:20px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #00d4ff4d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.host-tools-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,212,255,.3)}.host-tools-header h3{color:var(--color-neon-blue);font-size:1.5rem}.close-button{background:none;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.close-button:hover{background:#ffffff1a;color:var(--color-neon-blue)}.host-tools-content{display:flex;flex-direction:column;gap:2rem}.tool-section h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem}.tool-options{display:flex;flex-wrap:wrap;gap:1rem}.tool-button{padding:1rem 1.5rem;background:#ffffff1a;border:2px solid rgba(0,212,255,.3);border-radius:15px;color:var(--text-primary);cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.tool-button:hover{background:#00d4ff33;border-color:var(--color-neon-blue)}.tool-button.active{background:#00d4ff4d;border-color:var(--color-neon-blue);color:var(--color-neon-blue)}.tool-icon{font-size:1.2rem}.guest-button{background:linear-gradient(135deg,#00d4ff4d,#4a9eff4d);border-color:var(--color-neon-blue)}.guest-button:hover{background:linear-gradient(135deg,#00d4ff80,#4a9eff80);transform:scale(1.05)}.obs-info,.webrtc-info{width:100%;margin-bottom:1rem;padding:1rem;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.obs-info p,.webrtc-info p{margin-bottom:.5rem;font-size:.85rem;color:#ffffffb3}.obs-info code,.webrtc-info code{display:block;padding:.5rem;background:#00000080;border-radius:5px;font-size:.8rem;color:var(--color-neon-blue, #00d4ff);word-break:break-all;margin-bottom:.5rem}.stream-key-label{margin-top:.75rem;font-size:.85rem;color:#ffffffb3}.stream-key{font-size:.75rem}.latency-info{color:var(--color-neon-blue, #00d4ff);font-weight:600}.tool-button.mode-button{width:100%;margin-top:.5rem;background:#00d4ff33;border:1px solid var(--color-neon-blue, #00d4ff)}.grid-selector-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000}.grid-selector-modal{background:#1a1a1a;border-radius:16px;padding:1.5rem;max-width:90vw;width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.grid-selector-button-inline{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.5rem;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.grid-selector-button-inline:hover{background:#fff3;border-color:#ffffff4d}.grid-selector{display:flex;flex-direction:column;gap:1rem}.grid-selector-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.grid-selector-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.grid-selector-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#ffc107;font-size:.875rem}.grid-selector-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:8px;color:#f44336;font-size:.875rem}.grid-selector-loading{text-align:center;padding:2rem;color:#fff9}.grid-selector-empty{text-align:center;padding:2rem;color:#fff6;font-size:.875rem}.grid-selector-list{display:flex;flex-direction:column;gap:.75rem;max-height:60vh;overflow-y:auto}.grid-selector-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;min-height:70px}.grid-selector-item:hover{background:#ffffff1a;border-color:#4a9eff80;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.grid-selector-item.selected{background:#4a9eff26;border-color:#4a9eff99;box-shadow:0 0 0 2px #4a9eff33}.grid-selector-item.disabled{opacity:.5;cursor:not-allowed}.grid-selector-item.disabled:hover{transform:none;border-color:#ffffff1a}.grid-selector-item-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.grid-selector-item-name{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.grid-selector-item-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.875rem;color:#fff9}.grid-selector-item-mode,.grid-selector-item-slots,.grid-selector-item-guests{display:inline-flex;align-items:center;gap:.25rem}.grid-selector-item-check{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#4a9eff33;border-radius:50%;color:#4a9eff;flex-shrink:0}.current-grid-indicator{position:absolute;top:1rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4a9eff33;border:1px solid rgba(74,158,255,.4);border-radius:20px;color:#4a9eff;font-size:.875rem;font-weight:500;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d}.current-grid-indicator svg{flex-shrink:0}.stream-host-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;display:flex;flex-direction:column}.stream-host-container.kniffel-mode .chat-container,.stream-host-container.kniffel-mode .guest-floating,.stream-host-container.kniffel-mode .host-overlay,.stream-host-container.kniffel-mode .current-grid-indicator,.stream-host-container.kniffel-mode .liking-users-container{display:none!important}.knf-hosttools-btn{position:fixed;left:12px;top:12px;z-index:2001;pointer-events:auto;padding:8px 10px;border-radius:12px;background:#00000073;border:1px solid rgba(0,212,255,.28);color:#ffffffeb;font-weight:900;font-size:12px;letter-spacing:.2px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 34px #00000073,0 0 18px #00d4ff24;cursor:pointer}.knf-hosttools-btn:active{transform:translateY(1px)}.stream-host-video,.stream-video-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.stream-video-wrapper.full-stream{width:100%;height:100%}.guest-floating{position:absolute;right:16px;top:80px;width:280px;height:200px;border-radius:18px;overflow:visible;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(0,229,255,.3);background:#0006;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:50;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006,0 0 20px #00e5ff33,inset 0 1px #ffffff1a,inset 0 -1px #0003;transform-style:preserve-3d;perspective:1000px}.guest-floating:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px #00000080,0 0 30px #00e5ff66,inset 0 1px #ffffff26,inset 0 -1px #0000004d;border-color:#00e5ff80}.guest-video-container{width:100%;height:100%;overflow:hidden;border-radius:18px;background:#000;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guest-floating video,.guest-video-container video,.guest-video{width:100%;height:100%;object-fit:cover;border-radius:18px;background:#000}.guest-profile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#00e5ff14,#0009);border-radius:18px;flex-shrink:0}.guest-avatar-img{width:80px;height:80px;border-radius:50%;border:2px solid rgba(0,229,255,.5);box-shadow:0 0 20px #00e5ff66;object-fit:cover}.guest-avatar-placeholder{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00e5ff,#7a5fff);color:#fff;font-weight:700;font-size:24px;border:2px solid rgba(0,229,255,.5);box-shadow:0 0 15px #00e5ff66}.guest-placeholder img{width:120px;height:120px;border-radius:50%;border:3px solid rgba(0,229,255,.5);object-fit:cover;box-shadow:0 0 20px #00e5ff4d}.guest-avatar-placeholder{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00e5ff,#7a5fff);color:#fff;font-weight:700;font-size:48px;border:3px solid rgba(0,229,255,.5);box-shadow:0 0 20px #00e5ff4d}.guest-overlay{position:relative;width:100%;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:4px;background:#00325066;border:1px solid rgba(0,150,200,.3);border-radius:12px;padding:6px 10px;font-size:11px;color:#00e5ff;font-weight:500;text-shadow:0 0 6px rgba(0,229,255,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 8px #0096c833;flex-shrink:0}.guest-name{font-size:11px;color:#e5f9ff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-status-icon{font-size:10px;opacity:.8}@media(max-width:1024px){.guest-floating{width:160px;height:120px;right:12px;bottom:calc(45% + 16px)}.guest-overlay{padding:4px 8px;font-size:10px}}@media(max-width:768px){.guest-floating{width:110px;height:85px;right:8px;bottom:calc(45% + 12px);border-radius:12px}.guest-avatar-img,.guest-avatar-placeholder{width:40px;height:40px;font-size:16px}.guest-overlay{padding:3px 6px;font-size:8px;margin-top:2px}.guest-name{font-size:8px}.guest-status-icon{font-size:7px}}.host-preview-video{width:100%;height:100%;object-fit:contain;background:#000}.host-overlay{position:absolute;inset:0;pointer-events:none;z-index:100;display:flex;flex-direction:column;padding:16px}.host-info{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:12px;padding:8px 16px;background:#00000080;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:101;pointer-events:auto}.live-badge{margin:0;font-size:16px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.likes-count-inline{font-size:14px;color:#fff;font-weight:600}.host-top-right{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:12px;z-index:101;pointer-events:auto}.viewers-count{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#00000080;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:14px;font-weight:600}.viewers-count svg{width:18px;height:18px;stroke:#fff}.close-stream-button-transparent{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-stream-button-transparent:hover{background:#ffffff1a}.close-stream-button-transparent svg{width:24px;height:24px;stroke:#fff}.close-stream-button{position:absolute;top:16px;right:16px;background:#ff0000b3;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:102;transition:background .2s}.close-stream-button:hover{background:#ff0000e6}.close-stream-button svg{width:24px;height:24px;stroke:#fff}.error-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#f44336e6;color:#fff;padding:20px 30px;border-radius:12px;z-index:1000;pointer-events:auto}.liking-users-container{position:fixed;right:20px;bottom:200px;z-index:99999;pointer-events:none;display:flex;flex-direction:column;gap:0;align-items:flex-end;width:60px;min-height:100px;visibility:visible!important;opacity:1!important}.liking-user-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #00cfff;box-shadow:0 0 12px #00cfff99,0 0 24px #00cfff4d;overflow:visible;background:#00000080;animation:likeAvatarRise 3s cubic-bezier(.25,.46,.45,.94) forwards;pointer-events:none;visibility:visible!important;opacity:1!important;display:block!important;position:relative;filter:drop-shadow(0 0 8px rgba(0,207,255,.8));transition:transform .1s ease-out;margin-bottom:-15px}.liking-user-avatar img{width:100%;height:100%;object-fit:cover}@keyframes likeAvatarRise{0%{opacity:1!important;transform:translateY(0) scale(.7)}15%{opacity:1!important;transform:translateY(-15px) scale(.9)}60%{opacity:1!important;transform:translateY(-100px) scale(1)}75%{opacity:1!important;transform:translateY(-100px) scale(1.1)}85%{opacity:1!important;transform:translateY(-100px) scale(1.3)}92%{opacity:.9!important;transform:translateY(-100px) scale(1.6)}96%{opacity:.6!important;transform:translateY(-100px) scale(1.9)}to{opacity:0;transform:translateY(-100px) scale(2.2)}}@media(max-width:768px){.host-overlay{padding:12px}.host-info{top:12px;left:12px;padding:6px 12px}.host-top-right{top:12px;right:12px}.liking-users-container{right:10px;bottom:150px}.liking-user-avatar{width:40px;height:40px}}@media(orientation:portrait)and (max-width:768px){.host-preview-video{object-fit:cover}}.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}.video-player-container{position:relative;width:100%;height:100%;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-player{width:100%;height:100%;object-fit:contain;background:#000;-webkit-playsinline:true;playsinline:true}.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}.video-player{width:100%;height:100%;object-fit:contain}}.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)}.video-comment-item{padding:12px 0;border-bottom:1px solid var(--color-medium-blue)}.video-comment-item.flagged{opacity:.6}.video-comment-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.video-comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.video-comment-info{flex:1}.video-comment-username{color:var(--color-neon-blue);font-size:14px;font-weight:600}.video-comment-time{color:#ffffff80;font-size:12px}.video-comment-warning{font-size:16px;cursor:help}.video-comment-message{color:#ffffffe6;font-size:14px;line-height:1.5;margin-bottom:8px;padding-left:44px}.video-comment-actions{display:flex;align-items:center;gap:16px;padding-left:44px}.video-comment-like,.video-comment-reply,.video-comment-replies-toggle{background:none;border:none;color:#ffffffb3;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.video-comment-like:hover,.video-comment-reply:hover,.video-comment-replies-toggle:hover{background:var(--color-medium-blue);color:#ffffffe6}.video-comment-like.liked{color:#ff6b6b}.video-comment-replies{margin-top:12px;padding-left:24px;border-left:2px solid var(--color-medium-blue)}.video-comments{position:fixed;bottom:0;left:0;right:0;height:70vh;background:var(--color-dark-blue);border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex-direction:column;z-index:1000;box-shadow:0 -4px 20px #00000080}.video-comments-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-medium-blue)}.video-comments-header h3{color:var(--color-neon-blue);font-size:18px;font-weight:700;margin:0}.video-comments-close{background:none;border:none;color:#ffffffe6;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 ease}.video-comments-close:hover{background:var(--color-medium-blue)}.video-comments-list{flex:1;overflow-y:auto;padding:16px}.video-comments-loading,.video-comments-empty{text-align:center;color:#fff9;padding:40px 20px;font-size:14px}.video-comments-form{display:flex;flex-direction:column;padding:16px;border-top:1px solid var(--color-medium-blue);gap:8px}.video-comments-replying-to{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-medium-blue);border-radius:8px;color:#ffffffe6;font-size:12px}.video-comments-replying-to button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:0;width:20px;height:20px}.video-comments-input{flex:1;padding:12px 16px;background:var(--color-medium-blue);border:none;border-radius:24px;color:#ffffffe6;font-size:14px}.video-comments-input::placeholder{color:#ffffff80}.video-comments-submit{padding:12px 24px;background:var(--color-neon-blue);border:none;border-radius:24px;color:var(--color-deep-blue);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.video-comments-submit:hover:not(:disabled){background:var(--color-accent)}.video-comments-submit:disabled{opacity:.5;cursor:not-allowed}.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-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:100%;height:100%;object-fit:contain;background:#000}.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)}.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}}.top-aura-matches{padding:20px;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin:20px 0}.top-aura-matches-title{color:#00e5ff;font-size:18px;font-weight:700;margin-bottom:16px;text-align:center}.top-aura-matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.top-aura-match-card{background:#1a1f27e6;border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid rgba(0,240,255,.2)}.top-aura-match-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00f0ff4d;border-color:#00f0ff80}.top-aura-match-avatar{margin-bottom:12px}.top-aura-match-avatar-border{width:80px;height:80px;border-radius:50%;border:4px solid;display:flex;align-items:center;justify-content:center;background:#0000004d}.top-aura-match-avatar-placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:32px;font-weight:700}.top-aura-match-username{color:#fff;font-weight:700;font-size:14px;margin:8px 0 4px;text-align:center}.top-aura-match-resonance{color:#00e5ff;font-size:12px;font-weight:500;margin-bottom:8px;text-align:center}.top-aura-match-stats{display:flex;flex-direction:column;gap:4px;width:100%;margin-bottom:12px}.top-aura-match-karma{color:#ffffffb3;font-size:11px;text-align:center}.top-aura-match-aura{font-size:11px;font-weight:600;text-align:center;text-shadow:0 0 8px currentColor}.top-aura-match-button{width:100%;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .2s}.top-aura-match-button:hover{opacity:.9}.top-aura-matches-loading{padding:40px;text-align:center;color:#ffffffb3}.feed-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:#000;color:#fff}.feed-pull-refresh{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 24px;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(0,229,255,.3);box-shadow:0 4px 16px #0006,0 0 20px #00e5ff33}.feed-pull-refresh-spinner{width:24px;height:24px;border:2px solid rgba(0,229,255,.3);border-top-color:#00e5ff;border-radius:50%;animation:spin .8s linear infinite}.feed-pull-refresh p{font-size:12px;color:#00e5ff;margin:0;font-weight:500}.feed-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff;text-align:center;padding:20px;background:linear-gradient(135deg,#000,#1a0033)}.feed-error p{font-size:16px;margin-bottom:20px;color:#ffffffe6}.feed-error button{margin-top:20px;padding:12px 24px;background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#000;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:14px;transition:all .3s ease;box-shadow:0 0 20px #00d4ff66}.feed-error button:hover{transform:scale(1.05);box-shadow:0 0 30px #00d4ff99}.feed-error button:active{transform:scale(.98)}.feed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#000,#1a0033);gap:16px}.feed-loading p{color:#fffc;font-size:14px;margin:0}.feed-loading-spinner{width:48px;height:48px;border:3px solid rgba(0,229,255,.2);border-top-color:#00e5ff;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #00e5ff4d}@keyframes spin{to{transform:rotate(360deg)}}.feed-loading-more{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 24px;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(0,229,255,.3);box-shadow:0 4px 16px #0006}.feed-loading-more-spinner{width:20px;height:20px;border:2px solid rgba(0,229,255,.3);border-top-color:#00e5ff;border-radius:50%;animation:spin .8s linear infinite}.feed-loading-more p{font-size:12px;color:#00e5ff;margin:0;font-weight:500}.feed-ai-indicator{position:fixed;top:20px;left:20px;z-index:50;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;border:1px solid rgba(124,58,237,.3);box-shadow:0 4px 16px #0006,0 0 20px #7c3aed33;pointer-events:none}.feed-ai-icon{font-size:18px;animation:pulse 2s ease-in-out infinite}.feed-ai-text{font-size:13px;font-weight:600;color:#a78bfa;text-shadow:0 0 10px rgba(167,139,250,.5)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media(max-width:768px){.feed-ai-indicator{top:12px;left:12px;padding:6px 12px}.feed-ai-text{font-size:12px}.feed-pull-refresh{top:12px;padding:10px 20px}.feed-loading-more{bottom:80px;padding:10px 20px}}.feed-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;overflow:hidden}.feed-tab-bar{position:fixed;top:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:center;gap:20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;padding:0 20px}.feed-tab{background:transparent;border:none;color:#fff9;font-size:16px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s}.feed-tab:hover{color:#fffc;background:#ffffff1a}.feed-tab.active{color:#fff;font-weight:600;background:#ffffff26}.feed-page>.feed-container,.feed-page>div:last-child{position:fixed;top:50px;left:0;width:100vw;height:calc(100vh - 50px);overflow:hidden}.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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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)}.video-editor-page{min-height:100vh;background:var(--color-deep-blue);padding:20px}.video-editor-container{max-width:800px;margin:0 auto;background:var(--color-dark-blue);border-radius:20px;padding:30px}.video-editor-title{color:var(--color-neon-blue);font-size:24px;font-weight:700;margin-bottom:20px}.video-editor-preview{width:100%;margin-bottom:20px;border-radius:12px;overflow:hidden;background:#000}.video-editor-video{width:100%;max-height:500px;display:block}.video-editor-timeline{margin-bottom:20px}.video-editor-timeline-track{position:relative;width:100%;height:60px;background:var(--color-medium-blue);border-radius:8px;overflow:hidden;margin-bottom:12px}.video-editor-timeline-progress{position:absolute;top:0;left:0;height:100%;background:var(--color-neon-blue);opacity:.5;transition:width .1s linear}.video-editor-timeline-trim-start,.video-editor-timeline-trim-end{position:absolute;top:0;width:4px;height:100%;background:var(--color-accent);cursor:ew-resize}.video-editor-timeline-controls{display:flex;gap:12px;justify-content:center}.video-editor-tools{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.video-editor-tool-button{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-medium-blue);border:none;border-radius:8px;color:#ffffffe6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.video-editor-tool-button:hover{background:var(--color-bright-blue);color:var(--color-neon-blue)}.video-editor-actions{display:flex;gap:12px;justify-content:flex-end}.video-editor-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.video-editor-button.primary{background:var(--color-neon-blue);color:var(--color-deep-blue)}.video-editor-button.primary:hover{background:var(--color-accent)}.video-editor-button.secondary{background:var(--color-medium-blue);color:#ffffffe6}.video-editor-button.secondary:hover{background:var(--color-bright-blue)}.video-editor-loading,.video-editor-error{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#ffffffe6;font-size:18px}.video-editor-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.video-editor-preview{position:relative}.video-editor-section{margin-bottom:20px}.video-editor-label{display:block;color:#ffffffe6;font-size:14px;font-weight:600;margin-bottom:8px}.video-editor-speed-controls{display:flex;gap:8px;flex-wrap:wrap}.video-editor-speed-button{padding:8px 16px;background:var(--color-medium-blue);border:none;border-radius:6px;color:#ffffffe6;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.video-editor-speed-button:hover{background:var(--color-bright-blue)}.video-editor-speed-button.active,.video-editor-tool-button.active{background:var(--color-neon-blue);color:var(--color-deep-blue)}.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-sticker-picker,.video-editor-sound-picker{background:var(--color-medium-blue);border-radius:12px;padding:20px;margin-bottom:20px}.video-editor-sticker-picker h3,.video-editor-sound-picker h3{color:var(--color-neon-blue);margin-bottom:16px;font-size:16px}.video-editor-sticker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.video-editor-sticker-item{aspect-ratio:1;background:var(--color-dark-blue);border:2px solid transparent;border-radius:8px;font-size:32px;cursor:pointer;transition:all .2s ease}.video-editor-sticker-item:hover{border-color:var(--color-neon-blue);transform:scale(1.1)}.video-editor-sound-list{display:flex;flex-direction:column;gap:8px}.video-editor-sound-item{padding:12px 16px;background:var(--color-dark-blue);border:none;border-radius:8px;color:#ffffffe6;font-size:14px;text-align:left;cursor:pointer;transition:all .2s ease}.video-editor-sound-item:hover{background:var(--color-bright-blue)}.video-editor-sound-item.active{background:var(--color-neon-blue);color:var(--color-deep-blue)}.video-editor-sound-placeholder{padding:20px;text-align:center;color:#fff9;font-size:14px}.video-editor-filter-bar{margin:16px 0;padding:0 16px}.video-editor-preview{position:relative;width:100%;aspect-ratio:9 / 16;max-width:360px;margin:0 auto 20px;background:#000;border-radius:12px;overflow:hidden;min-height:400px}.video-editor-video{width:100%;height:100%;object-fit:contain;display:block;background:#000;z-index:1;position:relative;min-height:400px}.video-editor-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;object-fit:contain}.editor-tools{background:#0d1117;border:1px solid rgba(0,240,255,.1);border-radius:12px;padding:20px;color:#e0f2ff;display:flex;flex-direction:column;gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-tools-title{font-size:18px;font-weight:600;color:#00f0ff;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.editor-tools-section{display:flex;flex-direction:column;gap:12px}.editor-tools-beauty-header{display:flex;align-items:center;justify-content:space-between}.editor-tools-beauty-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.editor-tools-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#00f0ff;transform:scale(1.25)}.editor-tools-beauty-text{font-size:14px;font-weight:500;color:#e0f2ff}.editor-tools-slider-container{display:flex;align-items:center;gap:12px;padding:8px 0}.editor-tools-slider{flex:1;height:6px;border-radius:3px;background:#00f0ff33;outline:none;-webkit-appearance:none;appearance:none}.editor-tools-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#00f0ff;cursor:pointer;box-shadow:0 0 10px #00f0ff80;transition:all .2s}.editor-tools-slider::-webkit-slider-thumb:hover{box-shadow:0 0 15px #00f0ffcc;transform:scale(1.1)}.editor-tools-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#00f0ff;cursor:pointer;border:none;box-shadow:0 0 10px #00f0ff80;transition:all .2s}.editor-tools-slider::-moz-range-thumb:hover{box-shadow:0 0 15px #00f0ffcc;transform:scale(1.1)}.editor-tools-slider-value{min-width:45px;text-align:right;font-size:12px;font-weight:600;color:#00f0ff}.editor-tools-label{font-size:14px;font-weight:500;color:#e0f2ff;margin-bottom:4px}.editor-tools-select{width:100%;padding:10px 12px;background:#1a1f27;border:1px solid rgba(0,240,255,.3);border-radius:8px;color:#e0f2ff;font-size:14px;cursor:pointer;transition:all .2s;outline:none}.editor-tools-select:hover{border-color:#00f0ff80;background:#1f252d}.editor-tools-select:focus{border-color:#00f0ff;box-shadow:0 0 0 3px #00f0ff1a}.editor-tools-select option{background:#1a1f27;color:#e0f2ff;padding:8px}.editor-tools-mask-preview{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:8px;margin-top:8px}.editor-tools-mask-preview-image{width:80px;height:80px;object-fit:contain;border-radius:8px;border:1px solid rgba(0,240,255,.3);background:#0000004d}.editor-tools-mask-preview-name{font-size:12px;font-weight:500;color:#00f0ff;text-align:center}.editor-tools-preview{position:relative;width:100%;height:192px;border-radius:8px;background:#1a1f27;border:1px solid rgba(0,240,255,.1);overflow:hidden;margin-top:8px}.editor-tools-lottie{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6}.editor-tools-preview-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.editor-tools-preview-sparkle{font-size:48px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.editor-tools-preview-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.editor-tools-preview-text{font-size:14px;font-weight:600;color:#00f0ff;text-transform:uppercase;letter-spacing:1px}.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-title{color:var(--color-neon-blue);font-size:24px;font-weight:700;margin-bottom:20px}.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}.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}.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}.profile-settings-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:10001;animation:fadeIn .3s ease-out}.profile-settings-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%;box-shadow:0 0 30px #00cfff4d;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);color:#fff;max-height:90vh;overflow-y:auto}.profile-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-settings-header h2{font-family:Orbitron,sans-serif;color:#00cfff;text-shadow:0 0 10px rgba(0,207,255,.5);margin:0}.profile-settings-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-settings-close:hover{background:#ff44444d;border-color:#ff444480;transform:rotate(90deg)}.profile-settings-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(0,207,255,.2)}.profile-settings-tab{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#fff9;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.profile-settings-tab:hover{color:#ffffffe6}.profile-settings-tab.active{color:#00cfff;border-bottom-color:#00cfff;text-shadow:0 0 8px rgba(0,207,255,.5)}.profile-settings-content{min-height:200px}.profile-settings-form{display:flex;flex-direction:column;gap:1rem}.profile-settings-field{display:flex;flex-direction:column;gap:.5rem}.profile-settings-field label{color:#fffc;font-weight:600;font-size:.9rem}.profile-settings-field input{padding:.75rem;border:1px solid rgba(0,207,255,.3);border-radius:8px;background:#0006;color:#fff;font-size:1rem;transition:all .3s}.profile-settings-field input:focus{border-color:#00cfff;box-shadow:0 0 10px #00cfff80;outline:none}.profile-settings-hint{font-size:.75rem;color:#ffffff80}.profile-settings-error{color:#f44;background:#ff44441a;border:1px solid rgba(255,68,68,.3);padding:.75rem;border-radius:8px;text-align:center}.profile-settings-success{color:#4f4;background:#44ff441a;border:1px solid rgba(68,255,68,.3);padding:.75rem;border-radius:8px;text-align:center}.profile-settings-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.profile-settings-cancel,.profile-settings-save{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.profile-settings-cancel{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.profile-settings-cancel:hover{background:#fff3;border-color:#fff6}.profile-settings-save{background:linear-gradient(135deg,#00cfff,#06f);color:#fff;box-shadow:0 0 15px #00cfff66}.profile-settings-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 20px #00cfff99}.profile-settings-save:disabled{opacity:.6;cursor:not-allowed}.profile-settings-account{padding:1rem 0}.profile-settings-info{display:flex;flex-direction:column;gap:1rem}.profile-settings-info p{margin:0;color:#ffffffe6;line-height:1.6}.profile-settings-info strong{color:#00cfff}.profile-settings-privacy{padding:1rem 0}.profile-settings-ghost-mode{background:#0000004d;border:1px solid rgba(0,207,255,.2);border-radius:12px;padding:1.5rem}.profile-settings-ghost-mode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.profile-settings-ghost-mode-header h3{margin:0;color:#00cfff;font-size:1.1rem}.profile-settings-toggle{position:relative;display:inline-block;width:50px;height:26px}.profile-settings-toggle input{opacity:0;width:0;height:0}.profile-settings-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.3s;border-radius:26px}.profile-settings-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.profile-settings-toggle input:checked+.profile-settings-toggle-slider{background-color:#00cfff;box-shadow:0 0 10px #00cfff80}.profile-settings-toggle input:checked+.profile-settings-toggle-slider:before{transform:translate(24px)}.profile-settings-toggle input:disabled+.profile-settings-toggle-slider{opacity:.5;cursor:not-allowed}.profile-settings-ghost-mode-info{color:#fffc;line-height:1.6;font-size:.9rem}.profile-settings-ghost-mode-info p{margin:.5rem 0}.profile-settings-ghost-mode-note{margin-top:1rem;padding:.75rem;background:#00cfff1a;border-left:3px solid #00cfff;border-radius:4px;font-size:.85rem;color:#ffffffe6}.aura-ring{position:relative;width:112px;height:112px;display:flex;align-items:center;justify-content:center}.aura-ring-inner{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;z-index:2}.aura-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%}.aura-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}.aura-halo{position:absolute;inset:-8px;border-radius:50%;background:transparent;box-shadow:0 0 24px var(--aura-color, #00E5FF) AA,0 0 calc(12px + 12px * var(--aura-pulse, .3)) var(--aura-color, #00E5FF) 66;animation:auraPulse var(--pulse-duration, 1.5s) ease-in-out infinite;z-index:1;pointer-events:none}@keyframes auraPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.aura-particles{position:absolute;inset:-12px;border-radius:50%;z-index:0;pointer-events:none}.aura-particle{position:absolute;width:4px;height:4px;background:var(--aura-color, #00E5FF);border-radius:50%;animation:particleFloat 3s ease-in-out infinite;animation-delay:var(--delay, 0s);opacity:.7}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.7}50%{transform:translate(calc((var(--i, 0) - .5) * 20px),calc((var(--j, 0) - .5) * 20px)) scale(1.5);opacity:1}}.aura-level-badge{position:absolute;bottom:-8px;right:-8px;background:#000c;border:2px solid var(--aura-color, #00E5FF);border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;color:var(--aura-color, #00E5FF);font-family:Orbitron,sans-serif;z-index:3;box-shadow:0 0 10px var(--aura-color, #00E5FF) 66}.bio-block{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,207,255,.2);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem}.bio-block-title{font-size:1.3rem;font-weight:700;color:#00cfff;margin:0 0 1rem;text-shadow:0 0 10px rgba(0,207,255,.4)}.bio-block-text{color:#ffffffe6;font-size:1rem;line-height:1.6;margin:0}.bio-ai-suggestion{margin-top:1.5rem;padding:1rem;background:#00cfff1a;border:1px solid rgba(0,207,255,.3);border-radius:12px}.bio-ai-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.bio-ai-label{font-size:.85rem;color:#00cfffcc;font-weight:600}.bio-ai-time{font-size:.75rem;color:#ffffff80}.bio-ai-text{color:#ffffffe6;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.bio-ai-accept-btn{padding:.6rem 1.2rem;background:#00cfffcc;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s}.bio-ai-accept-btn:hover:not(:disabled){background:#00cfff;transform:translateY(-2px);box-shadow:0 4px 15px #00cfff66}.bio-ai-accept-btn:disabled{opacity:.6;cursor:not-allowed}.intro-player{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,207,255,.2);border-radius:20px;padding:1.5rem;margin-bottom:1.5rem}.intro-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.intro-player-title{font-size:1.3rem;font-weight:700;color:#00cfff;margin:0;text-shadow:0 0 10px rgba(0,207,255,.4)}.intro-regenerate-btn{padding:.5rem 1rem;background:#00cfff26;color:#00cfff;border:1px solid rgba(0,207,255,.3);border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s}.intro-regenerate-btn:hover:not(:disabled){background:#00cfff40;border-color:#00cfff80}.intro-regenerate-btn:disabled{opacity:.6;cursor:not-allowed}.intro-text{color:#ffffffe6;font-size:1rem;line-height:1.6;margin:0 0 1rem}.intro-empty{color:#ffffff80;font-style:italic;margin:0}.intro-play-btn{padding:.6rem 1.2rem;background:#00cfffcc;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:.5rem}.intro-play-btn:hover:not(:disabled){background:#00cfff;transform:translateY(-2px);box-shadow:0 4px 15px #00cfff66}.intro-play-btn:disabled{opacity:.6;cursor:not-allowed}.intro-audio{margin-top:.5rem;width:100%}.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)}.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}.profile-countdown{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1rem 1.5rem;margin:1rem 0;color:#fff;box-shadow:0 4px 12px #667eea4d;animation:pulse-countdown 3s infinite}@keyframes pulse-countdown{0%,to{box-shadow:0 4px 12px #667eea4d}50%{box-shadow:0 4px 20px #667eea80}}.countdown-content{display:flex;flex-direction:column;gap:.5rem}.countdown-label{font-size:.85rem;opacity:.9;font-weight:500}.countdown-title{font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.countdown-time{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;letter-spacing:.05em}.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:2rem 0;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;font-size:1.3rem;color:#333}.btn-schedule{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-schedule:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.loading,.empty-state{text-align:center;padding:2rem;color:#666}.empty-state p{margin-bottom:1rem}.btn-primary-small{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:transform .2s}.btn-primary-small:hover{transform:translateY(-2px)}.streams-list{display:flex;flex-direction:column;gap:1rem}.scheduled-stream-card{display:flex;gap:1rem;padding:1rem;background:#f8f9ff;border-radius:8px;border:1px solid #e0e0e0;transition:transform .2s,box-shadow .2s}.scheduled-stream-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stream-thumbnail-small{width:80px;height:80px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.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:2rem}.stream-details{flex:1}.stream-details h4{margin:0 0 .5rem;font-size:1.1rem;color:#333}.stream-meta-small{display:flex;gap:.5rem;margin-bottom:.5rem}.time-badge{background:#667eea;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.theme-badge{background:#f0f0f0;color:#666;padding:.25rem .75rem;border-radius:12px;font-size:.85rem}.stream-stats-small{display:flex;gap:1rem;font-size:.85rem;color:#666}.stream-status{display:flex;align-items:center}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.status-badge.scheduled{background:#e3f2fd;color:#1976d2}.status-badge.live{background:#ffebee;color:#c62828}.status-badge.cancelled{background:#f5f5f5;color:#757575}.monthly-report-card{padding:1.5rem;border-radius:16px;background:linear-gradient(135deg,#00cfff1a,#0064c80d);border:1px solid rgba(0,207,255,.3);color:#b3e5fc;margin:1rem 0}.monthly-report-card.empty{background:#0000004d;border-color:#00cfff1a}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.report-title{font-size:1.1rem;font-weight:700;color:#00cfff;margin:0;text-shadow:0 0 10px rgba(0,207,255,.5)}.report-date{font-size:.75rem;color:#ffffff80}.report-content{margin-bottom:1rem}.report-text{font-size:.9rem;line-height:1.6;color:#ffffffe6;margin:0;white-space:pre-wrap}.report-empty{font-size:.85rem;color:#fff9;font-style:italic}.report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,207,255,.2)}.report-stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1rem;font-weight:700;color:#00cfff}.stat-value.positive{color:#7afb4c}.stat-value.negative{color:#ff3e3e}.creator-dashboard-modal{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.creator-dashboard-content{background:#0d1117;border-radius:1rem;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.creator-dashboard-main{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;background:#0d1117;color:#e0f2ff}.creator-dashboard-header{text-align:center;position:relative;display:flex;flex-direction:column;gap:.75rem}.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.875rem;font-weight:700;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.5);margin:0}.creator-dashboard-subtitle{font-size:.875rem;color:#a0c4ff;margin:0}.creator-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:640px){.creator-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.creator-stats-grid{grid-template-columns:repeat(4,1fr)}}.creator-stat-card{padding:1rem;border-radius:.75rem;background:#1a1f27cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,240,255,.1);box-shadow:0 4px 16px #0000004d}.creator-stat-label{font-size:.875rem;color:#a0c4ff;margin:0 0 .25rem}.creator-stat-value{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.creator-chart-section{background:#1a1f27cc;padding:1.5rem;border-radius:.75rem;border:1px solid rgba(0,240,255,.1);box-shadow:0 10px 40px #0000004d}.creator-section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#00f0ff}.creator-section-title-small{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#00f0ff}.creator-chart-placeholder{height:192px;background:#111827;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#666}.creator-export-section{background:#1a1f27cc;padding:1.5rem;border-radius:.75rem;border:1px solid rgba(0,240,255,.1);box-shadow:0 10px 40px #0000004d}.creator-export-grid{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.creator-export-grid{flex-direction:row}}.creator-export-card{flex:1;background:#111827;padding:1rem;border-radius:.5rem}.creator-export-card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#e0f2ff}.creator-export-card-description{font-size:.875rem;color:#a0c4ff;margin-bottom:.75rem}.creator-export-btn-primary{width:100%;padding:.5rem 1rem;background:linear-gradient(to right,#a855f7,#3b82f6);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;font-weight:600}.creator-export-btn-primary:hover{background:linear-gradient(to right,#2563eb,#9333ea)}.creator-export-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.75rem}.creator-export-btn-secondary{padding:.5rem .75rem;background:#1a1f27;border:1px solid rgba(0,240,255,.3);border-radius:.375rem;color:#00f0ff;cursor:pointer;transition:all .2s}.creator-export-btn-secondary:hover{background:#00f0ff1a}.creator-export-input{width:100%;padding:.5rem .75rem;background:#0d1117;border:1px solid rgba(0,240,255,.2);border-radius:.375rem;color:#e0f2ff;font-size:.875rem}.creator-export-input::placeholder{color:#a0c4ff}.creator-ranking-karma-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.creator-ranking-karma-grid{grid-template-columns:repeat(2,1fr)}}.creator-ranking-card,.creator-karma-card{background:#1a1f27cc;padding:1.5rem;border-radius:.75rem;border:1px solid rgba(0,240,255,.1);box-shadow:0 10px 40px #0000004d}.creator-ranking-list{font-size:.875rem;color:#e0f2ff;list-style:none;padding:0;margin:0}.creator-ranking-list li{margin-bottom:.25rem}.creator-karma-graph-placeholder{height:96px;background:#111827;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#666;font-size:.875rem}.creator-report-section{background:#1a1f27cc;padding:1.5rem;border-radius:.75rem;border:1px solid rgba(0,240,255,.1);box-shadow:0 10px 40px #0000004d}.creator-report-description{font-size:.875rem;color:#a0c4ff;margin-bottom:.5rem}.creator-report-list{list-style:disc;list-style-position:inside;font-size:.875rem;color:#e0f2ff;margin:.5rem 0}.creator-report-list li{margin-bottom:.25rem}.creator-report-action{margin-top:1rem}.creator-report-btn{padding:.5rem 1rem;background:linear-gradient(to right,#10b981,#14b8a6);color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s;font-weight:600}.creator-report-btn:hover{flex-direction:column;gap:.75rem}.creator-guestbook-entry{padding:.75rem;background:#0d111799;border-radius:.5rem;border:1px solid rgba(0,240,255,.1);font-size:.875rem;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0003}@media(max-width:640px){.creator-dashboard-main{padding:1rem;gap:1.5rem}.creator-stats-grid{grid-template-columns:1fr}.creator-export-grid{flex-direction:column}}.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%}}.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(200px,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(200px,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:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.stat-card-label{font-size:.9rem;color:#ffffffb3}.stat-card-value{font-size:1.8rem;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(150px,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(180px,1fr));gap:1.5rem}.dashboard-stat-card{background:#0000004d;border:1px solid rgba(0,207,255,.2);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.dashboard-stat-label{font-size:.9rem;color:#ffffffb3}.dashboard-stat-value{font-size:2rem;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(150px,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:#00f0ff66}.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-dm-btn{background:#00e5ff33;border:1px solid rgba(0,229,255,.4);border-radius:8px;padding:.5rem;cursor:pointer;transition:all .3s;font-size:1.2rem;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.ranking-dm-btn:hover{background:#00e5ff4d;border-color:#00e5ff99;transform:scale(1.1);box-shadow:0 0 20px #00e5ff66}.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}.ranking-entry:hover{background:#ffffff14;border-color:#00cfff4d;transform:translate(4px)}.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-wrapper{display:flex;align-items:center}.ranking-loading,.ranking-error,.ranking-empty{text-align:center;padding:2rem;color:#fff9}.ranking-error{color:#f44}.ranking-container{min-height:100vh;background:linear-gradient(180deg,#0a0a0f,#151520);padding:2rem;color:#fff}.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}.ranking-entry:hover{background:#00cfff1a;transform:translate(5px)}.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:1rem}.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%;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a0a0ff2,#0f0f19f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:none;box-shadow:0 0 30px #00cfff1a}.dm-list-topbar{padding:1.5rem 1.25rem;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,207,255,.3);box-shadow:0 2px 20px #00cfff1a}.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:1rem 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:0 1.25rem 1rem;border-bottom:1px solid rgba(0,207,255,.2)}.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-items-neon{flex:1;overflow-y:auto;padding:.5rem;scrollbar-width:thin;scrollbar-color:rgba(0,207,255,.3) transparent}.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{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#0a0a0ff2,#0f0f19f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.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;padding-bottom:380px;display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:rgba(0,207,255,.3) transparent;min-height:0}.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-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;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(0,207,255,.3);background:#000c!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -2px 20px #00cfff4d;position:fixed!important;bottom:0!important;left:0;right:0;z-index:9999!important;width:100%;visibility:visible!important;opacity:1!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}.dm-window-input:focus,.dm-window-textarea:focus{border-color:#00cfffcc;box-shadow:0 0 20px #00cfff66;background:#0009}.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-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;position:sticky;bottom:0;z-index:10;animation:inputPulse 3s ease-in-out infinite}@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){.dm-window-back-btn{display:block!important}.dm-window-header-actions{flex-direction:row-reverse}.dm-window-input-form{padding:1rem;gap:.5rem}.dm-window-input-btn,.dm-window-send-btn{min-width:44px;height:44px;padding:.75rem}.dm-window-header-status-row{flex-direction:column;align-items:flex-start;gap:.5rem}}.user-list{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-secondary, rgba(15, 23, 42, .8));border-right:1px solid rgba(74,158,255,.2)}.user-list-header{padding:1rem;border-bottom:1px solid rgba(74,158,255,.2)}.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:1px solid rgba(74,158,255,.2);overflow-x:auto;scrollbar-width:thin}.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:.75rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(74,158,255,.2);background:#0003}.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-items{flex:1;overflow-y:auto;scrollbar-width:thin}.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}}.messages-page{width:100%;height:100vh;background:var(--bg-primary, #0a0a0f);display:flex;flex-direction:column}.messages-page-container{display:flex;height:100%;overflow:hidden}.messages-page-sidebar{width:350px;flex-shrink:0;border-right:none;overflow:hidden;display:flex;flex-direction:column}.messages-page-sidebar-tabs{display:flex;border-bottom:none;background:#0003}.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;overflow:hidden;display:flex;flex-direction:column}.messages-page-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;position:relative;background:linear-gradient(135deg,#0a0a14f2,#0f0f19f2)}.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;inset:0!important;width:100%!important;height:100vh!important;z-index:10000!important;display:none}.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:0!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:1rem;max-width:100%;overflow-x:hidden}.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}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:var(--color-dark-blue);border-top:1px solid var(--color-medium-blue);padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 10px #0000004d}.nav-item.create-button{background:var(--color-neon-blue);color:var(--color-deep-blue);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-top:-10px;box-shadow:0 4px 12px #00d4ff66;transition:all .2s ease}.nav-item.create-button:hover{background:var(--color-accent);transform:scale(1.1);box-shadow:0 6px 16px #00d4ff99}.nav-item.create-button span{display:none}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px 12px;transition:all .2s ease;min-width:50px;flex:1;max-width:80px}.nav-item span{font-size:9px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-item svg{transition:all .2s ease}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--color-neon-blue)}.nav-item.active svg{transform:scale(1.1)}.nav-item-live{position:relative;margin:-20px 0}.live-button-inner{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-neon-blue),var(--color-accent));display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00d4ff66;transition:all .3s ease}.nav-item-live:hover .live-button-inner{transform:scale(1.1);box-shadow:0 6px 30px #00d4ff99}.live-button-inner svg{color:var(--color-deep-blue)}@supports (padding: max(0px)){.bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}}: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}.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-track{background:var(--color-dark-blue)}::-webkit-scrollbar-thumb{background:var(--color-medium-blue);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-bright-blue)}: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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}