:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#e9ebf2;--bg:#f4f5f9;--surface:#fff;--surface-2:#e8eaf1;--text:#14161b;--muted:#6a7180;--border:#14161b14;--shadow:0 6px 20px #14161b14;--accent:#7c5cff;--accent-2:#c86bff;--bubble-user:linear-gradient(135deg, #7c5cff, #b06bff)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#08090c;--bg:#0e1014;--surface:#181b22;--surface-2:#222631;--text:#eceef3;--muted:#9ba2b0;--border:#ffffff14;--shadow:0 6px 20px #0006}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#08090c;--bg:#0e1014;--surface:#181b22;--surface-2:#222631;--text:#eceef3;--muted:#9ba2b0;--border:#ffffff14;--shadow:0 6px 20px #0006}[hidden]{display:none!important}body{background:var(--page);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font-family:inherit}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{background:var(--bg);flex-direction:column;max-width:28rem;height:100dvh;margin:0 auto;display:flex}.header{justify-content:space-between;align-items:center;padding:16px;display:flex}.brand{letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.brand span{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.controls{align-items:center;gap:8px;display:flex}.language,.theme-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:7px 11px;font-size:.8rem}.tabs{background:var(--surface-2);border-radius:14px;gap:4px;margin:0 16px;padding:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;flex:1;padding:10px 6px;font-size:.85rem;font-weight:600}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.content,.pane,.chat-view{flex-direction:column;flex:1;min-height:0;display:flex}.messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding-top:8px;display:flex}.hero h1{letter-spacing:-.02em;margin:10px 0 0;font-size:1.5rem}.hero p{max-width:22rem;color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.orb{background:radial-gradient(circle at 30% 28%,#fff 0%,#a8dcff 16%,#7c5cff 46%,#c86bff 72%,#ff8ac6 100%);border-radius:50%;width:96px;height:96px;margin-top:8px;animation:4s ease-in-out infinite glow;box-shadow:0 0 36px #7c5cff8c,0 0 90px #c86bff40}.orb.small{width:56px;height:56px;margin-top:0}.cards{flex-direction:column;gap:10px;width:100%;margin-top:12px;animation:.7s ease-out both fadeInUp;display:flex}.card{text-align:start;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow);cursor:pointer;border-radius:20px;padding:14px 16px;font-size:.93rem;font-weight:600;transition:transform .15s,border-color .15s}.card:hover{border-color:var(--accent);transform:translateY(-1px)}.card small{color:var(--muted);margin-top:3px;font-weight:400;display:block}.fineprint{max-width:22rem;color:var(--muted);margin:8px 0 0;font-size:.75rem;line-height:1.5}.form{flex-direction:column;gap:12px;display:flex}.form h2{letter-spacing:-.02em;margin:0;font-size:1.25rem}.back-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:.8rem}.field{flex-direction:column;gap:5px;font-size:.82rem;font-weight:600;display:flex}.field input,.field textarea,.field select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;padding:11px 12px;font-size:.9rem;font-weight:400}.field textarea{resize:vertical}.form-error{color:#e5566d;font-size:.82rem}.primary-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;border:0;border-radius:999px;padding:13px;font-size:.95rem;font-weight:700}.new-chat{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;align-self:center;padding:6px 12px;font-size:.78rem}.new-chat:disabled{opacity:.4;cursor:not-allowed}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;max-width:88%;padding:12px 15px;font-size:.93rem;line-height:1.55}.bubble.assistant{background:var(--surface);border:1px solid var(--border);border-end-start-radius:6px;align-self:flex-start}.bubble.user{background:var(--bubble-user);color:#fff;border-end-end-radius:6px;align-self:flex-end}.bubble audio{max-width:100%;display:block}.file-chip{background:#fff3;border-radius:10px;margin-top:6px;padding:6px 10px;font-size:.8rem}.typing{gap:5px;padding:14px 16px;display:flex}.typing span{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}.composer{padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px))}.attachments{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.attachment{background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;display:inline-flex}.attachment button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1rem;line-height:1}.composer-row{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:4px;padding:6px;display:flex}.text-input{min-width:0;color:var(--text);background:0 0;border:0;flex:1;padding:8px 6px;font-size:.93rem}.text-input:focus-visible{outline:none}.icon-btn,.send-btn{cursor:pointer;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.icon-btn{color:var(--muted);background:0 0}.icon-btn.active{background:var(--accent);color:#fff}.send-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.icon-btn:disabled,.send-btn:disabled{opacity:.35;cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes glow{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.orb,.cards,.typing span{animation:none}}