:root{--header-height:73px;--bg-deep:#050505;--bg:#0a0a0a;--bg-surface:#0f0f0f;--bg-elevated:#141414;--bg-glass:rgba(255, 255, 255, 0.05);--bg-glass-hover:rgba(255, 255, 255, 0.08);--border:rgba(255, 255, 255, 0.08);--border-hover:rgba(0, 255, 136, 0.25);--neon:#00FF88;--neon-dim:#00cc6e;--cyan:#00E5FF;--purple:#8B5CF6;--danger:#ff3366;--text:#f0f0f0;--text-secondary:#a3a3a3;--text-muted:#737373;--font-display:'Space Mono','SF Mono',monospace;--font-body:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-impact:'Anybody',sans-serif;--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1)}body,html{min-height:100vh;min-height:100dvh;min-width:100vw;min-width:100dvw;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;scrollbar-gutter:none!important}body{padding-top:var(--header-height);overscroll-behavior-y:none}body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 10% 20%,rgba(0,255,136,.04) 0,transparent 70%),radial-gradient(ellipse 50% 40% at 90% 70%,rgba(139,92,246,.035) 0,transparent 70%),radial-gradient(ellipse 40% 35% at 50% 110%,rgba(0,229,255,.03) 0,transparent 70%)}body::after{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.35;mix-blend-mode:overlay}@keyframes chatFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}header{position:fixed!important;top:0;left:0;right:0;z-index:1000;flex-shrink:0;height:var(--header-height);padding:0 12px;background:var(--bg-deep);border-bottom:1px solid var(--border);display:flex;align-items:center}.header-inner{width:100%;max-width:none;padding:0;height:100%;display:flex;align-items:center;justify-content:space-between}.header-inner .logo-mark{width:50px;height:50px;font-size:28px;border-radius:12px;background:var(--neon);color:var(--bg-deep);font-family:var(--font-display);font-weight:700;line-height:1;flex-shrink:0;transition:transform .3s var(--ease-spring),box-shadow .3s ease;box-shadow:0 0 16px rgba(0,255,136,.15)}.logo:hover .logo-mark{transform:rotate(-5deg) scale(1.06);box-shadow:0 0 24px rgba(0,255,136,.3)}.header-inner .logo-mark.searching{animation:1.8s ease-in-out infinite logo-wobble,2s ease-in-out infinite logo-glow;transition:none}@keyframes logo-wobble{0%,100%{transform:rotate(0) scale(1)}15%{transform:rotate(12deg) scale(1.08)}30%{transform:rotate(-10deg) scale(1.05)}45%{transform:rotate(8deg) scale(1.1)}60%{transform:rotate(-6deg) scale(1.06)}75%{transform:rotate(3deg) scale(1.03)}}@keyframes logo-glow{0%,100%{box-shadow:0 0 20px rgba(0,255,136,.3),0 0 4px rgba(0,255,136,.6)}50%{box-shadow:0 0 48px rgba(0,255,136,.7),0 0 96px rgba(0,229,255,.35),0 0 6px rgba(0,255,136,.8)}}.header-inner .logo-text{font-family:var(--font-body);font-weight:800;font-size:42px;color:var(--text);letter-spacing:-.5px;margin-top:2px}.logo-dot{color:var(--neon);font-weight:500}.online-badge{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:14px;color:var(--text-secondary)}.pulse-dot{width:7px;height:7px;background:var(--neon);border-radius:50%;position:relative;flex-shrink:0}.pulse-dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--neon);animation:2s ease-out infinite pulse-ring}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.2);opacity:0}}.online-badge strong{color:var(--neon);font-weight:700}.chat-page{display:flex;flex-grow:1;width:100vw;padding:4px 10px 10px;gap:10px}.main-content{flex-grow:1;display:flex;flex-direction:column;gap:8px;width:100%;font-size:20px;animation:chatFadeIn .5s var(--ease-out-expo) .2s both;max-width:none;margin:0;padding:0;min-width:0}.video-grid{position:relative;display:flex;flex-direction:column;gap:0;justify-content:space-between;box-sizing:content-box!important;animation:chatFadeIn .5s var(--ease-out-expo) .1s both}.video-container{position:relative;background:var(--bg-elevated);border-radius:10px;overflow:hidden;aspect-ratio:4/3;height:calc((100dvh - var(--header-height) - 10px - 4px - 10px)/ 2);width:auto;line-height:0;display:flex;justify-content:center;align-items:center;border:1px solid var(--border);transition:border-color .3s}.video-container video{aspect-ratio:4/3;height:calc((100dvh - var(--header-height) - 10px - 4px - 10px)/ 2);width:auto;object-fit:cover;background:var(--bg-elevated);transform:translateZ(0);will-change:transform}.video-container.local video{transform:scaleX(-1) translateZ(0)}.video-container.local video.unmirrored{transform:scaleX(1) translateZ(0)}.video-overlay{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;background:rgba(5,5,5,.85);padding:16px}.video-overlay-content{text-align:center;color:var(--text-muted);max-width:100%}.video-overlay-content p{font-size:.9rem;margin-top:12px;color:var(--text-secondary)}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.08);border-top-color:var(--neon);border-radius:50%;animation:.6s linear infinite spin;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.video-watermark{position:absolute;bottom:8px;left:12px;width:35%;height:auto;z-index:5;pointer-events:none;user-select:none;-webkit-user-select:none;transition:opacity .3s;color:#fff;opacity:.45;line-height:1;display:inline-flex;align-items:flex-end}.video-watermark svg{display:block;width:100%;height:auto;filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 2px #000) drop-shadow(0 0 2px #000)}.video-report-btn{position:absolute;bottom:8px;right:10px;z-index:6;display:none;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(0,0,0,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,51,102,.3);border-radius:50%;color:var(--danger);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s var(--ease-spring)}.video-report-btn.visible{display:flex}.video-report-btn:hover{border-color:rgba(255,51,102,.6);background:rgba(255,51,102,.2);transform:scale(1.08)}.video-report-btn svg{width:16px;height:16px;flex-shrink:0}.connection-card{display:flex;align-items:center;gap:10px;padding:10px 16px;margin:4px auto 6px;background:rgba(0,255,136,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,255,136,.15);border-radius:12px;box-shadow:0 0 20px rgba(0,255,136,.06);animation:glassCardIn .4s var(--ease-out-expo) both;max-width:280px;width:fit-content}@keyframes glassCardIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.connection-card .cc-dot{width:7px;height:7px;background:var(--neon);border-radius:50%;flex-shrink:0;box-shadow:0 0 8px rgba(0,255,136,.4);animation:2s ease-in-out infinite cc-pulse}@keyframes cc-pulse{0%,100%{box-shadow:0 0 8px rgba(0,255,136,.4)}50%{box-shadow:0 0 14px rgba(0,255,136,.7)}}.connection-card .cc-label{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--neon)}.connection-card .cc-flag{font-size:1.1rem;line-height:1;margin-left:auto}.connection-card .cc-country{font-size:.78rem;font-weight:600;color:var(--neon)}.video-container.local.face-warning{border-color:rgba(255,51,102,.8)!important;animation:1.5s ease-in-out infinite faceBorderPulse}@keyframes faceBorderPulse{0%,100%{box-shadow:0 0 0 1px rgba(255,51,102,.7),0 0 8px rgba(255,51,102,.3)}50%{box-shadow:0 0 0 2px rgba(255,51,102,.9),0 0 20px 4px rgba(255,51,102,.4)}}.face-warning-card{position:fixed;top:calc(var(--header-height) + 10px);left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:14px;padding:12px 20px 12px 16px;background:rgba(255,51,102,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,51,102,.25);border-radius:999px;box-shadow:0 0 30px rgba(255,51,102,.08),0 4px 16px rgba(0,0,0,.3);animation:faceCardIn .4s var(--ease-out-expo) both;white-space:nowrap}.face-warning-icon{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,51,102,.12);border:1px solid rgba(255,51,102,.2)}.face-warning-icon svg{width:18px;height:18px;color:var(--danger)}.face-warning-label{font-family:var(--font-body);font-size:.88rem;font-weight:600;color:var(--text);line-height:1.3}.face-warning-sub{font-family:var(--font-body);font-size:.72rem;font-weight:400;color:rgba(255,255,255,.45);margin-top:1px}.face-warning-countdown{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--danger);line-height:1;min-width:36px;text-align:center;margin-left:4px}.face-warning-countdown.tick{animation:.3s ease-out countdownTick}@keyframes countdownTick{0%{transform:scale(1.2)}100%{transform:scale(1)}}.face-warning-card.urgent{border-color:rgba(255,51,102,.5);background:rgba(255,51,102,.12)}.face-warning-card.urgent .face-warning-countdown{animation:.5s ease-in-out infinite countdownUrgent}@keyframes countdownUrgent{0%,100%{opacity:1}50%{opacity:.5}}@keyframes faceCardIn{from{opacity:0;transform:translateX(-50%) translateY(-16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.face-warning-card.hiding{animation:.3s ease-in forwards faceCardOut}@keyframes faceCardOut{to{opacity:0;transform:translateX(-50%) translateY(-12px)}}.bar-btn.camera-blocked{opacity:.35;pointer-events:none;cursor:not-allowed;filter:grayscale(.5)}.local-overlay-icon{width:64px;height:64px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.local-overlay-icon svg{width:30px;height:30px;color:var(--text-muted)}.local-overlay-title{font-family:var(--font-body);font-size:1.05rem;font-weight:600;color:rgba(255,255,255,.6);margin:0}.local-overlay-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:18px}.local-overlay-btn{display:inline-block;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--bg-deep);background:var(--neon);padding:10px 32px;border-radius:999px;text-decoration:none;transition:transform .15s,box-shadow .2s;min-height:44px;line-height:1.5}.local-overlay-btn:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(0,255,136,.35)}.local-overlay-btn:active{transform:scale(.97)}.local-overlay-alt{display:inline-block;font-family:var(--font-body);font-size:.78rem;font-weight:500;color:rgba(255,255,255,.5);text-decoration:none;border:1px solid rgba(255,255,255,.15);padding:8px 24px;border-radius:999px;transition:color .2s,border-color .2s,background .2s;min-height:40px;line-height:1.5}.local-overlay-alt:hover{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.04)}.local-overlay-settings{margin-top:12px;font-family:var(--font-display);font-size:.55rem;color:rgba(255,170,0,.7);line-height:1.5;text-align:center}@media (max-height:530px){.video-overlay{padding:10px}.local-overlay-icon{width:40px;height:40px;margin-bottom:8px}.local-overlay-icon svg{width:20px;height:20px}.local-overlay-title{font-size:.85rem}.local-overlay-actions{gap:8px;margin-top:10px}.local-overlay-btn{font-size:.78rem;padding:6px 22px;min-height:34px}.local-overlay-alt{font-size:.7rem;padding:5px 18px;min-height:30px}}@media (max-height:420px){.video-overlay{padding:6px}.local-overlay-icon{width:32px;height:32px;margin-bottom:6px}.local-overlay-icon svg{width:16px;height:16px}.local-overlay-title{font-size:.75rem}.local-overlay-actions{gap:6px;margin-top:6px}.local-overlay-btn{font-size:.72rem;padding:5px 18px;min-height:28px}.local-overlay-alt{font-size:.65rem;padding:4px 14px;min-height:24px}.local-overlay-settings{display:none}}.black-feed-card{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;gap:12px;padding:10px 20px 10px 14px;background:rgba(20,15,5,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,170,0,.25);border-radius:999px;box-shadow:0 0 30px rgba(255,170,0,.08),0 4px 16px rgba(0,0,0,.3);animation:blackFeedCardIn .4s var(--ease-out-expo) both;white-space:nowrap}.black-feed-icon{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,170,0,.12);border:1px solid rgba(255,170,0,.2)}.black-feed-icon svg{width:16px;height:16px;color:#fa0}.black-feed-label{font-family:var(--font-body);font-size:.82rem;font-weight:600;color:rgba(255,255,255,.85);line-height:1.3}.black-feed-sub{font-family:var(--font-display);font-size:.7rem;font-weight:400;color:rgba(255,255,255,.4);margin-top:1px}@keyframes blackFeedCardIn{from{opacity:0;transform:translateX(-50%) translateY(16px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.black-feed-card.hiding{animation:.3s ease-in forwards blackFeedCardOut}@keyframes blackFeedCardOut{to{opacity:0;transform:translateX(-50%) translateY(12px)}}.camera-required-card{position:fixed;top:calc(var(--header-height) + 6px);left:10px;right:10px;z-index:100;display:flex;align-items:center;gap:10px;padding:10px 14px;background:rgba(10,10,10,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.3);animation:cameraCardIn .4s var(--ease-out-expo) both}.camera-required-card-icon{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.camera-required-card-icon svg{width:15px;height:15px;color:var(--text-muted)}.camera-required-card-label{font-family:var(--font-body);font-size:.8rem;font-weight:600;color:rgba(255,255,255,.85);line-height:1.3}.camera-required-card-sub{font-family:var(--font-display);font-size:.65rem;font-weight:400;color:rgba(255,255,255,.4);margin-top:1px}.camera-required-card-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0}.camera-required-card-enable{font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--bg-deep);background:var(--neon);padding:5px 14px;border-radius:999px;text-decoration:none;transition:transform .15s,box-shadow .2s;white-space:nowrap}.camera-required-card-enable:hover{transform:scale(1.05);box-shadow:0 0 12px rgba(0,255,136,.3)}.camera-required-card-text{font-family:var(--font-body);font-size:.7rem;font-weight:500;color:rgba(255,255,255,.4);text-decoration:none;white-space:nowrap}.camera-required-card-text:hover{color:rgba(255,255,255,.7)}@keyframes cameraCardIn{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.camera-required-card.hiding{animation:.3s ease-in forwards cameraCardOutMobile}@keyframes cameraCardOutMobile{to{opacity:0;transform:translateY(-12px)}}@media (min-width:601px){.camera-required-card{display:none!important}}.rules-link{color:var(--neon);text-decoration:none;border-bottom:1px solid rgba(0,255,136,.3)}.rules-link:hover{border-bottom-color:var(--neon)}.video-overlay-icon{width:68px;height:68px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid rgba(0,255,136,.25);position:relative}.video-overlay-icon::before{content:'';position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.1) 0,transparent 70%);animation:2.4s ease-in-out infinite searchPulseGlow;pointer-events:none}@keyframes searchPulseGlow{0%,100%{transform:scale(.85);opacity:.3}50%{transform:scale(1.2);opacity:.6}}.video-overlay-icon::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2.5px solid transparent;border-top-color:var(--neon);animation:.8s linear infinite spin}.video-overlay-icon svg{width:28px;height:28px;color:rgba(0,255,136,.6)}.video-overlay-title{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:rgba(255,255,255,.65);letter-spacing:.02em;margin:0}.video-overlay-hint{font-family:var(--font-display);font-size:.68rem;color:rgba(255,255,255,.35);margin:10px 0 0;letter-spacing:.08em;word-spacing:0.2em}.video-overlay-dots span{animation:1.4s infinite both dotBlink}.video-overlay-dots span:nth-child(2){animation-delay:.2s}.video-overlay-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBlink{0%,100%,80%{opacity:.2}40%{opacity:1}}.video-hover-controls{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(0,0,0,0);z-index:4;opacity:0;transition:opacity .25s,background .25s;pointer-events:none}.video-container:hover .video-hover-controls{opacity:1;background:rgba(5,5,5,.6);pointer-events:auto}.device-selector{display:flex;align-items:center;gap:6px;background:rgba(0,0,0,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 12px;border-radius:8px;border:1px solid var(--border)}.device-selector .device-icon{font-size:1rem;flex-shrink:0}.device-selector select{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:5px 8px;font-size:.78rem;max-width:180px;outline:0;cursor:pointer;appearance:auto;font-family:var(--font-body)}.device-selector select option{background:var(--bg-elevated);color:#fff}.flip-btn{display:flex;align-items:center;gap:6px;padding:6px 16px;background:var(--neon);color:var(--bg-deep);border:none;border-radius:6px;font-size:.82rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .2s;font-family:var(--font-body)}.flip-btn:hover{transform:scale(1.05);box-shadow:0 0 16px rgba(0,255,136,.3)}.flip-btn:active{animation:.5s ease-in-out cameraPulse}@keyframes cameraPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}.flip-btn .flip-icon{display:inline-block;font-size:1rem}.remote-hover-controls{position:absolute;bottom:8px;right:56px;display:flex;justify-content:flex-end;z-index:4;opacity:0;transition:opacity .25s;pointer-events:none}.video-container.remote:hover .remote-hover-controls{opacity:1;pointer-events:auto}.volume-control{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:5px 12px 5px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.06);transition:border-color .3s,background .3s}.volume-control:hover{background:rgba(0,0,0,.78);border-color:rgba(255,255,255,.12)}.vol-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:none;background:0 0;cursor:pointer;transition:background .2s,transform .15s;flex-shrink:0;padding:0}.vol-btn:hover{background:rgba(255,255,255,.08);transform:scale(1.1)}.vol-btn:active{transform:scale(.92)}.vol-btn svg{width:15px;height:15px;stroke:rgba(255,255,255,0.65);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.vol-btn:hover svg{stroke:rgba(255,255,255,0.95)}.vol-btn.muted svg{stroke:var(--text-muted)}.volume-control input[type=range]{-webkit-appearance:none;appearance:none;width:100px;height:4px;background:0 0;cursor:pointer;outline:0}.volume-control input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:rgba(255,255,255,.12)}.volume-control input[type=range]::-moz-range-track{height:3px;border-radius:2px;background:rgba(255,255,255,.12);border:none}.volume-control input[type=range]::-moz-range-progress{height:3px;border-radius:2px;background:var(--neon)}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--neon);border:none;margin-top:-4.5px;box-shadow:0 0 8px rgba(0,255,136,.4);transition:box-shadow .2s,transform .15s}.volume-control input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 14px rgba(0,255,136,.6);transform:scale(1.15)}.volume-control input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--neon);border:none;box-shadow:0 0 8px rgba(0,255,136,.4);transition:box-shadow .2s,transform .15s}.volume-control input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 14px rgba(0,255,136,.6);transform:scale(1.15)}.vol-pct{font-family:var(--font-display);font-size:.6rem;color:var(--text-muted);min-width:24px;text-align:right;letter-spacing:.02em;user-select:none}.mute-indicator{position:absolute;top:14px;left:14px;z-index:5;display:flex;align-items:center;gap:7px;padding:5px 12px 5px 8px;background:rgba(255,51,102,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,51,102,.25);border-radius:999px;animation:muteIndicatorIn .35s var(--ease-out-expo) both;cursor:pointer;transition:background .2s,border-color .2s}.mute-indicator:hover{background:rgba(255,51,102,.22);border-color:rgba(255,51,102,.5)}.mute-indicator svg{width:13px;height:13px;stroke:var(--danger);fill:none;flex-shrink:0;opacity:.9}.mute-indicator .mute-label{font-family:var(--font-display);font-size:.62rem;font-weight:400;color:rgba(255,51,102,.85);letter-spacing:.04em;white-space:nowrap;text-transform:uppercase}.mute-indicator .mute-action{font-family:var(--font-display);font-size:.58rem;font-weight:400;color:rgba(255,255,255,.7);letter-spacing:.03em;white-space:nowrap;text-transform:uppercase;display:none}.mute-indicator:hover .mute-label{display:none}.mute-indicator:hover .mute-action{display:inline}@keyframes muteIndicatorIn{from{opacity:0;transform:translateY(-8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.mute-indicator.hiding{animation:.25s ease-in forwards muteIndicatorOut}@keyframes muteIndicatorOut{to{opacity:0;transform:translateY(-6px) scale(.95)}}.chat-panel{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;padding:14px;border-radius:16px;background:rgba(255,255,255,.04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08)}.shared-interests{padding:10px 14px;background:rgba(0,255,136,.06);border:1px solid rgba(0,255,136,.12);border-radius:12px;font-size:.82rem;color:var(--neon);font-weight:500;margin-bottom:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.shared-interests .interest-pill{display:inline-block;padding:2px 10px;background:rgba(0,255,136,.12);color:var(--neon);border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid rgba(0,255,136,.2)}.chat-window{flex-grow:1;overflow:auto;height:0;overflow-wrap:anywhere;display:flex;flex-direction:column;gap:2px}.chat-window::-webkit-scrollbar{width:4px}.chat-window::-webkit-scrollbar-track{background:0 0}.chat-window::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px}.message{line-height:1.45;font-weight:500;overflow-wrap:anywhere;word-break:break-all;color:var(--text);padding:6px 12px;border-radius:8px;transition:background .2s;animation:msgIn .3s var(--ease-out-expo) both}.message:hover{background:rgba(255,255,255,.03)}.message.mine{border-left:2px solid rgba(0,255,136,.15)}.message.theirs{border-left:2px solid rgba(0,229,255,.15)}@keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message .msg-prefix{font-weight:700;font-family:var(--font-display);font-size:.85em}.message .msg-prefix::after{content:": "}.message.mine .msg-prefix{color:var(--neon)}.message.theirs .msg-prefix{color:var(--cyan)}.system-message{text-align:center;color:var(--text-muted);font-size:.78rem;font-style:italic;padding:6px 16px;margin:6px auto;width:fit-content;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:999px;animation:msgIn .3s var(--ease-out-expo) both}@keyframes imNotifyIn{0%{opacity:0;transform:translateY(16px) scale(.92);filter:blur(4px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes imIconGlow{0%,100%{filter:drop-shadow(0 0 3px currentColor) drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor)}}.im-notify{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;margin:6px auto;max-width:340px;border-radius:14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:.5s cubic-bezier(.16,1,.3,1) both imNotifyIn;font-style:normal;position:relative;overflow:hidden}.im-notify::before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;border-radius:1px}.im-notify-icon{flex-shrink:0;width:22px;height:22px;margin-top:0;animation:3s ease-in-out infinite imIconGlow}.im-notify-icon svg{width:22px;height:22px}.im-notify-body{display:flex;flex-direction:column;gap:3px;min-width:0}.im-notify-title{font-family:var(--font-display);font-size:.8rem;font-weight:500;line-height:1.3;letter-spacing:.02em}.im-notify-text{font-size:.75rem;line-height:1.4;opacity:.7}.im-notify-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.im-notify-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-family:var(--font-display);font-size:.68rem;font-weight:500;letter-spacing:.03em}.im-notify-action{display:inline-block;margin-top:8px;padding:6px 16px;border:1px solid transparent;border-radius:999px;font-family:var(--font-display);font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:.25s;width:fit-content;background:0 0}.im-notify-action:hover{transform:translateY(-1px)}.im-notify-action:active{transform:translateY(0) scale(.97)}.im-notify--info{background:rgba(0,229,255,.03);border:1px solid rgba(0,229,255,.08);box-shadow:0 2px 12px rgba(0,229,255,.02);padding:12px 16px}.im-notify--info::before{background:linear-gradient(90deg,transparent,rgba(0,229,255,.12),transparent)}.im-notify--info .im-notify-icon{color:var(--cyan);animation:none;filter:drop-shadow(0 0 4px rgba(0, 229, 255, .3))}.im-notify--info .im-notify-title{color:var(--cyan);font-size:.75rem}.im-notify--info .im-notify-text{color:var(--text-muted)}.im-notify--info .im-notify-tag{background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.18);color:var(--cyan)}.im-notify--info .im-notify-tags{margin-top:4px}.im-notify--nudge{background:rgba(255,183,77,.04);border:1px solid rgba(255,183,77,.14);box-shadow:0 4px 24px rgba(255,183,77,.04),inset 0 1px 0 rgba(255,183,77,.06)}.im-notify--nudge::before{background:linear-gradient(90deg,transparent,rgba(255,183,77,.2),transparent)}.im-notify--nudge .im-notify-icon,.im-notify--nudge .im-notify-title{color:#ffb74d}.im-notify--nudge .im-notify-text{color:var(--text-secondary)}.im-notify--nudge .im-notify-action{color:#ffb74d;border-color:rgba(255,183,77,.3);background:rgba(255,183,77,.06)}.im-notify--nudge .im-notify-action:hover{background:rgba(255,183,77,.15);box-shadow:0 0 16px rgba(255,183,77,.1)}.im-notify-action--primary{background:var(--neon);color:var(--bg);border-color:var(--neon);font-weight:600}.im-notify-action--primary:hover{background:#00ff88cc;box-shadow:0 0 20px rgba(0,255,136,.25)}.im-notify-microcopy{font-size:.68rem;color:var(--text-muted);margin-top:4px;line-height:1.3}.im-notify--confirm{background:rgba(0,229,255,.03);border:1px solid rgba(0,229,255,.08);box-shadow:0 2px 12px rgba(0,229,255,.02);padding:12px 16px}.im-notify--confirm::before{background:linear-gradient(90deg,transparent,rgba(0,229,255,.12),transparent)}.im-notify--confirm .im-notify-icon{color:var(--cyan);animation:none;filter:drop-shadow(0 0 4px rgba(0, 229, 255, .3))}.im-notify--confirm .im-notify-title{color:var(--cyan);font-size:.75rem}.im-notify--confirm .im-notify-text{color:var(--text-muted)}.im-notify--search{background:rgba(0,255,136,.03);border:1px solid rgba(0,255,136,.1);box-shadow:0 2px 12px rgba(0,255,136,.03);padding:12px 16px}.im-notify--search::before{background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent)}.im-notify--search .im-notify-icon{animation:none;display:flex;align-items:center;justify-content:center}.im-notify--search .im-notify-title{color:var(--neon);font-size:.75rem}.im-notify--search .im-notify-text{color:var(--text-muted)}.im-search-pulse{width:10px;height:10px;background:var(--neon);border-radius:50%;animation:1.8s ease-in-out infinite imSearchPulse}@keyframes imSearchPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,255,136,.5);transform:scale(1)}50%{box-shadow:0 0 0 6px rgba(0,255,136,0);transform:scale(1.15)}}.im-notify--niche{background:rgba(0,255,136,.04);border:1px solid rgba(0,255,136,.16);box-shadow:0 4px 28px rgba(0,255,136,.06),0 0 0 1px rgba(0,255,136,.04),inset 0 1px 0 rgba(0,255,136,.08);padding:16px 20px}.im-notify--niche::before{background:linear-gradient(90deg,transparent,rgba(0,255,136,.25),transparent)}.im-notify--niche .im-notify-icon{color:var(--neon)}.im-notify--niche .im-notify-title{color:var(--neon);font-size:.82rem}.im-notify--niche .im-notify-text{color:var(--text-secondary)}.im-notify--niche .im-notify-tag{background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.22);color:var(--neon);transition:background .2s,box-shadow .2s,transform .15s;cursor:default}.im-notify--niche .im-notify-tag:hover{background:rgba(0,255,136,.16);box-shadow:0 0 10px rgba(0,255,136,.15);transform:translateY(-1px)}.im-notify--warn{background:rgba(255,51,102,.04);border:1px solid rgba(255,51,102,.14);box-shadow:0 4px 24px rgba(255,51,102,.04),inset 0 1px 0 rgba(255,51,102,.06)}.im-notify--warn::before{background:linear-gradient(90deg,transparent,rgba(255,51,102,.2),transparent)}.im-notify--warn .im-notify-icon{color:var(--danger);filter:drop-shadow(0 0 4px rgba(255, 51, 102, .3))}.im-notify--warn .im-notify-title{color:var(--danger)}.im-notify--warn .im-notify-text{color:var(--text-secondary)}.im-notify--hint{background:rgba(139,92,246,.03);border:1px solid rgba(139,92,246,.08);box-shadow:0 2px 12px rgba(139,92,246,.02);padding:12px 16px}.im-notify--hint::before{background:linear-gradient(90deg,transparent,rgba(139,92,246,.1),transparent)}.im-notify--hint .im-notify-icon{color:var(--purple);animation:none;filter:none}.im-notify--hint .im-notify-title{color:var(--purple);font-size:.75rem}.im-notify--hint .im-notify-text{color:var(--text-muted)}body.text-mode .search-spinner.im-spinner{border-top-color:var(--cyan)}body.text-mode .search-spinner.im-spinner::before{background:radial-gradient(circle,rgba(0,229,255,.08) 0,transparent 70%)}.im-queue-slot{position:relative;width:100%;max-width:340px;margin:6px auto}.im-queue-slot>.im-notify,.im-queue-slot>.search-indicator{animation:none}.im-queue-slot>.im-queue-out{position:absolute;top:0;left:0;right:0;animation:queueFadeOut .3s var(--ease-out-expo) forwards;pointer-events:none}.im-queue-slot>.im-queue-in{animation:queueFadeIn .4s var(--ease-out-expo) both}@keyframes queueFadeOut{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-8px)}}@keyframes queueFadeIn{from{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.im-notify-tags.im-tags-ticker{flex-wrap:nowrap;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.im-tags-ticker .im-tags-track{display:flex;gap:6px;width:max-content;animation:tagTicker var(--ticker-duration,20s) linear infinite}.im-tags-ticker .im-tags-track .im-notify-tag{flex-shrink:0;white-space:nowrap}.im-tags-ticker:hover .im-tags-track{animation-play-state:paused}@keyframes tagTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.rules{display:flex;flex-direction:column;color:var(--text-secondary);font-size:1.15em;line-height:1.6;gap:2px}.rules p{margin:0}.rules-heading{font-family:var(--font-display);font-weight:700;font-size:1.05em;color:var(--neon);margin-bottom:4px}.rules-welcome{display:inline-block;opacity:0;animation:rulesFadeIn .6s var(--ease-out-expo) .3s forwards;color:var(--text-secondary)}.rules-brand{display:inline-block;opacity:0;animation:rulesBrandIn .7s var(--ease-out-expo) .7s forwards;color:var(--neon)}.rules-brand-dot{color:var(--neon)}@keyframes rulesFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes rulesBrandIn{0%{opacity:0;transform:translateY(4px);text-shadow:none}60%{opacity:1;transform:translateY(0);text-shadow:0 0 20px rgba(0,255,136,.5)}100%{opacity:1;transform:translateY(0);text-shadow:none}}.rules-age{display:inline-block;width:fit-content;background:rgba(255,51,102,.1);border:1px solid rgba(255,51,102,.25);color:var(--danger);padding:4px 14px;border-radius:999px;font-size:.78em;font-weight:700;margin-bottom:8px}.rules p:not(.rules-heading):not(.rules-age){font-size:.82em;color:var(--text-secondary);line-height:1.7}.rules::after{content:"Press Start to find someone";display:block;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);font-family:var(--font-body);font-size:.82em;color:var(--text-muted);text-align:center;width:100%}.typing-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;margin:4px 0;width:fit-content;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:999px;font-size:.78rem;color:var(--cyan);opacity:.7;font-weight:500}.typing-indicator .dots span{animation:1.4s infinite both blink}.typing-indicator .dots span:nth-child(2){animation-delay:.2s}.typing-indicator .dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,100%,80%{opacity:.3}40%{opacity:1}}.input-container{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);flex-grow:1;z-index:10;padding:1px;display:flex;align-items:center;border-radius:12px;overflow:hidden;transition:border-color .3s,box-shadow .3s}.input-container:focus-within{border-color:rgba(0,255,136,.3);box-shadow:0 0 16px rgba(0,255,136,.08)}.input-container textarea{flex-grow:1;resize:none;font-size:1em;outline:0;width:0;padding:5px 8px;border:0;height:100%;background:0 0;color:var(--text);font-family:var(--font-body)}.input-container textarea::placeholder{color:var(--text-muted)}.input-container textarea:disabled{opacity:1}.send-btn{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;margin-left:8px;background:0 0;color:var(--neon);border:none;border-bottom-right-radius:.5em;cursor:pointer;transition:background .2s,color .2s,transform .15s}.send-btn:hover:not(:disabled){background:var(--neon);color:var(--bg-deep);transform:scale(1.05)}.send-btn:disabled{opacity:.3}.send-btn svg{flex-shrink:0}.bottom-bar{display:flex;gap:8px;align-items:stretch;border-radius:12px;background:rgba(255,255,255,.03);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06)}.bar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;height:85px;padding:13px;color:#fff;user-select:none;cursor:pointer;touch-action:manipulation;border-radius:10px;border:none;transition:transform .15s var(--ease-spring),box-shadow .3s ease}.bar-btn:hover{transform:scale(1.02)}.bar-btn:disabled{opacity:.35;cursor:not-allowed}.btn-main{font-size:22px;font-weight:700;line-height:1.2;font-family:var(--font-body)}.btn-sub{margin-top:-5px;font-size:12px;color:rgba(255,255,255,.5);font-weight:600;line-height:1.2;font-family:var(--font-display);letter-spacing:.5px}.start-btn{background:linear-gradient(135deg,var(--neon) 0,#00e5a0 40%,var(--cyan) 100%);background-size:200% 200%;background-position:0 50%;width:130px;border-bottom-left-radius:.5em;box-shadow:0 0 20px rgba(0,255,136,.15);position:relative;overflow:hidden;transition:transform .3s var(--ease-spring),box-shadow .4s ease,background-position .6s ease}.start-btn:hover{background-position:100% 50%;box-shadow:0 0 24px rgba(0,255,136,.3),0 0 60px rgba(0,255,136,.1)}.start-btn::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.25) 45%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.25) 55%,transparent 80%);animation:4s ease-in-out infinite btnShimmer;z-index:1;pointer-events:none}@keyframes btnShimmer{0%{left:-100%}100%,40%{left:150%}}.start-btn .btn-main{color:var(--bg-deep);font-weight:800;position:relative;z-index:2}.start-btn .btn-sub{color:rgba(0,0,0,.5);position:relative;z-index:2}.skip-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);width:130px;border-bottom-left-radius:.5em}.skip-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}.skip-btn .btn-main{color:var(--text)}.skip-btn .btn-sub{color:var(--text-muted)}.stop-btn{background:var(--danger);width:130px;border-bottom-left-radius:.5em;box-shadow:0 0 20px rgba(255,51,102,.15)}.stop-btn:hover{box-shadow:0 0 30px rgba(255,51,102,.3)}.stop-btn .btn-main,.stop-btn .btn-sub{color:#fff}.tab-block-overlay{position:fixed;inset:0;background:rgba(5,5,5,.92);display:flex;align-items:center;justify-content:center;z-index:3000;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:.35s ease-out both tabOverlayIn}.tab-block-overlay::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.06) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.tab-block-overlay::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.3;mix-blend-mode:overlay}.tab-block-card{position:relative;z-index:1;max-width:420px;width:calc(100% - 48px);background:rgba(255,255,255,.04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px 36px 36px;text-align:center;box-shadow:0 0 60px rgba(0,229,255,.04),0 8px 32px rgba(0,0,0,.4);animation:tabCardIn .45s var(--ease-out-expo) .15s both}.tab-icon{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(0,229,255,.08);border:1px solid rgba(0,229,255,.15);animation:3s ease-in-out infinite tabIconPulse}.tab-icon svg{width:30px;height:30px;color:var(--cyan)}.tab-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--cyan);margin:0 0 16px;letter-spacing:-.5px}.tab-message{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary);margin:0 0 8px;line-height:1.6}.tab-reason{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted);margin:0 0 28px;line-height:1.5}.tab-divider{width:100%;height:1px;background:rgba(255,255,255,.06);margin:0 0 24px}.tab-waiting{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border:1px solid rgba(0,229,255,.12);border-radius:999px;background:rgba(0,229,255,.04);font-family:var(--font-body);font-size:.85rem;font-weight:500;color:rgba(0,229,255,.7)}.tab-waiting-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:1.8s ease-in-out infinite tabWaitPulse}.tab-hint{font-family:var(--font-display);font-size:.7rem;color:#444;margin-top:20px;letter-spacing:.3px}@keyframes tabOverlayIn{from{opacity:0}to{opacity:1}}@keyframes tabCardIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tabIconPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,229,255,.15)}50%{box-shadow:0 0 20px 4px rgba(0,229,255,.06)}}@keyframes tabWaitPulse{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@media (max-width:640px){.tab-block-card{padding:32px 24px 28px;border-radius:16px}.tab-icon{width:56px;height:56px;border-radius:14px;margin-bottom:20px}.tab-icon svg{width:26px;height:26px}.tab-title{font-size:1.15rem}.tab-message{font-size:.9rem}.tab-waiting{padding:9px 18px;font-size:.8rem}}.report-btn{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:10px;color:var(--text-muted);cursor:pointer;transition:color .2s,border-color .2s,background .2s;align-self:center}.report-btn:hover{color:var(--danger);border-color:rgba(255,51,102,.4);background:rgba(255,51,102,.06)}body:not(.text-mode) .report-btn{display:none!important}.modal-overlay{position:fixed;inset:0;background:rgba(5,5,5,.85);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:.25s ease-out both reportOverlayIn}.modal-overlay::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.3;mix-blend-mode:overlay}.modal{position:relative;z-index:1;background:rgba(255,255,255,.04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:36px 32px 32px;max-width:380px;width:calc(100% - 48px);text-align:center;box-shadow:0 0 40px rgba(255,51,102,.04),0 8px 32px rgba(0,0,0,.4);animation:reportCardIn .35s var(--ease-out-expo) .1s both}.modal-icon{width:56px;height:56px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(255,51,102,.08);border:1px solid rgba(255,51,102,.15)}.modal-icon svg{width:26px;height:26px;color:var(--danger)}.modal-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text);margin:0 0 10px;letter-spacing:-.3px}.modal-desc{font-family:var(--font-body);font-size:.88rem;color:var(--text-secondary);margin:0 0 28px;line-height:1.55}.modal-buttons{display:flex;gap:10px;justify-content:center}.modal-btn{padding:11px 28px;border:none;border-radius:999px;font-size:.88rem;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:.2s;-webkit-tap-highlight-color:transparent}.modal-btn.confirm{background:var(--danger);color:#fff;box-shadow:0 0 20px rgba(255,51,102,.15)}.modal-btn.confirm:hover{background:#e6294f;box-shadow:0 0 28px rgba(255,51,102,.25);transform:scale(1.02)}.modal-btn.confirm:active{transform:scale(.97)}.modal-btn.cancel{background:rgba(255,255,255,.06);color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.modal-btn.cancel:hover{background:rgba(255,255,255,.1);color:var(--text);border-color:rgba(255,255,255,.15)}.modal-btn.cancel:active{transform:scale(.97)}@keyframes reportOverlayIn{from{opacity:0}to{opacity:1}}@keyframes reportCardIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.modal{padding:28px 24px 24px;border-radius:16px}.modal-icon{width:48px;height:48px;border-radius:12px;margin-bottom:16px}.modal-icon svg{width:22px;height:22px}.modal-title{font-size:1.05rem}.modal-btn{padding:10px 22px;font-size:.85rem}}body.text-mode .video-grid{display:none}body.text-mode .skip-btn{border-bottom-left-radius:.5em!important}body.text-mode .chat-page{justify-content:center;padding:10px 24px}body.text-mode .main-content{max-width:min(900px,calc(100vw - 48px));width:100%}body.text-mode .bottom-bar{padding:8px;height:auto}body.text-mode .bar-btn{height:52px;width:100px;padding:8px;border-radius:12px}body.text-mode .btn-main{font-size:17px;font-weight:800}body.text-mode .btn-sub{font-size:10px;margin-top:-2px}body.text-mode .skip-btn,body.text-mode .start-btn,body.text-mode .stop-btn{width:100px}body.text-mode .search-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;gap:16px}body.text-mode .search-spinner{width:52px;height:52px;border-radius:50%;border:3px solid rgba(255,255,255,.06);border-top-color:var(--neon);animation:.8s linear infinite spin;position:relative}body.text-mode .search-spinner::before{content:'';position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,rgba(0,255,136,.08) 0,transparent 70%);animation:2s ease-in-out infinite searchPulse;pointer-events:none}@keyframes searchPulse{0%,100%{transform:scale(.8);opacity:.3}50%{transform:scale(1.3);opacity:.7}}body.text-mode .search-label{font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--text-secondary)}body.text-mode .search-label .dots span{animation:1.4s infinite both blink}body.text-mode .search-label .dots span:nth-child(2){animation-delay:.2s}body.text-mode .search-label .dots span:nth-child(3){animation-delay:.4s}body.text-mode .search-hint{font-family:var(--font-display);font-size:.68rem;color:var(--text-muted);letter-spacing:.04em}body.text-mode .rules{align-items:center;text-align:center;margin:auto;padding:28px 24px;max-width:380px;background:rgba(255,255,255,.04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:16px;gap:4px;animation:glassCardIn .5s var(--ease-out-expo) .2s both}.bar-btn:focus-visible,.gif-btn:focus-visible,.report-btn:focus-visible,.send-btn:focus-visible{outline:2px solid var(--neon);outline-offset:2px}.input-container:has(textarea:focus-visible){outline:2px solid var(--neon);outline-offset:2px}@media (prefers-reduced-motion:reduce){.connection-card,.im-notify,.message,.system-message,body.text-mode .rules{animation:none!important}.rules-brand,.rules-welcome,.start-btn::after,.video-overlay-icon::before,body.text-mode .search-spinner,body.text-mode .search-spinner::before{animation:none!important;opacity:1!important}.im-queue-slot>.im-queue-in,.im-queue-slot>.im-queue-out{animation:none!important}.im-queue-slot>.im-queue-out{opacity:0}.im-queue-slot>.im-queue-in{opacity:1;transform:none}.im-tags-ticker .im-tags-track{animation:none!important}.im-notify-tags.im-tags-ticker{flex-wrap:wrap;mask-image:none;-webkit-mask-image:none}}@media (max-width:600px){body.text-mode .chat-page{padding:8px}body.text-mode .bar-btn{height:48px;width:90px}body.text-mode .btn-main{font-size:15px}body.text-mode .bottom-bar{padding:6px}body.text-mode .chat-panel{padding:10px;border-radius:12px}body.text-mode .rules{padding:20px 16px;max-width:100%;margin:auto}}@media (max-width:1200px){:root{--header-height:65px}.chat-page{flex-direction:column;align-items:center}.video-grid{width:100%}.face-warning-card{padding:10px 16px 10px 14px;gap:12px}.face-warning-icon{width:32px;height:32px;min-width:32px}.face-warning-icon svg{width:16px;height:16px}.face-warning-label{font-size:.82rem}.face-warning-countdown{font-size:1.4rem}.black-feed-card{padding:8px 16px 8px 12px;gap:10px}.black-feed-icon{width:28px;height:28px;min-width:28px}.black-feed-icon svg{width:14px;height:14px}.black-feed-label{font-size:.78rem}}@media (min-width:601px) and (max-width:1200px){:root{--header-height:8dvh;--padding-page:1.5dvh;--button-size:11dvh}.chat-page{padding:var(--padding-page);padding-top:.25dvh;gap:8px}.video-grid{display:flex;flex-direction:row;gap:5px;width:100%}.video-container{aspect-ratio:auto;height:auto!important;width:calc((100vw - (2 * var(--padding-page)) - 5px)/ 2)!important}.video-container video{height:auto;width:100%}.chat-panel{padding:1.3dvh;border-radius:1dvh}.main-content{font-size:max(1.8dvh, 10px)!important}.bottom-bar{height:var(--button-size)}.bar-btn{height:var(--button-size);width:calc(1.5 * var(--button-size));border-radius:1dvh}.skip-btn{border-radius:1dvh;margin-right:.8dvh;border-bottom-left-radius:.5em!important}.start-btn{border-radius:1dvh;border-bottom-left-radius:.5em!important}.stop-btn{border-radius:1dvh}.volume-control{padding:4px 10px 4px 5px;gap:6px}.volume-control input[type=range]{width:72px}.vol-btn{width:22px;height:22px}.vol-btn svg{width:13px;height:13px}.vol-pct{font-size:.55rem;min-width:20px}.remote-hover-controls{bottom:5px;right:44px}.mute-indicator{top:10px;left:10px;padding:4px 10px 4px 7px;gap:6px}.mute-indicator svg{width:11px;height:11px}.mute-indicator .mute-label{font-size:.56rem}.mute-indicator .mute-action{font-size:.52rem}}@media (max-width:600px){.logo-mark{width:40px;height:40px;font-size:22px;border-radius:10px}.logo-text{font-size:32px}.logo{gap:7px}.video-report-btn{bottom:5px;right:5px;width:30px;height:30px}.video-report-btn svg{width:14px;height:14px}.connection-card{padding:6px 10px;gap:7px;max-width:220px}.connection-card .cc-country,.connection-card .cc-label{font-size:.72rem}.chat-page{flex:1 1 0;min-height:0}.main-content{font-size:16px;flex:1 1 0;min-height:0}.video-grid{flex-direction:column;position:relative;width:100%;gap:0;flex-shrink:0}.video-container.remote,.video-container.remote video{height:auto!important;width:100%!important}.video-container.local{position:absolute;z-index:20;width:80px;height:auto;right:5px;top:5px;flex:none;aspect-ratio:auto;border-radius:.5em;border:2px solid var(--border)}.video-container.local video{width:100%;height:auto}.video-container.local .video-overlay{display:none}.face-warning-card{top:calc(var(--header-height) + 6px);left:10px;right:10px;width:auto;transform:none;border-radius:14px;padding:10px 14px;gap:10px;animation:faceCardInMobile .4s var(--ease-out-expo) both}.face-warning-card.hiding{animation:.3s ease-in forwards faceCardOutMobile}@keyframes faceCardInMobile{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes faceCardOutMobile{to{opacity:0;transform:translateY(-12px)}}.face-warning-icon{width:30px;height:30px;min-width:30px}.face-warning-icon svg{width:15px;height:15px}.face-warning-label{font-size:.8rem}.face-warning-sub{font-size:.68rem}.face-warning-countdown{font-size:1.3rem;min-width:28px;margin-left:auto}.black-feed-card{bottom:auto;top:calc(var(--header-height) + 6px);left:10px;right:10px;width:auto;transform:none;border-radius:14px;padding:10px 14px;gap:10px;animation:blackFeedCardInMobile .4s var(--ease-out-expo) both}.black-feed-card.hiding{animation:.3s ease-in forwards blackFeedCardOutMobile}@keyframes blackFeedCardInMobile{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes blackFeedCardOutMobile{to{opacity:0;transform:translateY(-12px)}}.black-feed-icon{width:28px;height:28px;min-width:28px}.black-feed-icon svg{width:14px;height:14px}.black-feed-label{font-size:.78rem}.black-feed-sub{font-size:.65rem}.chat-panel{flex:1 1 0;min-height:0;padding:8px;overflow:hidden}.rules{margin-top:auto}.chat-window{scrollbar-width:none;-ms-overflow-style:none}.chat-window::-webkit-scrollbar{display:none}.bottom-bar{flex-shrink:0}.bar-btn{width:115px;padding:8px}.skip-btn{margin:0 6px 0 0;border-bottom-left-radius:.5em!important}.btn-sub,.send-btn{display:none}.input-container,.input-container textarea{border-bottom-right-radius:.5em}.video-container.remote:hover .remote-hover-controls,.video-container:hover .video-hover-controls{opacity:0;pointer-events:none}.mute-indicator{top:6px;left:6px;padding:3px 8px 3px 6px;gap:4px}.mute-indicator svg{width:10px;height:10px}.mute-indicator .mute-label{font-size:.5rem}.mute-indicator .mute-action{font-size:.48rem}}.gif-btn{background:0 0;border:1.5px solid var(--text-muted);border-radius:8px;color:var(--text-muted);font-size:.7rem;font-weight:700;padding:2px 6px;cursor:pointer;flex-shrink:0;line-height:1.2;margin-right:4px;transition:color .15s,border-color .15s,background .15s;font-family:var(--font-display)}.gif-btn:hover{color:var(--cyan);border-color:var(--cyan);background:rgba(0,229,255,.06)}.gif-picker{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px 12px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,.4);z-index:100;max-height:320px;display:flex;flex-direction:column}.gif-search{width:100%;padding:10px 14px;border:none;border-bottom:1px solid var(--border);font-size:.85rem;outline:0;background:0 0;color:var(--text);box-sizing:border-box;font-family:var(--font-body)}.gif-search::placeholder{color:var(--text-muted)}.gif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px;padding:6px;overflow-y:auto;flex:1;min-height:0}.gif-item{width:100%;height:auto;border-radius:4px;cursor:pointer;object-fit:cover;aspect-ratio:4/3;transition:transform .1s}.gif-item:hover{transform:scale(1.05)}.gif-empty{grid-column:1/-1;text-align:center;padding:24px;color:var(--text-muted);font-size:.85rem}.gif-attribution{text-align:center;padding:4px;font-size:.65rem;color:var(--text-muted);border-top:1px solid var(--border);font-family:var(--font-display)}.message .gif-msg{display:block;max-width:220px;max-height:200px;border-radius:8px;margin-top:4px;border:1px solid var(--border)}.ban-block-overlay{position:fixed;inset:0;background:rgba(3,3,3,.96);display:flex;align-items:center;justify-content:center;z-index:3000;backdrop-filter:blur(20px) saturate(0.3);-webkit-backdrop-filter:blur(20px) saturate(0.3);animation:.5s ease-out both banOverlayIn;overflow:hidden}.ban-block-overlay::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,170,0,.08) 0,rgba(255,140,0,.025) 40%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:5s ease-in-out infinite banGlowPulse}.ban-block-overlay.perm::before{background:radial-gradient(circle,rgba(255,51,102,.09) 0,rgba(180,20,60,.03) 40%,transparent 70%);animation:6s ease-in-out infinite banGlowPulse}.ban-block-overlay::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.25;mix-blend-mode:overlay}.ban-scanline{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.ban-scanline::before{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(255,170,0,.12) 20%,rgba(255,170,0,.25) 50%,rgba(255,170,0,.12) 80%,transparent 100%);animation:4s linear infinite banScanline;box-shadow:0 0 12px 2px rgba(255,170,0,.06)}.ban-block-overlay.perm .ban-scanline::before{background:linear-gradient(90deg,transparent 0,rgba(255,51,102,.12) 20%,rgba(255,51,102,.22) 50%,rgba(255,51,102,.12) 80%,transparent 100%);box-shadow:0 0 12px 2px rgba(255,51,102,.06);animation:6s linear infinite banScanline}.ban-block-overlay.perm .ban-scanline::after{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,rgba(255,51,102,.06) 30%,rgba(255,51,102,.1) 50%,rgba(255,51,102,.06) 70%,transparent 90%);animation:6s linear -3s infinite banScanline}.ban-block-card{position:relative;z-index:3;max-width:400px;width:calc(100% - 48px);background:linear-gradient(170deg,rgba(12,12,12,.98) 0,rgba(5,5,5,.99) 100%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,170,0,.08);border-radius:28px;padding:52px 40px 44px;text-align:center;overflow:hidden;box-shadow:0 0 100px rgba(255,170,0,.025),0 32px 80px rgba(0,0,0,.55);animation:banCardIn .55s var(--ease-out-expo) .2s both}.ban-block-overlay.perm .ban-block-card{border-color:rgba(255,51,102,.1);box-shadow:0 0 100px rgba(255,51,102,.03),0 32px 80px rgba(0,0,0,.55)}.ban-ring-wrap{position:relative;width:110px;height:110px;margin:0 auto 28px}.ban-ring{width:100%;height:100%;transform:rotate(-90deg)}.ban-ring-bg{stroke:rgba(255,255,255,0.05)}.ban-ring-progress{stroke:#ffaa00;stroke-dasharray:339.292;stroke-dashoffset:0;stroke-linecap:round;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 6px rgba(255, 170, 0, .3))}.ban-block-overlay.perm .ban-ring-progress{stroke:var(--danger);filter:drop-shadow(0 0 6px rgba(255, 51, 102, .3))}.ban-ring-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.ban-ring-icon svg{width:40px;height:40px;color:rgba(255,170,0,.8);animation:3.5s ease-in-out infinite banIconFloat}.ban-block-overlay.perm .ban-ring-icon svg{color:rgba(255,51,102,.75)}.ban-block-overlay.lifted::before{background:radial-gradient(circle,rgba(0,255,136,.07) 0,rgba(0,200,100,.02) 40%,transparent 70%);animation:3.5s ease-in-out infinite banGlowPulse}.ban-block-overlay.lifted .ban-scanline::before{background:linear-gradient(90deg,transparent 0,rgba(0,255,136,.12) 20%,rgba(0,255,136,.28) 50%,rgba(0,255,136,.12) 80%,transparent 100%);box-shadow:0 0 12px 2px rgba(0,255,136,.06);animation:3.5s linear infinite banScanline}.ban-block-overlay.lifted .ban-block-card{border-color:rgba(0,255,136,.1);box-shadow:0 0 100px rgba(0,255,136,.04),0 32px 80px rgba(0,0,0,.5)}.ban-block-overlay.lifted .ban-ring-progress{stroke:var(--neon);filter:drop-shadow(0 0 8px rgba(0, 255, 136, .25))}.ban-block-overlay.lifted .ban-ring-icon svg{color:var(--neon);opacity:.9;filter:drop-shadow(0 0 8px rgba(0, 255, 136, .3))}.ban-block-overlay.lifted .ban-title{color:var(--neon)}.ban-block-overlay.lifted .ban-reason{color:rgba(0,255,136,.8)}.ban-block-overlay.lifted .ban-message{color:rgba(0,255,136,.58)}.ban-block-overlay.lifted .ban-hint{color:rgba(0,255,136,.7)}.ban-title{font-family:var(--font-display);font-size:.8rem;font-weight:700;color:#fa0;margin:0 0 24px;letter-spacing:3px;text-transform:uppercase}.ban-block-overlay.perm .ban-title{color:var(--danger)}.ban-reason{font-family:var(--font-body);font-size:1.05rem;font-weight:600;color:var(--text);margin:0 0 6px;line-height:1.4}.ban-countdown-wrap{margin:0 0 32px}.ban-countdown{font-family:var(--font-impact);font-size:3.6rem;font-weight:700;color:#fa0;font-variant-numeric:tabular-nums;letter-spacing:3px;line-height:1;text-shadow:0 0 60px rgba(255,170,0,.15)}.ban-block-overlay.perm .ban-countdown{color:var(--danger);text-shadow:0 0 60px rgba(255,51,102,.15)}.ban-countdown-label{font-family:var(--font-display);font-size:.7rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:3px;margin-top:10px}.ban-message{font-family:var(--font-body);font-size:.94rem;color:#b0b0b0;margin:0 0 32px;line-height:1.65;max-width:300px}.ban-divider{width:52px;height:1px;margin:0 auto 28px}.ban-block-overlay:not(.perm):not(.lifted) .ban-divider{background:linear-gradient(90deg,transparent,rgba(255,170,0,.1),transparent)}.ban-block-overlay.perm .ban-divider{background:linear-gradient(90deg,transparent,rgba(255,51,102,.1),transparent)}.ban-block-overlay.lifted .ban-divider{background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent)}.ban-verdict{font-family:var(--font-impact);font-size:2.8rem;font-weight:900;letter-spacing:10px;text-transform:uppercase;color:rgba(255,51,102,.35);margin-bottom:32px;line-height:1;-webkit-text-stroke:1px rgba(255,51,102,0.2);user-select:none;position:relative;text-shadow:0 0 40px rgba(255,51,102,.12)}.ban-verdict::before{content:attr(data-text);position:absolute;left:3px;top:0;width:100%;color:rgba(255,51,102,.15);-webkit-text-stroke:0;animation:6s ease-in-out infinite banGlitchShift;clip-path:inset(0 0 50% 0)}.ban-stripes{position:absolute;bottom:0;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,rgba(255,51,102,.3) 0,rgba(255,51,102,.3) 8px,transparent 8px,transparent 16px);z-index:6}.ban-clearance-stripe{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--neon),transparent);opacity:.45;z-index:6}.ban-continue-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 38px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);color:var(--text);font-family:var(--font-body);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .35s var(--ease-out-expo);-webkit-tap-highlight-color:transparent}.ban-continue-btn:disabled{opacity:.25;cursor:not-allowed;filter:grayscale(1);border-style:dashed}.ban-continue-btn:not(:disabled){border-color:rgba(0,255,136,.2);color:var(--neon);animation:2.5s ease-in-out infinite banBtnReady}.ban-continue-btn:not(:disabled):hover{background:rgba(0,255,136,.08);border-color:rgba(0,255,136,.4);box-shadow:0 0 30px rgba(0,255,136,.1);transform:translateY(-1px)}.ban-continue-btn:not(:disabled):active{transform:scale(.97) translateY(0)}.ban-hint{font-family:var(--font-display);font-size:.78rem;color:#b0b0b0;margin-top:18px;letter-spacing:1.2px}.ban-block-overlay:not(.perm):not(.lifted) .ban-hint{color:rgba(255,170,0,.7)}.ban-block-overlay.perm .ban-hint{color:rgba(255,51,102,.65)}@keyframes banOverlayIn{from{opacity:0}to{opacity:1}}@keyframes banCardIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes banScanline{0%{top:-2px}100%{top:100%}}@keyframes banGlowPulse{0%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.05)}}@keyframes banIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes banBtnReady{0%,100%{box-shadow:0 0 0 0 rgba(0,255,136,0)}50%{box-shadow:0 0 18px 0 rgba(0,255,136,.06)}}@keyframes banGlitchShift{0%,100%,92%,96%{transform:translateX(0)}93%{transform:translateX(3px)}94%{transform:translateX(-2px)}95%{transform:translateX(1px)}}@media (max-width:640px){.ban-block-card{padding:44px 28px 36px;border-radius:22px}.ban-ring-wrap{width:96px;height:96px;margin-bottom:24px}.ban-ring-icon svg{width:32px;height:32px}.ban-title{font-size:.72rem;letter-spacing:2.5px}.ban-countdown{font-size:2.8rem;letter-spacing:3px}.ban-verdict{font-size:2rem;letter-spacing:7px}.ban-continue-btn{padding:12px 30px;font-size:.85rem}.ban-hint{font-size:.72rem}}.vpn-block-overlay{position:fixed;inset:0;background:rgba(5,5,5,.92);display:flex;align-items:center;justify-content:center;z-index:3000;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:.35s ease-out both vpnOverlayIn}.vpn-block-overlay::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,51,102,.08) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.vpn-block-overlay::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.3;mix-blend-mode:overlay}.vpn-block-card{position:relative;z-index:1;max-width:420px;width:calc(100% - 48px);background:rgba(255,255,255,.04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px 36px 36px;text-align:center;box-shadow:0 0 60px rgba(255,51,102,.06),0 8px 32px rgba(0,0,0,.4);animation:vpnCardIn .45s var(--ease-out-expo) .15s both}.vpn-icon{width:64px;height:64px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(255,51,102,.08);border:1px solid rgba(255,51,102,.15);animation:3s ease-in-out infinite vpnIconPulse}.vpn-icon svg{width:32px;height:32px;color:var(--danger)}.vpn-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--danger);margin:0 0 16px;letter-spacing:-.5px}.vpn-message{font-family:var(--font-body);font-size:.95rem;color:var(--text-secondary);margin:0 0 8px;line-height:1.6}.vpn-reason{font-family:var(--font-body);font-size:.85rem;color:var(--text-muted);margin:0 0 28px;line-height:1.5}.vpn-divider{width:100%;height:1px;background:rgba(255,255,255,.06);margin:0 0 24px}.vpn-retry-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:var(--text);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:.25s;-webkit-tap-highlight-color:transparent}.vpn-retry-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(0,255,136,.3);color:var(--neon);box-shadow:0 0 20px rgba(0,255,136,.08)}.vpn-retry-btn:active{transform:scale(.97)}.vpn-retry-btn svg{width:16px;height:16px;transition:transform .3s}.vpn-retry-btn:hover svg{transform:rotate(180deg)}.vpn-hint{font-family:var(--font-display);font-size:.7rem;color:#444;margin-top:20px;letter-spacing:.3px}@keyframes vpnOverlayIn{from{opacity:0}to{opacity:1}}@keyframes vpnCardIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes vpnIconPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,51,102,.15)}50%{box-shadow:0 0 20px 4px rgba(255,51,102,.08)}}@media (max-width:640px){.vpn-block-card{padding:32px 24px 28px;border-radius:16px}.vpn-icon{width:56px;height:56px;border-radius:14px;margin-bottom:20px}.vpn-icon svg{width:28px;height:28px}.vpn-title{font-size:1.15rem}.vpn-message{font-size:.9rem}.vpn-retry-btn{padding:11px 24px;font-size:.85rem}}