html,body{height:100%}body{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.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}.switch-label{white-space:nowrap}.topbar-right{align-items:center;gap:var(--space-3);margin-left:auto;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);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}.chat:before{content:"";pointer-events:none;opacity:.6;position:absolute;inset:0}.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:var(--surface-0);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}}.stream-error{font-size:var(--text-sm);color:var(--danger);padding:2px 0}.social-footer{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--hairline);display:flex}.social-link{font-size:var(--text-xs);color:var(--text-faint);transition:color var(--dur) var(--ease-out);align-items:center;gap:7px;font-weight:600;text-decoration:none;display:inline-flex}.social-link:hover{color:var(--text)}.social-icon{width:15px;height:15px}.social-sep{background:var(--border);flex:none;width:1px;height:13px}@media (width<=640px){.topbar{height:auto;padding:var(--space-3) var(--space-4);padding-top:max(var(--space-3), env(safe-area-inset-top));column-gap:var(--space-2);row-gap:var(--space-2);flex-wrap:wrap}.brand{order:1}#themeToggle{order:2;margin-left:auto}.topbar>.divider-v{display:none}.topbar-right{gap:var(--space-2);order:3;width:100%;margin-left:0}.name-field{flex:auto;min-width:0}.name-field input{width:100%}.convo-inner{padding:var(--space-5) var(--space-4) var(--space-4);gap:var(--space-5)}.intro h1{font-size:var(--text-xl)}.intro p{font-size:var(--text-base)}.composer-dock{padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3), env(safe-area-inset-bottom))}.composer-hint{margin-top:var(--space-2);justify-content:center}.composer-hint .hint-kbd{display:none}}