:root{color-scheme:light;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#293b32;background:#eeeade}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{touch-action:manipulation}button,a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #9b573e;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:absolute;top:30px;left:36px;width:340px;pointer-events:none}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.16em}i{display:inline-block;width:7px;height:7px;background:#a86043;margin-right:9px}h1{font:49px/.98 Georgia,serif;letter-spacing:-2px;margin:27px 0 16px}h1 em{font-weight:normal;color:#a35c42}header p{font-size:12px;max-width:250px}.top{position:absolute;top:26px;right:28px;display:flex;gap:8px}.top a,.top button,.context button{background:#f8f5eddc;border:1px solid #c8c7b8;border-radius:22px;padding:10px 15px;font-size:12px;text-decoration:none}.context{position:absolute;left:36px;top:240px;width:250px;padding:18px 18px 18px 0;background:linear-gradient(90deg,#eeeadee8,#eeeade00)}.context>strong{display:block;font:76px/1.1 Georgia,serif;letter-spacing:-4px}.context p{font-size:11px;color:#57665b}.context label{display:block;font-size:11px;margin:13px 0}.context input{accent-color:#9e6148}.context button{margin-top:8px}.navigation{position:absolute;right:26px;top:40%;display:grid;gap:2px;padding:10px;background:#faf7eeee;border:1px solid #d0cec0;border-radius:24px}.navigation button{border:0;background:none;padding:10px;font-size:12px}.navigation button:nth-child(-n+2){font-size:22px}.epochs{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);width:min(700px,calc(100% - 56px));background:#fbf9f0ed;border:1px solid #fff9;border-radius:20px;padding:22px 26px;box-shadow:0 15px 50px #31443312;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.epochs p{font-size:11px;margin:6px 0 0}.epochs [role=group]{display:flex;gap:7px}.epochs button{font:27px Georgia,serif;padding:11px 20px;border:1px solid #c9c7b8;border-radius:11px;background:transparent}.epochs button[aria-pressed=true]{background:#34493c;color:#fff;border-color:#34493c}#state{width:100%;border-top:1px solid #dedccf;padding-top:11px;color:#657166}footer{position:absolute;bottom:15px;left:28px;right:28px;font-size:10px;display:flex;gap:22px;justify-content:space-between;color:#5c655a}footer span:first-child{max-width:720px}#loading{position:absolute;inset:0;background:#eeeadee6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:30}#loading strong{font:30px Georgia,serif}#loading p{font-size:12px}#detail{position:absolute;right:120px;top:110px;width:340px;max-height:calc(100vh - 370px);overflow:auto;padding:25px;background:#faf8eff7;border:1px solid #fff;border-radius:18px;box-shadow:0 12px 40px #26362d18}#detail-close,#sources-close{float:right;border:0;background:none;font-size:24px}h2{font:32px/1.1 Georgia,serif}h3{font-size:13px;margin-top:25px}#detail p{font-size:12px}.warning{padding:10px;background:#f0dfc2;color:#705338;border-radius:8px}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}dt{font-size:9px;text-transform:uppercase;color:#7b7a6d}dd{margin:2px 0 0;font-size:12px}details{font-size:11px;margin-top:15px}summary{cursor:pointer}dialog{color:#2b3c32;background:#faf8ef;border:1px solid #fff;border-radius:20px;max-width:650px;width:calc(100% - 28px);max-height:85vh;padding:32px}dialog::backdrop{background:#20322655;backdrop-filter:blur(4px)}dialog p{font-size:13px}dialog output{display:block;font:11px/1.5 monospace;white-space:pre-wrap;margin-top:12px}dialog button#benchmark{padding:10px;background:#eeeade;border:1px solid #bfc1b0;border-radius:12px}@media(max-width:760px){header{top:23px;left:20px;width:190px}h1{font-size:37px;margin:21px 0 12px;letter-spacing:-1px}header p{display:none}.top{top:20px;right:14px;flex-direction:column;align-items:flex-end}.top a,.top button{font-size:10px;padding:7px 10px}.context{left:20px;top:172px;width:215px;padding:0;background:none}.context>.eyebrow,.context>strong,.context>p:not(#counts){display:none}.context label{font-size:10px;margin:7px 0}.context button{font-size:10px;padding:7px 11px;margin-top:2px}.navigation{right:14px;top:275px;padding:5px}.navigation button{font-size:10px;padding:7px}.navigation button:nth-child(-n+2){font-size:19px}.epochs{bottom:100px;width:calc(100% - 28px);padding:17px;gap:10px}.epochs>div:first-child{width:100%}.epochs [role=group]{width:100%}.epochs button{flex:1;padding:9px;font-size:25px}footer{bottom:12px;left:18px;right:18px;font-size:9px;display:block}footer span{display:block;margin-top:7px}#detail{right:14px;left:14px;top:180px;width:auto;max-height:calc(100dvh - 220px);z-index:15;padding:20px}#detail h2{font-size:26px}dialog{padding:24px}.eyebrow{font-size:9px}.epochs #state{font-size:10px}}@media(max-height:650px){header h1{font-size:30px}header p,.context>p:not(#counts){display:none}.context{top:170px}.context>strong{font-size:45px}.epochs{bottom:55px;padding:12px;width:600px}footer{font-size:9px}}
.compare-panel{font-size:12px;border-top:1px solid #c9c8b8;padding-top:12px;max-width:270px}.compare-panel summary{font-weight:600}.compare-panel select{max-width:100%;width:100%;font:inherit;padding:8px;border:1px solid #c4c6b6;border-radius:8px;background:#faf8ee;color:inherit}.compare-panel[open]{background:#eeeadeeF;border-radius:10px;padding:12px}.context{width:290px}.no-js{position:absolute;bottom:40%;left:30px;background:#faf8ee;padding:20px;z-index:50}#loading a{color:inherit}#detail{z-index:16}footer a{color:inherit}.epochs{z-index:5}
@media(max-width:760px){.context{width:230px;z-index:7}.compare-panel{font-size:10px;margin-top:10px;width:230px}.compare-panel[open]{box-shadow:0 10px 25px #26362d18}.context label{margin:8px 0}header .eyebrow{font-size:8px}.navigation{top:295px}#detail{top:160px;max-height:calc(100dvh - 210px)}.epochs{bottom:94px}.epochs button{min-height:44px}.context button{min-height:36px}}
@media(max-height:650px){.epochs{width:min(600px,calc(100% - 28px))}.compare-panel[open]{max-height:150px;overflow:auto}}
html,body{height:100%;overflow:hidden}.context{max-height:calc(100dvh - 310px);overflow:auto;padding-right:8px;scrollbar-width:thin}
@media(max-width:760px){.context{max-height:calc(100dvh - 450px)}}
@media(max-height:650px){.context{max-height:calc(100dvh - 245px)}}