html,body{height:100%}body{flex-direction:column;display:flex;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--header-h);padding:0 var(--space-6);border-bottom:1px solid var(--border);background:var(--surface-1);z-index:5;flex:none;display:flex;position:relative}.brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand-mark{border-radius:var(--radius-md);background:var(--surface-sunken);border:1px solid var(--border-strong);flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.45rem;font-weight:600;line-height:1}.brand-sub{font-size:var(--text-2xs);color:var(--text-faint);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.switch-label{white-space:nowrap}.topbar-right{align-items:center;gap:var(--space-3);display:flex}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-1);width:38px;height:38px;color:var(--text-muted);cursor:pointer;transition:all var(--dur) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.divider-v{background:var(--border);width:1px;height:26px}.chat{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.convo{flex:1;min-height:0;overflow-y:auto}.convo-inner{max-width:var(--container-chat);padding:var(--space-8) var(--space-6) var(--space-6);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.day-sep{align-items:center;gap:var(--space-4);margin:var(--space-1) 0;display:flex}.day-sep:before,.day-sep:after{content:"";background:var(--hairline);flex:1;height:1px}.day-sep span{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-faint);letter-spacing:var(--tracking-wide);text-transform:uppercase}.intro{text-align:center;padding:var(--space-6) 0 var(--space-2);align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.intro .avatar{width:72px;height:72px}.intro h1{font-family:var(--font-display);font-weight:500;font-size:var(--text-2xl);letter-spacing:-.02em;max-width:20ch;margin:0;line-height:1.1}.intro h1 em{color:var(--blue);font-style:italic}.intro p{color:var(--text-muted);max-width:48ch;font-size:var(--text-md);margin:0}.suggest-row{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.bubble ul,.bubble ol{margin:0 0 .6em;padding-left:1.3em}.bubble li{margin:.15em 0}.bubble li:last-child{margin-bottom:0}.bubble code{font-family:var(--font-mono);background:var(--surface-sunken);border:1px solid var(--hairline);border-radius:var(--radius-xs);padding:1px 5px;font-size:.92em}.bubble h1,.bubble h2,.bubble h3{font-family:var(--font-display);margin:.2em 0 .4em;font-weight:600;line-height:1.2}.bubble h3{font-size:1.05em}.bubble.is-empty:after{content:"▍";color:var(--role-avatar);animation:1s step-end infinite caret}@keyframes caret{50%{opacity:0}}.composer-dock{padding:var(--space-4) var(--space-6) var(--space-6);background:linear-gradient(0deg, var(--surface-0) 55%, transparent);flex:none}.composer-wrap{max-width:var(--container-chat);margin:0 auto}.composer-hint{align-items:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-faint);padding:0 var(--space-1);flex-wrap:wrap;display:flex}.composer-hint .sep{background:var(--text-faint);opacity:.5;border-radius:50%;width:3px;height:3px}.footer-links{align-items:center;gap:var(--space-2);margin-left:auto;display:inline-flex}.footer-links a{color:var(--text-faint);transition:color var(--dur) var(--ease-out);display:inline-flex}.footer-links a:hover{color:var(--blue)}.typing{color:var(--text-muted);font-size:var(--text-sm);padding:0 var(--space-1) var(--space-2);align-items:center;gap:7px;display:inline-flex}.typing .dots span{background:var(--role-avatar);border-radius:50%;width:5px;height:5px;margin-right:3px;animation:1.2s ease-in-out infinite blink;display:inline-block}.typing .dots span:nth-child(2){animation-delay:.2s}.typing .dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}.notice{font-size:var(--text-sm);color:var(--yellow-ink);background:var(--yellow-soft);border:1px solid var(--yellow-line);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);max-width:var(--container-chat);align-self:center}@media (width<=720px){.topbar{min-height:0;padding:var(--space-2) var(--space-4);gap:var(--space-2) var(--space-3);row-gap:var(--space-2);flex-wrap:wrap}.brand-name{font-size:1.25rem}.topbar-right{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.name-field input{width:92px}.switch .switch-label{display:none}.convo-inner{padding:var(--space-6) var(--space-4) var(--space-4);gap:var(--space-5)}.intro h1{font-size:var(--text-xl)}.bubble{max-width:100%}.composer-dock{padding:var(--space-3) var(--space-4) var(--space-4)}}@media (width<=440px){.brand-sub,.reset-text{display:none}}