@import url('/pro-ui-v36.css?v=1');
html{background:#06101d}body{background:radial-gradient(circle at 15% 5%,rgba(34,211,238,.45),transparent 28%),radial-gradient(circle at 85% 15%,rgba(139,92,246,.45),transparent 34%),linear-gradient(145deg,#07111f,#102044 55%,#070914)!important;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:36px 36px;opacity:.45;z-index:-1}.wrap{perspective:1200px}.hero{animation:ksFloat 7s ease-in-out infinite}.logo{display:inline-flex;width:78px;height:78px;align-items:center;justify-content:center;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.25);box-shadow:0 22px 55px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.38),0 0 45px rgba(34,211,238,.35)}h1{text-shadow:0 8px 28px rgba(0,0,0,.45),0 0 26px rgba(34,211,238,.26)}.card{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07) 45%,rgba(255,255,255,.11))!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 28px 70px rgba(0,0,0,.36),0 10px 28px rgba(11,22,45,.28),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.22)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.20),transparent 34%,rgba(34,211,238,.08) 70%,transparent)}.card:hover{transform:translateY(-4px) rotateX(.8deg);border-color:rgba(255,255,255,.35)!important;box-shadow:0 36px 85px rgba(0,0,0,.42),0 0 42px rgba(34,211,238,.12),inset 0 1px 0 rgba(255,255,255,.42)!important}button{position:relative;isolation:isolate;box-shadow:0 14px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -2px 0 rgba(0,0,0,.18)!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;text-shadow:0 1px 2px rgba(0,0,0,.28)}button:before{content:"";position:absolute;inset:1px 1px auto 1px;height:45%;border-radius:inherit;background:linear-gradient(rgba(255,255,255,.32),rgba(255,255,255,0));z-index:-1}button:hover:not(:disabled){transform:translateY(-2px) scale(1.015);filter:saturate(1.12) brightness(1.05);box-shadow:0 20px 38px rgba(0,0,0,.32),0 0 30px rgba(59,130,246,.22),inset 0 1px 0 rgba(255,255,255,.42)!important}button:active:not(:disabled){transform:translateY(1px) scale(.985);box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 2px 4px rgba(0,0,0,.25)!important}.big{min-height:116px;border-radius:28px;font-size:25px!important}.green{box-shadow:0 16px 36px rgba(34,197,94,.22),inset 0 1px 0 rgba(255,255,255,.35)!important}.blue{box-shadow:0 16px 36px rgba(37,99,235,.24),inset 0 1px 0 rgba(255,255,255,.35)!important}.red{box-shadow:0 16px 36px rgba(239,68,68,.24),inset 0 1px 0 rgba(255,255,255,.35)!important}input{box-shadow:inset 0 2px 8px rgba(0,0,0,.28),0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(14px);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}input:focus{outline:none;border-color:rgba(34,211,238,.65)!important;box-shadow:inset 0 2px 8px rgba(0,0,0,.28),0 0 0 4px rgba(34,211,238,.12),0 0 28px rgba(34,211,238,.22)!important;transform:translateY(-1px)}.peer,.drop,.callbox,.chatbox,.chatList,.log{background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(0,0,0,.16))!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 14px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.18)!important}.peer{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.peer:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.36)!important;box-shadow:0 20px 42px rgba(0,0,0,.30),0 0 26px rgba(34,211,238,.10)!important}.bar{padding:2px;height:20px!important;background:rgba(0,0,0,.28)!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.12)}.fill{border-radius:999px;box-shadow:0 0 24px rgba(34,211,238,.48),inset 0 1px 0 rgba(255,255,255,.34)}.msg{box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.18)}.msg.me{background:linear-gradient(145deg,#38bdf8,#2563eb)!important}#voiceOverlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(2,6,23,.66);backdrop-filter:blur(18px);z-index:9999;opacity:0;pointer-events:none;transition:opacity .22s ease}#voiceOverlay.show{opacity:1;pointer-events:auto}.voiceModal{width:min(92vw,420px);padding:28px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.24);box-shadow:0 40px 100px rgba(0,0,0,.45),0 0 60px rgba(34,211,238,.18),inset 0 1px 0 rgba(255,255,255,.32);text-align:center}.voiceIcon{font-size:64px;animation:ksRing 1.2s ease-in-out infinite}.voiceActions{display:flex;gap:12px;justify-content:center;margin-top:18px;flex-wrap:wrap}@keyframes ksFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ksRing{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@media(max-width:720px){.logo{width:64px;height:64px;border-radius:22px}.card:hover{transform:none}button:hover:not(:disabled){transform:none}.big{min-height:92px;font-size:21px!important}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}