.cloud-page-content.remote-screen-content{display:flex;flex-direction:column;overflow:hidden;background:#101b25}
/* Keep the complete 1280×800 browser frame at full width. Notes must not
   compress it into a letterboxed strip; expanded viewing scrolls instead. */
#cloud-page-content.remote-screen-content{height:auto;overflow:visible}
#remote-screen{width:100%;aspect-ratio:8/5;flex:0 0 auto!important}
#remote-screen>img{position:absolute;inset:0}
#remote-screen:has(>img:not([src])){min-height:320px!important}
#remote-evidence-tray{flex:0 0 auto;min-width:0;max-height:360px;overflow:auto;scrollbar-width:thin;scrollbar-color:#557789 #11212d}
.remote-evidence-highlight{position:absolute;z-index:2;pointer-events:none;border:2px solid #1bcaa4;border-radius:3px;background:#7fd6cc16;box-shadow:0 0 0 2px #182c3980;transition:opacity .2s}
.remote-selection-label{position:absolute;left:-2px;bottom:100%;max-width:220px;padding:5px 8px;border-radius:3px 3px 0 0;background:#123b38;color:#d6fff2;font:600 10px/1.3 var(--mono);white-space:nowrap;box-shadow:0 -2px 8px #0003}
.remote-evidence-explanation{margin:0 0 9px;font:11px/1.5 Arial,sans-serif;color:#abc3cd}
.remote-evidence-card{padding:11px 15px 12px;border-top:1px solid #45616d;background:linear-gradient(115deg,#172c39,#11212c);color:#dbe9e9;min-width:0}
.remote-evidence-phase{display:block;font:9px/1.5 var(--mono);letter-spacing:.7px;text-transform:uppercase;color:#acd0d5;margin-bottom:5px}
.remote-evidence-phase::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#a6d5d4;margin-right:7px}
.remote-evidence-card[data-phase=saved] .remote-evidence-phase{color:#b7dfc7}
.remote-evidence-card[data-phase=saved] .remote-evidence-phase::before{background:#b7dfc7}
.remote-evidence-card>strong{font:600 10px/1.5 var(--mono);color:#d9e5e5;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.remote-evidence-card>strong[hidden]{display:none}
.remote-evidence-card blockquote{margin:5px 0 7px;border-left:2px solid #80aeb5;padding:0 0 0 10px;font:12px/1.6 Arial,sans-serif;color:#d4e0e3;overflow-wrap:anywhere;white-space:pre-wrap}
.remote-evidence-card>blockquote{display:block}
.remote-evidence-recent{margin-top:10px;padding-top:8px;border-top:1px solid #56708066}
.remote-evidence-recent[hidden]{display:none}
.remote-evidence-count{display:block;font:9px/1.5 var(--mono);color:#b7dfc7;letter-spacing:.4px}
.remote-evidence-recent ol{list-style:none;display:flex;gap:7px;margin:6px 0 0;padding:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#557789 #11212d;scroll-snap-type:x proximity}
.remote-evidence-recent li{flex:0 0 172px;padding:6px 8px;background:#0a182477;border:1px solid #48637188;border-radius:3px;scroll-snap-align:start}
.remote-evidence-recent blockquote{border:0;padding:0;margin:0 0 4px;font-size:10px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.remote-evidence-recent a{font:8px/1.4 var(--mono);color:#97bac8;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.remote-passage-chip{position:absolute;left:0;top:0;z-index:4;pointer-events:none;max-width:112px;padding:3px 5px;border:1px solid #91bebb;background:#173940f2;box-shadow:1px 3px 8px #06121e80;border-radius:2px;color:#e4f2ec;font:8px/1.35 var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;will-change:transform}
.remote-passage-tether{position:absolute;z-index:3;height:1px;background:linear-gradient(90deg,#b4e2cd,#89bccc80);transform-origin:0 0;pointer-events:none;opacity:0}
.remote-evidence-card>a{font:9px/1.4 var(--mono);color:#9fbfc9;text-decoration:none;overflow-wrap:anywhere}
.remote-evidence-card>a:hover{text-decoration:underline;color:#e0eeee}
.remote-evidence-time{font:8px/1.5 var(--mono);color:#93adaf;margin-left:12px;white-space:nowrap}
.remote-evidence-time[hidden]{display:none}
.remote-evidence-card.is-collected{animation:evidence-collected .65s ease-out both}
.remote-evidence-highlight.is-collected{animation:evidence-marked .65s ease-out both}
.cloud-event .cloud-evidence-title{font:600 10px/1.5 var(--mono);color:#c0d8da;margin-top:7px;display:block;overflow-wrap:anywhere}
.cloud-event .cloud-evidence-quote{margin:6px 0;border-left:2px solid #779da7;padding-left:9px;font:12px/1.65 Arial,sans-serif;color:#c7d9dc;white-space:pre-wrap;overflow-wrap:anywhere}
.cloud-event .cloud-evidence-saved{font:8px/1.5 var(--mono);color:#a6c9b5;display:block;margin-top:7px}
@keyframes evidence-collected{from{box-shadow:inset 3px 0 #b7dfc7;background-color:#26463f}to{box-shadow:inset 0 0 transparent}}
@keyframes evidence-marked{from{background:#b7dfc735;box-shadow:0 0 0 3px #b7dfc735}to{background:#7fd6cc16;box-shadow:0 0 0 2px #182c3980}}
@media(max-width:600px){.remote-evidence-card{padding:9px 11px}.remote-evidence-card blockquote{font-size:11px;margin:4px 0 5px}.remote-evidence-card>strong{font-size:9px}#remote-screen-status{font-size:9px!important;bottom:3px!important;left:5px!important;right:5px!important}}
@media(prefers-reduced-motion:reduce){.remote-evidence-card.is-collected,.remote-evidence-highlight.is-collected{animation:none}.remote-evidence-highlight{transition:none}.remote-passage-chip,.remote-passage-tether{display:none}}