.annotation-runtime{--annotation-accent: var(--accent, #0b63ce);--annotation-surface: var(--surface, #fbfcfd);--annotation-background: var(--background, #f4f6f8);--annotation-text: var(--text, #16202b);--annotation-muted: var(--muted, #607080);--annotation-stroke: var(--stroke, #d8dee5);--annotation-danger: #b42318;color:var(--annotation-text);font-family:inherit}.annotation-launcher{position:fixed;right:20px;bottom:58px;z-index:30;min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid color-mix(in srgb,var(--annotation-accent) 44%,var(--annotation-stroke));border-radius:10px;color:#f7fbff;background:var(--annotation-accent);box-shadow:0 12px 30px color-mix(in srgb,var(--annotation-accent) 18%,transparent);font:inherit;font-weight:650;cursor:pointer}.annotation-launcher strong{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;color:var(--annotation-accent);background:#f7fbff;font-size:12px}.annotation-panel-layer{position:fixed;inset:68px 0 44px auto;z-index:32;width:min(390px,calc(100vw - 24px));padding:12px;pointer-events:none}.annotation-panel{width:100%;height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid var(--annotation-stroke);border-radius:14px;color:var(--annotation-text);background:color-mix(in srgb,var(--annotation-surface) 96%,transparent);box-shadow:0 18px 50px color-mix(in srgb,var(--annotation-text) 14%,transparent);pointer-events:auto}.annotation-panel-header{min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:12px 14px;border-bottom:1px solid var(--annotation-stroke)}.annotation-panel-header>div{min-width:0;display:grid;gap:2px}.annotation-panel-header span,.annotation-panel-header label,.annotation-thread time{color:var(--annotation-muted);font-size:12px}.annotation-resolved-toggle{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.annotation-panel-close{grid-column:2;justify-self:end}.annotation-panel button,.annotation-comparison button{min-height:34px;padding:7px 10px;border:1px solid var(--annotation-stroke);border-radius:8px;color:var(--annotation-text);background:var(--annotation-surface);font:inherit;cursor:pointer}.annotation-panel button:hover,.annotation-comparison button:hover{border-color:var(--annotation-accent);color:var(--annotation-accent)}.annotation-panel button:disabled{cursor:not-allowed;opacity:.52}.annotation-panel button:focus-visible,.annotation-comparison button:focus-visible,.annotation-launcher:focus-visible,.annotation-panel textarea:focus-visible,.annotation-panel input:focus-visible{outline:3px solid color-mix(in srgb,var(--annotation-accent) 35%,transparent);outline-offset:2px}.annotation-composer{padding:12px 14px;border-bottom:1px solid var(--annotation-stroke);background:color-mix(in srgb,var(--annotation-accent) 4%,var(--annotation-surface))}.annotation-composer form,.annotation-reply{display:grid;gap:8px}.annotation-composer label,.annotation-reply label{font-size:12px;font-weight:650}.annotation-composer textarea,.annotation-reply textarea{width:100%;resize:vertical;padding:9px 10px;border:1px solid var(--annotation-stroke);border-radius:8px;color:var(--annotation-text);background:var(--annotation-surface);font:inherit;line-height:1.5}.annotation-composer blockquote,.annotation-quote{margin:0;padding-left:10px;border-left:3px solid color-mix(in srgb,var(--annotation-accent) 54%,var(--annotation-stroke));color:var(--annotation-muted);font-size:13px;line-height:1.55}.annotation-thread-list{min-height:0;overflow:auto;overscroll-behavior:contain}.annotation-thread{display:grid;gap:11px;padding:15px 14px;border-bottom:1px solid var(--annotation-stroke)}.annotation-thread>header,.annotation-thread-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.annotation-status{padding:3px 7px;border-radius:999px;color:var(--annotation-accent);background:color-mix(in srgb,var(--annotation-accent) 10%,var(--annotation-surface));font-size:12px;font-weight:650}.annotation-status.is-resolved{color:var(--annotation-muted);background:var(--annotation-background)}.annotation-quote.is-resolved{color:color-mix(in srgb,var(--annotation-muted) 72%,transparent);text-decoration:line-through;text-decoration-thickness:1px}.annotation-comments{display:grid;gap:8px}.annotation-comments>div{padding:9px 10px;border-radius:8px;background:var(--annotation-background)}.annotation-comments strong{font-size:12px}.annotation-comments p,.annotation-panel-state p,.annotation-login-callout p,.annotation-selection-hint p,.annotation-anchor-warning{margin:4px 0 0;color:var(--annotation-muted);font-size:13px;line-height:1.5}.annotation-anchor-warning{color:var(--annotation-danger)}.annotation-action-error{padding:10px 14px;border-bottom:1px solid color-mix(in srgb,var(--annotation-danger) 28%,var(--annotation-stroke));color:var(--annotation-danger);background:color-mix(in srgb,var(--annotation-danger) 7%,var(--annotation-surface));font-size:13px;line-height:1.5}.annotation-thread-actions{justify-content:flex-start;flex-wrap:wrap}.annotation-thread-actions button,.annotation-reply button,.annotation-composer button{justify-self:start}.annotation-panel-state,.annotation-login-callout,.annotation-selection-hint{display:grid;justify-items:start;gap:8px;padding:18px 14px}.annotation-panel-state{align-content:start}.annotation-panel-state.is-error strong,.annotation-comparison-error{color:var(--annotation-danger)}.annotation-skeleton{width:64%;height:12px;border-radius:6px;background:var(--annotation-stroke)}.annotation-skeleton.wide{width:88%}.annotation-selection-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:29;pointer-events:none}.annotation-selection-overlay rect{fill:color-mix(in srgb,var(--annotation-accent) 22%,transparent);stroke:color-mix(in srgb,var(--annotation-accent) 38%,transparent);stroke-width:1}.annotation-comparison-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,#101820 48%,transparent)}.annotation-comparison{width:min(760px,100%);max-height:min(680px,calc(100dvh - 40px));overflow:auto;border:1px solid var(--annotation-stroke);border-radius:14px;color:var(--annotation-text);background:var(--annotation-surface);box-shadow:0 24px 64px color-mix(in srgb,#101820 28%,transparent)}.annotation-comparison>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border-bottom:1px solid var(--annotation-stroke)}.annotation-comparison>header>div{display:grid;gap:3px}.annotation-comparison>header span{color:var(--annotation-muted);font-size:12px}.annotation-compare-grid,.annotation-compare-focus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--annotation-stroke)}.annotation-compare-grid article,.annotation-compare-focus article{min-height:180px;padding:18px;background:var(--annotation-surface)}.annotation-compare-grid p,.annotation-compare-focus p{white-space:pre-wrap;color:var(--annotation-muted);line-height:1.65}.annotation-comparison-error{padding:18px}@media(max-width:700px){.annotation-launcher{right:12px;bottom:54px}.annotation-panel-layer{inset:56px 0 0;width:100%;padding:0}.annotation-panel{border-right:0;border-bottom:0;border-left:0;border-radius:0}.annotation-compare-grid,.annotation-compare-focus{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){.annotation-launcher,.annotation-panel button,.annotation-comparison button{transition:border-color .14s ease,color .14s ease,transform .1s ease}.annotation-launcher:active,.annotation-panel button:active,.annotation-comparison button:active{transform:translateY(1px)}}