input{margin-bottom:15px}iframe{display:none}:root{--bg-dark:black;--bg-card:black;--green-1:#0f8;--green-2:#00481e;--green-3:#01190e;--success:#0f8;--warning:#facc15;--danger:#ef4444;--muted-mic:#414141;--muted-mic-border:#212121;--mic:#4dff4d;--mic-border:#248724;--back:#ff4c4c;--back-border:#fc4040;--glitch-x-1:10px;--glitch-hue-1:16deg;--glitch-x-2:-24px;--glitch-hue-2:-18deg;--text-muted:#fff9}*{box-sizing:border-box;font-family:Courier New,Courier,monospace}html,body{height:100vh;margin:0;position:relative;overflow:hidden visible}.background{background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:40px 40px;width:200%;height:120%;animation:2s linear infinite moveGrid;position:absolute}@keyframes moveGrid{0%{background-position:0 0}to{background-position:-40px -40px}}.card-screen{background:var(--bg-card);-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:5px;width:100%;max-width:660px;padding:40px;position:relative}.options-panel{gap:30px;margin-bottom:30px;display:flex}.client-options{background:#0000004d;border:1px solid #00ff8826;border-radius:14px;flex:1;margin-bottom:20px;padding:20px}.client-options h3{margin-top:0;margin-bottom:15px}select{color:#fff;background:#1f2937;border:1px solid #0f83;border-radius:8px;width:100%;margin-bottom:10px;padding:8px}.options{gap:8px;display:grid}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.participant{text-align:center;cursor:pointer;position:relative}.participant.disconnected{display:none}.avatar{filter:blur(5px);background-color:#2f3136;border-radius:200px;height:100px;padding:20px;font-size:50px;position:relative;overflow:hidden}.voice-indicator{background:#444;border-radius:50%;width:10px;height:10px;margin-left:6px;transition:background .1s,box-shadow .1s}.voice-indicator.active{box-shadow:0 0 8px #0f5}.avatar:before{content:"";background:linear-gradient(90deg,#ffffff0d 25%,#ffffff26 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes pulseDot{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}to{opacity:.4;transform:scale(.8)}}.button-link{cursor:pointer;text-align:center;border:none;border-radius:10px;outline:none;width:100%;max-height:40px;padding:7px 18px;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s;display:block}.button-link.telegram{color:#0f5}.button-link.telegram:hover{color:#00481e}.btn,textarea{cursor:pointer;border:none;border-radius:10px;outline:none;width:100%;max-height:35px;padding:10px 18px;font-weight:600;transition:all .2s}.btn .loading-icon{width:15px;margin:0;padding:0}.back-btn,.mute-btn{cursor:pointer;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;transition:all .25s;display:flex;box-shadow:0 4px 10px #00000026}.back-btn{background:linear-gradient(145deg, var(--back), var(--back-border));margin-left:10px}.back-btn:hover{transform:translateY(-3px);box-shadow:0 6px 14px #00000040}.back-btn:active{transform:scale(.95);box-shadow:0 2px 6px #0003}.mute-btn-wrapper{justify-content:center;display:flex}.mute-btn{background:linear-gradient(145deg, var(--mic), var(--mic-border));margin-right:10px}.mute-btn:hover{transform:translateY(-3px)}.mute-btn:active{transform:scale(.95)}.mute-btn.muted{background:linear-gradient(145deg, var(--muted-mic), var(--muted-mic-border))}:root{--bg-dark:black;--bg-card:black;--green-1:#0f8;--green-2:#00c853;--green-3:#00e676;--success:#0f8;--warning:#facc15;--danger:#ef4444;--glitch-x-1:10px;--glitch-hue-1:16deg;--glitch-x-2:-24px;--glitch-hue-2:-18deg;--text-muted:#fff9}*{box-sizing:border-box}html,body{background-color:var(--bg-dark);height:100vh;margin:0}body{color:#fff;place-items:center;font-family:Inter,sans-serif;display:grid}.card-screen{background:var(--bg-card);border-radius:5px;width:100%;max-width:550px;margin-top:120px;padding:40px;position:relative;box-shadow:0 0 40px #00ff8826,0 20px 60px #0009}.hidden{display:none}.card-screen.error{box-shadow:0 0 40px #ff000026,0 20px 60px #0009}.top-bar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.status-indicator{background:linear-gradient(135deg, var(--green-1), var(--green-2));color:#002b1a;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.client-options{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#00ff880f,#0000008c);border:1px solid #00ff8824;border-radius:18px;flex:1;margin-bottom:20px;padding:22px;position:relative;overflow:hidden;box-shadow:0 0 25px #00ff880f,inset 0 0 25px #00ff8808}.client-options:before{content:"";pointer-events:none;background:linear-gradient(135deg,#00ff8814,#0000 30% 70%,#00ff8814);position:absolute;inset:0}.client-options label{letter-spacing:1px;text-transform:uppercase;color:#ffffffb3;margin-bottom:16px;font-size:13px;font-weight:700;display:block}.options button{color:#ffffffeb;cursor:pointer;text-align:center;background:linear-gradient(#1f2937f2,#111827f2);border:1px solid #00ff881f;border-radius:14px;min-height:20px;font-size:13px;font-weight:700;line-height:1.35;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.options button:hover{background:linear-gradient(#00ff881a,#00ff880a);border-color:#00ff8873;transform:translateY(-2px);box-shadow:0 10px 30px #00ff8814,inset 0 0 20px #00ff880d}.options button.active{color:#fff;background:linear-gradient(135deg,#00ff882e,#00c8532e);border-color:#0f8c;box-shadow:0 0 20px #00ff8840,inset 0 0 20px #00ff8814}.options button.popular{position:relative;overflow:visible}.options button.popular:after{content:"🔥";z-index:5;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;animation:1.6s ease-in-out infinite firePulse;display:flex;position:absolute;top:-10px;right:-10px}.options button.popular:before{content:"";pointer-events:none;border-radius:50%;width:50px;height:50px;animation:2s ease-in-out infinite fireGlow;position:absolute;top:-18px;right:-18px}@keyframes fireGlow{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.5;transform:scale(.9)}}@keyframes firePulse{0%{transform:scale(1)rotate(-5deg)}50%{transform:scale(1.15)rotate(5deg)}to{transform:scale(1)rotate(-5deg)}}@media (width<=700px){.options{grid-template-columns:1fr}.options button{min-height:auto}}label{color:var(--text-muted);margin-bottom:5px;font-size:13px;display:block}.options{grid-template-columns:auto auto;gap:8px;display:grid}.options button{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #0f83;border-radius:8px;padding:8px;transition:all .2s}.options button:hover{background:#0f83}.options button.active{background:linear-gradient(135deg, var(--green-1), var(--green-2));color:#002b1a;box-shadow:0 0 15px #00ff8880}.call-header{justify-content:center;align-items:center;gap:40px;margin:30px 0;display:flex}.avatar{filter:blur(5px);background-color:#0000;border-radius:200%;width:100px;padding:0;font-size:50px;transition:all .2s;position:relative;overflow:hidden}.avatar.active{box-shadow:var(--green-1) 0px 0px 10px 4px}.participant .mute-icon,.participant .deafen-icon{display:none}.participant.mute .mute-icon{content:"";background-color:#ed4245;background-image:url(../icons/mic-mute-fill.svg);background-position:50%;background-repeat:no-repeat;background-size:60%;border-radius:50%;width:28px;height:28px;display:block;position:absolute;bottom:10px;right:10px}.participant.deafen .deafen-icon{content:"";background-color:#ed4245;background-image:url(../icons/volume-mute-fill.svg);background-position:50%;background-repeat:no-repeat;background-size:60%;border-radius:50%;width:28px;height:28px;display:block;position:absolute;bottom:10px;right:65px}.avatar.loaded{filter:blur();background-color:#36393f}.avatar.loaded:before{display:none}.connection-dots{align-items:center;gap:10px;display:flex}.connection-dots span{background:linear-gradient(135deg, var(--green-1), var(--green-2));border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite pulseDot;box-shadow:0 0 15px #0f8c}.connection-dots span:nth-child(2){animation-delay:.2s}.connection-dots span:nth-child(3){animation-delay:.4s}.btn,textarea{cursor:pointer;border:none;border-radius:10px;outline:none;width:100%;padding:10px 18px;font-weight:600;transition:all .2s}.btn:disabled:hover{cursor:not-allowed;box-shadow:none;transform:none}textarea{resize:none;border:none;margin-top:15px}textarea:focus{border:1px solid #0f8}.btn-success{background:linear-gradient(135deg, var(--green-1), var(--green-2));color:#002b1a}.btn-success:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0f86}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#000}.btn-telegram{color:#fff;background:#2aabee}.btn:disabled{color:#000;opacity:.5;transition:0;cursor:not-allowed;background:gray}.controls{justify-content:center;align-items:center;display:flex}.card-screen{justify-content:center}.glitch{text-align:center;letter-spacing:2px;color:var(--green-3);text-transform:uppercase;margin:0;padding:0;font-family:'Press Start 2P','Courier New',monospace;font-size:28px;font-weight:400;line-height:1.15}.glitch:before,.glitch:after{content:attr(data-text);background-color:0;text-transform:uppercase;width:100%;height:100%;position:absolute;left:0;overflow:hidden;font-family:'Press Start 2P','Courier New',monospace}.glitch:before{color:#00481e;text-shadow:-1px 0 #00481e;animation:2s linear infinite reverse glitch-1;left:4px}.glitch:after{color:#47fd93;text-shadow:-1px 0 #41fa8e;animation:2s linear infinite reverse glitch-2;left:-4px}.glitch.error:after{color:#f54927;text-shadow:-2px 0 #f54927}.glitch.error:before{color:#962e1a;text-shadow:-2px 0 #962e1a}.glitch.error{color:#ff2b2b}@keyframes glitch-1{0%{clip:rect(132px, auto, 101px, 30px)}5%{clip:rect(17px, auto, 94px, 30px)}10%{clip:rect(40px, auto, 66px, 30px)}15%{clip:rect(87px, auto, 82px, 30px)}20%{clip:rect(137px, auto, 61px, 30px)}25%{clip:rect(34px, auto, 14px, 30px)}30%{clip:rect(133px, auto, 74px, 30px)}35%{clip:rect(76px, auto, 107px, 30px)}40%{clip:rect(59px, auto, 130px, 30px)}45%{clip:rect(29px, auto, 84px, 30px)}50%{clip:rect(22px, auto, 67px, 30px)}55%{clip:rect(67px, auto, 62px, 30px)}60%{clip:rect(10px, auto, 105px, 30px)}65%{clip:rect(78px, auto, 115px, 30px)}70%{clip:rect(105px, auto, 13px, 30px)}75%{clip:rect(15px, auto, 75px, 30px)}80%{clip:rect(66px, auto, 39px, 30px)}85%{clip:rect(133px, auto, 73px, 30px)}90%{clip:rect(36px, auto, 128px, 30px)}95%{clip:rect(68px, auto, 103px, 30px)}to{clip:rect(14px, auto, 100px, 30px)}}@keyframes glitch-2{0%{clip:rect(129px, auto, 36px, 30px)}5%{clip:rect(36px, auto, 4px, 30px)}10%{clip:rect(85px, auto, 66px, 30px)}15%{clip:rect(91px, auto, 91px, 30px)}20%{clip:rect(148px, auto, 138px, 30px)}25%{clip:rect(38px, auto, 122px, 30px)}30%{clip:rect(69px, auto, 54px, 30px)}35%{clip:rect(98px, auto, 71px, 30px)}40%{clip:rect(146px, auto, 34px, 30px)}45%{clip:rect(134px, auto, 43px, 30px)}50%{clip:rect(102px, auto, 80px, 30px)}55%{clip:rect(119px, auto, 44px, 30px)}60%{clip:rect(106px, auto, 99px, 30px)}65%{clip:rect(141px, auto, 74px, 30px)}70%{clip:rect(20px, auto, 78px, 30px)}75%{clip:rect(133px, auto, 79px, 30px)}80%{clip:rect(78px, auto, 52px, 30px)}85%{clip:rect(35px, auto, 39px, 30px)}90%{clip:rect(67px, auto, 70px, 30px)}95%{clip:rect(71px, auto, 103px, 30px)}to{clip:rect(83px, auto, 40px, 30px)}}.subtitle{text-align:center;color:#ffffffbf;letter-spacing:1px;margin-top:25px;font-size:14px;line-height:1.6}.subtitle .accent{color:#0f8;text-shadow:0 0 8px #0f8c}.subtitle .muted{color:#fff6;font-size:12px}.creator{color:#0f8;letter-spacing:2px;text-decoration:none;transition:all .2s;display:inline-block;position:relative}.creator:hover{text-align:center;color:var(--green-3);margin:0;padding:0;font-weight:900;transition:all .2s}.creator:hover:before,.subtitle .creator:hover:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.creator:hover:before{color:#046212;animation:.3s steps(2,end) infinite glitch-creator-1}.creator:hover:after{color:#71ec6b;animation:.3s steps(2,end) infinite glitch-creator-2}@keyframes glitch-creator-1{0%{clip-path:inset(20% 0 60%);transform:translate(4px,-2px)}25%{clip-path:inset(60% 0 10%);transform:translate(-4px,1px)}50%{clip-path:inset(40% 0 30%);transform:translate(4px,2px)}75%{clip-path:inset(10% 0 70%);transform:translate(-2px,-1px)}to{clip-path:inset(70% 0 5%);transform:translate(4px,1px)}}@keyframes glitch-creator-2{0%{clip-path:inset(65% 0 10%);transform:translate(-4px,1px)}25%{clip-path:inset(15% 0 55%);transform:translate(4px,-2px)}50%{clip-path:inset(50% 0 20%);transform:translate(-3px,2px)}75%{clip-path:inset(5% 0 60%);transform:translate(4px,-1px)}to{clip-path:inset(35% 0 40%);transform:translate(-4px,1px)}}.card-screen .tg-icon{border-radius:100px;justify-content:center;margin-bottom:20px;display:flex}.card-screen .tg-icon img{border-radius:100px;width:100px}.card-screen .icon{border-radius:100px;justify-content:center;margin-bottom:20px;display:flex}.card-screen .icon img{border-radius:10psx;width:200px}input{color:#fff;background:#1f2937;border:1px solid #0f83;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}input::placeholder{color:#fff6}input:focus{border:1px solid var(--green-1);box-shadow:0 0 15px #0f86}input:disabled{opacity:.5;cursor:not-allowed}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.time{font-size:19px;font-weight:700}.warning{color:#000;background-color:#facc15;border-radius:13px;justify-content:space-around;align-items:center;margin-bottom:15px;padding:5px 15px;display:flex}.warning p{text-align:end;margin:0;padding:0;font-size:13px;font-weight:400}.warning .sign{font-size:29px}.floating-nicks{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.floating-nicks .nick{z-index:2;color:#0f83;opacity:1;font-family:"Press Start 2P",cursive;font-size:14px;animation:linear forwards floatNick;position:absolute}.floating-nicks img.nick{color:#0f83;opacity:1;max-width:50px;font-family:"Press Start 2P",cursive;font-size:14px;animation:linear forwards floatNickImg;position:absolute}.floating-nicks .quote{z-index:2;color:#0f83;opacity:1;border:2px solid #00c853;padding:5px;font-family:"Press Start 2P",cursive;font-size:14px;animation:linear forwards floatNick;position:absolute}@keyframes floatNick{0%{opacity:0;transform:translate(var(--x), var(--y)) scale(.5)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(var(--x-end), var(--y-end)) scale(1)}}@keyframes floatNickImg{0%{opacity:0;transform:translate(var(--x), var(--y)) scale(.5) rotate(0deg)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(var(--x-end), var(--y-end)) scale(1) rotate(360deg)}}.tg-icon-wide{justify-content:center;margin-bottom:35px;display:flex}.tg-icon-wide img{border-radius:10px}.context-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#000000d9;border:1px solid #0f83;border-radius:12px;min-width:200px;padding:6px;animation:.12s contextMenuFade;display:none;position:absolute;box-shadow:0 0 20px #00ff8826,0 10px 40px #000c}.context-menu button{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.context-menu button:hover{color:var(--green-1);background:#00ff8826;box-shadow:inset 0 0 10px #0f83}.context-menu .danger:hover{color:#ff4d4f;background:#ef444433}.context-menu hr{background:#ffffff14;border:none;height:1px;margin:6px 4px}@keyframes contextMenuFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.toggle-container{gap:20px;display:flex}.toggle-item{justify-content:space-between;align-items:center;width:100%;margin-bottom:15px;display:flex}.toggle-label{color:#fffc;font-size:14px;font-weight:500}.switch{width:40px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:#ffffff1a;border:1px solid #00ff884d;border-radius:20px;transition:all .4s;position:absolute;inset:0;box-shadow:0 0 4px #00ff884d}.slider:before{content:"";background:#1f2937;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:2px;left:2px;box-shadow:0 0 6px #00ff8880}input:checked+.slider{background:linear-gradient(135deg, var(--green-1), var(--green-2));border-color:#0f8c;box-shadow:0 0 8px #0f8c}input:checked+.slider:before{background:#002b1a;transform:translate(20px);box-shadow:0 0 8px #00ff88e6}.switch:hover .slider{border-color:var(--green-1);box-shadow:0 0 8px #00ff8880}.enhanced-warning{border:1px solid var(--warning);border-left:4px solid var(--green-2);color:#fff;background:#facc1526;border-radius:10px;align-items:flex-start;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.4;animation:.4s forwards fadeIn;display:flex;box-shadow:0 0 10px #facc154d}.enhanced-warning .warning-icon{color:var(--green-1);text-shadow:0 0 8px #0f89;flex-shrink:0;font-size:24px}.enhanced-warning .warning-text p{color:#ffffffe6;margin:0}.enhanced-warning .warning-text strong{color:var(--green-1);text-shadow:0 0 6px #00ff8880}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-image{width:350px;animation:1s infinite spin}#welcome-screen{animation:.2s linear fadeIn}.timer{text-align:center;font-size:19px}#captcha-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#000000d9;place-items:center;display:grid;position:fixed;inset:0}
