:root{--bubble:#00000014;--muted:#0000008c;--line:#00000026;--overlay:#00000073;--cite:#8a2535;--miss:#bd6324;--border:1px solid var(--line);--pad:16px;--gap:8px}*,:before,:after{box-sizing:border-box}body,h3,p,ul,ol{margin:0;padding:0}body{font:15px/1.6 ui-monospace,monospace}input,button,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}:is(button,input,textarea):disabled{opacity:.4;cursor:default}#chat-view{flex-direction:column;height:100dvh;display:flex}.chat-nav{padding:var(--gap) var(--pad);border-bottom:var(--border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}#messages{padding:var(--pad);flex:1;overflow-y:auto}.btn-ghost{padding:var(--gap);color:var(--muted)}.btn-copy{color:inherit;padding:4px}.btn-send{color:#fff;background:#000;flex-shrink:0;padding:12px}.message-composer{align-items:flex-end;gap:var(--gap);padding:var(--gap) var(--pad);flex-shrink:0;display:flex}#msg-input{padding:var(--gap) 12px;border:var(--border);resize:none;field-sizing:content;flex:1;max-height:140px;overflow-y:auto}#msg-input:focus{border-color:#000;outline:none}#msg-counter{text-align:right;padding:0 var(--pad) var(--gap);color:var(--muted);font-size:12px}.message{margin-bottom:var(--gap);background:var(--bubble);width:fit-content;max-width:100%}.message--user{color:#fff;background:#000;margin-left:auto}.message-bubble{padding:var(--gap) 12px;overflow-wrap:break-word}.message-bubble>:not(:first-child){margin-top:var(--gap)}.message-bubble :is(ul,ol){padding-left:var(--pad)}.message-bubble--loading{color:var(--muted)}.message-footer{text-align:right;padding:4px}.citation,.citation-miss{border-bottom:1px solid}.citation{color:var(--cite);cursor:pointer}.citation-miss{color:var(--miss)}dialog{border:none;flex-direction:column;width:min(720px,94vw);max-height:min(82vh,760px);padding:0}dialog[open]{display:flex}dialog::backdrop{background:var(--overlay)}.modal-header{padding:12px var(--pad);border-bottom:var(--border);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:inherit}#modal-meta{padding:12px var(--pad) 0;color:var(--muted);font-size:12px}#modal-body{padding:12px var(--pad);white-space:pre-wrap;flex:1;overflow-y:auto}