.conversation{background:var(--white);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.conversation-transcript-frame{flex:1;min-height:0;display:flex;position:relative}.conversation-transcript{overscroll-behavior-y:contain;scrollbar-gutter:stable both-edges;background:var(--white);flex:1;min-width:0;min-height:0;padding:28px 32px;overflow-y:auto}.conversation-transcript:focus-visible{outline-offset:-5px}.conversation-thread{flex-direction:column;width:100%;max-width:800px;min-height:100%;margin-inline:auto;display:flex}.conversation-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 0;display:flex}.conversation-mark{width:168px;height:124px;margin-bottom:28px}.conversation-empty h2{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:2rem;font-weight:600;line-height:1.18}.conversation-empty>p{max-width:34ch;color:var(--muted);text-wrap:balance;margin:12px 0 0;font-size:1rem;line-height:1.55}.conversation-starters{justify-content:center;gap:12px;width:100%;max-width:552px;margin-top:28px;display:flex}.conversation-starter{border:1px solid var(--line);background:var(--paper);min-height:52px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:12px;flex:1;padding:14px 18px;font-size:.875rem;line-height:1.45;transition:background-color .15s,border-color .15s}.conversation-starter:disabled{color:var(--muted);cursor:not-allowed}.conversation-message{width:fit-content;max-width:min(78%,600px);margin:0 auto 24px 0}.conversation-message:last-child{margin-bottom:0}.conversation-message.is-own{margin-left:auto;margin-right:0}.conversation-speaker{color:var(--muted);margin:0 3px 7px;font-size:.8125rem;font-weight:600;line-height:1.4;display:block}.conversation-message.is-own .conversation-speaker,.conversation-message.is-own .conversation-delivery{text-align:right}.conversation-bubble{background:var(--soft);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #0000;border-radius:12px;padding:14px 18px;font-size:1rem;line-height:1.6}.is-own .conversation-bubble{background:var(--mint)}.is-rejected .conversation-bubble{border-color:var(--red);background:var(--paper)}.conversation-delivery{color:var(--muted);margin:6px 3px 0;font-size:.75rem;line-height:1.5}.conversation-message-error,.conversation-error{color:var(--red);margin-top:8px;font-size:.875rem;line-height:1.5}.conversation-retry{min-height:44px;padding-block:10px;font-size:.875rem}.conversation-retry:disabled{color:var(--muted);cursor:not-allowed}.conversation-jump{border:1px solid var(--ink);background:var(--ink);min-height:44px;color:var(--paper);font:inherit;white-space:nowrap;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:600;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.conversation-jump svg{width:18px;height:18px;transform:rotate(90deg)}.conversation-composer{flex-shrink:0;width:100%;max-width:864px;margin-inline:auto;padding:12px 32px 16px}.conversation-error{margin:0 0 10px}.conversation-input-row{border:1px solid var(--line);background:var(--paper);border-radius:12px;align-items:end;gap:8px;padding:7px;transition:border-color .15s;display:flex}.conversation-input-row:focus-within{border-color:var(--green)}.conversation-input-row textarea{resize:none;width:100%;min-width:0;min-height:48px;max-height:120px;color:var(--ink);font:inherit;caret-color:var(--ink);background:0 0;border:0;border-radius:6px;padding:12px 10px;font-size:1rem;line-height:1.5}.conversation-input-row textarea:focus-visible{outline:2px solid var(--green);outline-offset:0}.conversation-input-row textarea::placeholder{color:var(--muted);opacity:1}.conversation-input-row textarea:disabled{color:var(--muted);cursor:not-allowed}.conversation-send.button{border-radius:8px;flex-shrink:0;gap:10px;min-height:48px;padding:12px 16px}.conversation-send svg{width:20px;height:20px}.conversation-availability{color:var(--muted);margin-top:10px;font-size:.8125rem;line-height:1.5}.conversation-compose-footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:20px;margin-top:4px;font-size:.75rem;line-height:1.5;display:flex;position:relative}.conversation-info{flex:1}.conversation-info summary{width:fit-content;min-height:36px;color:var(--muted);cursor:pointer;padding:9px 0;font-size:.8125rem}.conversation-info[open]{flex-basis:100%}.conversation-info-content{overscroll-behavior-y:contain;gap:8px;max-height:min(150px,20dvh);padding:2px 0 16px;font-size:.8125rem;line-height:1.5;display:grid;overflow-y:auto}.conversation-character-count{font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}@media (hover:hover) and (pointer:fine){.conversation-starter:hover:not(:disabled){border-color:var(--outline-line,#b9c3af);background:var(--mint)}.conversation-info summary:hover{color:var(--ink)}.conversation-jump:hover{background:var(--ink-hover,#414c38)}}@media (width<=1100px){.conversation-keyboard-help{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=700px){.conversation-transcript{scrollbar-gutter:auto;padding:20px 14px}.conversation-empty{padding-block:12px}.conversation-mark{width:132px;height:98px;margin-bottom:20px}.conversation-empty h2{font-size:1.75rem}.conversation-empty>p{max-width:29ch;font-size:.9375rem}.conversation-starters{flex-direction:column;gap:8px;max-width:320px;margin-top:20px}.conversation-starter{flex:initial;text-align:center;min-height:44px;padding:11px 14px}.conversation-message{max-width:88%;margin-bottom:20px}.conversation-bubble{padding:11px 14px}.conversation-composer{padding:8px 12px max(8px, env(safe-area-inset-bottom))}.conversation-input-row{gap:4px;padding:5px}.conversation-send.button{width:46px;min-height:46px;padding:12px}.conversation-send>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.conversation-compose-footer{padding-inline:5px}.conversation-info summary{min-height:44px;padding-block:12px}}@media (height<=720px){.conversation-mark{width:96px;height:72px;margin-bottom:14px}.conversation-empty{padding-block:8px}.conversation-starters{margin-top:16px}}@media (prefers-reduced-motion:reduce){.conversation-starter,.conversation-input-row{transition:none}}