:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #ec4899;--accent: #8b5cf6;--background: #080d1a;--surface: rgba(20, 28, 48, .7);--surface-bright: rgba(36, 48, 72, .8);--text: #f1f5f9;--text-dim: #94a3b8;--error: #ef4444;--success: #10b981;--glass-bg: rgba(255, 255, 255, .035);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 40px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .05) inset;--font-main: "Outfit", sans-serif;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--radius: 18px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);color:var(--text);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 75% 0%,rgba(99,102,241,.14) 0%,transparent 55%),radial-gradient(ellipse at 10% 90%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(15,23,60,.6) 0%,transparent 80%),linear-gradient(170deg,#0a0e1f,#080d1a 55%,#06091a)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f140;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#6366f173}#root{min-height:100vh;display:flex;flex-direction:column}.glass-card{background:var(--glass-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-top-color:#ffffff1f;border-radius:22px;box-shadow:var(--glass-shadow);transition:border-color var(--transition),box-shadow var(--transition)}.glass-card:focus-within{border-color:#6366f133}.premium-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)}.btn{padding:13px 24px;border-radius:14px;border:none;font-family:var(--font-main);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;letter-spacing:.01em;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#5b5ef7,#8b5cf6);color:#fff;box-shadow:0 4px 20px #6366f166,0 1px #ffffff26 inset}.btn-primary:hover{box-shadow:0 6px 28px #6366f18c,0 1px #ffffff26 inset;transform:translateY(-1px)}.btn-primary:active{transform:scale(.97) translateY(0);box-shadow:0 2px 10px #6366f159}.btn-ghost{background:#ffffff0a;color:var(--text-dim);border:1px solid rgba(255,255,255,.08)}.btn-ghost:hover{background:#ffffff12;color:var(--text);border-color:#ffffff21}.btn-ghost:active{background:#ffffff1a}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important}@keyframes tts-bar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.tts-bar{transform-origin:bottom;animation:tts-bar .5s ease-in-out infinite alternate}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:76px;background:#060916e0;backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-around;align-items:center;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:#94a3b899;text-decoration:none;font-size:.68rem;font-weight:500;letter-spacing:.02em;transition:var(--transition);padding:7px 16px;border-radius:14px;background:transparent}.nav-item:hover{color:#94a3b8e6}.nav-item.active{color:#a5b4fc;background:#6366f11f}.nav-item svg{width:22px;height:22px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-24{margin-bottom:6rem}.w-full{width:100%}.max-w-sm{max-width:24rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.text-center{text-align:center}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-slate-400{color:#94a3b8}.text-primary{color:var(--primary)}.text-white{color:#fff}.bg-slate-700-50{background-color:#33415580}.bg-slate-800-50{background-color:#1e293b80}.bg-slate-800-80{background-color:#1e293bcc}.bg-indigo-500-20{background-color:#6366f133}.bg-amber-500-20{background-color:#f59e0b33}.border{border:1px solid var(--glass-border)}.border-slate-700{border-color:#33415580}.border-primary{border-color:var(--primary)}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.premium-text{background:linear-gradient(135deg,#fff,#c7d2fe 45%,#94a3b8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.relative{position:relative}.absolute{position:absolute}.-top-3{top:-.75rem}.left-50p{left:50%}.-translate-x-50p{transform:translate(-50%)}.uppercase{text-transform:uppercase}.ring-1{box-shadow:0 0 0 1px var(--primary)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8b3}.premium-input{background:#0c122499;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:13px 16px;color:#fff;font-family:var(--font-main);font-size:.95rem;transition:var(--transition)}.premium-input::placeholder{color:#94a3b880}.premium-input:focus{outline:none;border-color:#6366f199;background:#0c1228d9;box-shadow:0 0 0 3px #6366f11f,0 0 18px #6366f112}.premium-select{background:#0c122499;border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:13px 16px;color:#fff;font-family:var(--font-main);font-size:.95rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;transition:var(--transition)}.premium-select:focus{outline:none;border-color:#6366f199;box-shadow:0 0 0 3px #6366f11f}.message-user{background:linear-gradient(135deg,#5b5ef7,#8b5cf6);color:#fff;border-radius:20px 20px 5px;box-shadow:0 4px 20px #6366f147,0 1px #ffffff1a inset;padding:13px 17px;max-width:82%;align-self:flex-end;line-height:1.55;font-size:.95rem}.message-ai{background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.07);border-left:2px solid rgba(99,102,241,.7);border-radius:5px 20px 20px;padding:13px 17px;max-width:82%;align-self:flex-start;line-height:1.65;font-size:.95rem;color:#e2e8f0}body:before{content:"";position:fixed;top:-25%;right:-15%;width:650px;height:650px;background:radial-gradient(circle,rgba(99,102,241,.09) 0%,transparent 65%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.07) 0%,transparent 65%);pointer-events:none;z-index:0}.nav-item.active svg{filter:drop-shadow(0 0 5px rgba(165,180,252,.6))}