:root { color-scheme: dark; --bg:#080b12; --panel:#0e1420; --line:#202b3c; --text:#f4f7fb; --muted:#8e9bb0; --mint:#53efc3; --blue:#7c9cff; --danger:#ff7b8b; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 70% -10%,#182341 0,transparent 36%),var(--bg); color:var(--text); }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
.ambient { position:fixed; border-radius:50%; filter:blur(100px); opacity:.13; pointer-events:none; }
.ambient-one { width:360px;height:360px;background:var(--blue);right:8%;top:4%; }
.ambient-two { width:280px;height:280px;background:var(--mint);left:16%;bottom:3%; }
.login-shell { min-height:100vh;display:grid;place-items:center;padding:24px; }
.login-card { width:min(560px,100%);padding:52px;border:1px solid var(--line);border-radius:28px;background:rgba(14,20,32,.88);box-shadow:0 30px 100px #0008;backdrop-filter:blur(18px);text-align:center; }
.brand-mark { width:58px;height:58px;margin:0 auto 22px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--mint),#68a4ff);color:#071018;font-size:28px;font-weight:900;box-shadow:0 0 40px #53efc344; }
.brand-mark.small { width:34px;height:34px;margin:0;border-radius:10px;font-size:16px; }
.eyebrow { margin:0 0 8px;color:var(--mint);font-size:11px;font-weight:800;letter-spacing:.16em; }
h1 { margin:0;font-size:clamp(28px,4vw,44px);line-height:1.08;letter-spacing:-.04em; }
h2 { margin:0 0 10px;font-size:20px; }
.lead { color:var(--muted);font-size:17px;line-height:1.65;margin:22px 0 30px; }
.fine-print,.empty-projects { color:var(--muted);font-size:12px; }
.primary-button { display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 22px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--mint),#74b9ff);color:#061018;font-weight:850;text-decoration:none;cursor:pointer;box-shadow:0 12px 35px #53efc321; }
.primary-button:disabled { opacity:.5;cursor:wait; }
.app-shell { min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr); }
.sidebar { position:sticky;top:0;height:100vh;padding:22px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#090d15d9;backdrop-filter:blur(20px); }
.brand { display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em; }
.new-project { margin:28px 0 25px;width:100%;padding:11px 14px;border:1px solid #2c394e;border-radius:11px;background:#121927;color:var(--text);text-align:left;cursor:pointer; }
.sidebar-label { color:#5f6d82;font-size:10px;font-weight:800;letter-spacing:.14em; }
.project-item { display:flex;gap:9px;align-items:center;width:100%;padding:10px;border:0;border-radius:9px;background:transparent;color:#b8c3d4;text-align:left;cursor:pointer; }
.project-item:hover { background:#131b29;color:white; }
.project-dot { width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint); }
.account { margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px; }
.account button { border:0;background:none;color:#77869d;cursor:pointer; }
.chat-panel { width:min(100%,1040px);margin:0 auto;padding:34px clamp(24px,5vw,72px) 80px; }
.chat-header { display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--line); }
.chat-header h1 { font-size:30px; }
.agent-status { display:flex;align-items:center;gap:8px;color:#a9b4c5;font-size:12px; }
.agent-status i { width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint); }
.timeline { padding-top:42px; }
.message { display:flex;gap:15px;align-items:flex-start; }
.avatar { flex:0 0 36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#182235;border:1px solid #2b3a51;color:var(--mint);font-weight:900; }
.bubble { width:min(100%,740px);padding:22px 24px;border:1px solid var(--line);border-radius:4px 18px 18px;background:linear-gradient(145deg,#121925,#0e141e);box-shadow:0 18px 60px #0004; }
.bubble>p { margin:0 0 19px;color:#d8dfeb;line-height:1.6; }
.source-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.source-card { min-height:142px;padding:18px;border:1px solid #29364b;border-radius:14px;background:#0c111b;color:var(--text);display:flex;flex-direction:column;align-items:flex-start;text-align:left;cursor:pointer;transition:.18s ease; }
.source-card:hover { transform:translateY(-2px);border-color:#53efc388;background:#111c27; }
.source-icon { color:var(--mint);font-size:27px;margin-bottom:16px; }
.source-card strong { font-size:14px; }
.source-card small { margin-top:7px;color:var(--muted);line-height:1.45; }
.composer-card { width:min(100% - 51px,740px);margin:22px 0 0 51px;padding:24px;border:1px solid var(--line);border-radius:17px;background:#0d131e; }
.composer-card>p { color:var(--muted);line-height:1.55; }
.hidden { display:none!important; }
form label { display:grid;gap:8px;color:#aeb9ca;font-size:12px;font-weight:650; }
input { width:100%;height:45px;padding:0 13px;border:1px solid #2a374b;border-radius:10px;outline:none;background:#080d15;color:var(--text); }
input:focus { border-color:var(--mint);box-shadow:0 0 0 3px #53efc317; }
.picker-row { display:flex;gap:10px;margin:16px 0 10px; }
.file-button { display:inline-flex!important;align-items:center;justify-content:center;min-height:42px;padding:0 15px;border-radius:10px;background:#172235;color:var(--text)!important;cursor:pointer; }
.file-button.secondary { background:#111824; }
.file-button input { position:absolute;width:1px;height:1px;opacity:0; }
.selection { font-size:12px!important;margin:10px 0 18px!important; }
.progress-track { height:7px;border-radius:10px;background:#1a2332;overflow:hidden;margin:20px 0; }
.progress-track span { display:block;width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--blue));transition:width .5s ease; }
.result-links { display:flex;gap:10px;margin-top:18px; }
.notice { color:#ffcc77!important; }
.key-box { display:grid;gap:14px; }
pre { max-width:100%;overflow:auto;padding:13px;border:1px solid #253248;border-radius:10px;background:#070b12;color:#b8f7e4;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-all; }
#environment-form { display:grid;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line); }
#environment-form h3 { margin:0 0 3px;font-size:15px; }
code { color:#9ecaff; }
@media (max-width:760px) { .app-shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:16px 20px;flex-direction:row;align-items:center}.new-project{display:none}.project-list{display:none}.account{margin:0 0 0 auto;padding:0;border:0}.account span{display:none}.chat-panel{padding:24px 16px 60px}.chat-header{align-items:flex-start}.agent-status{margin-top:7px}.timeline{padding-top:28px}.source-grid{grid-template-columns:1fr}.bubble{padding:18px}.composer-card{width:calc(100% - 51px);padding:18px}.picker-row{flex-direction:column}.login-card{padding:38px 24px}}