.ex .a.answer-markup { min-width: 0; white-space: normal; }
.answer-markup > :first-child { margin-top: 0; }
.answer-markup > :last-child { margin-bottom: 0; }
.answer-markup p, .answer-markup ul, .answer-markup ol { margin: .65em 0; }
.answer-markup ul, .answer-markup ol { padding-left: 1.5em; }
.answer-markup li + li { margin-top: .25em; }
.answer-markup h1, .answer-markup h2, .answer-markup h3,
.answer-markup h4, .answer-markup h5, .answer-markup h6 { font-size: 1.12em; line-height: 1.4; margin: 1em 0 .4em; }
.answer-markup a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.answer-markup blockquote { border-left: 3px solid var(--edge); margin: .8em 0; padding: 0 0 0 12px; color: var(--muted); }
.answer-markup code { font: .9em ui-monospace, Consolas, monospace; background: var(--card-2); border-radius: 4px; padding: 2px 4px; }
.answer-code { background: var(--card-2); border: 1px solid var(--line); border-radius: 10px; margin: .8em 0; overflow: hidden; }
.answer-code-language { padding: 5px 12px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.answer-code pre { margin: 0; padding: 12px; overflow-x: auto; white-space: pre; overflow-wrap: normal; tab-size: 4; }
.answer-code code { padding: 0; background: transparent; border-radius: 0; }
.answer-markup > pre { padding: 12px; background: var(--card-2); overflow-x: auto; white-space: pre; }
.answer-table { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; margin: .8em 0; }
.answer-table table { width: max-content; min-width: 100%; border-collapse: collapse; font-size: .94em; overflow-wrap: normal; }
.answer-table th, .answer-table td { border: 1px solid var(--line); padding: 6px 10px; }
.answer-table th { white-space: nowrap; }
.answer-table td { max-width: 28rem; min-width: 5rem; }
.answer-markup hr { border: 0; border-top: 1px solid var(--line); margin: 1em 0; }
.answer-markup .hljs-comment, .answer-markup .hljs-quote { color: var(--muted); }
.answer-markup .hljs-keyword, .answer-markup .hljs-selector-tag, .answer-markup .hljs-literal { color: var(--accent); }
.answer-markup .hljs-string, .answer-markup .hljs-regexp, .answer-markup .hljs-meta, .answer-markup .hljs-attr { color: var(--accent-2); }
.answer-markup .hljs-number, .answer-markup .hljs-title, .answer-markup .hljs-built_in, .answer-markup .hljs-type { color: var(--amber); }
.quote-popover { position: fixed; z-index: 40; display: flex; padding: 3px; max-width: calc(100vw - 16px); border: 1px solid var(--line); border-radius: 11px; background: var(--card); box-shadow: 0 3px 12px var(--shadow); }
.quote-popover[hidden] { display: none; }
.quote-popover button { height: 32px; padding: 0 11px; white-space: nowrap; font-size: 13px; font-weight:500; background:transparent; color:var(--text); border:0; border-radius:8px; }
.quote-popover button:hover { background:var(--card-2); }
.ask-quotes { position: relative; margin-bottom: 6px; }
.ask-quotes[hidden] { display: none; }
.annotation-chip { height: 32px; padding: 0 10px; font-size: 12px; font-weight: 500; border: 1px solid var(--line); border-radius: 10px; background: var(--card); color: var(--text); }
.annotation-comment { position: fixed; z-index: 45; box-sizing: border-box; width: 310px; padding: 6px 8px; border: 1px solid var(--line); border-radius: 19px; background: var(--card); color:var(--text); box-shadow: 0 2px 6px var(--composer-shadow); }
.annotation-comment[hidden] { display: none; }
.annotation-comment.annotation-compact { width:340px; border-radius:24px; }
.annotation-input { display:flex; align-items:center; min-width:0; }
.annotation-input textarea { flex:1; min-width:0; }
.annotation-comment .annotation-mic { display:grid; place-items:center; flex:none; min-width:28px; width:28px; min-height:28px; height:28px; padding:4px; border:0; border-radius:50%; background:transparent; color:inherit; }
.annotation-comment .annotation-mic.recording { color:var(--error); background:rgba(var(--error-rgb),.12); }
.annotation-comment textarea { box-sizing:border-box; display:block; resize:none; width:100%; min-height:32px; max-height:108px; padding:6px 4px; border:0; border-radius:6px; background:transparent; color:var(--text); font:inherit; font-size:13px; line-height:20px; box-shadow:none; outline:none; }
.annotation-comment textarea::placeholder { color:var(--muted); font-size:12px; }
.annotation-actions { display:flex; gap:6px; align-items:center; justify-content:flex-end; padding-top:2px; }
.annotation-compact .annotation-actions { display:none; }
.annotation-actions button,.annotation-reader button { min-height:28px; padding:3px 9px; font-size:12px; font-weight:500; border:1px solid var(--line); border-radius:18px; background:var(--card); color:var(--text); }
.annotation-actions .annotation-delete { display:grid; place-items:center; margin-right:auto; min-width:28px; padding:4px; border:0; border-radius:6px; }
.annotation-actions .annotation-save { background:var(--text); border-color:var(--text); color:var(--card); }
.annotation-reader { position:fixed; z-index:45; box-sizing:border-box; width:340px; max-height:min(480px,calc(100vh - 16px)); overflow:auto; padding:12px; border:1px solid var(--line); border-radius:18px; background:var(--card); color:var(--text); box-shadow:0 2px 6px var(--composer-shadow); font-size:13px; }
.annotation-reader[hidden] { display:none; }
.annotation-reader > button { position:absolute; right:6px; top:5px; border:0; padding:0 6px; min-height:24px; color:var(--muted); font-size:18px; }
.annotation-reader section { position:relative; margin-top:10px; padding:10px 2px 0 22px; border-top:1px solid var(--line); }
.annotation-reader section:nth-child(2) { margin-top:0; padding-top:0; border-top:0; padding-right:12px; }
.annotation-reader section b { position:absolute; left:0; top:11px; color:var(--muted); font-size:12px; font-weight:500; }
.annotation-reader section:nth-child(2) b { top:1px; }
.annotation-reader p { margin:4px 0; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.45; }
.annotation-reader small { display:block; margin-top:8px; color:var(--muted); font-size:11px; font-weight:500; }
.annotation-reader small:first-of-type { margin-top:0; }
.sent-annotations { display:block; margin-top:10px; }
.annotation-marker { position:fixed; z-index:41; display:grid; place-items:center; width:26px; min-width:26px; height:26px; min-height:26px; margin:0; padding:0; border:0; border-radius:14px 14px 14px 4px; font:500 12px/1 system-ui,sans-serif; background:#55b665; color:var(--on-composer-send); user-select:none; }
.annotation-marker[hidden] { display:none; }
.annotation-marker::before { content:attr(data-number); }
::highlight(recvest-active-annotation) { background: #bee9c2; color: inherit; }
::highlight(recvest-annotations) { background: rgba(var(--accent-rgb), .24); }
.annotation-list { position: absolute; bottom: calc(100% + 8px); left: 0; z-index: 46; width: min(400px, calc(100vw - 48px)); max-height: 260px; overflow-y: auto; padding: 6px; border: 1px solid var(--line); border-radius: 12px; background: var(--card); box-shadow: 0 4px 20px var(--shadow); }
.annotation-list[hidden] { display: none; }
.annotation-row { display: flex; align-items: center; gap: 6px; min-width: 0; }
.annotation-row .annotation-edit { flex: 1; min-width: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 6px; font-size: 13px; }
.annotation-row button { height: 34px; padding: 0 6px; }
@media (max-width: 420px) { .annotation-comment textarea { font-size:16px; } }