@import "https://fonts.googleapis.com/css2?family=Limelight&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Space Grotesk,sans-serif}body{background:#050816;overflow-x:hidden}.app{color:#fff;background:radial-gradient(circle at 0 0,#7800ff59,#0000 30%),radial-gradient(circle at 100% 100%,#008cff40,#0000 30%),linear-gradient(135deg,#050816,#09001d);min-height:100vh;position:relative}.navbar{justify-content:space-between;align-items:center;width:100%;padding:28px 70px;display:flex}.logo{letter-spacing:1px;text-transform:uppercase;font-family:Limelight,cursive;font-size:48px;font-weight:800}.nav-links{gap:34px;display:flex}.nav-links a{color:#ffffffbf;font-size:15px;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#fff}.nav-buttons{gap:16px;display:flex}.login-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:15px}.start-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:40px;padding:14px 24px;font-weight:600;transition:all .3s}.start-btn:hover{transform:scale(1.05)}.hero{z-index:2;text-align:center;padding-top:20px;position:relative}.hero h1{letter-spacing:-3px;font-family:HV Fitzgerlad,cursive;font-size:90px;font-weight:700;line-height:1.05}.hero h2{color:#d6b8ff;margin-top:26px;font-size:36px;font-weight:500}.hero p{color:#ffffffb8;width:760px;max-width:90%;margin:30px auto;font-size:18px;line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:35px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:50px;align-items:center;gap:10px;min-width:90px;padding:14px 24px;font-size:15px;transition:all .3s;display:flex}.primary-btn{color:#000;background:#fff;border:none;font-weight:600}.secondary-btn{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #fff3}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-3px)}.chat-input{color:#fff;appearance:none;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;outline:none;flex:220px;min-width:150px;max-width:280px;padding:14px 20px;font-size:15px;font-weight:500;transition:transform .2s,border-color .2s,background .2s;box-shadow:inset 0 0 0 1px #ffffff05}.chat-input::placeholder{color:#fff9}.chat-input:focus{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-color:#ffffff73}.voice-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:34px;width:360px;margin:70px auto;padding:38px;box-shadow:0 0 80px #725cff40,inset 0 0 30px #ffffff0a}.avatar{background:linear-gradient(135deg,#8a5cff,#00c2ff);border-radius:50%;width:100px;height:100px;margin:auto;box-shadow:0 0 40px #7b61ff99}.voice-card h3{margin-top:24px;font-size:28px}.voice-card span{color:#ffffffb3;margin-top:10px;display:block}.card-buttons{justify-content:center;gap:12px;margin-top:24px;display:flex}.card-buttons button{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:22px;padding:11px 18px}.wave-container{margin-top:35px}.mic-icon{margin-bottom:18px}.wave{background:linear-gradient(90deg,#8a5cff,#00c2ff,#8a5cff) 0 0/300% 300%;border-radius:20px;width:100%;height:70px;animation:4s linear infinite waveMove}@keyframes waveMove{0%{background-position:0%}to{background-position:100%}}.glow{filter:blur(130px);z-index:0;border-radius:50%;position:absolute}.glow1{background:#8c00ff73;width:400px;height:400px;top:200px;left:-120px}.glow2{background:#00b7ff59;width:400px;height:400px;bottom:0;right:-120px}.avatar{color:#fff;justify-content:center;align-items:center;font-size:34px;font-weight:800;display:flex}.wave{justify-content:center;align-items:center;display:flex}.wave span{color:#fff;font-size:16px;font-weight:600}.token-box{width:520px;max-width:90%;margin:35px auto 0}.token-box input{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff26;border-radius:40px;outline:none;width:100%;padding:17px 22px;font-size:15px}.token-box input::placeholder{color:#ffffff80}.chat-preview{text-align:left;color:#ffffffd9;background:#ffffff12;border-radius:20px;margin-top:30px;padding:18px;line-height:1.6}.chat-preview p{margin-bottom:12px;font-size:14px}.auth-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-box{color:#fff;text-align:center;background:#ffffff14;border:1px solid #ffffff24;border-radius:28px;width:420px;max-width:90%;padding:35px;position:relative;box-shadow:0 0 70px #7b61ff59}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;position:absolute;top:18px;right:18px}.auth-box h2{margin-bottom:10px;font-size:30px}.auth-box p{color:#ffffffa6;margin-bottom:25px}.auth-box input{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:18px;outline:none;width:100%;margin-bottom:15px;padding:15px 18px;font-size:15px}.auth-box input::placeholder{color:#ffffff80}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8a5cff,#00c2ff);border:none;border-radius:22px;width:100%;margin-top:8px;padding:15px;font-size:16px;font-weight:700}.switch-auth{color:#d6b8ff;cursor:pointer;margin-top:20px;display:block}@media (width<=900px){.navbar{padding:22px 25px}.nav-links{display:none}.hero{padding-top:55px}.hero h1{letter-spacing:-1px;font-size:52px}.hero h2{font-size:26px}.hero p{font-size:16px}.hero-buttons{flex-direction:column;align-items:center}.primary-btn,.secondary-btn{justify-content:center;width:260px}.voice-card{width:90%;padding:28px}}@media (width<=500px){.logo{font-size:24px}.start-btn{padding:10px 16px}.hero h1{font-size:42px}.hero h2{font-size:22px}.voice-card h3{font-size:23px}}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#080812eb;border-right:1px solid #ffffff0f;width:280px;height:100vh;padding:24px 18px;position:fixed;top:0;left:0;overflow-y:auto}.sidebar h2{margin-bottom:24px;font-size:24px}.empty-history{color:#ffffff73;font-size:14px}.history-card{cursor:pointer;background:0 0;border-radius:14px;margin-bottom:10px;padding:14px 16px;transition:all .25s}.history-card:hover{background:#ffffff14}.history-card p{color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.new-chat-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8a5cff,#00c2ff);border:none;border-radius:16px;width:100%;margin-bottom:22px;padding:14px;font-weight:700}.active-chat{background:#ffffff1f}.chat-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:32px;flex-direction:column;width:min(100%,760px);max-width:92%;height:620px;margin:60px auto;display:flex;overflow:hidden;box-shadow:0 0 80px #7b61ff40}.chat-header{text-align:left;border-bottom:1px solid #ffffff1a;align-items:center;gap:16px;padding:22px 26px;display:flex}.chat-header h3{font-size:24px}.chat-header span{color:#ffffffa6;font-size:14px}.messages-area{flex:1;padding:26px;overflow-y:auto}.empty-chat{color:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.message-row{margin-bottom:18px;display:flex}.user-row{justify-content:flex-end}.ai-row{justify-content:flex-start}.message-bubble{text-align:left;border-radius:20px;max-width:70%;padding:15px 18px;line-height:1.6}.user-bubble{color:#fff;background:linear-gradient(135deg,#8a5cff,#00c2ff);border-bottom-right-radius:6px}.ai-bubble{color:#fff;background:#ffffff1a;border-bottom-left-radius:6px}.message-bubble span{color:#fff9;margin-top:8px;font-size:11px;display:block}.chat-controls{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-width:0;padding:16px;display:flex}.chat-controls>*{min-width:0}.typing{gap:6px;display:flex}.typing span{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.2s infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.new-chat-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8a5cff,#00c2ff);border:none;border-radius:16px;width:100%;margin-bottom:22px;padding:14px;font-weight:700;transition:all .3s}.new-chat-btn:hover{transform:scale(1.02)}.voice-select{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:30px;outline:none;min-width:140px;max-width:180px;padding:12px 14px}.voice-select option{color:#000}.wave-bars{align-items:center;gap:5px;height:24px;margin-top:8px;display:flex}.wave-bars span{opacity:.4;background:#00c2ff;border-radius:8px;width:5px;height:8px}.wave-bars.active span{animation:.9s ease-in-out infinite voiceWave}.wave-bars.active span:nth-child(2){animation-delay:.1s}.wave-bars.active span:nth-child(3){animation-delay:.2s}.wave-bars.active span:nth-child(4){animation-delay:.3s}.wave-bars.active span:nth-child(5){animation-delay:.4s}@keyframes voiceWave{0%,to{opacity:.4;height:8px}50%{opacity:1;height:24px}}.mic-glow{animation:1s infinite micPulse}@keyframes micPulse{0%{box-shadow:0 0 20px #00c2ff66}50%{box-shadow:0 0 45px #00c2ffe6}to{box-shadow:0 0 20px #00c2ff66}}@media (width<=768px){.navbar{padding:16px 20px}.logo{font-size:32px}.nav-buttons{gap:10px}.hero h1{font-size:58px;line-height:1.1}.hero h2{font-size:28px}.hero p{width:90%;font-size:18px}.hero-buttons{flex-direction:column;align-items:center}.chat-window{width:94%;height:72vh}.chat-controls{flex-direction:column}.message-bubble{max-width:88%}.sidebar{width:85%}.auth-box{width:92%;padding:30px 24px}}