:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#090a0a;color:#eee}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;font-size:14px}button:hover,button:focus-visible{background:#303333}button:focus-visible,a:focus-visible{outline:1px solid white;outline-offset:-3px}header{height:78px;display:flex;align-items:center;padding:0 28px;border-bottom:1px solid #343636;gap:8px;background:#101111}.identity{flex:1}.identity h1{font-size:20px;font-weight:400;letter-spacing:.12em;margin:0 0 7px}.identity span{font-size:12px;letter-spacing:.19em;color:#9b9e9e}header button{padding:16px}header button span{margin-left:15px}#stage{position:absolute;inset:78px 0 64px;overflow:hidden;cursor:grab;touch-action:none}#stage.dragging{cursor:grabbing}#canvas{width:100%;height:100%;display:block}#loading{position:absolute;inset:45% 0;text-align:center;color:#aaa;pointer-events:none}footer{position:absolute;bottom:0;height:64px;border-top:1px solid #343636;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#101111}.instruction{font-size:14px;color:#9b9e9e}.instruction i{font-style:normal;padding:0 12px}.controls{display:flex;align-items:center;gap:3px}.controls button{height:42px;min-width:42px}#plus,#minus{font-size:24px}#zoom{font-size:12px;min-width:48px;text-align:center;color:#aaa}#fit{border-left:1px solid #444;padding:0 18px;margin-left:10px}#mini{position:absolute;right:25px;bottom:85px;width:200px;height:80px;border:1px solid #626565;background:#080909;cursor:crosshair}nav{position:absolute;right:20px;top:88px;background:#171919f5;border:1px solid #444;width:300px;padding:22px;box-shadow:0 12px 50px #0008}nav[hidden]{display:none}.nav-head{font-size:12px;letter-spacing:.15em;color:#aaa;margin-bottom:14px}nav button{width:100%;text-align:left;border-top:1px solid #353737;padding:13px 0}nav button span{color:#888;font-size:12px;margin-right:18px}dialog{max-width:590px;width:calc(100% - 32px);padding:48px;background:#161818;color:#eee;border:1px solid #666}dialog::backdrop{background:#000b}#close{position:absolute;right:15px;top:10px;font-size:28px}.eyebrow{font-size:12px;letter-spacing:.14em;color:#aaa}h2{font-size:48px;font-weight:400;line-height:1.04;margin:28px 0}p{font-size:16px;line-height:1.65;color:#bbb}.subtitle{color:white}.note,.credit{font-size:14px}a{color:inherit}@media(max-width:640px){header{height:88px;padding:0 14px}.identity h1{font-size:14px;letter-spacing:.08em}.identity span{font-size:10px}header button{padding:14px 9px}header button span{display:none}#stage{top:88px}.instruction{display:none}footer{justify-content:center;padding:0 10px}#mini{width:140px;height:56px;right:12px;bottom:77px}nav{top:98px;right:12px}dialog{padding:32px}h2{font-size:40px}}

#topic-rail{position:absolute;top:0;left:58px;right:0;height:40px;overflow:hidden;background:#111313f5;border-bottom:1px solid #414444;cursor:default}#topic-rail[hidden]{display:none}#topic-rail button{position:absolute;top:0;height:40px;padding:0 14px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:1px solid #555;font-size:14px;letter-spacing:.04em}#year-rail{position:absolute;left:0;top:0;bottom:0;width:58px;background:#101212eb;border-right:1px solid #414444;pointer-events:none;overflow:hidden}#year-rail span{position:absolute;right:0;padding-right:10px;font-size:12px;line-height:18px;color:#b7bbbb;transform:translateY(-50%)}#year-rail span:after{content:"";position:absolute;right:0;top:9px;width:5px;border-top:1px solid #777}dialog{max-height:calc(100dvh - 32px);overflow-y:auto}@media(max-width:640px){#year-rail{width:45px}#topic-rail{left:45px}#topic-rail button{font-size:12px;padding:0 8px}}

.disclaimer{margin-top:20px;font-weight:400}.disclaimer p{font-size:14px;line-height:1.7;color:#aaa}