:root{--bg:#120f20;--panel:rgba(255,255,255,0.1);--panel-strong:rgba(255,255,255,0.16);--text:#fff7f0;--muted:rgba(255,247,240,0.68);--line:rgba(255,255,255,0.14);--accent:#ffb36c;--accent-2:#f06d9a;--good:#77e0aa;--bad:#ff7a7a;--warn:#ffd166;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.login-screen,.splash{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 12%,rgba(240,109,154,.42),transparent 34%),radial-gradient(circle at 85% 10%,rgba(255,179,108,.34),transparent 30%),linear-gradient(145deg,#161229,#261430 56%,#130f20)}.login-card{width:min(100%,420px);border:1px solid var(--line);border-radius:34px;padding:28px;background:rgba(255,255,255,.11);box-shadow:0 24px 80px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.eyebrow,.login-kicker{display:block;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login-card h1,.topbar h1{margin:8px 0 10px}.login-card p{color:var(--muted);line-height:1.5}.composer textarea,.login-card input{width:100%;border:1px solid var(--line);border-radius:20px;color:var(--text);background:rgba(0,0,0,.22);outline:none}.login-card input{padding:16px;margin:12px 0}.composer button,.live-card button,.login-card button,.new-chat,.rollback{border:0;border-radius:999px;padding:14px 18px;color:#1b1022;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-weight:900}.error-text{color:var(--bad);margin-bottom:10px}.app-shell{height:100svh;overflow:hidden;background:radial-gradient(circle at -12% 4%,rgba(240,109,154,.38),transparent 34%),radial-gradient(circle at 110% 14%,rgba(255,179,108,.28),transparent 35%),linear-gradient(160deg,#100e1d,#20132b 48%,#120f20)}.chat-panel{height:100svh;display:grid;grid-template-rows:auto auto auto 1fr auto;padding:max(14px,env(safe-area-inset-top)) 14px max(12px,env(safe-area-inset-bottom));grid-gap:12px;gap:12px}.bubble,.commit-card,.drawer,.empty-card,.events-card,.live-card,.mode-card,.topbar{border:1px solid var(--line);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 16px 46px rgba(0,0,0,.24)}.topbar{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center;border-radius:26px;padding:14px}.close,.drawer-head button,.menu-button{border:1px solid var(--line);border-radius:999px;padding:10px 12px;color:var(--text);background:rgba(255,255,255,.08)}.topbar h1{font-size:20px;line-height:1.05}.status-dot{width:14px;height:14px;border-radius:50%;background:var(--muted);box-shadow:0 0 18px currentColor}.status-dot.busy{background:var(--accent);color:var(--accent);animation:pulse 1.4s infinite}.status-dot.good{background:var(--good);color:var(--good)}.status-dot.bad{background:var(--bad);color:var(--bad)}.status-dot.warn{background:var(--warn);color:var(--warn)}@keyframes pulse{50%{opacity:.45;transform:scale(1.3)}}.mode-card{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;border-radius:24px;padding:8px}.mode-card button{border:0;border-radius:18px;padding:12px;color:var(--muted);background:transparent;text-align:left}.mode-card button.selected{color:#1d1024;background:linear-gradient(135deg,var(--accent),#ffe0bd)}.mode-card span,.mode-card strong{display:block}.mode-card span{font-size:12px;margin-top:4px}.live-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:22px;padding:12px 14px}.live-card span{display:block;color:var(--muted);font-size:12px}.live-card.paused button{background:linear-gradient(135deg,var(--warn),var(--accent))}.messages{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:2px 2px 8px;scroll-behavior:smooth}.empty-card,.events-card{border-radius:28px;padding:18px}.empty-card h2,.events-card h2{margin:0 0 8px}.empty-card p{margin:0;color:var(--muted);line-height:1.5}.bubble{max-width:88%;border-radius:26px;padding:14px 16px;white-space:pre-wrap;line-height:1.45}.bubble.user{align-self:flex-end;background:linear-gradient(135deg,rgba(255,179,108,.88),rgba(240,109,154,.86));color:#21101d}.bubble.assistant,.bubble.system{align-self:flex-start}.bubble-meta{font-size:12px;font-weight:800;opacity:.72;margin-bottom:5px}.bubble p{margin:0}.event{display:grid;grid-template-columns:auto 1fr;grid-gap:10px;gap:10px;align-items:start;color:var(--muted)}.event+.event{margin-top:10px}.event span{width:9px;height:9px;border-radius:50%;margin-top:7px;background:var(--accent)}.event.success span{background:var(--good)}.event.error span{background:var(--bad)}.event.warning span{background:var(--warn)}.event p{margin:0;line-height:1.45}.composer{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px;align-items:end;padding-top:2px}.composer textarea{min-height:52px;max-height:130px;resize:none;padding:15px 16px}.composer button:disabled{opacity:.55}.drawer{position:fixed;z-index:20;inset:0 auto 0 0;width:min(88vw,390px);padding:max(16px,env(safe-area-inset-top)) 14px max(16px,env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .18s ease;overflow:auto;border-radius:0 30px 30px 0}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.drawer-head span{color:var(--muted);font-size:12px}.drawer-head strong{display:block;font-size:21px}.new-chat{width:100%;margin-bottom:18px}.drawer-section h2{margin:16px 2px 8px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.history-item{width:100%;display:block;border:1px solid var(--line);border-radius:18px;padding:12px;margin-bottom:8px;color:var(--text);background:rgba(255,255,255,.07);text-align:left}.history-item.active{border-color:rgba(255,179,108,.75);background:rgba(255,179,108,.16)}.history-item span{display:block;font-weight:800}.history-item small{display:block;color:var(--muted);margin-top:5px}.shade{z-index:15;border:0;background:rgba(0,0,0,.48)}.commit-modal,.shade{position:fixed;inset:0}.commit-modal{z-index:30;display:grid;align-items:end}.commit-card{position:relative;z-index:31;max-height:82svh;overflow:auto;border-radius:30px 30px 0 0;padding:22px 18px max(18px,env(safe-area-inset-bottom))}.commit-card .close{float:right}.commit-card h2{margin:10px 0}.commit-card p{color:var(--muted);line-height:1.5;white-space:pre-wrap}.commit-card ul{padding-left:18px;color:var(--muted)}.rollback{width:100%;margin-top:12px;background:linear-gradient(135deg,var(--bad),var(--accent-2));color:white}@media (min-width:820px){.app-shell{display:grid;place-items:center;padding:24px}.chat-panel{width:min(760px,100%);border-radius:34px}}