:root{color-scheme:light dark;--bg:#0b1020;--surface:#141b2f;--surface-2:#1c2540;--text:#f4f7ff;--muted:#9aa7c7;--accent:#4f8cff;--accent-2:#35c9a5;--danger:#ff6b6b;--warning:#ffb347;--border:#2a3558;--radius:14px;--nav-height:64px;--sidebar-width:240px;--touch:44px;font-family:SF Pro Text,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);min-height:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{min-height:var(--touch);border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:.6rem 1rem;cursor:pointer}button.primary{background:var(--accent);border-color:transparent;color:#fff}button.danger{background:color-mix(in srgb,var(--danger) 20%,var(--surface-2));border-color:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.75rem .9rem}.app-shell{min-height:100dvh;display:grid;grid-template-columns:1fr}@media (min-width:900px){.app-shell{grid-template-columns:var(--sidebar-width) 1fr}}.sidebar{display:none;border-right:1px solid var(--border);background:var(--surface);padding:1rem}@media (min-width:900px){.sidebar{display:flex;flex-direction:column;gap:.5rem;position:-webkit-sticky;position:sticky;top:0;height:100dvh}}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:var(--nav-height);display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}@media (min-width:900px){.bottom-nav{display:none}}.bottom-nav a,.sidebar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;font-size:.72rem;color:var(--muted);min-height:var(--touch)}.bottom-nav a.active,.sidebar a.active{color:var(--accent)}.main-content{padding:1rem 1rem calc(var(--nav-height) + 1rem)}@media (min-width:900px){.main-content{padding:1.25rem 1.5rem 1.5rem}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.stack{display:grid;grid-gap:.75rem;gap:.75rem}.row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;border:1px solid var(--border);background:var(--surface-2)}.badge.ok{border-color:var(--accent-2);color:var(--accent-2)}.badge.warn{border-color:var(--warning);color:var(--warning)}.badge.err{border-color:var(--danger);color:var(--danger)}.chat-messages{display:grid;grid-gap:.75rem;gap:.75rem;max-height:calc(100dvh - 280px);overflow:auto;padding-bottom:.5rem}.chat-bubble{max-width:92%;padding:.75rem .9rem;border-radius:16px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.chat-bubble.user{justify-self:end;background:var(--accent);color:#fff}.chat-bubble.assistant{justify-self:start;background:var(--surface-2)}.chat-composer{position:-webkit-sticky;position:sticky;bottom:calc(var(--nav-height) + .5rem);display:grid;grid-gap:.5rem;gap:.5rem;background:linear-gradient(180deg,transparent,var(--bg) 24%);padding-top:.5rem}@media (min-width:900px){.chat-composer{bottom:.5rem}}.diff-file{border:1px solid var(--border);border-radius:12px;overflow:hidden}.diff-file header{padding:.6rem .8rem;background:var(--surface-2);font-size:.85rem}.diff-line{padding:.35rem .7rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.35;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent);word-break:break-word}.diff-line.add{background:color-mix(in srgb,var(--accent-2) 12%,transparent)}.diff-line.del{background:color-mix(in srgb,var(--danger) 12%,transparent)}.error-banner{border:1px solid var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:#ffd7d7;border-radius:12px;padding:.75rem .9rem}.connection-dot{width:10px;height:10px;border-radius:50%;background:var(--danger)}.connection-dot.on{background:var(--accent-2)}.login-page{min-height:100dvh;display:grid;place-items:center;padding:1rem}.login-card{width:min(420px,100%)}