/* Conversational layout: one scroll surface, inline replies, persistent bubbles. */
html,body{height:100%;margin:0}body{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{flex-shrink:0;display:block;min-height:0;padding:0;background:#202223}.topbar{max-width:820px;margin:auto;padding:20px 24px;display:flex;align-items:center;gap:19px}.topbar img{width:142px}.chat-identity{border-left:1px solid var(--line);padding-left:19px;display:flex;flex-direction:column;gap:5px}.chat-identity strong{font-weight:500;font-size:14px}.chat-identity span{font-size:11px;color:var(--muted)}.preview{margin-left:auto;font-size:10px;padding:5px 8px;border-radius:20px}#progress-label{white-space:nowrap;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}progress{height:2px}main{display:block;flex:1;min-height:0;width:100%;max-width:none;padding:0;margin:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 transparent;background:radial-gradient(ellipse at 50% 0,#ffffff03,transparent 65%)}.conversation{max-width:760px;margin:auto;padding:24px 24px 40px;border:0;border-radius:0;background:transparent;overflow:visible}.conversation-date{text-align:center;font-size:9px;letter-spacing:.15em;color:#84867f;margin:8px 0 33px}#messages{padding:0;max-height:none;min-height:0;overflow:visible;gap:16px}.message{position:relative;max-width:82%;font-size:15px;line-height:1.65;animation:arrive .38s cubic-bezier(.2,.7,.2,1) both;overflow-wrap:anywhere}.message.bot{margin-left:45px;background:#292c2d;padding:14px 18px;border-radius:18px 18px 18px 4px}.bot-avatar{position:absolute;left:-45px;bottom:0;width:33px;height:33px;display:grid;place-items:center;border:1px solid #f3f3f33a;border-radius:50%;font-size:14px;font-weight:800;font-style:italic;letter-spacing:-2px;background:#242627}.message.user{padding:12px 18px;border-radius:18px 18px 4px 18px}.message p{white-space:pre-wrap}.profile{align-self:flex-start;max-width:85%;margin:0 0 0 45px;padding:18px;background:#232627;border-radius:15px;animation:arrive .4s both}.profile strong{overflow-wrap:anywhere}.profile small{margin-top:5px}.avatar{width:46px;height:46px;font-size:24px}#composer{padding:0;margin:20px 0 0 45px;animation:arrive .35s both}#composer:empty{display:none}.input-row{align-items:center;background:#252829;border:1px solid #f3f3f32e;border-radius:30px;padding:6px 6px 6px 18px;box-shadow:0 4px 18px #00000014}.input-row:focus-within{border-color:#f3f3f3aa}.input-row input,.input-row select{flex:1;border:0;outline:none;background:transparent;padding:10px 0}.input-row select option{background:#242627}.send{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;font-size:25px;transition:transform .2s}.send:hover{transform:rotate(-15deg)}.send:active{transform:scale(.9)}.field-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.chip,.secondary,.primary{padding:12px 17px;border-radius:24px;background:#232627;transition:transform .18s,border-color .18s,background .18s;animation:arrive .35s both}.chip:nth-child(2){animation-delay:.04s}.chip:nth-child(3){animation-delay:.08s}.chip:nth-child(4){animation-delay:.12s}.chip:nth-child(5){animation-delay:.16s}.chip:hover,.secondary:hover{background:#343738;transform:translateY(-2px)}.chip:active{transform:scale(.97)}.posts{display:flex;gap:12px;overflow-x:auto;padding:3px 2px 12px;scrollbar-width:thin}.post{flex:1;min-width:135px;border-radius:14px;animation:arrive .4s both}.post:nth-child(2){animation-delay:.1s}.post:nth-child(3){animation-delay:.2s}.poster{height:180px;padding:15px}.poster strong{font-size:52px}.post-title{padding:13px;font-size:12px}.consent{font-size:10px;margin:12px 12px 0}.privacy{padding:0;font-size:10px;color:#888b84;text-align:center;margin:23px 20px 0 45px}#error{margin:12px 0 0 45px}#error:empty{display:none}.result-note{font-size:10px;color:var(--muted);margin:0 0 0 45px}.loading{height:20px;min-width:36px;gap:6px;padding:0;align-items:center}.loading span{width:6px;height:6px;background:#f3f3f3;animation:typing 1s infinite}.loading span:nth-child(2){animation-delay:.16s}.loading span:nth-child(3){animation-delay:.32s}@keyframes typing{0%,70%,100%{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}@keyframes arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:600px){.topbar{padding:16px;gap:12px}.topbar img{width:105px}.chat-identity{padding-left:12px}.chat-identity span{font-size:10px;max-width:145px}.preview{display:none}#progress-label{margin-left:auto}.conversation{padding:19px 14px 28px}.conversation-date{font-size:8px;margin-bottom:27px}.message{font-size:14px;max-width:84%}.message.bot{margin-left:37px;padding:12px 15px}.bot-avatar{left:-37px;width:28px;height:28px;font-size:12px}#composer,.profile{margin-left:37px}.profile{padding:14px}.privacy{margin-left:37px;margin-right:0}.poster{height:160px}.post{min-width:125px}#error{margin-left:37px}}