@import"https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300..700;1,6..72,300..700&family=Hanken+Grotesk:wght@300..800&family=JetBrains+Mono:wght@400;500;600&display=swap";.chat-app{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--surface-0);position:relative}.chat-app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:44px 44px;z-index:0}.topbar{height:var(--header-h);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--surface-1);border-bottom:1px solid var(--border);position:relative;z-index:10;flex-shrink:0}.brand{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.brand-mark{flex:none}.brand-text{display:flex;flex-direction:column;gap:1px}.brand-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text);line-height:1.1;letter-spacing:-.02em}.brand-subtitle{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-faint)}.topbar-controls{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.theme-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:var(--space-2);border-radius:var(--radius-sm);display:flex;align-items:center;transition:color var(--dur)}.theme-btn:hover{color:var(--text)}.conversation-wrap{flex:1;overflow-y:auto;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.conversation-inner{max-width:var(--container-chat);margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.hero{text-align:center;padding:var(--space-9) var(--space-4) var(--space-7)}.hero-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto var(--space-5);display:block;object-fit:cover}.hero-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--text);letter-spacing:-.02em;margin:0 0 var(--space-2)}.hero-subtitle{font-size:var(--text-base);color:var(--text-muted);margin:0 0 var(--space-7)}.suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.composer-dock{flex-shrink:0;background:var(--surface-0);border-top:1px solid var(--hairline);padding:var(--space-4) var(--space-5);position:relative;z-index:10}.composer-inner{max-width:var(--container-chat);margin:0 auto}.composer-hint{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-faint);text-align:center;margin-top:var(--space-2);letter-spacing:.03em}.bubble h1,.bubble h2,.bubble h3{font-family:var(--font-display);font-weight:600;margin:.4em 0 .2em}.bubble h1{font-size:var(--text-lg)}.bubble h2{font-size:var(--text-md)}.bubble h3{font-size:var(--text-base)}.bubble ul,.bubble ol{padding-left:1.4em;margin:.4em 0}.bubble li{margin-bottom:.2em}.bubble code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-sunken);padding:1px 5px;border-radius:var(--radius-xs)}.bubble pre{background:var(--surface-sunken);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto}.bubble pre code{background:none;padding:0}.bubble.is-streaming:after{content:"▋";display:inline-block;animation:blink 1s step-end infinite;color:var(--blue);margin-left:2px;font-size:.85em}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:600px){.topbar{padding:0 var(--space-3);gap:var(--space-2)}.brand-subtitle{display:none}.topbar-controls{gap:var(--space-2)}.name-field input{width:80px}.conversation-inner{padding:var(--space-5) var(--space-3) var(--space-4)}.composer-dock{padding:var(--space-3)}.hero{padding:var(--space-7) var(--space-3) var(--space-5)}.hero-title{font-size:var(--text-lg)}}