: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) 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(20px);padding:40px;border-radius:5px;width:100%;max-width:550px;border:2px solid rgb(0 255 136 / .2)}.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}.avatar{background-color:#2f3136;font-size:50px;padding:20px;border-radius:200px;position:relative;filter:blur(5px);overflow:hidden}.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)}}.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: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{text-align:center;margin-top:0;position:relative;font-family:'Press Start 2P',monospace;font-size:40px;color:#0f8;text-shadow:0 0 5px #00ff88,0 0 10px #00ff88,0 0 20px #0f8;animation:glitch-main 2s infinite}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden}.glitch::before{color:#0f8;text-shadow:-2px 0 #0f8;animation:glitch-top 1.5s infinite linear alternate-reverse}.glitch::after{color:#00c853;text-shadow:2px 0 #0f8;animation:glitch-bottom 1.2s infinite linear alternate-reverse}@keyframes glitch-main{0%,100%{transform:none}20%{transform:skewX(5deg)}40%{transform:skewX(-5deg)}60%{transform:skewY(2deg)}80%{transform:skewY(-2deg)}}@keyframes glitch-top{0%{clip-path:inset(0 0 80% 0);transform:translate(-3px,-3px)}20%{clip-path:inset(10% 0 60% 0);transform:translate(3px,2px)}40%{clip-path:inset(20% 0 40% 0);transform:translate(-5px,1px)}60%{clip-path:inset(30% 0 30% 0);transform:translate(5px,-2px)}80%{clip-path:inset(40% 0 20% 0);transform:translate(-3px,3px)}100%{clip-path:inset(0 0 80% 0);transform:translate(0)}}@keyframes glitch-bottom{0%{clip-path:inset(80% 0 0 0);transform:translate(3px,3px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(-3px,-2px)}40%{clip-path:inset(40% 0 20% 0);transform:translate(5px,-1px)}60%{clip-path:inset(30% 0 30% 0);transform:translate(-5px,2px)}80%{clip-path:inset(20% 0 40% 0);transform:translate(3px,-3px)}100%{clip-path:inset(80% 0 0 0);transform:translate(0)}}.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}