.online-badge{display:flex;align-items:center;gap:10px;font-family:Space Mono,monospace;font-size:.9rem;color:var(--text-gray);border:1px solid rgba(160,160,160,.3);padding:5px 15px;border-radius:0}.dot{width:8px;height:8px;background-color:var(--neon-green);border-radius:50%}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #00ff88b3}70%{transform:scale(1);box-shadow:0 0 0 10px #0f80}to{transform:scale(.95);box-shadow:0 0 #0f80}}:root{--bg-color: #080c10;--neon-green: #00ff88;--neon-blue: #00aaff;--text-white: #ffffff;--text-gray: #a0a0a0;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08)}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-neon{0%{box-shadow:0 0 5px var(--neon-green),inset 0 0 5px var(--neon-green)}50%{box-shadow:0 0 20px var(--neon-green),inset 0 0 10px var(--neon-green)}to{box-shadow:0 0 5px var(--neon-green),inset 0 0 5px var(--neon-green)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.landing-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;background-color:var(--bg-color);background-image:radial-gradient(circle at 10% 20%,rgba(0,255,136,.03) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(0,170,255,.03) 0%,transparent 20%);color:var(--text-white);text-align:center;overflow-x:hidden}.landing-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:30px 50px;z-index:10;animation:fade-in-up .8s ease-out}.logo{font-size:2.2rem;font-weight:900;letter-spacing:-1.5px;text-transform:uppercase}.logo-ba{color:var(--neon-green);text-shadow:0 0 10px rgba(0,255,136,.3)}.logo-fly{color:var(--text-white)}.auth-link{color:var(--text-gray);cursor:pointer;font-size:.9rem;transition:color .3s;display:flex;align-items:center;gap:15px}.auth-link:hover{color:var(--text-white)}.landing-main{display:flex;flex-direction:column;align-items:center;gap:40px;animation:fade-in-up 1s ease-out;max-width:800px;width:100%}.tagline{font-size:4rem;font-weight:800;margin:0;line-height:1.1;background:linear-gradient(to bottom,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.filters-container{display:flex;gap:30px;margin-top:10px;padding:24px 32px;border:1px solid var(--card-border);background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 10px 30px #0000004d}.filter-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.filter-group label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-gray)}.filter-group select,.country-trigger{background:#0f162099;border:1px solid rgba(255,255,255,.1);color:var(--text-white);padding:12px 20px;border-radius:8px;font-family:Space Mono,monospace;font-size:1rem;min-width:200px;cursor:pointer;outline:none;transition:all .3s}.filter-group select:hover,.country-trigger:hover{border-color:var(--neon-green);background:#0f1620cc}.filter-group select:focus,.country-trigger:focus{border-color:var(--neon-green);box-shadow:0 0 15px #00ff8826}.landing-auth{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);background-image:radial-gradient(circle at center,rgba(0,255,136,.05) 0%,transparent 70%);color:var(--text-white);padding:24px}.hero-card{width:100%;max-width:440px;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);padding:48px 40px;text-align:center;border-radius:24px;box-shadow:0 20px 50px #00000080;animation:fade-in-up .8s cubic-bezier(.16,1,.3,1)}.logo-circle{width:140px;height:140px;margin:0 auto 24px;border-radius:50%;border:1px solid rgba(0,255,136,.2);display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,rgba(0,255,136,.05) 0%,transparent 70%)}.logo-circle:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--neon-green);clip-path:polygon(0 0,100% 0,100% 30%,0 30%);animation:orbit 4s linear infinite}.logo-circle:after{content:"";position:absolute;width:12px;height:12px;background:var(--neon-green);border-radius:50%;box-shadow:0 0 15px var(--neon-green);top:-6px;left:50%;transform:translate(-50%);animation:orbit 4s linear infinite;transform-origin:50% 76px}.logo-mark{font-size:2.2rem;font-weight:900;letter-spacing:-2px;z-index:2}.hero-title{font-size:2rem;font-weight:800;margin:0 0 8px;letter-spacing:-.5px}.hero-sub{color:var(--text-gray);letter-spacing:4px;font-family:Space Mono,monospace;font-size:.75rem;margin-bottom:24px;text-transform:uppercase}.online-pill{display:inline-flex;align-items:center;gap:10px;background:#00ff8814;border:1px solid rgba(0,255,136,.15);padding:10px 20px;border-radius:100px;margin-bottom:32px;font-family:Space Mono,monospace;color:var(--neon-green);font-size:.9rem;font-weight:600}.online-dot{width:8px;height:8px;background:var(--neon-green);border-radius:50%;box-shadow:0 0 10px var(--neon-green);animation:pulse-neon 2s infinite}.btn{width:100%;padding:16px 24px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px}.btn.primary{background:var(--neon-green);color:#000;border:none;box-shadow:0 4px 20px #0f83;margin-bottom:12px}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0f86;background:#00ff95}.btn.outline{background:transparent;border:1px solid rgba(255,255,255,.1);color:var(--text-white);margin-bottom:12px}.btn.outline:hover{background:#ffffff0d;border-color:#ffffff4d;transform:translateY(-2px)}.btn.subtle{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--text-gray)}.btn.subtle:hover{background:#ffffff0f;color:var(--text-white)}.auth-footer{margin-top:32px;font-size:.9rem;color:var(--text-gray);border-top:1px solid var(--card-border);padding-top:24px}.login-link{color:var(--neon-green);cursor:pointer;font-weight:700;margin-left:5px;transition:all .3s}.login-link:hover{text-shadow:0 0 10px rgba(0,255,136,.5)}.age-note{color:#00ff8880;font-size:.75rem;margin-top:20px;font-weight:600;letter-spacing:.5px}.legal{font-size:.8rem;color:var(--text-gray)}.country-select{position:relative;width:100%}.country-trigger{width:100%;display:flex;align-items:center;gap:10px;background:#0f1620;border:1px solid var(--neon-green);color:var(--text-white);padding:10px 16px;border-radius:4px;font-family:Space Mono,monospace;font-size:1rem;min-width:220px;cursor:pointer;outline:none}.country-trigger:focus{border-color:var(--neon-blue);box-shadow:0 0 0 3px #00aaff40}.country-caret{margin-left:auto;opacity:.8}.country-flag{width:24px;height:18px;display:inline-block}.country-globe{width:24px;display:inline-flex;align-items:center;justify-content:center}.country-label{text-align:left}.country-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow:auto;background:#0b1017;border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:6px}.country-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:none;background:transparent;color:var(--text-white);cursor:pointer;font-family:Space Mono,monospace;font-size:1rem;text-align:left}.country-option:hover{background:#ffffff0f}.country-option.active{background:#00aaff2e}.start-btn{background:var(--neon-green);color:#000;border:none;padding:20px 80px;font-size:1.6rem;font-weight:900;cursor:pointer;border-radius:100px;margin-top:10px;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 20px #00ff884d;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.start-btn:hover{transform:scale(1.05) translateY(-5px);box-shadow:0 15px 35px #00ff8880;background:#00ff95}.features{font-size:.8rem;color:var(--text-gray);display:flex;gap:20px;margin-top:30px;text-transform:uppercase;letter-spacing:1px}.features span{position:relative}.features span:not(:last-child):after{content:"·";position:absolute;right:-12px;color:var(--neon-green)}@media (max-width: 900px){.landing-page{padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));justify-content:flex-start;min-height:100dvh;height:100dvh;overflow:hidden}.landing-header{padding:14px calc(16px + env(safe-area-inset-right)) 14px calc(16px + env(safe-area-inset-left))}.logo{font-size:1.6rem}.auth-link{font-size:.8rem;gap:10px}.landing-main{padding-top:76px;gap:24px}.tagline{font-size:clamp(1.5rem,7vw,2.1rem);line-height:1.05}.filters-container{flex-direction:column;width:100%;gap:14px;padding:16px 18px}.filter-group select{width:100%}.country-trigger{min-width:0}}@media (max-width: 375px){.landing-header{padding:10px 12px}.logo{font-size:1.4rem}.landing-main{padding-top:64px;gap:18px}.tagline{font-size:clamp(1.3rem,8vw,1.8rem)}}.video-main-area{position:relative;flex:1;background:#0a0e14;overflow:hidden;height:100%;display:flex;flex-direction:column}.remote-video-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.remote-video-main{width:100%;height:100%;object-fit:cover}.remote-video-main.hidden{display:none}.local-video-floating{position:absolute;bottom:20px;right:20px;width:75px;height:100px;border-radius:10px;overflow:hidden;border:2px solid #00ff88;background:#111;box-shadow:0 8px 32px #00000080;z-index:10}.local-video-inner{position:relative;width:100%;height:100%}.local-video-feed{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-placeholder-main{text-align:center;color:#a0a0a0}.placeholder-text{display:inline-flex;align-items:center;gap:4px}.searching-dots span{display:inline-block;opacity:.2;animation:baflyDot 1.2s infinite}.searching-dots span:nth-child(2){animation-delay:.2s}.searching-dots span:nth-child(3){animation-delay:.4s}@keyframes baflyDot{0%,20%{opacity:.2}50%{opacity:1}to{opacity:.2}}.placeholder-icon-circle{width:120px;height:120px;border-radius:50%;border:3px solid #00ff88;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:#00ff880d}.placeholder-icon-circle span{font-size:60px;color:#0f8}.local-placeholder-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#444}.local-placeholder-overlay span{font-size:40px;color:#333;border:2px solid #333;border-radius:50%;padding:10px;margin-bottom:10px}.status-overlay-chip{position:absolute;top:20px;left:20px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 16px;border-radius:20px;border:1px solid #00ff88;color:#0f8;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:8px;z-index:5}.status-dot{width:8px;height:8px;background:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8}.label-stranger,.label-you{position:absolute;bottom:15px;left:15px;background:#000c;color:#fff;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:800;letter-spacing:1px;z-index:5}.label-you{bottom:10px;left:10px}.mute-indicator{position:absolute;background:#dc2626e6;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:15}.local-mute{bottom:34px;right:12px;width:28px;height:28px}.local-mute .material-icons{font-size:16px;color:#fff}.remote-mute{top:20px;right:20px;width:42px;height:42px;box-shadow:0 2px 12px #00000080}.remote-mute .material-icons{font-size:22px;color:#fff}@media (max-width: 900px){.video-main-area{height:100%;flex:1;min-height:0;flex-direction:column}.remote-video-wrapper{flex:1;min-height:0;height:50%;width:100%}.local-video-floating{position:relative;bottom:auto;right:auto;width:100%;flex:1;min-height:0;height:50%;border-radius:0;border:none;border-top:1px solid rgba(255,255,255,.08);box-shadow:none;background:#111;z-index:1}.label-you{display:block;bottom:12px;left:12px;font-size:.68rem}.label-stranger{bottom:12px;left:12px;font-size:.68rem}.status-overlay-chip{top:10px;left:10px;padding:4px 10px;font-size:.7rem}.placeholder-icon-circle{width:64px;height:64px;margin-bottom:10px}.placeholder-icon-circle span{font-size:32px}.local-placeholder-overlay span{font-size:28px;padding:8px}.remote-mute{top:10px;right:10px;width:32px;height:32px}.remote-mute .material-icons{font-size:17px}.local-mute{bottom:30px;right:10px;width:26px;height:26px}.local-mute .material-icons{font-size:15px}}@media (max-width: 900px) and (orientation: landscape){.remote-video-wrapper{flex:3}.local-video-floating{flex:1}}.chat-sidebar{width:320px;height:100%;background:#0d1117;border-left:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;color:#fff;transition:width .3s}@media (max-width: 900px){.chat-sidebar{width:100%;position:absolute;left:0;right:0;bottom:0;height:clamp(220px,46dvh,420px);min-height:0;max-height:none;border-left:none;border-top:none;background:#080c10;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -12px 40px #000000b3;z-index:150;transform:translateY(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);pointer-events:none}.chat-sidebar.chat-open{transform:translateY(0);pointer-events:all}.chat-drag-handle{width:40px;height:4px;background:#ffffff40;border-radius:2px;margin:10px auto 4px;cursor:pointer;flex-shrink:0}.chat-drag-handle:active{background:#ffffff80}.chat-sidebar-header{padding:6px 10px}.chat-sidebar-icon{width:28px;height:28px}.chat-sidebar-info h3{font-size:.85rem}.chat-sidebar-info p{font-size:.68rem}.chat-messages-container{padding:8px 12px;gap:6px}.msg-bubble{font-size:.82rem;padding:8px 10px}.chat-input-area{padding:8px 10px;gap:8px}.chat-input-area input{padding:8px 12px;font-size:.82rem}}@media (max-width: 900px) and (orientation: landscape){.chat-sidebar{height:clamp(180px,62dvh,320px)}.chat-sidebar-header{padding:4px 10px}.chat-messages-container{padding:6px 12px;gap:4px}.chat-input-area{padding:6px 10px}}@media (max-width: 375px){.chat-sidebar{height:clamp(200px,48dvh,360px)}.msg-bubble{font-size:.78rem}.chat-input-area input{font-size:.78rem;padding:7px 10px}}@media (max-width: 900px) and (max-height: 600px){.chat-sidebar{height:clamp(180px,56dvh,300px)}}.chat-sidebar-header{padding:24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.05)}.chat-close-btn{margin-left:auto;background:transparent;border:none;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:10px}.chat-close-btn:hover{color:#fff;background:#ffffff0f}.chat-close-btn .material-icons{font-size:20px}.chat-sidebar-icon{width:40px;height:40px;border-radius:50%;background:#00ff881a;display:flex;align-items:center;justify-content:center;color:#0f8}.chat-sidebar-info h3{font-size:1rem;font-weight:700;margin:0}.chat-sidebar-info p{font-size:.75rem;color:#666;margin:0}.chat-messages-container{flex:1;min-height:0;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px}.chat-messages-container::-webkit-scrollbar{width:4px}.chat-messages-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.msg-wrapper{width:100%;display:flex}.msg-wrapper.system{justify-content:center}.msg-system{background:#ffffff0d;color:#888;padding:6px 16px;border-radius:20px;font-size:.75rem;font-style:italic}.msg-bubble{max-width:85%;padding:10px 14px;border-radius:12px;font-size:.9rem;line-height:1.4}.msg-bubble.me{background:#0f8;color:#000;margin-left:auto;border-bottom-right-radius:2px}.msg-bubble.stranger{background:#ffffff14;color:#eee;margin-right:auto;border-bottom-left-radius:2px}.chat-input-area{padding:20px;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:10px}.chat-input-area input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;color:#fff;outline:none;font-size:.9rem}.chat-input-area input:focus{border-color:#0f8}.send-btn{background:transparent;border:none;color:#0f8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.send-btn:hover:not(:disabled){transform:scale(1.1)}.send-btn:disabled{color:#333;cursor:not-allowed}.controls-bar{height:90px;background:#0d1117;display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid rgba(255,255,255,.05);padding:0 20px}@media (max-width: 900px){.controls-bar{height:calc(64px + env(safe-area-inset-bottom));gap:clamp(6px,2vw,10px);padding:0 calc(clamp(6px,2.5vw,10px) + env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 10px) calc(clamp(6px,2.5vw,10px) + env(safe-area-inset-left))}.ctrl-btn{width:clamp(34px,10vw,40px);height:clamp(34px,10vw,40px);border-radius:50%;flex-direction:column;padding:0}.ctrl-btn .btn-label{display:none}.ctrl-btn .material-icons{font-size:clamp(16px,4.6vw,19px)}.ctrl-btn.next-btn{width:auto;flex:1;min-width:clamp(86px,28vw,120px);max-width:220px;border-radius:12px;font-size:clamp(.72rem,2.9vw,.8rem);padding:0 clamp(10px,3vw,14px)}}@media (max-width: 900px) and (orientation: landscape){.controls-bar{height:calc(56px + env(safe-area-inset-bottom));gap:8px;padding:0 calc(10px + env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 10px) calc(10px + env(safe-area-inset-left))}.ctrl-btn{width:38px;height:38px}.ctrl-btn .material-icons{font-size:18px}.ctrl-btn.next-btn{min-width:86px;font-size:.78rem}}@media (max-width: 375px){.controls-bar{gap:6px;padding:0 calc(6px + env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 10px) calc(6px + env(safe-area-inset-left))}.ctrl-btn{width:36px;height:36px}.ctrl-btn.next-btn{min-width:76px;font-size:.75rem}}@media (max-width: 340px){.controls-bar{gap:5px}.ctrl-btn.next-btn{min-width:70px;max-width:170px}}.ctrl-btn{width:auto;min-width:50px;height:50px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0 10px;gap:2px}.ctrl-btn .btn-label{font-size:.65rem;font-weight:700;text-transform:uppercase}.ctrl-btn .material-icons{font-size:22px}.ctrl-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.ctrl-btn.report:hover{color:#fb3;border-color:#fb3}.ctrl-btn.stop:hover{background:#f44;border-color:#f44;color:#fff}.ctrl-btn.next-btn{width:auto;min-width:140px;background:#0af;border:none;border-radius:12px;color:#fff;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;flex-direction:row;gap:8px}.ctrl-btn.next-btn:hover{background:#09e;box-shadow:0 0 20px #0af6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:#0c1218;border:1px solid rgba(255,255,255,.1);width:90%;max-width:450px;padding:30px;position:relative}.modal-content h3{margin-top:0;font-size:1.5rem;font-weight:700;color:#f44}.form-group{margin-top:25px;display:flex;flex-direction:column;gap:10px}.form-group label{font-size:.8rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:1px}.reasons-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reason-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px;font-size:.85rem;cursor:pointer;text-align:left;font-family:Syne,sans-serif}.reason-btn.active{border-color:#f44;background:#ff44441a;color:#f44}textarea{background:#080c10;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px;min-height:80px;resize:vertical;font-family:Syne,sans-serif;outline:none}textarea:focus{border-color:#f44}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.cancel-btn{background:transparent;border:none;color:var(--text-gray);cursor:pointer;font-size:.9rem}.submit-btn{background:#f44;color:#fff;border:none;padding:12px 25px;font-weight:700;cursor:pointer;font-family:Syne,sans-serif}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.success-message{text-align:center;padding:20px}.success-icon{font-size:3rem;color:var(--neon-green);display:block;margin-bottom:10px}.chat-page{display:flex;flex-direction:column;height:100vh;height:100dvh;min-height:100vh;width:100%;background:#080c10;color:#fff;overflow:hidden}.chat-header{height:70px;display:flex;align-items:center;padding:0 30px;background:#080c10;border-bottom:1px solid rgba(255,255,255,.05);z-index:100}.chat-content{flex:1;display:flex;overflow:hidden;position:relative;min-height:0}@media (max-width: 900px){.chat-page{min-height:100dvh}.chat-header{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) calc(12px + env(safe-area-inset-right)) 0 calc(12px + env(safe-area-inset-left));position:relative;justify-content:center}.chat-content{flex-direction:column}.logo.small{font-size:1.1rem;position:absolute;left:12px}.status-chip{margin-left:0;padding:6px 12px;font-size:.75rem}.user-info-header{display:none}}.chat-open-btn{position:absolute;right:12px;bottom:12px;width:clamp(44px,12vw,52px);height:clamp(44px,12vw,52px);border-radius:clamp(12px,3vw,16px);background:#0d1117d9;border:1px solid rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;z-index:220}.chat-open-btn .material-icons{font-size:clamp(20px,5vw,24px)}.chat-open-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#0f8;color:#000;font-weight:800;font-size:.7rem;display:flex;align-items:center;justify-content:center;border:2px solid #080c10}.chat-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000038;z-index:140}@media (max-width: 375px){.chat-header{height:calc(50px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0 8px}.status-chip{font-size:.68rem;padding:4px 8px}.logo.small{font-size:1rem}.chat-open-btn{bottom:10px;right:10px}}@media (max-width: 900px) and (orientation: landscape){.chat-header{height:calc(44px + env(safe-area-inset-top))}}.status-chip{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;margin-left:20px;display:flex;align-items:center;gap:8px}.status-spinner{font-size:18px;animation:baflySpin .9s linear infinite}@keyframes baflySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-chip.searching{color:#fff;background:#0af3;border:1px solid rgba(0,170,255,.4)}.status-chip.connected{color:#fff;background:#0f83;border:1px solid rgba(0,255,136,.4)}.logo.small{font-size:1.5rem;font-weight:800;letter-spacing:-1px}.admin-login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-color)}.login-card{background:#0c1218;padding:40px;width:90%;max-width:400px;border:1px solid rgba(255,255,255,.1);text-align:center}.login-card h2{color:var(--neon-green);font-size:2rem;margin-bottom:30px;letter-spacing:5px}.login-card form{display:flex;flex-direction:column;gap:20px}.login-card input{background:#080c10;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 15px;font-family:Space Mono,monospace;outline:none}.login-card input:focus{border-color:var(--neon-green)}.login-card button{background:var(--neon-green);color:#000;border:none;padding:12px;font-weight:800;cursor:pointer;letter-spacing:2px}.admin-dashboard{padding:40px;background:var(--bg-color);min-height:100vh;min-height:100dvh}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:20px}.admin-header h1{font-size:2.5rem;font-weight:800;margin:0}.admin-header button{background:transparent;border:1px solid #ff4444;color:#f44;padding:8px 20px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#0c1218;padding:25px;border-left:4px solid var(--neon-blue)}.stat-card label{font-size:.8rem;color:var(--text-gray);text-transform:uppercase}.stat-card .value{font-size:2.5rem;font-weight:800;margin-top:10px;font-family:Space Mono,monospace}.stat-card.online{border-left-color:var(--neon-green)}.stat-card.reports{border-left-color:#f44}.stat-card.time{border-left-color:#fc0}.dashboard-content{display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.section{background:#0c1218;padding:30px}.section h3{margin-top:0;margin-bottom:25px;font-size:1.2rem;color:var(--text-gray)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:10px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.8rem;color:var(--text-gray)}.admin-table td{padding:15px 10px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem}.btn-dismiss{background:transparent;border:1px solid var(--text-gray);color:var(--text-gray);padding:5px 10px;margin-right:5px;cursor:pointer}.btn-ban{background:#f44;border:none;color:#fff;padding:5px 10px;cursor:pointer}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:200px;padding-top:20px}.bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.bar{width:20px;background:var(--neon-blue);transition:height .3s}.bar-label{font-size:.7rem;color:var(--text-gray)}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#080c10;color:#fff;padding:20px}.auth-card{width:100%;max-width:480px;border:1px solid rgba(255,255,255,.12);background:#00000059;padding:32px;border-radius:8px;box-shadow:0 10px 30px #00000080}.auth-header{display:flex;flex-direction:column;gap:14px;margin-bottom:24px;text-align:center}.auth-logo{font-size:2.5rem;font-weight:800;letter-spacing:-2px;cursor:pointer}.logo-ba{color:#0f8}.logo-fly{color:#fff}.auth-title{font-size:1.6rem;font-weight:700;margin-bottom:20px;color:#0f8;text-align:center}.auth-error{background:#ff44441a;border:1px solid #ff4444;color:#f44;padding:12px;margin-bottom:20px;font-size:.9rem;border-radius:4px;text-align:center}.auth-success{background:#00ff881a;border:1px solid #00ff88;color:#0f8;padding:12px;margin-bottom:20px;font-size:.9rem;border-radius:4px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-form label{display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:#a0a0a0;font-weight:600}.auth-form input{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 14px;outline:none;font-family:Space Mono,monospace;font-size:1rem;transition:border-color .2s}.auth-form input:focus{border-color:#0f8}.auth-submit{margin-top:10px;background:#0f8;border:none;color:#000;padding:14px;cursor:pointer;font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:1px;transition:transform .2s,background .2s}.auth-submit:hover:not(:disabled){background:#00cc6e;transform:translateY(-2px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin:24px 0;text-align:center;font-size:.95rem;color:#a0a0a0}.auth-switch span{color:#0f8;cursor:pointer;font-weight:700;text-decoration:underline;margin-left:5px}.auth-switch span:hover{color:#0af}.auth-back{width:100%;background:transparent;border:1px solid rgba(255,255,255,.15);color:#888;padding:12px;cursor:pointer;font-size:.9rem;transition:all .2s}.auth-back:hover{border-color:#ffffff4d;color:#fff}:root{--bg-color: #080c10;--neon-green: #00ff88;--neon-blue: #00aaff;--text-white: #ffffff;--text-gray: #a0a0a0}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-white);font-family:Syne,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:Syne,sans-serif;cursor:pointer;border-radius:0}input,select,textarea{font-family:Syne,sans-serif}code,pre{font-family:Space Mono,monospace}.app-container{min-height:100vh;min-height:100dvh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#080c10}::-webkit-scrollbar-thumb{background:#1a2530}::-webkit-scrollbar-thumb:hover{background:#2a3540}