.publication-body .annotated-fragment{background:#b6a7ff09;text-decoration-line:underline;text-decoration-color:#afa0ed70;text-decoration-thickness:1px;text-underline-offset:5px;cursor:pointer;border-radius:3px;transition:background .18s ease,text-decoration-color .18s ease;-webkit-box-decoration-break:clone;box-decoration-break:clone}.publication-body .annotated-fragment:hover,.publication-body .annotation-active{background:#b6a7ff23;text-decoration-color:#c1b2ff}.publication-body .annotated-fragment:focus-visible{outline:2px solid #b6a7ff;outline-offset:4px}
#annotation-dialog{position:fixed;inset:110px auto auto 0;width:360px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 140px);padding:0;margin:0;color:#d5dbea;border:1px solid #c5b9ef30;border-radius:18px;background:#111620fa;box-shadow:0 24px 70px #0006,inset 0 1px 0 #ffffff12;z-index:1300;overflow:hidden;font-family:Inter,"Segoe UI",sans-serif}#annotation-dialog[open]{display:flex;flex-direction:column}.annotation-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid #ffffff10;font-size:14px;color:#aab5ce}.annotation-panel-head>div{display:flex;gap:8px;align-items:center}.annotation-panel-head #annotation-close{width:34px;height:34px;border:1px solid #ffffff18;border-radius:9px;background:#ffffff06;color:#d7dcef;font-size:24px;cursor:pointer}.annotation-manage-button{font-size:14px;line-height:1.5;color:#b8abd7;padding:8px;background:none}.annotation-panel-scroll{padding:22px;overflow:auto;overscroll-behavior:contain;min-height:0}#annotation-quote{margin:0 0 22px;padding:0 0 0 14px;border-left:2px solid #aca0e8;color:#eeeaff;font:20px/1.5 Georgia,serif;overflow-wrap:anywhere}#annotation-body{font-size:16px;line-height:1.85;color:#bdc6d8}#annotation-body p{margin:0 0 18px}#annotation-body strong{color:#e2e5f2;font-weight:600}#annotation-body img{max-width:100%;border-radius:12px}#annotation-body a{color:#b9b1f5}#annotation-body>:last-child{margin-bottom:0}#annotation-dialog [hidden],.annotation-selection-action[hidden]{display:none!important}#annotation-edit{margin-top:24px}#annotation-edit,.annotation-form-actions button,.annotation-rebind,#annotation-undo-button,#annotation-refresh{padding:10px 12px;border-radius:9px;border:1px solid #c6baff35;background:#b9adff0c;color:#dbd5ff;font-family:inherit;font-size:14px;line-height:1.5;cursor:pointer}#annotation-form label{display:block;color:#abb6cb;font-size:14px;margin-bottom:12px}#annotation-input{display:block;width:100%;min-height:180px;resize:vertical;padding:14px;background:#090e16;border:1px solid #c6baff30;border-radius:11px;color:#e3e7f0;font:16px/1.65 Inter,"Segoe UI",sans-serif}#annotation-input:focus{outline:2px solid #aca0e880;outline-offset:2px}.annotation-rebind{margin-top:12px;background:none}.annotation-form-actions{display:flex;gap:10px;margin-top:16px}.annotation-form-actions button:disabled{opacity:.5;cursor:wait}#annotation-delete{margin-left:auto;color:#caa5b5;border-color:#caa5b52a}.annotation-draft-hint{display:block;margin-top:14px;font-size:13px;line-height:1.7;color:#8999b1}#annotation-status{font-size:14px;line-height:1.6;color:#c8bfdc;margin:18px 0 0}#annotation-status:empty{display:none}.annotation-list-hint{font-size:14px;line-height:1.7;color:#9cabc3;margin:0 0 20px}.annotation-list-item{display:block;text-align:left;width:100%;padding:16px 0;border:0;border-bottom:1px solid #ffffff12;background:none;color:#d3d9e9;font:16px/1.6 Georgia,serif;cursor:pointer}.annotation-list-item small{display:block;margin-top:7px;color:#dfbc8a;font:13px/1.5 Inter,sans-serif}.annotation-list-item:hover{color:#c6baff}.annotation-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #ffffff10;font-size:14px;color:#a69cbc}.annotation-navigation button{font:inherit;color:#c4b9e8;background:none;border:0;min-height:38px}.annotation-navigation button:disabled{opacity:.3;cursor:default}#annotation-counter{font-size:13px;white-space:nowrap}#annotation-undo{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #ffffff14;padding-top:18px;margin-top:18px;font-size:14px}.annotation-selection-action{position:fixed;z-index:1400;border:1px solid #c9bafa66;border-radius:10px;background:#201e35;box-shadow:0 8px 28px #0006;color:#e1d9fa;font:14px/1.5 Inter,sans-serif;padding:10px 14px;min-height:42px;cursor:pointer}
@media(max-width:1180px){#annotation-dialog[data-mode=reading]{inset:0!important;left:0!important;top:0!important;margin:auto;width:520px;max-width:calc(100vw - 32px);max-height:82dvh!important}#annotation-dialog::backdrop{background:#04070b9e}}
@media(max-width:760px){#annotation-dialog[data-mode=reading]{inset:auto 0 0!important;top:auto!important;width:100%;max-width:100%;max-height:82dvh!important;margin:0;border-radius:22px 22px 0 0;border-bottom:0;box-shadow:0 -15px 65px #0007}.annotation-panel-scroll{padding:22px 22px calc(22px + env(safe-area-inset-bottom))}#annotation-quote{font-size:20px}.annotation-navigation{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:no-preference){#annotation-dialog[open]{animation:annotation-in .18s ease-out}@keyframes annotation-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}

/* The source is part of the reading hierarchy, above the quoted fragment. */
#annotation-dialog{--note-accent:#b5a4ea;border-radius:20px;border-color:color-mix(in srgb,var(--note-accent) 24%,#27303e);background:linear-gradient(160deg,color-mix(in srgb,var(--note-accent) 5%,#141923),#0f151f 60%);box-shadow:0 22px 70px #0006,inset 0 1px 0 #ffffff0f}
#annotation-dialog[data-provenance=author]{--note-accent:#c19bff}
#annotation-dialog[data-provenance=workshop]{--note-accent:#e0e4ed}
#annotation-dialog[data-provenance=reader]{--note-accent:#e0e4ed}
#annotation-dialog[data-provenance=verified]{--note-accent:#6eddba}
.annotation-panel-head{padding:12px 18px;border-bottom-color:#c2cee818;color:#bdc6d9}
.annotation-panel-head #annotation-title{font-size:14px;font-weight:500}
.annotation-byline{display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;margin:0 0 22px}
.annotation-source-badge{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 9px;border-radius:8px;border:1px solid color-mix(in srgb,var(--note-accent) 25%,transparent);background:color-mix(in srgb,var(--note-accent) 7%,transparent);color:var(--note-accent);font:500 14px/1.45 Inter,"Segoe UI",sans-serif}
.annotation-source-badge>span[data-source-icon]{display:inline-flex;flex-shrink:0}
.annotation-credit-name{font:13px/1.5 Inter,"Segoe UI",sans-serif;color:#8e9bb2;overflow-wrap:anywhere}
#annotation-quote{border-left-color:var(--note-accent);padding-left:16px;font-size:20px;line-height:1.5;margin-bottom:24px}
#annotation-body{line-height:1.8;color:#c3ccdd}
#annotation-form #annotation-source{display:block;width:100%;margin-top:9px;padding:10px 12px;border:1px solid #c6baff30;border-radius:10px;background:#0b111a;color:#dbe2ef;font:14px/1.5 Inter,"Segoe UI",sans-serif}
#annotation-form .annotation-verify-control{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #78d7bc3d;border-radius:10px;background:#78d7bc07;font-size:14px;line-height:1.6;color:#b9ddd2}
.annotation-verify-control input{width:17px;height:17px;flex-shrink:0;margin:3px 0 0;accent-color:#78d7bc}
.publication-body .annotated-fragment[data-provenance=author]{--fragment-accent:#d9c5f1}
.publication-body .annotated-fragment[data-provenance=workshop]{--fragment-accent:#e0e4ed}
.publication-body .annotated-fragment[data-provenance=reader]{--fragment-accent:#e0e4ed}
.publication-body .annotated-fragment[data-provenance=verified]{--fragment-accent:#bbe3d6}
body.reader-page .publication-body .annotated-fragment[data-annotation][data-provenance]{text-decoration-color:color-mix(in srgb,var(--fragment-accent) 84%,transparent);background:transparent;transition:background .24s,text-decoration-color .24s}
body.reader-page .publication-body .annotated-fragment[data-annotation][data-provenance]:hover,body.reader-page .publication-body .annotated-fragment[data-annotation][data-provenance].annotation-active{background:color-mix(in srgb,var(--fragment-accent) 12%,transparent);text-decoration-color:var(--fragment-accent);text-decoration-thickness:2px}
body.reader-page .publication-body .annotated-fragment[data-annotation][data-provenance]:focus-visible{outline-color:var(--fragment-accent)}
/* Distinguish the author's explanation by structure as well as colour. */
#annotation-dialog[data-provenance=author] .annotation-byline{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:16px 18px;margin:-22px -22px 24px;border-top:3px solid var(--note-accent);border-bottom:1px solid #c19bff30;background:linear-gradient(110deg,#9d6bf72b,#9d6bf70a)}
#annotation-dialog[data-provenance=author] .annotation-source-badge{width:fit-content;padding:0;border:0;background:none;letter-spacing:.035em;font-size:13px;color:#cfb2ff}
#annotation-dialog[data-provenance=author] .annotation-source-badge>span[data-source-icon=author]{width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#c19bff20;border:1px solid #c19bff4d}
#annotation-dialog[data-provenance=author] .annotation-credit-name{font-size:18px;line-height:1.4;font-weight:600;color:#f0e7ff;letter-spacing:-.02em}
#annotation-dialog[data-provenance=reader] .annotation-byline{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:18px;border-bottom:1px solid #e0e4ed24}
#annotation-dialog[data-provenance=reader] .annotation-source-badge{padding:0;border:0;background:none;color:#a7b2c5}
#annotation-dialog[data-provenance=reader] .annotation-credit-name{font-size:16px;font-weight:500;color:#e0e4ed}
#annotation-dialog[data-provenance=verified] .annotation-byline{display:grid;gap:10px;padding:14px 16px;border:1px solid #6eddba40;border-radius:12px;background:linear-gradient(120deg,#6eddba12,#6eddba03)}
#annotation-dialog[data-provenance=verified] .annotation-source-badge{padding:0;border:0;background:none;color:#8ee8ca}
#annotation-dialog[data-provenance=verified] .annotation-credit-name{font-size:16px;font-weight:500;color:#d9f3e9}
#annotation-dialog[data-provenance=workshop] .annotation-byline{display:grid;gap:10px;padding-bottom:18px;border-bottom:1px solid #e0e4ed24}
#annotation-dialog[data-provenance=workshop] .annotation-source-badge{padding:0;border:0;background:none;color:#a7b2c5}
#annotation-dialog[data-provenance=workshop] .annotation-credit-name{display:block;color:#8e9bb2;font-size:13px}
#annotation-dialog:is([data-provenance=workshop],[data-provenance=reader]) .annotation-byline{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:-22px -22px 24px;padding:16px 18px;background:linear-gradient(110deg,#e0e4ed0b,#e0e4ed03);border-top:2px solid #e0e4ed50;border-bottom:1px solid #e0e4ed20}
#annotation-dialog[data-provenance=verified] .annotation-byline{margin:-22px -22px 24px;padding:16px 18px;border:0;border-top:3px solid #6eddba;border-bottom:1px solid #6eddba35;border-radius:0;background:linear-gradient(110deg,#6eddba24,#6eddba08)}
#annotation-dialog[data-provenance=verified] .annotation-credit-name{font-size:18px;line-height:1.4}
.annotation-reaction-settings{display:flex;flex-wrap:wrap;gap:10px 20px;padding:14px;margin:16px 0;border:1px solid #ffffff20;border-radius:12px}
.annotation-reaction-settings legend{padding:0 6px;color:#aebacf;font-size:13px}
#annotation-form .annotation-reaction-settings label{display:flex;align-items:center;gap:9px;margin:0;font-size:14px;color:#d6ddeb;cursor:pointer}
.annotation-reaction-settings input{width:17px;height:17px;margin:0;accent-color:#bca4f4}
.annotation-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#annotation-dialog .annotation-byline{position:relative;padding-right:64px}
#annotation-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;color:#dbe0ed;cursor:pointer;transition:background .2s,color .2s}
.annotation-close-mark{position:relative;display:block;width:14px;height:14px;pointer-events:none}
.annotation-close-mark::before,.annotation-close-mark::after{content:"";position:absolute;top:50%;left:0;width:14px;height:1.5px;border-radius:2px;background:currentColor;transform:translateY(-50%) rotate(45deg)}
.annotation-close-mark::after{transform:translateY(-50%) rotate(-45deg)}
#annotation-close:hover{background:#ffffff13}
#annotation-close:focus-visible{outline:1px solid color-mix(in srgb,var(--note-accent) 55%,transparent);outline-offset:2px}
#annotation-dialog:not([data-mode=reading]) .annotation-byline{margin:-22px -22px 24px;padding:18px 64px 18px 22px;border-top:0;border-bottom:1px solid #ffffff1a;background:#ffffff04}
#annotation-dialog:not([data-mode=reading]) .annotation-source-badge{border:0;background:none;padding:0;color:#ccd4e3}
#annotation-dialog:not([data-mode=reading]) [data-source-icon]{display:none!important}
.annotation-owner-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.annotation-owner-tools:has(button:not([hidden])){margin-top:24px}
.annotation-owner-tools #annotation-edit{margin:0}
.annotation-owner-tools .annotation-manage-button{padding:10px 12px;font-size:14px;line-height:1.5;border:1px solid #ffffff20;border-radius:9px}
body.reader-page #annotation-dialog #annotation-quote{margin:0 0 22px;padding:3px 0 3px 14px;border:0;border-left:2px solid color-mix(in srgb,var(--note-accent) 45%,#e0e4ed);background:none;color:#e6e9f0;font:400 19px/1.55 Georgia,"Times New Roman",serif;letter-spacing:0;white-space:pre-line;overflow-wrap:break-word;text-wrap:pretty}
#annotation-body a{color:#d3c9eb;text-decoration:underline;text-decoration-color:#d3c9eb66;text-underline-offset:3px}
/* The rail's book theme must not override an annotation's source. */
.reader-page .annotation-rail #annotation-dialog[data-provenance]{border-color:color-mix(in srgb,var(--note-accent) 30%,#27303e);background:linear-gradient(160deg,color-mix(in srgb,var(--note-accent) 6%,#141923),#0f151f 60%)}
@media(prefers-reduced-motion:no-preference){
 #annotation-dialog[open]{animation:annotation-surface-in .38s cubic-bezier(.16,1,.3,1)}
 @keyframes annotation-surface-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
}
@media(prefers-reduced-motion:reduce){body.reader-page .publication-body .annotated-fragment[data-annotation][data-provenance]{transition:none}}
@media(max-width:760px){#annotation-dialog{border-radius:22px 22px 0 0}.annotation-byline{gap:8px;margin-bottom:20px}}

/* Fade the source accent before it reaches the curved sides. */
#annotation-dialog[data-provenance] .annotation-byline{border-top:0}
#annotation-dialog[data-mode=reading] .annotation-byline::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--note-accent) 22%,var(--note-accent) 78%,transparent)}
#annotation-dialog .annotation-panel-scroll{scrollbar-width:thin;scrollbar-color:#aeb9cf50 transparent;scrollbar-gutter:stable}
@supports selector(::-webkit-scrollbar){
 #annotation-dialog .annotation-panel-scroll{scrollbar-width:auto;scrollbar-color:auto}
 #annotation-dialog .annotation-panel-scroll::-webkit-scrollbar{width:6px;height:6px}
 #annotation-dialog .annotation-panel-scroll::-webkit-scrollbar-track{background:transparent;margin-block:12px}
 #annotation-dialog .annotation-panel-scroll::-webkit-scrollbar-thumb{background:#aeb9cf50;border-radius:100px;min-height:36px}
 #annotation-dialog .annotation-panel-scroll::-webkit-scrollbar-thumb:hover{background:#c2cde17a}
 #annotation-dialog .annotation-panel-scroll::-webkit-scrollbar-button{display:none;width:0;height:0}
 #annotation-dialog .annotation-panel-scroll::-webkit-scrollbar-corner{background:transparent}
}

/* The fixed byline spans the panel; only the explanation owns the scrollbar. */
#annotation-dialog[data-provenance]>.annotation-byline{flex-shrink:0;margin:0;padding:16px 54px 16px 18px;min-height:60px;border-left:0;border-right:0;border-top:0}
#annotation-dialog[data-provenance]>.annotation-byline:has(#annotation-edit:not([hidden])){padding-right:94px}
#annotation-dialog #annotation-edit{position:absolute;top:14px;right:50px;display:grid;place-items:center;width:30px;height:30px;padding:0;margin:0;border:0;border-radius:8px;background:transparent;color:#c4bed8;cursor:pointer;transition:color .2s,background .2s}
#annotation-dialog #annotation-edit:hover{color:#f0e7ff;background:#ffffff0b}
#annotation-dialog #annotation-edit:focus-visible{outline:1px solid color-mix(in srgb,var(--note-accent) 55%,transparent);outline-offset:2px}
#annotation-dialog #annotation-edit .ui-icon{display:block}
/* A dedicated writing surface; reading panels retain their existing geometry. */
#annotation-dialog[data-mode=editing],#annotation-dialog[data-mode=list]{width:740px;max-width:calc(100vw - 32px);border-radius:22px;background:linear-gradient(150deg,#1c2230,#101621);box-shadow:0 30px 100px #0009}
#annotation-dialog::backdrop{background:#03060bb8;backdrop-filter:blur(8px)}
#annotation-dialog[data-mode=editing]>.annotation-byline,#annotation-dialog[data-mode=list]>.annotation-byline{padding:22px 60px 22px 26px;border-bottom:1px solid #ffffff18;background:transparent}
#annotation-dialog[data-mode=editing] .annotation-panel-scroll,#annotation-dialog[data-mode=list] .annotation-panel-scroll{padding:24px 26px}
body.reader-page #annotation-dialog[data-mode=editing] #annotation-quote{font-size:18px;line-height:1.65;margin-bottom:24px;padding:12px 16px;border-left:2px solid #c7c2de70;background:#ffffff03;border-radius:0 8px 8px 0;max-height:150px;overflow:auto}
.annotation-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.annotation-editor-tabs{display:flex;gap:4px;padding:3px;background:#090e1780;border:1px solid #d2dbee15;border-radius:10px}
#annotation-form .annotation-editor-tabs button{padding:8px 12px;background:none;border:0;border-radius:7px;color:#8f9cb4;font:14px/1.4 Inter,sans-serif;cursor:pointer}
#annotation-form .annotation-editor-tabs button[aria-selected=true]{background:#c8c1ea12;color:#e0dcee;box-shadow:inset 0 1px 0 #ffffff12}
.annotation-format-tools{display:flex;align-items:center;gap:4px}.annotation-format-tools button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:7px;background:transparent;color:#aeb8ca;cursor:pointer}.annotation-format-tools button:hover{background:#ffffff08}
#annotation-dialog[data-mode=editing] #annotation-input{min-height:250px;padding:18px 20px;border:1px solid #d2dbee25;border-radius:13px;background:#080d1680;color:#e0e5ee;font:16px/1.8 Inter,"Segoe UI",sans-serif;resize:vertical}
.annotation-editor-preview{min-height:250px;padding:18px 20px;border:1px solid #d2dbee25;border-radius:13px;background:#080d1680;font:16px/1.8 Inter,sans-serif;color:#bdc6d8}.annotation-editor-preview p{margin:0 0 16px}.annotation-editor-preview a{color:#cfc4e6;text-decoration:underline;text-underline-offset:3px}.annotation-editor-preview strong{color:#e3e7f1}.annotation-editor-preview img{max-width:100%;border-radius:8px}
.annotation-editor-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:10px 0 22px}
#annotation-form #annotation-rebind{padding:5px 0;border:0;border-radius:0;background:none;margin:0;color:#a9a1c6;font:13px/1.5 Inter,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a9a1c655}
#annotation-editor-count{font-size:12px;font-variant-numeric:tabular-nums;color:#77879f}
.annotation-editor-settings{padding-top:18px;border-top:1px solid #ffffff15}.annotation-editor-settings summary{font-size:14px;color:#9facc3;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.annotation-editor-settings summary:after{content:"+";font-size:19px;color:#8593aa}.annotation-editor-settings[open] summary:after{content:"−"}.annotation-editor-settings summary::-webkit-details-marker{display:none}
.annotation-setting-section{margin-top:16px}.annotation-setting-label{display:block;font-size:13px;color:#8392aa;margin-bottom:9px}
.annotation-source-choices{display:flex;gap:8px}#annotation-form .annotation-source-choices button{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid #ffffff18;background:#ffffff03;color:#94a2ba;font:14px/1.4 Inter,sans-serif;cursor:pointer}
#annotation-form .annotation-source-choices button[aria-pressed=true]{background:#c6bce81a;border-color:#c6bce84d;color:#ddd6ef}
#annotation-form .annotation-switch{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;margin:0;color:#b9c3d5;font:14px/1.5 Inter,sans-serif;border:0;background:none;border-radius:0;cursor:pointer}
.annotation-switch>span{display:flex;align-items:center;gap:8px}.annotation-switch input{position:absolute;width:1px!important;height:1px!important;opacity:0;margin:0!important}
.annotation-switch i{position:relative;width:34px;height:20px;flex-shrink:0;border:1px solid #d7dfea28;border-radius:20px;background:#ffffff08;transition:background .25s,border-color .25s}
.annotation-switch i:before{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#8490a3;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s}
.annotation-switch input:checked+i{background:#bfb2e333;border-color:#c9bce266}.annotation-switch input:checked+i:before{background:#ddd3f3;transform:translateX(14px)}
.annotation-switch:has(input:focus-visible) i{outline:2px solid #c5b9e2;outline-offset:3px}
#annotation-form .annotation-confirm-switch{margin-top:8px;padding-bottom:16px;border-bottom:1px solid #ffffff12}
#annotation-form .annotation-reaction-settings{display:block;padding:0;margin:14px 0 0;border:0;background:none;border-radius:0}
.annotation-reaction-settings>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}#annotation-form .annotation-reaction-settings .annotation-switch{padding:8px 0}
#annotation-form .annotation-form-actions{position:sticky;bottom:-24px;display:flex;align-items:center;gap:12px;margin-top:24px;padding:18px 0 0;border-top:1px solid #ffffff18;background:#121925;box-shadow:0 -12px 22px #121925}
#annotation-form #annotation-save{min-height:42px;padding:10px 19px;border-radius:10px;border:1px solid #c7bdeb55;background:#c7bdeb22;color:#eee8fa;font-weight:500}
#annotation-form #annotation-editor-cancel{padding:10px 9px;background:none;border:0;color:#9eabc1}
#annotation-form #annotation-delete{display:flex;align-items:center;gap:7px;padding:8px 4px;margin-left:auto;background:none;border:0;color:#bc8b96;font-size:13px}
#annotation-form .annotation-draft-hint{margin:13px 0 0;font-size:12px;color:#6f809a}
#annotation-form input[type=url]{width:100%;padding:10px 12px;border:1px solid #d2dbee30;border-radius:8px;background:#090e18;color:#e1e5ef;font:14px/1.5 Inter,sans-serif}
.annotation-link-editor{display:flex;align-items:end;gap:10px;padding:14px;margin-bottom:14px;background:#ffffff04;border:1px solid #ffffff18;border-radius:10px}.annotation-link-editor label{flex:1;margin:0!important;font-size:12px!important}.annotation-link-editor button{padding:10px 8px;background:none;border:0;color:#cfc3e6;font-size:13px;cursor:pointer}
#annotation-dialog[data-mode=list] .annotation-list-item{padding:18px 0;font-size:18px;line-height:1.6}
#annotation-dialog[data-mode=editing] textarea{scrollbar-width:thin;scrollbar-color:#aeb9cf50 transparent}
@media(max-width:760px){#annotation-dialog[data-mode=editing],#annotation-dialog[data-mode=list]{border-radius:18px;border-bottom:1px solid #ffffff20}#annotation-dialog[data-mode=editing] .annotation-panel-scroll{padding:20px}.annotation-reaction-settings>div{gap:14px}.annotation-editor-tabs button{padding:8px!important}}
@media(prefers-reduced-motion:reduce){.annotation-switch i,.annotation-switch i:before{transition:none}}
.annotation-panel-scroll{min-width:0;flex:1}
.annotation-selection-action{max-width:calc(100vw - 24px);white-space:normal}
.annotation-byline,.annotation-navigation{flex:none}
.annotation-source-badge{width:fit-content;min-width:0;overflow-wrap:anywhere}
#annotation-body,.annotation-editor-preview{overflow-wrap:anywhere}
.annotation-editor-toolbar,.annotation-editor-meta,.annotation-source-choices{flex-wrap:wrap}
.annotation-link-editor label{min-width:0}
#annotation-form .annotation-form-actions{bottom:0;flex-wrap:wrap;padding-block:16px 12px;gap:8px 12px}
@media(max-width:420px){.annotation-link-editor{flex-wrap:wrap}.annotation-link-editor label{flex-basis:100%}.annotation-reaction-settings>div{grid-template-columns:minmax(0,1fr);gap:6px}}