: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}@font-face{font-family:Monocraft-Bold;src:url(/assets/Monocraft-Bold-DYwWE5PZ.ttf)}@font-face{font-family:Monocraft;src:url(/assets/Monocraft-DA7zf1Uv.ttf)}*{box-sizing:border-box;font-family:sans-serif}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;color:#0f5;letter-spacing:2px;z-index:1;font-family:Monocraft-Bold;font-size:40px;font-weight:700;line-height:1.2;position:relative}.glitch:before{content:attr(data-glitch);color:#0f5;clip:rect(0, 900px, 0, 0);background-color:#000;width:100%;animation:3s linear infinite alternate-reverse noise-before;position:absolute;top:0;left:-2px;overflow:hidden}.glitch:after{content:attr(data-glitch);color:#0f5;clip:rect(0, 900px, 0, 0);background-color:#000;width:100%;animation:2s linear infinite alternate-reverse noise-after;position:absolute;top:0;left:2px;overflow:hidden}@keyframes noise-before{0%{clip:rect(61px, 9999px, 52px, 0)}5%{clip:rect(33px, 9999px, 144px, 0)}10%{clip:rect(121px, 9999px, 115px, 0)}15%{clip:rect(144px, 9999px, 162px, 0)}20%{clip:rect(62px, 9999px, 180px, 0)}25%{clip:rect(34px, 9999px, 42px, 0)}30%{clip:rect(147px, 9999px, 179px, 0)}35%{clip:rect(99px, 9999px, 63px, 0)}40%{clip:rect(188px, 9999px, 122px, 0)}45%{clip:rect(154px, 9999px, 14px, 0)}50%{clip:rect(63px, 9999px, 37px, 0)}55%{clip:rect(161px, 9999px, 147px, 0)}60%{clip:rect(109px, 9999px, 175px, 0)}65%{clip:rect(157px, 9999px, 88px, 0)}70%{clip:rect(173px, 9999px, 131px, 0)}75%{clip:rect(62px, 9999px, 70px, 0)}80%{clip:rect(24px, 9999px, 153px, 0)}85%{clip:rect(138px, 9999px, 40px, 0)}90%{clip:rect(79px, 9999px, 136px, 0)}95%{clip:rect(25px, 9999px, 34px, 0)}to{clip:rect(173px, 9999px, 166px, 0)}}@keyframes noise-after{0%{clip:rect(26px, 9999px, 33px, 0)}5%{clip:rect(140px, 9999px, 198px, 0)}10%{clip:rect(184px, 9999px, 89px, 0)}15%{clip:rect(121px, 9999px, 6px, 0)}20%{clip:rect(181px, 9999px, 99px, 0)}25%{clip:rect(154px, 9999px, 133px, 0)}30%{clip:rect(134px, 9999px, 169px, 0)}35%{clip:rect(26px, 9999px, 187px, 0)}40%{clip:rect(147px, 9999px, 137px, 0)}45%{clip:rect(31px, 9999px, 52px, 0)}50%{clip:rect(191px, 9999px, 109px, 0)}55%{clip:rect(74px, 9999px, 54px, 0)}60%{clip:rect(145px, 9999px, 75px, 0)}65%{clip:rect(153px, 9999px, 198px, 0)}70%{clip:rect(99px, 9999px, 136px, 0)}75%{clip:rect(118px, 9999px, 192px, 0)}80%{clip:rect(1px, 9999px, 83px, 0)}85%{clip:rect(145px, 9999px, 98px, 0)}90%{clip:rect(121px, 9999px, 154px, 0)}95%{clip:rect(156px, 9999px, 44px, 0)}to{clip:rect(67px, 9999px, 122px, 0)}}.subtitle{text-align:center;color:#ffffffbf;letter-spacing:1px;margin-top:25px;font-size:14px}.subtitle .accent{color:#0f8;text-shadow:0 0 8px #0f8c}.subtitle .muted{color:#fff6;font-size:12px}.creator{color:#0f5;letter-spacing:2px;text-decoration:none;transition:all .2s;display:inline-block;position:relative}.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:#0d1118;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 #00ff550f}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:1000;color:#00ff8880;opacity:1;font-family:Monocraft-Bold,cursive;font-size:16px;animation:linear forwards floatNick;position:absolute}.floating-nicks img.nick{color:#0f83;opacity:1;max-width:50px;font-family:sans-serif,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}.items{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:10px;display:flex}.items button{cursor:pointer;background:#1a1a1a;border:none;border-radius:14px;align-items:center;gap:5px;min-width:150px;padding:8px 12px;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000040}.items button:hover{background:#2b2b2b;box-shadow:0 6px 18px #00000059}.items button img{object-fit:contain;border-radius:100%;flex-shrink:0;width:20px;height:20px}.items button span{color:#fff;white-space:nowrap;margin-left:5px;font-size:14px;font-weight:600;transition:all .2s}.tg-wide-icon{justify-content:center;display:flex}.tg-wide-icon img{width:400px}iframe{width:470px;height:400px;margin-top:15px;display:none}input{margin-bottom:15px}.avatars{justify-content:space-around;display:flex}.avatar-settings{border-radius:16px;flex-direction:column;gap:16px;margin:5px;padding:10px;display:flex}.avatar-settings h3{text-align:center;color:#0f8;margin:0;font-family:Monocraft-Bold}.avatar-preview{cursor:pointer;justify-content:center;display:flex}.avatar-preview img{object-fit:cover;border:3px solid #0f8;border-radius:50%;width:100px;height:100px;box-shadow:0 0 20px #00ff8859,inset 0 0 10px #0f83}.avatar-buttons{gap:10px;display:flex}.upload-btn,.reset-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:12px;font-weight:700;transition:all .2s}.upload-btn{color:#001a0f;background:linear-gradient(135deg,#0f8,#00c853)}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #0f86}.reset-btn{color:#fff;background:#1f2937;border:1px solid #0f83}.reset-btn:hover{background:#00ff881a;border-color:#0f8}.subtitle span{font-size:16px}