.chat-panel{inset:auto 24px 24px auto;margin:0;padding:0;width:420px;max-width:calc(100vw - 32px);height:650px;max-height:calc(100dvh - 48px);overflow:hidden;border:1px solid #d8d4c7;border-radius:14px;background:#f6f4ee;box-shadow:0 20px 90px #17201938;font-family:var(--sans)}
.chat-panel[open]{display:flex;flex-direction:column}.chat-panel::backdrop{background:#252c252e}.chat-header{display:flex;align-items:center;gap:13px;padding:22px;background:var(--ink);color:var(--paper);flex-shrink:0}.chat-avatar{display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;border:1px solid #bba375;border-radius:50%;font-family:var(--serif);font-size:14px;color:#d6bf91}.chat-header h2{font-size:26px;letter-spacing:-.5px;line-height:1.2;color:var(--paper)}.chat-header p{font-size:10px;line-height:1.6;color:#d1d5c9;margin-top:4px}.chat-close{width:36px;height:36px;margin-left:auto;align-self:flex-start;border:0;background:none;color:#f6f4ee;font-size:28px;line-height:1;border-radius:50%}.chat-close:hover{background:#ffffff17}.chat-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--border);background:#eeede5;font-size:9px;color:#686d60;flex-shrink:0}.chat-reset{font-size:10px;color:#535a48;border:0;background:none;padding:6px 0;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.chat-messages{flex:1;min-height:75px;overflow-y:auto;padding:22px 20px 8px;overscroll-behavior:contain;scroll-behavior:smooth}.chat-message{max-width:93%;padding:12px 15px;border:1px solid #e2dfd4;border-radius:2px 13px 13px 13px;background:#fffefa;margin-bottom:13px;font-size:12px;line-height:1.8;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user{margin-left:auto;border-color:#e3e6d9;background:#e5e9dc;border-radius:13px 2px 13px 13px}.chat-message-label{display:block;margin-bottom:3px;font-size:9px;font-weight:800;letter-spacing:.5px;color:#7c6c49}.chat-message.user .chat-message-label{color:#566448}.chat-options{display:flex;flex-wrap:wrap;gap:8px;padding:10px 20px 16px;flex-shrink:0;max-height:36%;overflow:auto}.chat-choice{padding:9px 13px;border:1px solid #b7bca9;border-radius:18px;background:transparent;color:#404a36;font-size:11px;font-weight:600;line-height:1.5;text-align:left}.chat-choice:hover{background:#e4e7dc;border-color:#8b977e}.chat-choice.primary{background:var(--ink);border-color:var(--ink);color:white}.chat-choice.primary:hover{background:#464b40}.chat-compose{margin:0 18px;display:flex;gap:8px;border:1px solid #c9ccbe;border-radius:5px;background:#fffefa;flex-shrink:0}.chat-compose:focus-within{outline:2px solid #ab8e5c;outline-offset:2px}.chat-compose input{margin:0;min-width:0;min-height:45px;border:0;background:transparent;font-size:12px;padding:12px;outline:none}.chat-compose input:focus{outline:none}.chat-compose button{margin:5px;width:36px;flex-shrink:0;border:0;border-radius:3px;background:var(--ink);color:#fff;display:grid;place-items:center}.chat-panel .chat-footnote{padding:10px 20px 15px;margin:0;font-size:9px;line-height:1.6;color:#6a7063;flex-shrink:0}.chat-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body.chat-open{overflow:hidden}
@media(max-width:780px){.chat-panel{inset:auto 10px 10px auto;max-width:calc(100vw - 20px);width:420px;max-height:calc(100dvh - 20px)}.chat-header{padding:18px}.chat-header h2{font-size:25px}.chat-compose input{font-size:16px}.chat-choice{min-height:42px}.chat-toolbar{font-size:9px}.chat-messages{padding-top:18px}.chat-message{font-size:13px}.chat-panel .chat-footnote{font-size:10px}}
@media(max-height:550px){.chat-panel{inset:auto 10px 10px auto;max-height:calc(100dvh - 20px)}.chat-header{padding:12px 18px}.chat-toolbar{padding-block:3px}.chat-options{padding-block:7px;gap:5px}.chat-choice{padding:6px 10px}.chat-panel .chat-footnote{padding-block:6px;font-size:9px}.chat-messages{padding-top:12px}.chat-header h2{font-size:22px}.chat-header p{margin-top:1px}}
@media(prefers-reduced-motion:reduce){.chat-messages{scroll-behavior:auto}}