:root{--bg: #0b0a1f;--bg-2: #141233;--surface: rgba(255, 255, 255, .06);--surface-strong: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .12);--text: #f5f5ff;--text-dim: #a9a7d4;--accent: #7c5cff;--accent-2: #18e0d8;--accent-3: #ff5ca8;--danger: #ff6b6b;--grad: linear-gradient(120deg, #7c5cff 0%, #b14bff 40%, #18e0d8 100%);--glow: 0 8px 40px rgba(124, 92, 255, .35)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(124,92,255,.25),transparent 60%),radial-gradient(1000px 700px at 110% 10%,rgba(24,224,216,.18),transparent 55%),var(--bg);background-attachment:fixed;overflow-x:hidden}.app{min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.screen{flex:1;padding:28px 20px 32px;max-width:560px;width:100%;margin:0 auto}.brand{font-weight:800;font-size:1.35rem;letter-spacing:-.02em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.h1{font-size:1.7rem;font-weight:800;letter-spacing:-.03em;margin:4px 0 6px}.sub{color:var(--text-dim);font-size:.92rem;line-height:1.5;margin:0 0 22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.card.glow{box-shadow:var(--glow)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;width:100%;padding:15px 18px;border-radius:16px;font-size:1rem;font-weight:700;color:#0b0a1f;background:var(--grad);cursor:pointer;box-shadow:var(--glow);transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.btn.ghost{background:var(--surface-strong);color:var(--text);border:1px solid var(--border);box-shadow:none}.input,textarea.input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:#00000040;color:var(--text);font-size:.95rem;outline:none}.input::placeholder{color:var(--text-dim)}.input:focus{border-color:var(--accent)}.label{font-size:.78rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.row{display:flex;gap:12px}.spacer{height:16px}.emp-grid{display:grid;grid-template-columns:1fr;gap:14px}.emp{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:transform .12s ease,border-color .12s ease}.emp:active{transform:scale(.99)}.emp:hover{border-color:#7c5cff80}.emp .avatar{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-weight:800;font-size:1.2rem;color:#0b0a1f;background:var(--grad);flex:none}.emp .meta{flex:1;min-width:0}.emp .name{font-weight:700;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp .desc{color:var(--text-dim);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp .go{color:var(--accent-2);font-size:1.3rem;flex:none}.center{display:grid;place-items:center;text-align:center;min-height:60vh;gap:10px}.muted{color:var(--text-dim);font-size:.9rem}.err{color:var(--danger);font-size:.88rem}.qr-box{border-radius:18px;overflow:hidden;border:1px solid var(--border);background:#000}#qr-reader{width:100%}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.pill{font-size:.72rem;color:var(--text-dim);background:var(--surface-strong);border:1px solid var(--border);padding:5px 10px;border-radius:999px}.linkbtn{background:none;border:0;color:var(--text-dim);font-size:.82rem;cursor:pointer;text-decoration:underline}.app.call{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12vh 24px calc(7vh + env(safe-area-inset-bottom));text-align:center}.call-stage{display:flex;flex-direction:column;align-items:center;gap:14px}.call-sub{color:var(--text-dim);font-size:.95rem;letter-spacing:.18em;text-transform:uppercase}.call-avatar{position:relative;width:148px;height:148px;border-radius:50%;display:grid;place-items:center;margin:10px 0 6px}.call-avatar img{width:148px;height:148px;border-radius:50%;object-fit:cover;box-shadow:var(--glow)}.call-avatar.fallback{background:var(--grad);box-shadow:var(--glow)}.call-initial{font-size:3.4rem;font-weight:800;color:#0b0a1f}.call-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid var(--accent);opacity:0;animation:callpulse 2.4s ease-out infinite}.call-ring.r2{animation-delay:1.2s}@keyframes callpulse{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.45);opacity:0}}.call-name{font-size:1.9rem;font-weight:800;letter-spacing:-.02em}.call-msg{color:var(--text-dim);font-size:1rem;line-height:1.5;max-width:460px}.call-actions{display:flex;gap:72px;align-items:flex-end}.call-btn{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:0;cursor:pointer;color:var(--text)}.call-ic{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;font-size:1.7rem;color:#fff;box-shadow:0 10px 30px #0006}.call-btn.answer .call-ic{background:#19c37d;animation:answerbob 1.6s ease-in-out infinite}.call-btn.decline .call-ic{background:#ff5c5c}.call-lbl{font-size:.85rem;color:var(--text-dim)}@keyframes answerbob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.app.chat{height:100%}.avatar-stage{display:flex;justify-content:center;padding:12px 16px 4px;background:#0b0a1f80;border-bottom:1px solid var(--border)}.avatar-frame{width:200px;height:200px;border-radius:24px;overflow:hidden;background:#000;border:1px solid var(--border);box-shadow:var(--glow)}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);background:#0b0a1f99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.chat-emp{font-weight:700;display:flex;align-items:center;gap:8px}.chat-emp .dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 10px var(--accent-2)}.chat-list{flex:1;overflow-y:auto;padding:18px 16px 8px;display:flex;flex-direction:column;gap:10px;max-width:620px;width:100%;margin:0 auto}.center-line{text-align:center;margin-top:24px}.bubble{max-width:78%;padding:11px 14px;border-radius:18px;font-size:.95rem;line-height:1.4;word-wrap:break-word;white-space:pre-wrap}.bubble.bot{align-self:flex-start;background:var(--surface-strong);border:1px solid var(--border);border-bottom-left-radius:6px}.bubble.me{align-self:flex-end;color:#0b0a1f;background:var(--grad);border-bottom-right-radius:6px;box-shadow:var(--glow)}.bubble.typing{display:flex;gap:4px;align-items:center}.bubble.typing span{width:7px;height:7px;border-radius:50%;background:var(--text-dim);animation:blink 1.2s infinite}.bubble.typing span:nth-child(2){animation-delay:.2s}.bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.chat-input{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#0b0a1fb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:620px;width:100%;margin:0 auto}.chat-input .input{flex:1}.send{flex:none;width:50px;border:0;border-radius:14px;background:var(--grad);color:#0b0a1f;font-size:1.1rem;cursor:pointer;box-shadow:var(--glow)}.send:disabled{opacity:.4;box-shadow:none;cursor:default}.wp-header{position:relative;margin:-28px -20px 20px}.wp-band{padding:18px 78px 22px 20px;background:var(--grad);color:#0b0a1f;clip-path:polygon(0 0,100% 0,100% 60%,calc(100% - 40px) 100%,0 100%);box-shadow:var(--glow)}.wp-band-brand{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.wp-band-name{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-logo{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:58px;height:58px;border-radius:50%;padding:0;overflow:hidden;cursor:pointer;border:3px solid rgba(255,255,255,.92);background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0006}.wp-logo img{width:100%;height:100%;object-fit:contain}.wp-logo-fallback{color:#4a2fce;font-weight:800;font-size:1.2rem}.wp-logo-burger{color:#4a2fce;font-size:1.55rem;line-height:1}.subtabs{display:flex;gap:2px;margin:4px 0 18px;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.subtabs::-webkit-scrollbar{display:none}.subtab{flex:0 0 auto;background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:.92rem;font-weight:600;font-family:inherit;padding:10px 16px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s ease,border-color .12s ease}.subtab.active{color:var(--text);border-bottom-color:var(--accent)}.wp-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.wp-menu{position:absolute;right:4px;top:84px;z-index:41;min-width:244px;background:var(--bg-2);border:1px solid var(--border);border-radius:16px;padding:8px;box-shadow:0 18px 50px #0000008c}.wp-menu-head{font-size:.64rem;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);padding:6px 10px 8px}.wp-menu-item{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;padding:10px;border-radius:12px;cursor:pointer;font-size:.94rem;color:var(--text);text-align:left}.wp-menu-item:hover,.wp-menu-item:active{background:var(--surface-strong)}.wp-menu-item.active{background:#7c5cff2e;font-weight:700}.wp-menu-logo{flex:0 0 auto;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#ffffffeb;color:#4a2fce;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem}.wp-menu-logo img{width:100%;height:100%;object-fit:contain}.wp-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wp-menu-check{color:var(--accent-2);font-weight:800}.wp-menu-sep{height:1px;background:var(--border);margin:6px}