:root{--bg-dark:black;--bg-card:black;--green-1:#00ff88;--green-2:#00481e;--green-3:#01190e;--success:#00ff88;--warning:#facc15;--danger:#ef4444;--muted-mic:#F54927;--muted-mic-border:#8c311e;--mic:#4DFF4D;--mic-border:#248724;--glitch-x-1:10px;--glitch-hue-1:16deg;--glitch-x-2:-24px;--glitch-hue-2:-18deg;--text-muted:rgba(255,255,255,0.6)}@font-face{font-family:Monocraft-Bold;src:url(./fonts/Monocraft-Bold.ttf)}*{box-sizing:border-box}html,body{margin:0;height:100%;margin:0;height:100vh;background-color:var(--bg-dark);background-image:linear-gradient(rgb(255 255 255 / .2) 2px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .2) 2px,transparent 1px);background-size:60px 60px}body{font-family:'Inter',sans-serif;color:#fff;display:grid;place-items:center}.card-screen{position:relative;background:var(--bg-card);backdrop-filter:blur(100px);padding:40px;border-radius:5px;width:100%;max-width:550px}.hidden{display:none}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.status-indicator{padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,var(--green-1),var(--green-2));color:#002b1a;font-size:12px;font-weight:600}.options-panel{display:flex;gap:30px;margin-bottom:30px}.client-options{flex:1;margin-bottom:20px;background:rgb(0 0 0 / .3);padding:20px;border-radius:14px;border:1px solid rgb(0 255 136 / .15)}.client-options h3{margin-top:0;margin-bottom:15px}select{width:100%;padding:8px;margin-bottom:10px;border-radius:8px;border:1px solid rgb(0 255 136 / .2);background:#1f2937;color:#fff}label{display:block;margin-bottom:5px;font-size:13px;color:var(--text-muted)}.options{display:grid;gap:8px}.options button{background:#1f2937;border:1px solid rgb(0 255 136 / .2);color:#fff;padding:8px;border-radius:8px;cursor:pointer;transition:0.2s}.options button:hover{background:rgb(0 255 136 / .2)}.options button.active{background:linear-gradient(135deg,var(--green-1),var(--green-2));color:#002b1a;box-shadow:0 0 15px rgb(0 255 136 / .5)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.call-header{display:flex;justify-content:center;align-items:center;gap:40px;margin:30px 0}.participant{text-align:center;cursor:pointer}.participant.disconnected{display:none}.avatar{background-color:#2f3136;font-size:50px;padding:20px;border-radius:200px;position:relative;filter:blur(5px);overflow:hidden}.voice-indicator{width:10px;height:10px;border-radius:50%;background:#444;margin-left:6px;transition:background 0.1s ease,box-shadow 0.1s ease}.voice-indicator.active{background:#0f5;box-shadow:0 0 8px #0f5}.avatar::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgb(255 255 255 / .05) 25%,rgb(255 255 255 / .15) 50%,rgb(255 255 255 / .05) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.avatar.loaded{filter:blur(0);background-color:#36393f}.avatar.loaded::before{display:none}.connection-dots{display:flex;align-items:center;gap:10px}.connection-dots span{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--green-1),var(--green-2));box-shadow:0 0 15px rgb(0 255 136 / .8);animation:pulseDot 1.4s infinite ease-in-out}.connection-dots span:nth-child(2){animation-delay:0.2s}.connection-dots span:nth-child(3){animation-delay:0.4s}@keyframes pulseDot{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}100%{opacity:.4;transform:scale(.8)}}.button-link{max-height:40px;width:100%;padding:7px 18px;border:none;border-radius:10px;cursor:pointer;font-weight:500;text-align:center;transition:0.2s;outline:none;text-decoration:none;font-size:14px;font-weight:800;display:block;margin-bottom:30px}.btn,textarea{max-height:35px;width:100%;padding:10px 18px;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:0.2s;outline:none}.btn .loading-icon{width:15px;padding:0;margin:0}.btn:disabled:hover{cursor:not-allowed;box-shadow:none;transform:none}textarea{margin-top:15px;resize:none;border:none}textarea:focus{border:1px #0f8 solid}.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 rgb(0 255 136 / .4)}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#000}.btn:disabled{background:gray;color:#000;opacity:.5;transition:0;cursor:not-allowed}.mute-btn-wrapper{display:flex;justify-content:center}.mute-btn{font-size:20px;width:60px;cursor:pointer;border-radius:100%;height:60px;background-color:var(--mic);border:2px solid var(--mic-border);outline:none}.mute-btn.muted{background-color:var(--muted-mic);border:2px solid var(--muted-mic-border)}.controls{display:flex;align-items:center;justify-content:center}.card-screen{justify-content:center}.subtitle{margin-top:25px;font-size:14px;line-height:1.6;text-align:center;color:rgb(255 255 255 / .75);letter-spacing:1px}.subtitle .accent{color:#0f8;text-shadow:0 0 8px rgb(0 255 136 / .8)}.subtitle .muted{color:rgb(255 255 255 / .4);font-size:12px}.subtitle .creator{color:#0f8;text-decoration:none;position:relative;transition:0.2s}.subtitle .creator:hover{text-shadow:0 0 12px #0f8}.subtitle .creator::after{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:linear-gradient(90deg,transparent,#00ff88,transparent);opacity:0;transition:0.3s}.subtitle .creator:hover::after{opacity:1}.card-screen .tg-icon{display:flex;margin-bottom:20px;justify-content:center;border-radius:100px}.card-screen .tg-icon img{width:100px;border-radius:100px}.card-screen .icon{display:flex;margin-bottom:20px;justify-content:center;border-radius:100px}.card-screen .icon img{width:200px;border-radius:10psx}input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgb(0 255 136 / .2);background:#1f2937;color:#fff;font-size:14px;outline:none;transition:0.2s}input::placeholder{color:rgb(255 255 255 / .4)}input:focus{border:1px solid var(--green-1);box-shadow:0 0 15px rgb(0 255 136 / .4)}input:disabled{opacity:.5;cursor:not-allowed}.time{font-size:19px;font-weight:700}.warning{background-color:#facc15;padding:5px 15px;border-radius:13px;color:#000;margin-bottom:15px;display:flex;justify-content:space-around;align-items:center}.warning p{font-size:13px;margin:0;font-weight:400;padding:0;text-align:end}.warning .sign{font-size:29px}:root{--bg-dark:black;--bg-card:black;--green-1:#00ff88;--green-2:#00c853;--green-3:#00e676;--success:#00ff88;--warning:#facc15;--danger:#ef4444;--glitch-x-1:10px;--glitch-hue-1:16deg;--glitch-x-2:-24px;--glitch-hue-2:-18deg;--text-muted:rgba(255,255,255,0.6)}*{box-sizing:border-box}html,body{margin:0;height:100%;margin:0;height:100vh;background-color:var(--bg-dark);background-image:linear-gradient(rgb(255 255 255 / .2) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .2) 1px,transparent 1px);backdrop-filter:blur(10px);background-size:60px 60px}body{font-family:'Inter',sans-serif;color:#fff;display:grid;place-items:center}.card-screen{position:relative;background:var(--bg-card);backdrop-filter:blur(20px);padding:40px;border-radius:5px;width:100%;max-width:550px;box-shadow:0 0 40px rgb(0 255 136 / .15),0 20px 60px rgb(0 0 0 / .6)}.hidden{display:none}.card-screen.error{box-shadow:0 0 40px rgb(255 0 0 / .15),0 20px 60px rgb(0 0 0 / .6)}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.status-indicator{padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,var(--green-1),var(--green-2));color:#002b1a;font-size:12px;font-weight:600}.options-panel{display:flex;gap:30px;margin-bottom:30px}.client-options{flex:1;margin-bottom:20px;background:rgb(0 0 0 / .3);padding:20px;border-radius:14px;border:1px solid rgb(0 255 136 / .15)}.client-options h3{margin-top:0;margin-bottom:15px}select{width:100%;padding:8px;margin-bottom:10px;border-radius:8px;border:1px solid rgb(0 255 136 / .2);background:#1f2937;color:#fff}label{display:block;margin-bottom:5px;font-size:13px;color:var(--text-muted)}.options{display:grid;gap:8px}.options button{background:#1f2937;border:1px solid rgb(0 255 136 / .2);color:#fff;padding:8px;border-radius:8px;cursor:pointer;transition:0.2s}.options button:hover{background:rgb(0 255 136 / .2)}.options button.active{background:linear-gradient(135deg,var(--green-1),var(--green-2));color:#002b1a;box-shadow:0 0 15px rgb(0 255 136 / .5)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.call-header{display:flex;justify-content:center;align-items:center;gap:40px;margin:30px 0}.participant{text-align:center;cursor:pointer}.participant.disconnected{display:none}.avatar{background-color:#fff0;font-size:50px;border:5px solid #1f2937;padding:0;border-radius:100%;position:relative;filter:blur(5px);overflow:hidden;width:100px;transition:.2s}.avatar.active{border:5px solid #00c853;transition:.2s}.avatar .mute-icon{display:none}.avatar .deafen-icon{display:none}.participant.mute .avatar .mute-icon{display:block;content:'';position:absolute;bottom:10px;right:10px;;width:28px;height:28px;background-color:#ed4245;background-image:url(../icons/mic-mute-fill.svg);background-size:60%;background-repeat:no-repeat;background-position:center;border-radius:50%;box-shadow:0 0 0 2px #2f3136}.participant.deafen .avatar .deafen-icon{display:block;content:'';position:absolute;bottom:10px;right:65px;width:28px;height:28px;background-color:#ed4245;background-image:url(../icons/volume-mute-fill.svg);background-size:60%;background-repeat:no-repeat;background-position:center;border-radius:50%;box-shadow:0 0 0 2px #2f3136}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.avatar.loaded{filter:blur(0);background-color:#36393f}.avatar.loaded::before{display:none}.connection-dots{display:flex;align-items:center;gap:10px}.connection-dots span{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--green-1),var(--green-2));box-shadow:0 0 15px rgb(0 255 136 / .8);animation:pulseDot 1.4s infinite ease-in-out}.connection-dots span:nth-child(2){animation-delay:0.2s}.connection-dots span:nth-child(3){animation-delay:0.4s}@keyframes pulseDot{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}100%{opacity:.4;transform:scale(.8)}}.btn,textarea{width:100%;padding:10px 18px;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:0.2s;outline:none}.btn:disabled:hover{cursor:not-allowed;box-shadow:none;transform:none}textarea{margin-top:15px;resize:none;border:none}textarea:focus{border:1px #0f8 solid}.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 rgb(0 255 136 / .4)}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#000}.btn-telegram{background:#2AABEE;color:#fff}.btn:disabled{background:gray;color:#000;opacity:.5;transition:0;cursor:not-allowed}.controls{display:flex;align-items:center;justify-content:center}.card-screen{justify-content:center}.glitch{font-family:"Monocraft-Bold",monospace;text-align:center;letter-spacing:3px;font-weight:800;color:var(--green-3);font-size:40px;padding:0;margin:0;text-transform:uppercase}.glitch:before,.glitch:after{position:absolute;content:attr(data-text);width:100%;height:100%;left:0;overflow:hidden;background-color:0;text-transform:uppercase}.glitch:before{left:5px;color:#00481e;text-shadow:-2px 0 #00481e;animation:glitch-1 2s 0s linear reverse infinite}.glitch:after{color:#47fd93;left:-5px;text-shadow:-2px 0 #41fa8e;animation:glitch-2 2s 0s linear reverse infinite}.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)}100%{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)}100%{clip:rect(83px,auto,40px,30px)}}.subtitle{margin-top:25px;font-size:14px;line-height:1.6;text-align:center;color:rgb(255 255 255 / .75);letter-spacing:1px}.subtitle .accent{color:#0f8;text-shadow:0 0 8px rgb(0 255 136 / .8)}.subtitle .muted{color:rgb(255 255 255 / .4);font-size:12px}.subtitle .creator{color:#0f8;text-decoration:none;position:relative;transition:0.2s}.subtitle .creator:hover{text-shadow:0 0 12px #0f8}.subtitle .creator::after{content:'';position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:linear-gradient(90deg,transparent,#00ff88,transparent);opacity:0;transition:0.3s}.subtitle .creator:hover::after{opacity:1}.card-screen .tg-icon{display:flex;margin-bottom:20px;justify-content:center;border-radius:100px}.card-screen .tg-icon img{width:100px;border-radius:100px}.card-screen .icon{display:flex;margin-bottom:20px;justify-content:center;border-radius:100px}.card-screen .icon img{width:200px;border-radius:10psx}input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid rgb(0 255 136 / .2);background:#1f2937;color:#fff;font-size:14px;outline:none;transition:0.2s}input::placeholder{color:rgb(255 255 255 / .4)}input:focus{border:1px solid var(--green-1);box-shadow:0 0 15px rgb(0 255 136 / .4)}input:disabled{opacity:.5;cursor:not-allowed}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}.time{font-size:19px;font-weight:700}.warning{background-color:#facc15;padding:5px 15px;border-radius:13px;color:#000;margin-bottom:15px;display:flex;justify-content:space-around;align-items:center}.warning p{font-size:13px;margin:0;font-weight:400;padding:0;text-align:end}.warning .sign{font-size:29px}.floating-nicks{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.floating-nicks .nick{position:absolute;color:rgb(0 255 136 / .2);font-family:'Press Start 2P',cursive;font-size:14px;opacity:1;animation:floatNick linear forwards}.floating-nicks img.nick{position:absolute;color:rgb(0 255 136 / .2);font-family:'Press Start 2P',cursive;max-width:50px;font-size:14px;opacity:1;animation:floatNickImg linear forwards}@keyframes floatNick{0%{opacity:0;transform:translate(var(--x),var(--y)) scale(.5)}20%{opacity:1}80%{opacity:1}100%{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}100%{opacity:0;transform:translate(var(--x-end),var(--y-end)) scale(1) rotate(360deg)}}.tg-icon-wide{display:flex;justify-content:center;margin-bottom:35px}.tg-icon-wide img{border-radius:10px}.context-menu{position:absolute;min-width:200px;background:rgb(0 0 0 / .85);backdrop-filter:blur(12px);border:1px solid rgb(0 255 136 / .2);border-radius:12px;padding:6px;display:none;box-shadow:0 0 20px rgb(0 255 136 / .15),0 10px 40px rgb(0 0 0 / .8);animation:contextMenuFade 0.12s ease;z-index:9999}.context-menu button{width:100%;display:flex;align-items:center;gap:10px;background:#fff0;border:none;color:rgb(255 255 255 / .85);font-size:14px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all 0.15s ease}.context-menu button:hover{background:rgb(0 255 136 / .15);color:var(--green-1);box-shadow:inset 0 0 10px rgb(0 255 136 / .2)}.context-menu .danger:hover{background:rgb(239 68 68 / .2);color:#ff4d4f}.context-menu hr{border:none;height:1px;margin:6px 4px;background:rgb(255 255 255 / .08)}@keyframes contextMenuFade{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.toggle-container{display:flex;gap:20px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:rgb(255 255 255 / .1);border:2px solid rgb(0 255 136 / .3);border-radius:34px;transition:0.4s;box-shadow:0 0 5px rgb(0 255 136 / .3)}.toggle-item{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px}.toggle-label{font-size:14px;color:rgb(255 255 255 / .8);font-weight:500}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:rgb(255 255 255 / .1);border:1px solid rgb(0 255 136 / .3);border-radius:20px;transition:0.4s;box-shadow:0 0 4px rgb(0 255 136 / .3)}.slider::before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background:#1f2937;border-radius:50%;transition:0.4s;box-shadow:0 0 6px rgb(0 255 136 / .5)}input:checked+.slider{background:linear-gradient(135deg,var(--green-1),var(--green-2));border-color:rgb(0 255 136 / .8);box-shadow:0 0 8px rgb(0 255 136 / .8)}input:checked+.slider::before{transform:translateX(20px);background:#002b1a;box-shadow:0 0 8px rgb(0 255 136 / .9)}.switch:hover .slider{border-color:var(--green-1);box-shadow:0 0 8px rgb(0 255 136 / .5)}.enhanced-warning{display:flex;align-items:flex-start;gap:12px;background:rgb(250 204 21 / .15);border:1px solid var(--warning);border-left:4px solid var(--green-2);padding:12px 16px;border-radius:10px;font-size:14px;line-height:1.4;color:#fff;font-weight:500;animation:fadeIn 0.4s ease forwards;box-shadow:0 0 10px rgb(250 204 21 / .3)}.enhanced-warning .warning-icon{font-size:24px;color:var(--green-1);flex-shrink:0;text-shadow:0 0 8px rgb(0 255 136 / .6)}.enhanced-warning .warning-text p{margin:0;color:rgb(255 255 255 / .9)}.enhanced-warning .warning-text strong{color:var(--green-1);text-shadow:0 0 6px rgb(0 255 136 / .5)}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.loading-image{animation:spin 1s infinite;width:350px}#welcome-screen{animation:fadeIn 0.2s linear}.timer{text-align:center;font-size:19px}