html,body{height:100%;overflow:hidden}body{flex-direction:column;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);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);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;margin-top:3px}.topbar-right{align-items:center;gap:var(--space-3);flex-wrap:nowrap;display:flex}.switch-label{white-space:nowrap}.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);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);flex:none;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-4) 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:18ch;margin:0;line-height:1.1}.intro h1 em{color:var(--blue);font-style:italic}.intro p{color:var(--text-muted);max-width:46ch;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}.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}.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}}.msg--streaming .bubble{position:relative}.msg--streaming .bubble:after{content:"";background:var(--role-avatar);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.9s steps(2,end) infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.toast{bottom:var(--space-6);background:var(--surface-3);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);box-shadow:var(--shadow-md);z-index:100;text-align:center;pointer-events:none;max-width:480px;font-weight:500;position:fixed;left:50%;transform:translate(-50%)}.toast--error{border-color:var(--danger);color:var(--danger)}.bubble ul,.bubble ol{padding-left:var(--space-5);margin:.4em 0 .6em}.bubble li{margin-bottom:.2em}.bubble code{font-family:var(--font-mono);background:var(--surface-sunken);border-radius:var(--radius-xs);color:var(--blue-ink);padding:1px 5px;font-size:.875em}.bubble pre{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);margin:.5em 0;overflow-x:auto}.bubble pre code{color:var(--text);background:0 0;padding:0}@media (width<=640px){.topbar{padding:0 var(--space-4);gap:var(--space-2);flex-wrap:nowrap;overflow:hidden}.brand-name{font-size:1.15rem}.brand-sub,.name-field,.switch-label{display:none}.topbar-right{gap:var(--space-2)}.convo-inner{padding:var(--space-6) var(--space-4) var(--space-4)}.composer-dock{padding:var(--space-3) var(--space-4) var(--space-4)}.intro h1{font-size:var(--text-xl)}.bubble{max-width:100%}}@media (width<=480px){.composer-hint{display:none}}