:root{--sea:#0c151d;--panel:#131f29;--panel-2:#182734;--rule:#24333f;--land:#2b3a46;--coast:#4b6675;--vellum:#e8dcc0;--ink:#cbd6dd;--muted:#8092a0;--faint:#5b6d7a;--bronze:#c08a3e;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-ui:system-ui, -apple-system, "Segoe UI", "Noto Sans KR", "Malgun Gothic", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--sea);min-width:1180px;color:var(--ink);font:14px/1.6 var(--font-ui);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit}:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}.app{grid-template:"head head head""side map detail"minmax(0,1fr)"ribbon ribbon ribbon"/320px minmax(0,1fr) 372px;height:100%;display:grid}.head{border-bottom:1px solid var(--rule);background:var(--panel);flex-wrap:wrap;grid-area:head;align-items:center;gap:8px 28px;min-height:76px;padding:10px 20px;display:flex}.clock{align-items:baseline;gap:12px;min-width:250px;display:flex}.clock-year{font:400 40px/1 var(--font-display);color:var(--vellum);letter-spacing:.01em;font-variant-numeric:tabular-nums}.clock-era{color:var(--faint);font-size:13px}.transport{align-items:center;gap:6px;display:flex}.window{color:var(--muted);align-items:center;gap:7px;margin-left:10px;font-size:12.5px;display:flex}.window select{border:1px solid var(--rule);background:var(--panel-2);color:var(--ink);font:inherit;border-radius:2px;padding:6px 8px}.play{border:1px solid var(--rule);background:var(--panel-2);color:var(--vellum);border-radius:2px;align-items:center;gap:8px;padding:7px 15px 7px 12px;display:flex}.play:hover{border-color:var(--bronze)}.speed{color:var(--muted);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:2px;padding:7px 11px}.speed:hover{color:var(--ink)}.speed[aria-pressed=true]{color:var(--bronze);border-color:var(--rule);background:var(--panel-2)}.filters{flex-wrap:wrap;justify-content:flex-end;gap:5px;margin-left:auto;display:flex}.chip{border:1px solid var(--rule);color:var(--ink);border-radius:2px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;display:inline-flex}.chip[aria-pressed=false]{color:var(--faint);border-color:#0000}.chip[aria-pressed=false] .chip-dot{opacity:.25}.chip-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.side{border-right:1px solid var(--rule);background:var(--panel);flex-direction:column;grid-area:side;min-height:0;display:flex}.search{border:1px solid var(--rule);background:var(--sea);color:var(--ink);border-radius:2px;margin:14px;padding:9px 11px}.search::placeholder{color:var(--faint)}.list{flex:1;padding-bottom:16px;overflow-y:auto}.row{text-align:left;border-left:2px solid #0000;grid-template-columns:8px 74px 1fr;align-items:baseline;gap:10px;width:100%;height:40px;padding:9px 14px;display:grid}.row:hover{background:var(--panel-2)}.row-dot{border-radius:50%;width:7px;height:7px;transform:translateY(-1px)}.row-year{font:400 12.5px/1.4 var(--font-display);color:var(--faint);font-variant-numeric:tabular-nums}.row-title{color:var(--ink);font-size:13.5px}.row.is-current{background:var(--panel-2);border-left-color:var(--bronze)}.row.is-current .row-year{color:var(--bronze)}.row.is-selected .row-title{color:var(--vellum)}.list-empty{color:var(--faint);padding:24px 16px;font-size:13px}.map{background:var(--sea);grid-area:map;min-width:0;position:relative}.map svg{cursor:grab;width:100%;height:100%;display:block}.map svg:active{cursor:grabbing}.sphere{fill:#0a121a}.graticule{fill:none;stroke:#1a2732;stroke-width:.5px}.land{fill:var(--land);stroke:var(--coast);stroke-width:.4px}.marker{cursor:pointer;animation:.38s ease-out both marker-in}.marker-core{stroke:#0c151d;transform-box:fill-box;transform-origin:50%;animation:.42s cubic-bezier(.2,1.4,.4,1) both pop}.marker-halo{fill:none;opacity:.3}.marker-beat{transform-box:fill-box;transform-origin:50%;opacity:0}.marker-label{fill:var(--vellum);font-family:var(--font-ui);paint-order:stroke;stroke:#0a121a;stroke-width:3px;stroke-linejoin:round;pointer-events:none}.marker.is-selected .marker-halo{opacity:1}.cluster{cursor:pointer;animation:.38s ease-out both marker-in}.cluster-bg,.cluster-ring{transform-box:fill-box;transform-origin:50%;animation:.42s cubic-bezier(.2,1.4,.4,1) both pop}.cluster-text{font-family:var(--font-ui);pointer-events:none}@keyframes marker-in{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes beat{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(4.5)}}.marker.is-birth .marker-beat{animation:1.7s ease-out 3 beat}.marker.is-death .marker-beat{animation:2.8s ease-out 3 beat}.map-hint{color:var(--faint);text-shadow:0 0 6px var(--sea), 0 0 3px var(--sea);pointer-events:none;font-size:12px;position:absolute;bottom:14px;left:16px}.detail{border-left:1px solid var(--rule);background:var(--panel);grid-area:detail;padding:20px;overflow-y:auto}.detail-empty{color:var(--faint);padding-top:8px;font-size:13px;line-height:1.8}.detail-figure{border:1px solid var(--rule);background:var(--sea);object-fit:cover;width:100%;height:190px;margin-bottom:18px;display:block}.detail-placeholder{font:400 15px var(--font-display);letter-spacing:.16em;justify-content:center;align-items:center;display:flex}.detail-title{font:400 22px/1.35 var(--font-display);color:var(--vellum);margin:0 0 6px}.detail-span{font:400 14px var(--font-display);color:var(--bronze);font-variant-numeric:tabular-nums}.detail-meta{color:var(--muted);margin-top:4px;font-size:12.5px}.detail-body{color:var(--ink);white-space:pre-line;margin:16px 0 0;font-size:13.5px;line-height:1.75}.detail-section{border-top:1px solid var(--rule);margin-top:24px;padding-top:16px}.detail-section h3{font:400 14px var(--font-display);color:var(--muted);margin:0 0 10px}.achieve{text-align:left;border-bottom:1px solid var(--rule);width:100%;padding:9px 10px 9px 0;display:block}.achieve:last-child{border-bottom:0}.achieve:hover .achieve-title{color:var(--vellum)}.achieve-year{font:400 12.5px var(--font-display);color:var(--bronze);font-variant-numeric:tabular-nums}.achieve-title{color:var(--ink);font-size:13.5px}.achieve-desc{color:var(--faint);margin-top:2px;font-size:12.5px;line-height:1.6}.related{flex-wrap:wrap;gap:6px;display:flex}.related-link{border:1px solid var(--rule);border-radius:2px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;display:inline-flex}.related-link:hover{border-color:var(--bronze);color:var(--vellum)}.ribbon{border-top:1px solid var(--rule);background:var(--panel);-webkit-user-select:none;user-select:none;grid-area:ribbon;height:104px;position:relative}.ribbon-eras{display:flex;position:absolute;inset:0 0 26px}.ribbon-era{border-right:1px solid var(--rule);position:relative}.ribbon-era:last-child{border-right:0}.ribbon-era-name{font:400 12px var(--font-display);color:var(--faint);white-space:nowrap;position:absolute;top:8px;left:10px}.ribbon-ticks{height:52px;position:absolute;inset:auto 0 26px}.ribbon-tick{background:var(--coast);width:2px;position:absolute;bottom:0}.ribbon-axis{border-top:1px solid var(--rule);height:26px;position:absolute;inset:auto 0 0}.ribbon-axis-label{font:400 11.5px var(--font-display);color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute;top:5px;transform:translate(-50%)}.playhead{background:var(--bronze);pointer-events:none;width:1px;position:absolute;top:0;bottom:26px}.playhead:before{content:"";border:4px solid #0000;border-top-color:var(--bronze);position:absolute;top:-1px;left:-3.5px}.ribbon-input{opacity:0;cursor:ew-resize;appearance:none;background:0 0;width:100%;margin:0;position:absolute;inset:0 0 26px}.ribbon-input:focus-visible+.playhead{box-shadow:0 0 0 1px var(--bronze)}@media (prefers-reduced-motion:reduce){.marker,.marker-core,.marker-beat{opacity:1;animation:none!important}}