@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg: #0a0a14;--bg2: #0f0f1e;--bg3: #141428;--surface: #1a1a2e;--surface2: #20203a;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.13);--text: #e8e8f5;--muted: rgba(255,255,255,.5);--faint: rgba(255,255,255,.22);--accent: #7c6ff7;--accent2: #9d8fff;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--blue: #3b82f6;--pink: #ec4899;--teal: #14b8a6}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Inter,Outfit,system-ui,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#7c6ff766}input,textarea,select{color:var(--text)!important;background:var(--surface)!important;border:1px solid var(--border2)!important;border-radius:10px!important;font-family:inherit!important}input::placeholder,textarea::placeholder{color:var(--muted)!important}input:focus,textarea:focus,select:focus{border-color:#7c6ff780!important;outline:none!important;box-shadow:0 0 0 3px #7c6ff71a!important}select option{background:#1a1a2e;color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dotBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{animation:fadeIn .2s ease}.slide-in{animation:slideIn .2s ease}.prose-ai h1,.prose-ai h2,.prose-ai h3{color:#e8e8f5;margin:14px 0 6px;font-weight:600;line-height:1.3}.prose-ai h1{font-size:1.3em}.prose-ai h2{font-size:1.15em}.prose-ai h3{font-size:1.05em}.prose-ai p{color:#ffffffc7;line-height:1.75;margin:7px 0;font-size:13.5px}.prose-ai strong{color:var(--text);font-weight:600}.prose-ai em{color:#ffffffb3;font-style:italic}.prose-ai code{background:#7c6ff726;color:#b4aaff;padding:2px 7px;border-radius:5px;font-size:.85em;font-family:JetBrains Mono,monospace}.prose-ai pre{background:#0d0d1a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;overflow-x:auto;margin:10px 0}.prose-ai pre code{background:none;padding:0;color:#c8c0ff;font-size:13px}.prose-ai ul,.prose-ai ol{color:#ffffffc7;padding-left:22px;margin:8px 0}.prose-ai li{margin:4px 0;line-height:1.65;font-size:13.5px}.prose-ai table{width:100%;border-collapse:collapse;margin:12px 0;border-radius:10px;overflow:hidden}.prose-ai th{background:#7c6ff726;padding:9px 14px;border:1px solid var(--border2);font-size:13px;color:var(--accent2);text-align:left}.prose-ai td{padding:8px 14px;border:1px solid var(--border);font-size:13px}.prose-ai tr:nth-child(2n) td{background:#ffffff05}.prose-ai a{color:var(--accent2);text-decoration:underline}.prose-ai blockquote{border-left:3px solid var(--accent);padding:8px 16px;color:var(--muted);margin:10px 0;background:#7c6ff70d;border-radius:0 8px 8px 0}.prose-ai hr{border:none;border-top:1px solid var(--border2);margin:14px 0}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s;font-family:inherit;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px)}.btn-ghost{background:#ffffff0f;color:var(--text);border:1px solid var(--border2)!important}.btn-ghost:hover:not(:disabled){background:#ffffff1a}.btn-danger{background:#ef44441f;color:var(--red);border:1px solid rgba(239,68,68,.2)!important}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-success{background:#22c55e1f;color:var(--green);border:1px solid rgba(34,197,94,.2)!important}.btn-amber{background:#f59e0b1f;color:var(--amber);border:1px solid rgba(245,158,11,.2)!important}.card{background:var(--surface);border:1px solid var(--border2);border-radius:14px;padding:18px}.card-hover{transition:all .15s;cursor:pointer}.card-hover:hover{border-color:#7c6ff74d;background:var(--surface2);transform:translateY(-1px)}.tag{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600}.tag-purple{background:#7c6ff726;color:var(--accent2)}.tag-green{background:#22c55e1f;color:var(--green)}.tag-amber{background:#f59e0b1f;color:var(--amber)}.tag-red{background:#ef44441f;color:var(--red)}.tag-blue{background:#3b82f61f;color:var(--blue)}.tag-pink{background:#ec48991f;color:var(--pink)}.sidebar-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;cursor:pointer;font-size:12.5px;color:var(--muted);transition:all .12s;border:none;background:none;width:100%;text-align:left;font-family:inherit}.sidebar-item:hover{background:#ffffff0f;color:var(--text)}.sidebar-item.active{background:#7c6ff729;color:#fff;border-left:2px solid var(--accent);padding-left:8px}.upload-zone{border:2px dashed var(--border2);border-radius:16px;padding:40px 20px;text-align:center;transition:all .2s;cursor:pointer}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:#7c6ff70d}.input-field{width:100%;background:var(--surface)!important;border:1px solid var(--border2)!important;border-radius:11px!important;padding:10px 14px;font-size:13.5px;color:var(--text)!important;transition:border-color .2s}.msg-bubble-user{background:linear-gradient(135deg,#7c6ff733,#7c6ff71f);border:1px solid rgba(124,111,247,.25);border-radius:16px 16px 4px}.msg-bubble-ai{background:var(--surface);border:1px solid var(--border2);border-radius:16px 16px 16px 4px}.feature-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;border:1px solid var(--border2);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .15s}.feature-chip:hover{border-color:var(--accent);color:var(--accent2);background:#7c6ff714}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}