:root{color-scheme:dark;font-family:Arial,sans-serif;background:#08090d;color:#e7e4df}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}a{color:#d8b97e;text-underline-offset:5px}header a{text-decoration:none;letter-spacing:2px;font-size:13px}h1{font:clamp(32px,6vw,66px) Georgia,serif;margin:12px 0}.eyebrow{font-size:11px;letter-spacing:3px;color:#c8aa76}.intro{color:#acaeb6;margin-bottom:28px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}button,select{font:inherit;color:inherit;background:#14161c;border:1px solid #41434b;border-radius:8px;padding:12px;min-height:44px;cursor:pointer}button[aria-pressed=true]{border-color:#d8b97e;color:#f0d298;background:#2a2419}button:focus-visible,a:focus-visible,select:focus-visible,#viewport:focus-visible{outline:2px solid #eac780;outline-offset:3px}.toolbar label{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:13px}input{accent-color:#d8b97e;max-width:140px}#viewport{position:relative;overflow:hidden;width:100%;aspect-ratio:6248/4176;background:#000;border:1px solid #36353a;border-radius:10px;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}#scene{position:absolute;inset:0;transform-origin:0 0}#photo{display:block;width:100%;height:100%;object-fit:fill}#scene.negative #photo{filter:invert(1)}#markers{position:absolute;inset:0;pointer-events:none}.marker{position:absolute;transform:translate(-50%,-50%) scale(var(--inverse,1));padding:0;min-height:44px;width:44px;height:44px;background:transparent;border:0;border-radius:50%;pointer-events:auto;touch-action:none}.marker:before{content:'';position:absolute;inset:13px;border:1px solid #e9dab8;border-radius:50%;box-shadow:0 0 0 1px #0008}.marker.star:before{border-color:#8ee8ef}.marker span{position:absolute;white-space:nowrap;top:40px;left:50%;transform:translateX(-50%);font-size:11px;background:#0c0e13d9;padding:5px 7px;border-radius:5px}.marker.edge span{left:auto;right:15px;transform:none}.marker.upper span{top:auto;bottom:40px}.marker[hidden]{display:none}.hint{font-size:12px;color:#999ea9;line-height:1.7}#selection{padding:18px 22px;border-left:2px solid #c6a66b;background:#101218;margin:24px 0}h2{font-size:18px;margin:0 0 10px}#selected-note{color:#b9bbc3;font-size:14px;line-height:1.6}details{border-top:1px solid #292c34;padding:20px 0;line-height:1.6}summary{cursor:pointer;color:#d8b97e}dl{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}dt{font-size:11px;text-transform:uppercase;color:#999ea9;letter-spacing:1px}dd{margin:10px 0;font-size:14px}#histogram{width:100%;height:180px;margin-top:20px}footer{font-size:11px;letter-spacing:1px;color:#777d8a;padding-bottom:40px}@media(max-width:600px){header,main,footer{padding:16px}.toolbar label{margin-left:0;width:100%;padding-top:10px}dl{grid-template-columns:1fr 1fr}.marker span{font-size:9px;padding:3px}.intro{font-size:14px}.toolbar button{font-size:13px;padding:10px}}