:root{color-scheme:light;--viewport-height: 100svh;--bg: #f3efe7;--panel: rgba(255, 255, 255, .68);--panel-strong: rgba(255, 255, 255, .82);--line: rgba(28, 42, 35, .09);--ink: #14211b;--muted: rgba(20, 33, 27, .58);--accent: #1e9d74;--accent-soft: rgba(30, 157, 116, .12);--outgoing: #d7f7df;--incoming: #ffffff;--shadow: 0 20px 60px rgba(20, 33, 27, .08);--font-body: "DM Sans", sans-serif;--font-display: "Space Grotesk", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-height:var(--viewport-height);overflow:hidden;font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at top left,rgba(30,157,116,.16),transparent 22%),radial-gradient(circle at bottom right,rgba(20,33,27,.08),transparent 20%),linear-gradient(180deg,#f8f3eb,#efe8de)}button,textarea{font:inherit}.hidden{display:none!important}.app-shell{min-height:var(--viewport-height);height:var(--viewport-height);display:grid;grid-template-columns:280px minmax(0,1fr) 280px;gap:18px;padding:18px}.nav-rail,.chat-stage,.inspector{height:calc(var(--viewport-height) - 36px);border:1px solid var(--line);border-radius:30px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);overflow:hidden}.nav-rail,.inspector{background:var(--panel);padding:24px;overflow-y:auto}.nav-rail{display:flex;flex-direction:column}.chat-stage{background:linear-gradient(180deg,#ffffff47,#ffffff2e),linear-gradient(135deg,#ffffff70,#ffffff1a);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden;position:relative}.brand-block,.presence{display:flex;align-items:center;gap:14px}.brand-mark,.presence__avatar{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;background:linear-gradient(135deg,#1e9d74,#8de5c7);color:#0b241b}.kicker,.section-label{margin:0 0 6px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--muted)}h1,h2,h3{margin:0;font-family:var(--font-display);line-height:1.02}.nav-section,.inspector-block{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}.nav-section--soft{margin-top:auto}.new-chat-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel-strong);color:var(--ink);font-weight:500;cursor:pointer;transition:background .15s ease,transform .15s ease,border-color .15s ease}.new-chat-button:hover{background:var(--accent-soft);border-color:#1e9d7440;color:var(--accent);transform:translateY(-1px)}.new-chat-button:focus-visible{outline:2px solid rgba(30,157,116,.35);outline-offset:3px}.new-chat-button:disabled{opacity:.5;cursor:progress}.quick-prompt{width:100%;padding:12px 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;cursor:pointer;transition:color .14s ease,transform .14s ease}.quick-prompt:last-child{border-bottom:1px solid var(--line)}.quick-prompt:hover{color:var(--accent);transform:translate(4px)}.quick-prompt:focus-visible,.attachment-remove:focus-visible,.composer-action:focus-visible,.send-button:focus-visible,#message-input:focus-visible{outline:2px solid rgba(30,157,116,.35);outline-offset:3px}.meta-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);color:var(--muted)}.meta-row strong{color:var(--ink);text-align:right}.stage-header{padding:26px 28px 20px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:#ffffff80;border-bottom:1px solid var(--line);animation:float-in .38s ease}.presence-meta{max-width:320px;text-align:right}.presence-meta p{margin:10px 0 0;color:var(--muted);line-height:1.45}.tool-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.9rem}.tool-pill[data-busy=true]:before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor;animation:pulse 1s infinite ease-in-out}.messages{overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:16px;background-image:linear-gradient(rgba(20,33,27,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(20,33,27,.03) 1px,transparent 1px);background-size:32px 32px;overscroll-behavior:contain;scroll-behavior:smooth}.empty-state{align-self:center;max-width:400px;padding:48px 32px;text-align:center}.empty-state__icon{width:64px;height:64px;margin:0 auto 20px;background:var(--accent-soft);border-radius:20px;display:grid;place-items:center;color:var(--accent)}.empty-state h3{font-size:1.25rem;margin-bottom:10px}.empty-state p:last-child{color:var(--muted);line-height:1.5}.message{max-width:min(740px,82%);display:flex;flex-direction:column;gap:6px;animation:rise-in .26s ease;transform-origin:bottom left}.message--user{align-self:flex-end;transform-origin:bottom right}.message__bubble{padding:16px 18px;border-radius:22px;box-shadow:0 18px 32px #14211b0f;transition:transform .18s ease,box-shadow .18s ease}.message:hover .message__bubble{transform:translateY(-1px);box-shadow:0 22px 38px #14211b14}.message--assistant .message__bubble{background:var(--incoming);border-bottom-left-radius:8px}.message--user .message__bubble{background:var(--outgoing);border-bottom-right-radius:8px}.message__time{padding:0 8px;font-size:.8rem;color:var(--muted)}.message__status{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.8rem;color:var(--muted)}.message__status-dot{width:8px;height:8px;border-radius:999px;background:currentColor;flex:0 0 auto}.message__status[data-state=working] .message__status-dot{animation:pulse 1s infinite ease-in-out;box-shadow:0 0 0 6px #1e9d7414}.message__status[data-state=done]{color:#2e6a56}.message__status[data-state=error]{color:#b74b4b}.message-image{margin:0 0 12px}.message-image img,.attachment-card img{display:block;width:100%;max-width:260px;border-radius:16px;object-fit:cover}.message-image figcaption{margin-top:6px;font-size:.82rem;color:var(--muted)}.attachment-strip{padding:0 28px 18px;display:flex;gap:12px;overflow-x:auto;animation:float-in .26s ease}.attachment-card{min-width:220px;padding:10px;border-radius:22px;background:var(--panel-strong);border:1px solid rgba(255,255,255,.4);display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:12px;align-items:center}.attachment-card strong,.attachment-card span{display:block}.attachment-card span{margin-top:4px;color:var(--muted);font-size:.82rem}.attachment-remove{width:32px;height:32px;padding:0;border-radius:999px;border:0;background:#14211b14;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,color .15s ease}.attachment-remove:hover{background:#14211b26;color:var(--ink)}.composer{padding:0 28px 28px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:end;background:linear-gradient(180deg,#f3efe700,#f3efe7cc 28%,#f3efe7f5);animation:float-in .42s ease}.composer-action,.send-button{height:56px;border-radius:20px;border:0;cursor:pointer}.composer-action{width:56px;display:grid;place-items:center;background:var(--panel-strong);color:var(--accent);transition:transform .18s ease,background .18s ease}.composer-action:hover{transform:translateY(-1px) scale(1.02)}.composer-field{background:var(--panel-strong);border:1px solid rgba(255,255,255,.42);border-radius:24px;padding:8px 16px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.composer-field:focus-within{transform:translateY(-1px);border-color:#1e9d7452;box-shadow:0 14px 30px #1e9d7414}#message-input{width:100%;min-height:40px;max-height:160px;border:0;outline:none;resize:none;background:transparent;color:var(--ink);line-height:1.5}.send-button{min-width:104px;padding:0 20px;background:linear-gradient(135deg,#1e9d74,#6ad4b2);color:#062118;font-weight:700;transition:transform .18s ease,box-shadow .18s ease}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px #1e9d7438}.send-button:disabled,.composer-action:has(input:disabled){opacity:.65;cursor:progress}.tool-list{display:flex;flex-wrap:wrap;gap:10px}.tool-chip{padding:9px 12px;border-radius:999px;background:#14211b0d;font-size:.9rem}.markdown-body{line-height:1.6}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body pre,.markdown-body blockquote{margin:0 0 .85rem}.markdown-body ul,.markdown-body ol{padding-left:1.25rem}.markdown-body pre{padding:14px;overflow-x:auto;border-radius:16px;background:#10221c;color:#eff8f4}.markdown-body code{font-family:SFMono-Regular,Consolas,monospace;font-size:.92em}.markdown-body :not(pre)>code{padding:2px 6px;border-radius:8px;background:#14211b14}.markdown-body blockquote{padding-left:12px;border-left:3px solid rgba(30,157,116,.45);color:var(--muted)}.markdown-body a{color:var(--accent)}.markdown-body a[href^="/api/files/"]{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:10px 16px;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-weight:500;text-decoration:none;transition:background .15s ease,transform .15s ease}.markdown-body a[href^="/api/files/"]:hover{background:#1e9d7433;transform:translateY(-1px)}.markdown-body a[href^="/api/files/"]:before{content:"";width:16px;height:16px;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex-shrink:0}@keyframes pulse{0%,to{transform:scale(.85);opacity:.6}50%{transform:scale(1.15);opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.inspector{display:none}}@media (max-width: 820px){.app-shell{grid-template-columns:1fr;padding:10px;height:auto;min-height:var(--viewport-height)}.nav-rail{min-height:auto;height:auto}.chat-stage{min-height:70vh;height:70vh}.stage-header{flex-direction:column;align-items:flex-start}.presence-meta{max-width:none;text-align:left}.message{max-width:92%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@supports (height: 100dvh){:root{--viewport-height: 100dvh}}