:root{color-scheme:dark;--paper:#e7e5db;--muted:#abb0a8;--black:#111312}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--paper);font:14px Arial,sans-serif}button,select,input{font:inherit}button,select{color:inherit;background:transparent;border:0}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,#sky:focus-visible{outline:2px solid #e7d59d;outline-offset:3px}button:hover{color:#fff;text-decoration:underline}main{height:100vh;height:100svh;display:flex;flex-direction:column;overflow:hidden}#sky{flex:1;min-height:150px;position:relative;overflow:hidden;cursor:grab;touch-action:none;background:#242724}#sky.dragging{cursor:grabbing}#plane{position:absolute;transform-origin:0 0}#photo,#contours{position:absolute;inset:0;width:100%;height:100%;display:block}#photo{filter:grayscale(1) sepia(.16) contrast(.86) brightness(.77);user-select:none;-webkit-user-drag:none}body.colour #photo{filter:saturate(1.12) contrast(1.04) brightness(.9)}#contours{overflow:hidden}.outline{fill:transparent;stroke:#eeeede;stroke-width:.85;vector-effect:non-scaling-stroke;opacity:.65}.outline.retained{opacity:1;stroke-width:1.1}.outline.focused{stroke:#ffe4a3;stroke-width:2;opacity:1}.grain,.grid,.perimeter{position:absolute;pointer-events:none}.grain{inset:0;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.grid{inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#fff2 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#fff2 50%,transparent calc(50% + .5px));background-size:50% 50%;opacity:.32}.perimeter{inset:19px;border:1px solid #fff3}header{position:absolute;left:37px;right:37px;top:29px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 1px 8px #000}header button{pointer-events:auto}.brand{font:27px Arial,sans-serif;letter-spacing:-.05em;padding:0;margin:0 0 8px}.metadata,.eyebrow,.pan-tools,.credits,.caption,.playback,#counts,#figures,#inspect,.experiment,#region-list{font-family:'Courier New',monospace}.metadata{font-size:11px;line-height:1.7;letter-spacing:.035em}.right{text-align:right}.note{position:absolute;left:10%;top:25%;font:14px/1.3 'Courier New',monospace;transform:rotate(-2deg);text-shadow:0 1px 8px #000;pointer-events:none}.question{position:absolute;right:7%;top:52%;font:19px/1.13 Arial,sans-serif;letter-spacing:-.025em;text-align:right;text-shadow:0 1px 8px #000;pointer-events:none}.cross{position:absolute;font:22px 'Courier New';opacity:.4;pointer-events:none}.c1{left:24%;top:40%}.c2{right:23%;top:68%}#labels{position:absolute;inset:0;pointer-events:none}.sky-label{position:absolute;background:#0a0c0bef;padding:4px 7px;font:12px 'Courier New',monospace;white-space:nowrap;pointer-events:auto;border:1px solid transparent}.sky-label.tentative{color:#c7c9bd;border-color:#ffffff30}.sky-label.active{border-color:#ffe4a3;color:#ffe4a3}.pan-tools{position:absolute;bottom:27px;left:37px;right:37px;display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:.04em;text-shadow:0 1px 6px #000}.pan-tools span{margin-right:auto}.pan-tools button{padding:6px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#111c;font:13px monospace}#loading[hidden]{display:none}footer{background:var(--black);z-index:2;border-top:1px solid #d6d5c644;flex-shrink:0;padding:25px 37px 13px}.reading-band{display:grid;grid-template-columns:1.6fr .8fr 1fr;gap:32px}.eyebrow{font-size:10px;letter-spacing:.09em;color:var(--muted);line-height:1.6}#omen{font:clamp(24px,2.6vw,36px)/1.1 Arial,sans-serif;letter-spacing:-.04em;margin-top:10px;overflow-wrap:anywhere}#counts,#figures{font-size:12px;line-height:1.7;margin:8px 0 0}#figures button{padding:2px 8px 2px 0;text-align:left}#inspect{font-size:11px;color:var(--muted);padding:9px 0}.playback{display:flex;align-items:center;gap:15px;margin-top:20px;font-size:11px}.playback button{min-width:74px;text-align:left;padding:7px 0}.playback input{flex:1;min-width:40px;accent-color:#dddccd;height:20px}.playback select{padding:6px;border:1px solid #fff3}.credits{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #fff2;padding-top:11px;margin-top:12px;font-size:9px;line-height:1.5;color:#a7aba3}.credits button{white-space:nowrap;padding:4px 0}dialog{background:#171b18;color:var(--paper);border:1px solid #ffffff40;padding:38px;width:min(760px,calc(100vw - 30px));max-height:85svh;line-height:1.6}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog h1{font:36px/1.1 Arial;letter-spacing:-.04em;margin:22px 0}.close{position:absolute;right:14px;top:10px;font-size:27px}.intro{max-width:62ch}.caption{font-size:11px;color:var(--muted);line-height:1.65}.experiment{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:16px 0;font-size:12px}.experiment select{border-bottom:1px solid #777;padding:6px}.region-row{border-top:1px solid #fff3;padding:14px 0;display:grid;grid-template-columns:1fr auto;gap:4px 20px;font-size:12px}.region-row button{text-align:left;padding:0}.region-row small{grid-column:1/-1;line-height:1.7;color:var(--muted)}
@media(max-width:650px){header{left:24px;right:24px;top:23px}.brand{font-size:24px}.metadata{font-size:9px}.perimeter{inset:12px}.note{left:25px;top:28%;font-size:12px}.question{font-size:17px;right:25px;top:60%}.pan-tools{left:22px;right:22px;bottom:19px;font-size:9px;gap:7px}.pan-tools span{font-size:8px}.sky-label{font-size:11px;padding:4px 6px}footer{padding:17px 22px max(12px,env(safe-area-inset-bottom))}.reading-band{grid-template-columns:1fr 1.1fr;gap:14px 19px}.daily{grid-column:1/-1}#omen{font-size:27px;margin-top:7px}.eyebrow{font-size:9px}#counts,#figures{font-size:10px;margin-top:5px}#inspect{font-size:10px;padding:5px 0}.playback{gap:8px;font-size:10px;margin-top:11px}.playback button{min-width:58px}.playback time{display:none}.credits{flex-wrap:wrap;gap:5px;font-size:8px;margin-top:9px;padding-top:8px}.credits span:first-child{display:none}.credits span:nth-child(2){max-width:75%}dialog{padding:27px 22px}dialog h1{font-size:30px}.region-row{font-size:11px}}@media(max-height:550px){main{height:auto;min-height:100svh;overflow:auto}#sky{flex:none;height:70svh;min-height:260px}footer{padding-top:16px}.note{display:none}}

.credits a{color:inherit;text-decoration:none}.credits a:hover{text-decoration:underline}

/* Reserve the same reading space for every frame, preserving the timelapse crop. */
#figures{height:62px;overflow-y:auto}#counts{min-height:41px}.sky-label{max-width:calc(100% - 30px);white-space:normal;overflow-wrap:anywhere;line-height:1.3;text-align:left}
@media(max-width:650px){#figures{height:42px}#counts{min-height:34px}}

body[data-study="mixed"] #photo{filter:none}

body[data-study="tales"] #photo{filter:none}