:root{color-scheme:dark;--navy:#0c2231;--navy2:#152f40;--ink:#152d3c;--cream:#f1ede3;--muted:#b3c6d0;--gold:#d5b777;--line:rgba(187,211,226,.22);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% -20%,#28526a 0,#0c2231 65%);color:#f1f0e9;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit;background:none;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:9px 14px;transition:background .15s,border-color .15s}button:hover{background:#ffffff10;border-color:#a3c0cc}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f5c66e;outline-offset:3px}button.active,button[aria-pressed=true]{background:#326783;border-color:#76a3b9;color:white}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;background:#f8da9f;color:#132838;padding:15px;z-index:100}.skip:focus{top:0}.topbar{min-height:86px;display:flex;align-items:center;gap:32px;padding:12px 24px;z-index:20}.brand{text-decoration:none;display:flex;gap:16px;align-items:center;flex-shrink:0}.brand strong{display:block;font-family:Georgia,serif;font-size:clamp(20px,2.2vw,34px);letter-spacing:.055em;line-height:1.15;font-weight:500}.brand small{font-family:Georgia,serif;font-size:16px;display:block;margin-top:4px;color:#e6dac7}.topnav{display:flex;gap:10px;margin-left:auto}.topnav button{border:0;border-radius:0;display:flex;flex-direction:column;align-items:center;padding:0 8px;font-family:Georgia,serif;font-size:14px;gap:3px;white-space:nowrap;color:var(--muted)}.topnav button span{font-family:system-ui;font-size:28px;line-height:30px}.topnav .nav-active{color:white;border-bottom:1px solid #cfb983}.search-wrap{position:relative;min-width:220px;width:27%;max-width:380px;display:flex;align-items:center;border:1px solid #637c8c;border-radius:12px}.search-wrap>span{font-size:32px;margin-left:10px;color:#adc0cd}#search{width:100%;min-width:0;background:transparent;border:0;color:white;padding:12px 8px;font-size:14px}#search::placeholder{color:#b8c9d2}.results{position:absolute;top:54px;left:0;right:0;max-height:65vh;overflow:auto;background:#102a3b;border:1px solid #668496;border-radius:12px;box-shadow:0 16px 50px #0008;padding:8px;z-index:30}.results button{display:block;width:100%;text-align:left;border:0;border-radius:6px;padding:10px}.results button small{display:block;color:#c5d5df;margin-top:3px;font-size:12px}.results p{margin:10px}#workspace{display:flex;gap:10px;flex:1;min-height:0;padding:0 12px}.timeline-area{min-width:0;flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #657e8e88;border-radius:15px;background:#192f3a;position:relative}.epochs{flex-shrink:0;height:clamp(140px,23vh,225px);display:grid;grid-template-columns:repeat(6,1fr);background:url('assets/epochs.png') center center/100% 100% no-repeat;position:relative}.epochs button{display:flex;flex-direction:column;justify-content:flex-end;border:0;border-radius:0;text-align:center;padding:12px 4px;background:linear-gradient(transparent 45%,#0e263681 72%,#122b3c 100%);text-shadow:0 2px 6px #000;position:relative;min-width:0}.epochs button:hover,.epochs button.current{background:linear-gradient(transparent 40%,#101f2b44 60%,#102b3d 100%);box-shadow:inset 0 -3px 0 #d7bd88}.epochs strong{font-family:Georgia,serif;text-transform:uppercase;font-size:clamp(11px,1.03vw,16px);font-weight:600}.epochs small{font:13px Georgia,serif;margin-top:3px;color:#e8dfcd}.subline{display:flex;justify-content:space-between;align-items:center;padding:3px 14px;font-size:11px;color:#bbcdd6;min-height:32px;border-bottom:1px solid var(--line);gap:10px}.subline button{border:0;font-size:11px;min-height:26px;padding:4px;color:#bbcdd6}.chart-top{display:flex;justify-content:space-between;align-items:center;color:#375061;background:#dae3e7;padding:7px 16px;font-size:12px;gap:10px}.chart-top select{color:#17354a;background:#eef3f6;border:1px solid #91a6b4;border-radius:6px;padding:6px;min-height:34px;max-width:180px}.chart-top label{white-space:nowrap}.timeline{flex:1;min-height:100px;position:relative;overflow:hidden;outline-offset:-4px;background:linear-gradient(100deg,#d9e4e9,#c8d9e2 50%,#dce6e9);color:var(--ink);cursor:grab;touch-action:none;user-select:none}.timeline.dragging{cursor:grabbing}.ruler{height:54px;position:relative;border-bottom:1px solid #637d9038;overflow:hidden}.tick{position:absolute;height:100%;top:0;transform:translateX(-50%);font-family:Georgia,serif;font-size:13px;white-space:nowrap;padding-top:17px}.tick:after{content:"";position:absolute;width:1px;height:10px;background:#557a91;bottom:0;left:50%}.boundary-label{position:absolute;bottom:7px;white-space:nowrap;transform:translateX(-50%);font-weight:bold;background:#e3eceee8;border-radius:4px;padding:3px 6px;color:#722c23;font-family:Georgia,serif;z-index:1}.rows-scroll{position:absolute;top:54px;bottom:0;left:0;right:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#748f9f #d0dfe5;overscroll-behavior:contain;touch-action:none}.rows{position:relative;min-height:100%;padding-bottom:24px;overflow:hidden}.row{height:57px;position:relative;border-bottom:1px solid #829ba41a}.row:nth-child(even){background:#ffffff1a}.gridline{position:absolute;top:0;bottom:0;width:1px;background:#59798925;pointer-events:none}.bar{position:absolute;top:7px;height:43px;min-height:0;border:1px solid #ffffff35;border-radius:6px;padding:0;text-align:left;color:#fff;background:linear-gradient(110deg,color-mix(in srgb,var(--bar) 90%,white),var(--bar));background-color:var(--bar);box-shadow:0 1px 2px #38506a20;overflow:hidden;white-space:nowrap;font-family:Georgia,serif;transition:opacity .12s,box-shadow .12s;min-width:0}.bar-content{display:flex;align-items:center;gap:10px;height:100%;padding-right:12px;min-width:0}.bar img{width:46px;height:43px;object-fit:cover;border-radius:4px 0 0 4px;opacity:.86;flex-shrink:0}.bar-text{overflow:hidden;text-overflow:ellipsis;font-size:15px}.bar-text small{display:block;font:10px system-ui;color:#ffffffc9;margin-top:2px}.bar.approx{border-left:2px dashed #f8ecd69c;border-right:2px dashed #f8ecd69c}.bar.clipped-start{border-radius:0 6px 6px 0}.bar.clipped-end{border-radius:6px 0 0 6px}.bar.selected{z-index:4;outline:2px solid #fff8ee;outline-offset:2px;box-shadow:0 0 0 5px #cb7764aa,0 0 22px #df704f88}.bar:hover{filter:brightness(1.1);border-color:white}.bar.selected:hover{background-color:var(--bar)}.bar.tiny{overflow:visible;background:transparent!important;border:0;box-shadow:none;width:24px!important;transform:translateX(-12px)}.bar.tiny:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:var(--exact-width);min-width:1px;background:var(--bar)}.bar.tiny .bar-content{visibility:hidden}.bar.tiny:hover:after,.bar.tiny:focus-visible:after{content:attr(data-name);position:absolute;top:4px;left:20px;background:#102b3d;color:white;padding:8px;border-radius:5px;font-size:13px;z-index:8}.bar.short .bar-content{padding-left:6px;gap:4px}.bar.short img{display:none}.bar.short .bar-text small{display:none}.center-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fd785d;box-shadow:0 0 7px #ff674f,0 0 2px 2px #fff8;pointer-events:none;z-index:5}.center-line i{position:absolute;bottom:3px;left:-6px;width:14px;height:14px;border-radius:100%;background:#fff7e5;border:2px solid #fc795d;box-shadow:0 0 15px #ff8b59}.moment-bar{height:66px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;position:relative;background:linear-gradient(#27485c,#0e293b);padding:0 12px}.moment-bar>button{border:0;font:13px Georgia,serif;color:#c4d5de;padding:5px 8px;max-width:26%}.moment{position:absolute;left:50%;top:0;transform:translateX(-50%);border-radius:0 0 10px 10px;background:#092334;box-shadow:0 -5px 28px #0a263577;padding:9px 20px;text-align:center;min-width:170px;max-width:65%;z-index:6}.moment strong{font:600 clamp(15px,1.5vw,21px) Georgia,serif;white-space:nowrap}.moment small{display:block;font:italic 12px Georgia,serif;color:#c9d5d7;margin-top:5px}.empty{position:absolute;top:40%;left:10%;right:10%;text-align:center;line-height:1.8;color:#375362}.controls{min-height:86px;padding:14px 24px;display:flex;gap:18px;align-items:center;flex-shrink:0}.controls>p{margin:0 auto;color:#a5bfcb;font:12px Georgia,serif;max-width:250px;line-height:1.7}.zoom{display:flex;gap:12px;align-items:center}.zoom>button{font-size:28px;line-height:28px;width:46px;padding:3px}.zoom-slider{display:flex;flex-direction:column;text-align:center;width:170px;color:#b6cbd5;font:11px Georgia,serif;gap:4px}.zoom-slider input{accent-color:#c8deea;width:100%;cursor:pointer;height:22px}.segmented{display:flex;border:1px solid var(--line);border-radius:12px;padding:4px}.segmented button{border:0;font:16px Georgia,serif;min-height:38px;padding:7px 16px}.controls #today{font:17px Georgia,serif;white-space:nowrap}.controls #fullscreen{font-size:24px;padding:6px 12px}.detail{width:37%;max-width:540px;min-width:320px;border:1px solid #7d92a099;border-radius:15px;overflow:auto;background:#f1f0eb;color:#142c3d;animation:reveal .2s ease-out;scrollbar-width:thin;position:relative}.detail-head{position:sticky;top:0;background:#0c2332;z-index:8;padding:20px;color:#f8f3e9}.detail-head h1{font:500 29px Georgia,serif;margin:0 35px 6px 0}.detail-head p{margin:0;font:15px Georgia,serif;color:#dac9a6}.detail-close{position:absolute;right:8px;top:8px;border:0;font-size:30px;padding:2px 10px;line-height:36px}.detail-hero{height:170px;background:linear-gradient(120deg,#294455,#b2a17f);position:relative;overflow:hidden}.detail-hero img{width:100%;height:100%;object-fit:contain}.detail-hero .hero-label{position:absolute;bottom:0;left:0;right:0;padding:7px 14px;background:#102739d9;color:#eee5d2;font-size:11px}.detail-body{padding:20px 22px 28px}.detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:20px;border-bottom:1px solid #1c394425;font:15px Georgia,serif}.detail-meta strong{display:block;font:11px system-ui;text-transform:uppercase;letter-spacing:.09em;color:#577082;margin-bottom:6px}.detail-body h2{font:600 18px Georgia,serif;margin:23px 0 8px}.detail-body p,.detail-body li{font:15px/1.55 Georgia,serif}.detail-body p{margin:8px 0}.detail-body ul{padding-left:19px}.note{background:#e6e2d6;border-left:3px solid #af8f53;padding:9px 12px;font-size:13px!important}.tagline{font-size:12px!important;color:#486476}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gallery figure{margin:0}.gallery img{width:100%;height:90px;object-fit:contain;background:#dae1df;border-radius:8px}.gallery figcaption{font:11px/1.4 system-ui;margin-top:5px;color:#4f6470}.sources{padding-left:16px}.sources li{font:12px/1.6 system-ui;margin:5px 0}.sources a{color:#295872;text-underline-offset:2px}.detail .locate{color:#203e4f;border-color:#7793a3;width:100%;margin-top:18px}.detail .locate:hover{background:#dce5e9}.signature{color:#526d7c;font-size:12px!important}.eyebrow{color:#8a734c;font:11px system-ui;letter-spacing:.12em}dialog{width:min(700px,calc(100% - 24px));max-height:85dvh;color:#183443;background:#f2efe5;border:1px solid #658392;border-radius:18px;padding:30px;overflow:auto;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#001422bb;backdrop-filter:blur(5px)}dialog h1{font:36px Georgia,serif;margin:12px 30px 22px 0}dialog h2{font:22px Georgia,serif}dialog p{font:16px/1.65 Georgia,serif}.dialog-close{position:absolute;right:12px;top:12px;border-color:#9eafba;font-size:25px;line-height:28px;color:#173243}#credits{font:12px/1.6 system-ui}#credits a{color:#275675}#offline-state{font-size:13px;color:#496773}.status:not(.sr-only){position:fixed;bottom:95px;left:50%;transform:translateX(-50%);border-radius:9px;padding:12px 20px;z-index:80;background:#f6e5bd;color:#122c3d;max-width:90%;text-align:center}body.has-detail .epochs small{display:none}body.has-detail .subline #period-context{display:none}body.has-detail .subline{justify-content:flex-end}@keyframes reveal{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}@media(min-width:1500px){.epochs{height:250px}.topbar{gap:40px}.bar-text{font-size:16px}.row{height:60px}.bar{height:46px}.bar img{height:46px}}@media(max-width:1180px){.topbar{gap:18px;padding:12px 16px}.brand strong{font-size:25px}.brand small{font-size:14px}.brand{gap:8px}.brand img{width:34px}.topnav{gap:0}.topnav button{font-size:12px;padding:0 6px}.search-wrap{min-width:170px;flex:1}.controls{gap:12px;padding:12px 16px}.controls>p{display:none}.controls #today{margin-left:auto}.zoom-slider{width:160px}.detail{min-width:290px;width:38%}.detail-head h1{font-size:25px}.detail-body{padding:15px}.epochs{height:180px}.epochs strong{font-size:12px}body.has-detail .epochs strong{font-size:10px}.subline{font-size:10px}}
@media(max-width:900px){.topbar{flex-wrap:wrap;min-height:100px;gap:8px 16px}.brand{flex:1}.brand strong{font-size:24px}.topnav{margin-left:0}.search-wrap{max-width:none;width:100%;flex-basis:100%;height:38px;min-width:0}.search-wrap input{padding:8px}.search-wrap>span{font-size:25px}.results{top:44px;max-height:55vh}.topnav button{flex-direction:row;gap:5px;min-height:36px}.topnav button span{font-size:20px;line-height:24px}.topnav #home{display:none}.epochs{height:165px}.detail{position:absolute;right:12px;bottom:90px;top:calc(100px + env(safe-area-inset-top));width:min(440px,55%);z-index:21;box-shadow:-10px 0 50px #05131c88}.detail-head{padding:16px}.detail-hero{height:130px}.detail-head h1{font-size:25px}.detail-body h2{margin-top:18px}body.has-detail .epochs strong{font-size:12px}body.has-detail .epochs small{display:block}body.has-detail .subline #period-context{display:block}body.has-detail .subline{justify-content:space-between}.controls{min-height:80px}.controls .segmented button{font-size:14px;padding:6px 12px}.chart-top{padding:4px 10px}.subline #period-context{display:none}}
@media(max-width:600px){.topbar{padding:10px 12px;gap:8px}.brand strong{font-size:20px;letter-spacing:.03em}.brand small{font-size:11px}.brand img{width:28px;height:34px}.topnav button{font-size:0;padding:5px;min-width:34px}.topnav button span{font-size:23px}.epochs{height:125px}.epochs strong,body.has-detail .epochs strong{font-size:9px;line-height:1.4}.epochs small,body.has-detail .epochs small{display:none}.epochs button{padding:10px 2px}.subline{justify-content:center;padding:2px}.subline #period-context,body.has-detail .subline #period-context{display:none}.chart-top{font-size:10px}.chart-top select{max-width:140px;font-size:11px}.chart-top label{font-size:0}#workspace{padding:0 6px}.ruler{height:45px}.rows-scroll{top:45px}.tick{font-size:11px;padding-top:13px}.boundary-label{font-size:11px}.row{height:53px}.bar{height:40px}.bar img{width:37px;height:40px}.bar-text{font-size:13px}.bar-text small{font-size:9px}.moment-bar{height:60px;padding:0 5px}.moment-bar button{font-size:22px}.moment-bar button span{display:none}.moment{padding:10px 12px;min-width:155px}.moment small{font-size:10px}.controls{padding:8px;gap:8px;min-height:76px;flex-wrap:wrap;justify-content:space-between}.zoom{gap:5px}.zoom>button{width:36px;height:42px;min-height:42px}.zoom-slider{width:90px;font-size:9px}.controls #today{font-size:15px;min-height:44px;padding:6px 10px;margin-left:auto}.controls #fullscreen{display:none}.controls .segmented{padding:3px}.controls .segmented button{font-size:12px;padding:5px 8px;min-height:35px}.detail{top:auto;left:6px;right:6px;bottom:80px;width:auto;min-width:0;max-width:none;height:53dvh;border-radius:15px 15px 8px 8px;box-shadow:0 -15px 55px #071b2bc9}.detail-head h1{font-size:23px}.detail-head{padding:13px 16px}.detail-hero{height:105px}.detail-body{padding:14px 18px}.detail-body p,.detail-body li{font-size:15px}.detail-meta{font-size:14px}dialog{padding:24px 20px}dialog h1{font-size:29px}dialog p{font-size:15px}}
@media(max-height:650px) and (min-width:700px){.topbar{min-height:68px;padding-top:7px;padding-bottom:7px}.epochs{height:112px}.controls{min-height:65px;padding-top:8px;padding-bottom:8px}.subline{display:none}.moment-bar{height:55px}.detail-hero{height:100px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.bar[aria-pressed="true"]{background:linear-gradient(110deg,color-mix(in srgb,var(--bar) 90%,white),var(--bar));background-color:var(--bar)}

.history-hubs{position:fixed;z-index:18;right:22px;bottom:96px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:min(520px,calc(100vw - 32px));padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#102b3bed;backdrop-filter:blur(10px);box-shadow:0 12px 34px #0005;font-size:12px}
.history-hubs strong{color:var(--gold);margin-right:4px}.history-hubs a{padding:7px 9px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:#f1f0e9}.history-hubs a:hover,.history-hubs a:focus-visible{background:#ffffff18;border-color:var(--gold)}
.history-links{margin:1.2rem 0;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#102b3b;color:#f1f0e9}
.history-links h2{margin:0 0 .3rem;font-family:Georgia,serif;font-size:1.25rem}.history-links p{margin:.3rem 0 .8rem;color:var(--muted);font-size:.9rem;line-height:1.5}.history-links div{display:flex;flex-wrap:wrap;gap:.5rem}.history-links a{display:inline-block;padding:.55rem .7rem;border:1px solid var(--line);border-radius:9px;text-decoration:none}.history-links a:hover,.history-links a:focus-visible{border-color:var(--gold);background:#ffffff12}
@media(max-width:700px){.history-hubs{right:8px;bottom:88px;left:8px;max-width:none;justify-content:center}.history-hubs strong{width:100%;text-align:center}}