.call-page{display:flex;flex-direction:column;height:calc(100vh - 100px);max-width:500px;margin:0 auto;padding:16px}.dialing-screen .call-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:16px}.dialing-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--border);background:var(--bg-secondary);animation:pulse-ring 1.5s ease-in-out infinite}.dialing-avatar .waifu-avatar{width:100%;height:100%;object-fit:cover}@keyframes pulse-ring{0%{box-shadow:0 0 #6c63ff66}50%{box-shadow:0 0 0 16px #6c63ff00}to{box-shadow:0 0 #6c63ff00}}.call-status-dialing{font-size:15px;color:var(--text-secondary);margin:4px 0}.dialing-dots{display:flex;gap:6px;margin:8px 0 24px}.dialing-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:dot-bounce 1.4s ease-in-out infinite}.dialing-dots span:nth-child(1){animation-delay:0s}.dialing-dots span:nth-child(2){animation-delay:.2s}.dialing-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.call-end-btn{margin-top:24px;padding:8px 24px;font-size:14px;border-radius:24px}.call-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;position:relative}.call-screen-container{width:280px;border-radius:32px;border:3px solid var(--border);background:var(--bg-card);padding:8px;box-shadow:0 8px 32px #0000004d}.call-screen{border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#1a1a2e,#16213e,#0f3460);aspect-ratio:9 / 16;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.waifu-body{flex:1;display:flex;align-items:center;justify-content:center;width:100%;position:relative;overflow:hidden}.waifu-body .waifu-avatar{max-width:80%;max-height:80%;object-fit:contain;animation:waifu-breathe 4s ease-in-out infinite}.waifu-body .mouth{position:absolute;bottom:18%;left:50%;width:16px;height:10px;background:#fff9;border-radius:0 0 8px 8px;transform:translate(-50%);transition:height .08s ease;opacity:0}.waifu-body.speaking .mouth{opacity:1;height:3px;border-radius:50%}.call-screen-info{padding:12px 16px 20px;text-align:center;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.6) 0%,transparent 100%)}.call-screen-info .waifu-call-name{font-size:18px;font-weight:600;margin:0;color:#fff}.call-screen-info .call-status{font-size:12px;color:#fff9;margin:2px 0 0}.call-screen-info .prompt-text{font-size:13px;font-style:italic;color:#ffffffb3;margin:6px 0 0;padding:4px 12px;background:#ffffff1a;border-radius:10px;display:inline-block}.call-controls{display:flex;gap:24px;align-items:center}@keyframes waifu-breathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.02) translateY(-4px)}}.call-avatar-container{text-align:center}.waifu-portrait{position:relative;width:200px;height:200px;border-radius:50%;overflow:hidden;border:3px solid var(--border);transition:border-color .3s,box-shadow .3s;margin:0 auto 16px}.waifu-portrait.speaking{border-color:var(--accent);box-shadow:0 0 24px #6c63ff66}.waifu-portrait.happy{border-color:#fbbf24;box-shadow:0 0 24px #fbbf244d}.waifu-portrait.sad{border-color:#60a5fa;box-shadow:0 0 24px #60a5fa4d}.waifu-portrait.angry{border-color:#ef4444;box-shadow:0 0 24px #ef44444d}.waifu-portrait.surprised{border-color:#a78bfa;box-shadow:0 0 24px #a78bfa4d}.waifu-portrait.blushing{border-color:#f472b6;box-shadow:0 0 24px #f472b64d}.call-avatar-container .waifu-avatar{width:100%;height:100%;object-fit:cover}.call-avatar-container .mouth{position:absolute;bottom:54px;left:50%;width:20px;height:12px;background:#00000080;border-radius:0 0 10px 10px;transform:translate(-50%);transition:height .08s ease}.call-avatar-container .waifu-portrait.speaking .mouth{height:4px;border-radius:50%}.call-avatar-container .waifu-call-name{font-size:20px;font-weight:600;margin:0}.call-avatar-container .call-status{font-size:13px;color:var(--text-secondary);margin:4px 0 0}.call-avatar-container .prompt-text{font-size:14px;font-style:italic;color:var(--text-secondary);margin:8px 0 0;padding:6px 16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border)}.call-screen-container.speaking{border-color:var(--accent);box-shadow:0 0 24px #6c63ff66}.call-screen-container.happy{border-color:#fbbf24;box-shadow:0 0 24px #fbbf244d}.call-screen-container.sad{border-color:#60a5fa;box-shadow:0 0 24px #60a5fa4d}.call-screen-container.angry{border-color:#ef4444;box-shadow:0 0 24px #ef44444d}.call-screen-container.surprised{border-color:#a78bfa;box-shadow:0 0 24px #a78bfa4d}.call-screen-container.blushing{border-color:#f472b6;box-shadow:0 0 24px #f472b64d}.call-button{width:72px;height:72px;border-radius:50%;border:3px solid var(--accent);background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.call-button:hover{background:var(--bg-secondary);transform:scale(1.05)}.call-button:active,.call-button.recording{background:#ef4444;border-color:#ef4444;transform:scale(.95)}.call-button.listening{border-color:#22c55e;background:#22c55e1a;animation:mic-listening 2s ease-in-out infinite}.call-button.listening:hover{background:#22c55e26;transform:none}@keyframes mic-listening{0%,to{box-shadow:0 0 4px #22c55e33}50%{box-shadow:0 0 18px #22c55e80}}.call-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.call-button:disabled:hover{transform:none}.call-button-inner{font-size:28px;line-height:1}.call-ended{align-items:center;justify-content:center}.call-ended-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.call-ended-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid var(--border);background:var(--bg-secondary)}.call-ended-avatar .waifu-avatar{width:100%;height:100%;object-fit:cover}.call-ended-content h2{margin:0;font-size:20px}.ended-reason{color:var(--text-secondary);font-size:14px;margin:0 0 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-card: rgba(18, 18, 42, .6);--text-primary: #f0f0ff;--text-secondary: #9898bf;--text-muted: #6b6b99;--accent-pink: #ff6b9d;--accent-purple: #c084fc;--accent-blue: #38bdf8;--accent-gradient: linear-gradient(135deg, #ff6b9d, #c084fc, #38bdf8);--accent: #c084fc;--accent-hover: #a855f7;--accent-light: rgba(192, 132, 252, .12);--danger: #ff4757;--success: #2ed573;--warning: #fbbf24;--glass-bg: rgba(18, 18, 42, .35);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--radius: 16px;--radius-sm: 10px;--radius-xs: 6px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:Poppins,Inter,sans-serif;font-weight:700;letter-spacing:-.02em}a{color:var(--accent-purple);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-pink)}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.bg-animated{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:linear-gradient(135deg,#0a0a1a,#1a0a2e,#0a0a2a)}.bg-orbs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-orbs:before,.bg-orbs:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.bg-orbs:before{width:600px;height:600px;background:var(--accent-pink);top:-10%;left:-10%;box-shadow:0 0 50px #ff329699;animation:orbNeon1 8s ease-in-out infinite}.bg-orbs:after{width:500px;height:500px;background:var(--accent-blue);bottom:-15%;right:-10%;box-shadow:0 0 50px #3296ff99;animation:orbNeon3 12s ease-in-out infinite;animation-delay:-4s}.bg-orb-3{position:absolute;width:400px;height:400px;border-radius:50%;background:var(--accent-purple);filter:blur(80px);opacity:.2;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #9632ff99;animation:orbNeon2 10s ease-in-out infinite;animation-delay:-2s}@keyframes orbNeon1{0%,to{transform:translate(0) scale(1);box-shadow:0 0 30px #ff3296e6;opacity:.7}50%{transform:translate(20px,-15px) scale(1.08);box-shadow:0 0 120px #ff3296e6;opacity:1}}@keyframes orbNeon2{0%,to{transform:translate(-50%,-50%) translate(0) scale(1);box-shadow:0 0 30px #9632ffe6;opacity:.7}50%{transform:translate(-50%,-50%) translate(-25px,10px) scale(1.08);box-shadow:0 0 120px #9632ffe6;opacity:1}}@keyframes orbNeon3{0%,to{transform:translate(0) scale(1);box-shadow:0 0 30px #3296ffe6;opacity:.7}50%{transform:translate(15px,25px) scale(1.08);box-shadow:0 0 120px #3296ffe6;opacity:1}}@media(max-width:767px){.bg-orbs:before,.bg-orbs:after{animation:none;opacity:.15}.bg-orb-3{animation:none;opacity:.1}.bg-orbs:before{box-shadow:none}.bg-orbs:after{box-shadow:none}.bg-orb-3{box-shadow:none}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:28px;box-shadow:var(--glass-shadow);transition:border-color .3s,box-shadow .3s}.glass-card:hover{border-color:var(--glass-border-hover);box-shadow:0 8px 40px #00000080}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);padding:20px}.logo-text{font-family:Poppins,sans-serif;font-size:28px;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logo-glow 3s ease-in-out infinite;letter-spacing:-.03em}@keyframes logo-glow{0%,to{filter:brightness(1) drop-shadow(0 0 8px rgba(192,132,252,.3))}50%{filter:brightness(1.2) drop-shadow(0 0 16px rgba(192,132,252,.6))}}.glass-input{width:100%;padding:14px 16px;background:#ffffff0a;border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .3s,box-shadow .3s,background .3s}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #c084fc1f;background:#ffffff0f}.glass-input.input-error{border-color:var(--danger);box-shadow:0 0 0 3px #ff47571a}.input{width:100%;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--accent-purple)}.btn-neon{position:relative;width:100%;padding:14px 24px;border:none;border-radius:var(--radius-sm);font-size:15px;font-weight:600;font-family:Poppins,Inter,sans-serif;color:#fff;background:var(--accent-gradient);background-size:200% 200%;animation:gradient-shift 4s ease infinite;transition:transform .2s,box-shadow .3s;cursor:pointer;overflow:hidden}.btn-neon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--accent-gradient);background-size:200% 200%;animation:gradient-shift 4s ease infinite;opacity:0;transition:opacity .3s}.btn-neon:hover{transform:translateY(-2px);box-shadow:0 8px 32px #c084fc4d}.btn-neon:active{transform:translateY(0)}.btn-neon:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn-glass-outline{width:100%;padding:12px 24px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;font-family:inherit;color:var(--text-primary);background:#ffffff0a;border:1px solid var(--glass-border);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}.btn-glass-outline:hover{background:#ffffff14;border-color:var(--glass-border-hover);transform:translateY(-1px)}.btn{padding:10px 24px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent-purple);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-outline{background:transparent;border:1px solid var(--glass-border);color:var(--text-primary)}.btn-outline:hover{border-color:var(--accent-purple)}.btn-danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px);padding:20px}.auth-container{width:100%;max-width:420px;animation:fade-in-up .6s ease-out}.auth-header{text-align:center;margin-bottom:32px}.auth-header .logo-text{font-size:36px;margin-bottom:8px}.auth-header p{color:var(--text-secondary);font-size:15px}.auth-error{background:#ff47571a;border:1px solid rgba(255,71,87,.2);border-radius:var(--radius-sm);color:var(--danger);padding:12px 16px;margin-bottom:20px;font-size:14px;animation:shake .4s ease-out}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field label{color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.02em}.auth-field-row{display:flex;justify-content:space-between;align-items:baseline}.auth-link{font-size:12px;color:var(--accent-purple);transition:color .2s}.auth-link:hover{color:var(--accent-pink)}.auth-divider{position:relative;text-align:center;margin:6px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--glass-border)}.auth-divider span{position:relative;background:var(--glass-bg);padding:0 14px;color:var(--text-muted);font-size:13px}.auth-footer{margin-top:20px;display:flex;justify-content:center;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#0a0a1acc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100}.navbar-brand{font-family:Poppins,sans-serif;font-size:20px;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:flex;gap:12px;align-items:center}.navbar-link{padding:8px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s}.navbar-link:hover{color:var(--text-primary);background:#ffffff0f}.navbar-user{display:flex;align-items:center;gap:12px}.page-enter{animation:fade-in-up .4s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,rgba(255,255,255,.04) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#c084fc4d;color:#fff}.token-amount{font-weight:700;color:var(--accent-pink)}.chat-actions{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap;position:relative;min-width:320px}