*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{margin:0 auto;padding:0;width:100%}#controls{position:sticky;top:0;display:flex;flex-direction:column;padding:.4rem;gap:.4rem;background:#ccc;border-bottom:1px solid #213547;min-width:0;width:100%;z-index:10}.flex{display:flex;gap:.4rem;min-width:0;width:100%;flex-wrap:nowrap}url-chooser{flex:2}file-chooser{flex:auto;max-width:30em}.status{flex:auto;min-width:5em}.status span{margin:.3em 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.8em}.status span+span:before{content:",";margin-right:.25em}.error{color:#d11c24}#placeholder{height:100vh;width:100vw}timeline-view{height:100vh;width:100vw}#map{height:100vh;width:100vw}#map-overlay-status{flex:1;font-style:italic}.map-infobox{position:absolute;top:10px;left:10px;background-color:#ffffffe5;padding:10px;border-radius:4px;max-width:300px;box-shadow:0 0 0 2px #0000001a;z-index:1;pointer-events:auto}.map-infobox h2{margin-top:0}.map-infobox p{margin:0 0 5px;font-size:14px}.occupation-list{font-style:italic;margin-bottom:1em}.event-list{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start}.nowrap{text-wrap:nowrap}