/* A reading surface from the first frame; no merge stage or playback controls. */
.merge-stage{--guidance-ink:#8b692f}
.gesture-cue{color:var(--guidance-ink)}
.merge-controls,.surface-switch,.result-caption{display:none!important}
.workspace-shell{opacity:1}
.carry-caption h3,.carry-caption p{transition:none}
.carry-editor .cite-stick{position:relative;left:0;top:0;width:4px;height:auto;padding:0;border:0;border-radius:3px;background:none;cursor:grab;touch-action:none;pointer-events:auto!important;z-index:4}
.carry-editor .cite-stick::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translateX(-50%);border-radius:999px;background:rgb(29 26 21 / .95);transition:width .5s linear(0,.1313 5%,.3577 10%,.562 15%,.7153 20%,.89 30%,.9605 40%,.9864 50%,.9985 70%,1)}
.carry-editor .cite-stick::after{content:"";position:absolute;inset:-8px -16px}
.carry-editor .cite-stick:active{cursor:grabbing}
.carry-editor .cite-stick:hover{transform:none;box-shadow:none}
.carry-editor .cite-stick:hover::before{width:6px}
.merge-stage[data-phase=cite-return] .cite-stick::before{width:4px;transition:none}
.carry-editor .cite-stick:focus-visible,.citation-mark:focus-visible{outline:2px solid #89642f;outline-offset:5px}
.carry-editor .citation-mark{display:inline;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:0;min-width:0;line-height:inherit}
.cite-caret{position:absolute;z-index:8;width:1.5px;background:#302d27;pointer-events:none}
.cite-caret[hidden]{display:none}
.carry-editor .note-content{transition:none}
@media(prefers-reduced-motion:reduce){.carry-caption h3,.carry-caption p,.carry-editor .note-content{transition:none}}

.gesture-cue span{white-space:nowrap;display:block;position:relative;left:50%;transform:translateX(-50%);width:max-content}
@media(max-width:1040px){.merge-stage{margin-top:0}.carry-caption{display:none!important}}
.carry-editor .citation-mark{position:relative;color:#E3B56F}
.carry-editor .citation-mark::after{content:"";position:absolute;inset:-10px -6px}
.carry-editor .citation-separator{color:#E3B56F;font-size:.65em;vertical-align:super;line-height:0;padding-inline:1px}
.carry-editor .citation-mark:has(+ .citation-separator)::after{right:0}
.carry-editor .citation-separator + .citation-mark::after{left:0}
/* The same gold needs a dark local ground on cloth to remain legible. */
.citation-echo{color:#E3B56F;background:#433a2d;border-radius:2px;padding:.02em .27em;font-weight:650;font-variant-numeric:lining-nums}
.gesture-cue[hidden]{display:none!important}
.carry-caption{top:200px!important}
.carry-caption h3{font-size:clamp(24px,2vw,26px);letter-spacing:-.02em}
.carry-caption p{color:#4d473e}
.carry-editor .source-return{position:relative}
.carry-editor .source-return:hover,.carry-editor .source-return:focus-visible,.carry-editor .source-label{text-decoration:none}
.carry-editor .source-return{transition:color .18s ease}
.carry-editor .source-return:focus-visible{color:#1d1a15;outline:1px solid #89642f;outline-offset:5px}

/* Two short, direct pointers occupy only the space above and below the card.
   This passive sibling layer cannot expand the native controls' hover areas. */
.note-guidance{position:absolute;inset:0;z-index:4;pointer-events:none}
.note-guidance *{pointer-events:none}
.note-hint{position:absolute;display:block;width:0;height:0;font:400 12px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.005em;color:var(--guidance-ink);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s .25s}
.note-hint>span{position:absolute;display:block;width:max-content}
.note-hint svg{position:absolute;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.cite-hint{left:var(--cite-guide-x);top:var(--cite-guide-y)}
.cite-hint>span{left:20px;top:-31px}
.cite-hint svg{left:-5px;top:-31px;width:10px;height:17px}
.source-hint{left:var(--source-guide-x);top:var(--source-guide-y)}
.source-hint>span{left:20px;top:13px}
.source-hint svg{left:0;top:13px;width:10px;height:17px}
.merge-stage[data-actions-ready=true] .note-hint{opacity:1;visibility:visible;transition:opacity .35s ease .12s,visibility 0s}
@media(prefers-reduced-motion:reduce){.note-hint,.merge-stage[data-actions-ready=true] .note-hint,.carry-editor .cite-stick::before,.carry-editor .source-return{transition:none}}

.result[data-source-selected=true] .mark{background:rgb(239 200 94 / .5)}

.merge-stage[data-cite-learned=true] .cite-hint,.merge-stage[data-source-learned=true] .source-hint{opacity:0;visibility:hidden;transition:none}

/* Three separate highlight bands rather than a continuous yellow block. */
.close-page .mark{height:1.39%;transform:translateY(1px)}

/* Phone website view: readable columns, navigated by the surrounding controls. */
@media(max-width:700px){
 .merge-stage{height:550px;min-width:0}
 .carry-editor .composition{grid-template-columns:300px 268px;gap:24px;padding:44px 24px 24px}
 .carry-editor article.draft{width:268px;min-width:0;font:17px/27px Quattro,monospace}
 .carry-editor .left-margin{width:242px}
}

/* Passive demonstration hand; matches the filing hand without intercepting input. */
.demo-hand{position:absolute;width:28px;height:30px;z-index:10;pointer-events:none;opacity:0;filter:drop-shadow(0 1px 1px #0002);transform-origin:50% 50%}
.demo-hand path{display:none;fill:#fffdf8;stroke:#403b32;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.demo-hand[data-shape=open] .hand-open,.demo-hand[data-shape=grab] .hand-grab,.demo-hand[data-shape=point] .hand-point{display:block}
@media(prefers-reduced-motion:reduce){.demo-hand{display:none!important}}