.mention-pop{z-index:160;box-sizing:border-box;padding:var(--space-1);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:var(--font-sans);flex-direction:column;display:flex;position:fixed}.mention-list{overscroll-behavior:contain;flex-direction:column;gap:1px;max-height:284px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.mention-list[hidden]{display:none}.mention-option{align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-2);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-md);line-height:1.3;display:flex}.mention-option:before{content:attr(data-initials);border-radius:var(--radius-round);background:var(--surface-3);width:24px;height:24px;color:var(--ink-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.02em;flex:none;place-items:center;display:grid}.mention-option[aria-selected=true]{background:var(--brand-soft);color:var(--brand-on-soft)}.mention-option[aria-selected=true]:before{background:var(--brand-mark);color:var(--on-brand-mark)}.mention-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--weight-medium);overflow:hidden}.mention-code{color:var(--muted-ink);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex:none;margin-left:-2px}.mention-code:before{content:"·";margin-right:6px}.mention-option[aria-selected=true] .mention-code{color:var(--brand-on-soft)}.mention-line{padding:var(--space-2) var(--space-2);color:var(--muted-ink);font-size:var(--text-sm);margin:0}.mention-wait{align-items:center;gap:var(--space-2);display:flex}.mention-wait:before{content:"";border:2px solid var(--line);border-top-color:var(--brand-edge);border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite mention-turn}@keyframes mention-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mention-wait:before{animation:none}}.mention-retry{padding:var(--space-2);border-radius:var(--radius-md);color:var(--danger);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin:0}.mention-retry:hover{background:var(--danger-soft)}.mention-retry:focus-visible{box-shadow:var(--focus-ring);outline:none}.cm-page{box-sizing:border-box;min-height:100vh;padding:var(--space-6);background:var(--surface-2);color:var(--ink);font-family:var(--font-sans)}.cm-head{align-items:center;gap:var(--space-3);max-width:1160px;margin:0 auto var(--space-5);display:flex}.cm-head h1{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0}.cm-head p{color:var(--muted-ink);font-size:var(--text-sm);margin:2px 0 0}.cm-head-icon{border-radius:var(--radius-lg);background:var(--brand-soft);width:36px;height:36px;color:var(--brand-on-soft);place-items:center;display:grid}.cm-grid{gap:var(--space-5);grid-template-columns:minmax(0,380px) minmax(0,1fr);align-items:start;max-width:1160px;margin:0 auto;display:grid}.cm-panel{padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.cm-panel-title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--ink);display:flex}.cm-panel-meta{color:var(--muted-ink);font-size:var(--text-sm);font-weight:var(--weight-regular);margin-left:auto}.cm-thread .review-thread{margin:0}.cm-thread .thread-summary{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.cm-question-title{margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.cm-body{font-size:var(--text-md);color:var(--ink);margin:0;line-height:1.5}.cm-page .thread-reply textarea{font-family:var(--font-sans)}.cm-error{margin:var(--space-2) 0 0;color:var(--danger);font-size:var(--text-sm)}.cm-states{max-width:1160px;margin:var(--space-6) auto 0}.cm-states-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;display:grid}.cm-state{margin:0}.cm-state figcaption{margin-bottom:var(--space-2);color:var(--muted-ink);font-size:var(--text-sm);font-weight:var(--weight-medium)}.cm-frozen.mention-pop{z-index:auto;position:static}@media (width<=820px){.cm-page{padding:var(--space-4)}.cm-grid{grid-template-columns:minmax(0,1fr)}}.mention-field{isolation:isolate;flex-direction:column;flex:auto;align-self:stretch;min-width:0;display:flex;position:relative}.mention-chips{z-index:1;box-sizing:border-box;color:#0000;pointer-events:none;white-space:pre-wrap;overflow-wrap:break-word;border-style:solid;border-color:#0000;position:absolute;overflow:hidden}.mention-chips-lines{display:block}.mention-chip{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--brand-mark) 30%, transparent);margin:0 -2px 0 -3px;padding:1px 2px 1px 3px}.mention-chip-sent{white-space:nowrap;margin:0 1px}.mention-chip-at{position:relative}.mention-chip-at:before{content:attr(data-initial);border-radius:var(--radius-round);background:var(--brand-mark);width:max(1.15em,13px);height:max(1.15em,13px);color:var(--on-brand-mark);font-size:var(--text-xs);font-style:normal;font-weight:var(--weight-bold);text-transform:uppercase;place-items:center;line-height:1;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%)}.thread-comment.is-flash{border-radius:var(--radius-md);animation:2s ease-out both comment-flash}@keyframes comment-flash{0%{background:var(--brand-soft);box-shadow:0 0 0 var(--space-1) var(--brand-soft)}to{box-shadow:0 0 0 var(--space-1) transparent;background:0 0}}@media (prefers-reduced-motion:reduce){.thread-comment.is-flash{outline:2px solid var(--brand-edge);outline-offset:2px;animation:none}}