@font-face{font-family:AtlasSerif;src:local("Baskerville")}*{box-sizing:border-box}html{--paper:#f2f0e9;--ink:#242620;--muted:#85867d;--line:#d8d7ce;--red:#b24932;--blue:#3665a4;--green:#60794b;--sans:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC",sans-serif;--mono:"SFMono-Regular",Consolas,monospace;--label:168px;--lane:190px;--ruler:29px;color-scheme:light}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;height:100svh;min-height:680px;display:flex;flex-direction:column;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:4px}button:disabled{opacity:.3;cursor:default}button svg{pointer-events:none}svg{fill:none;stroke:currentColor;stroke-width:1.4}h1,h2,h3,p{margin:0}::selection{background:#e5bba7}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.llm{--color:var(--red)}.vision{--color:var(--blue)}.world{--color:var(--green)}
header{height:72px;flex-shrink:0;margin:0 30px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand svg{color:var(--red)}.brand b{font-size:22px;letter-spacing:.12em;font-weight:500}.brand>span{font-family:var(--mono);font-size:8px;letter-spacing:.14em;margin-left:11px}.edition{font-size:11px;letter-spacing:.12em;display:flex;flex-direction:column;gap:5px;text-align:center}.edition>span{font-family:var(--mono);font-size:7px;letter-spacing:.08em;color:var(--muted)}.header-actions{display:flex;gap:24px;align-items:center}.header-actions>button:first-child{display:flex;gap:9px;align-items:center;font-size:10px}.header-actions svg{width:17px;height:17px}.header-actions kbd{font-family:var(--mono);font-size:8px;color:var(--muted);margin-left:14px}.header-actions>button:last-child{border:1px solid #b8b8ad;border-radius:50%;width:22px;height:22px;font-family:Georgia,serif;font-size:13px}main{flex:1;min-height:0;display:flex;flex-direction:column}.masthead{padding:13px 30px 13px;display:flex;align-items:center;gap:35px;flex-shrink:0;height:116px}.current-time{font-family:AtlasSerif,Baskerville,Georgia,serif;position:relative;display:flex;align-items:baseline;line-height:.9;min-width:285px;letter-spacing:-.065em;font-variant-numeric:lining-nums tabular-nums}.current-time #year{font-size:100px;font-weight:400}.current-time #month{font-family:var(--mono);font-size:19px;letter-spacing:-.08em;margin-left:20px;color:var(--red)}.year-dot{position:absolute;left:219px;bottom:2px;font-size:50px;color:var(--red)}.mast-copy{align-self:center;border-left:1px solid var(--line);padding-left:28px}.mast-copy h1{font-size:24px;letter-spacing:-.03em;font-weight:400}.mast-copy p{font-size:11px;color:var(--muted);margin-top:10px}.view-controls{margin-left:auto;display:flex;align-items:center;gap:17px;font-size:10px}.view-controls>button{height:30px;min-width:24px}.view-controls #overview{border:1px solid #bcbbb0;padding:0 12px;border-radius:2px;font-size:10px;margin-right:10px}.view-controls #overview[aria-pressed=true]{background:var(--ink);color:var(--paper)}#zoom-label{font-family:var(--mono);font-size:9px;width:33px;text-align:center}.atlas{position:relative;flex:1;min-height:0;margin:0 30px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);isolation:isolate}.lane-labels{position:absolute;inset:0 auto 0 0;width:var(--label);background:var(--paper);z-index:5;border-right:1px solid var(--ink);padding-top:var(--ruler);display:grid;grid-template-rows:repeat(3,1fr)}.lane-label{position:relative;border-bottom:1px solid var(--line);padding:15px 0 12px 0;display:flex;flex-direction:column}.lane-label:last-child{border-bottom:0}.lane-no{font-family:var(--mono);font-size:8px;color:var(--color);letter-spacing:.08em}.lane-label h2{font-size:29px;font-weight:400;letter-spacing:-.05em;margin-top:11px}.lane-label h2 span{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.025em;font-weight:400;color:var(--color);margin-top:8px}.lane-label p{font-size:10px;line-height:1.8;color:#8b8c81;margin-top:14px}.lane-count{font-family:var(--mono);font-size:8px;color:#9e9e94;margin-top:auto;padding-top:9px}.lane-label:after{position:absolute;right:-3px;bottom:20px;content:"";width:5px;height:5px;background:var(--color);transform:rotate(45deg)}.viewport{position:absolute;inset:0 0 0 var(--label);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x;outline-offset:-3px!important}.viewport::-webkit-scrollbar{display:none}.viewport.dragging{cursor:grabbing}.viewport.dragging *{cursor:grabbing!important;pointer-events:none}.timeline{position:relative;height:100%;width:6000px;padding-top:var(--ruler);display:grid;grid-template-rows:repeat(3,1fr);user-select:none}.calendar{position:absolute;inset:0;pointer-events:none;z-index:-1}.year-rule{position:absolute;top:0;bottom:0;border-left:1px solid #b8b8ac66;font-family:var(--mono);font-size:9px}.year-rule span{display:block;padding:8px 0 0 9px;color:#7a7b70}.year-rule:after{content:"";position:absolute;left:-1px;top:29px;bottom:0;width:100%;border-left:1px dashed #e3e1d7}.lane{position:relative;border-top:1px solid var(--line);min-width:0}.lane:before{content:"";position:absolute;bottom:20px;left:0;right:0;border-bottom:1px solid var(--color);opacity:.35}.lane:first-of-type{border-top:0}.event{width:202px;position:absolute;top:11px;bottom:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;transition:opacity .25s;outline-offset:-1px!important}.event-media{height:calc(100% - 69px);min-height:58px;position:relative;border:1px solid #272a2424;overflow:hidden;background:#e6e4da;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;transform-origin:center bottom}.event-media img,.event-media video{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s,transform .5s}.event-media img{filter:saturate(.72)}.event:hover .event-media{transform:translateY(-5px);box-shadow:0 8px 18px #2222}.event:hover img{filter:saturate(1);transform:scale(1.04)}.event[aria-current=true] .event-media{outline:2px solid var(--color);outline-offset:2px}.event-meta{font-family:var(--mono);font-size:8px;display:flex;align-items:center;gap:8px;color:#818276;padding:7px 0 4px}.event-meta .format{color:var(--color);font-size:7px;letter-spacing:.06em}.event h3{font-size:13px;font-weight:500;line-height:1.15;letter-spacing:-.02em;max-width:197px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.event:after{position:absolute;left:0;bottom:17px;width:7px;height:7px;border:1px solid var(--color);background:var(--paper);content:"";transform:rotate(45deg)}.event:before{position:absolute;left:3px;bottom:22px;height:9px;border-left:1px solid var(--color);content:""}.event:hover:after,.event[aria-current=true]:after{background:var(--color);box-shadow:0 0 0 4px var(--paper)}.event-note{position:absolute;right:0;top:0;font-family:var(--mono);font-size:7px;padding:5px 7px;background:#f4f1e9dd;color:var(--color);z-index:1}.event-arrow{position:absolute;bottom:7px;right:8px;color:#fafafa;font-size:18px;mix-blend-mode:difference}.type-art{height:100%;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;background:#ece8df;color:#28271f;position:relative;overflow:hidden}.type-art .micro{font-family:var(--mono);font-size:6px;letter-spacing:.1em;text-transform:uppercase;z-index:1}.type-art .type-name{font-family:AtlasSerif,Baskerville,Georgia,serif;font-size:45px;line-height:.85;letter-spacing:-.055em;z-index:1;word-break:break-word;max-width:100%}.type-art .type-bottom{font-family:var(--mono);font-size:7px;z-index:1}.type-art.style-1{background:#d8e0dd;color:#264039}.type-art.style-2{background:#dfd9ce;color:#7b4e38}.type-art.style-3{background:#2c3234;color:#f0eee4}.type-art.style-4{background:#bdc4cb;color:#283540}.type-art:after{position:absolute;content:"";right:-18px;top:-50px;width:140px;height:240px;border:1px solid currentColor;opacity:.12;transform:rotate(25deg);border-radius:50%}.media-fallback{height:100%;padding:16px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:32px;letter-spacing:-.04em;color:var(--color);background:repeating-linear-gradient(45deg,#ffffff22 0 1px,transparent 1px 8px),#e3e3d9}.time-needle{position:absolute;top:0;bottom:0;left:calc(var(--label) + (100% - var(--label)) * .37);width:1px;background:#b2493226;pointer-events:none;z-index:4}.time-needle:before{content:"";position:absolute;top:-4px;left:-3px;width:7px;height:7px;background:var(--red);transform:rotate(45deg)}.time-needle span{position:absolute;top:-18px;left:10px;font-size:7px;color:var(--red);white-space:nowrap}.edge-fade{position:absolute;inset:0 0 0 auto;width:24px;background:linear-gradient(90deg,transparent,var(--paper));pointer-events:none;z-index:3}.transport{display:flex;align-items:center;margin:0 30px;height:48px;flex-shrink:0;gap:20px}.play-group{width:var(--label);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0}.play-group svg{width:14px;height:14px}.play-group>button{display:flex;align-items:center;gap:8px;font-size:9px;height:32px}.play-group #play svg{width:11px;fill:currentColor}.play-group #play[aria-pressed=true]{color:var(--red)}.year-nav{display:flex;justify-content:space-between;flex:1;gap:3px}.year-nav button{font-family:var(--mono);font-size:9px;padding:7px;color:#929387}.year-nav button[aria-current=true]{color:var(--red);background:#b249320d}.hint{display:flex;align-items:center;gap:9px;font-size:8px;color:#939386;white-space:nowrap}.hint>span{font-size:17px;color:#55584d}.overview-wrap{display:flex;align-items:center;gap:14px;margin:0 30px;height:29px;flex-shrink:0;border-top:1px solid var(--line)}.overview-wrap>span{font-family:var(--mono);font-size:8px;color:#8a8c7d}.overview-track{position:relative;flex:1;height:20px}#minimap{position:absolute;inset:2px 0;width:100%;height:16px;stroke-width:1}#window-mark{position:absolute;top:0;bottom:0;border:1px solid #71786766;background:#7178670b;pointer-events:none}#scrub{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}#scrub:focus-visible{opacity:.6}footer{height:39px;flex-shrink:0;display:flex;align-items:center;gap:28px;margin:0 30px;font-size:8px;color:#96978c}footer>span:first-child{display:flex;align-items:center;gap:7px}.live-dot{width:4px;height:4px;background:#77915d;border-radius:50%}footer button{font-size:8px}footer button b{font-weight:400;color:#636a59;margin-left:7px}.footer-note{margin-left:auto}.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:#8b8c7e}#loading,#error{position:absolute;inset:0 0 0 var(--label);display:grid;place-content:center;background:var(--paper);font-size:13px;z-index:6}#error button{text-decoration:underline;margin-top:15px}#loading[hidden],#error[hidden]{display:none}
dialog{border:1px solid var(--ink);padding:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px #24262022;max-height:90svh}dialog::backdrop{background:#2b2c2655;backdrop-filter:blur(4px)}dialog[open]{animation:appear .25s ease-out}.close{position:sticky;top:14px;float:right;z-index:4;width:31px;height:31px;background:var(--paper);border:1px solid #bbbdb0;border-radius:50%;font-size:23px;font-weight:200;line-height:1;margin:14px 16px -45px 0}#detail{width:min(760px,calc(100% - 28px));margin:auto 25px auto auto}.detail-cover{height:300px;background:#e3e2d8;overflow:hidden;clear:none}.detail-cover img,.detail-cover video{width:100%;height:100%;object-fit:contain;background:#242824}.detail-cover .type-art{padding:35px 40px}.detail-cover .type-name{font-size:100px}.detail-cover .micro{font-size:10px}.detail-cover .type-bottom{font-size:11px}.detail-credit{padding:9px 33px;font-size:8px;color:#8a8d7d;border-bottom:1px solid var(--line);line-height:1.6}.detail-copy{padding:30px 36px}.detail-copy .eyebrow{color:var(--color)}.detail-copy h2{font-size:36px;line-height:1.12;font-weight:450;letter-spacing:-.04em;margin:15px 0}.detail-summary{font-size:15px;line-height:1.8}.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:27px;border-top:1px solid var(--line);margin-top:27px;padding-top:24px}.detail-body h3,.sources h3{font-size:10px;font-weight:500;margin-bottom:11px;color:var(--color)}.detail-body p{font-size:12px;line-height:1.9;color:#717465}.sources{border-top:1px solid var(--line);margin-top:25px;padding-top:23px}.sources a{display:flex;justify-content:space-between;gap:18px;font-size:11px;padding:10px 0;line-height:1.6}.sources a:after{content:'↗';color:var(--color)}.sources a:hover{text-decoration:underline}.date-basis{font-size:9px;color:#979a8b;line-height:1.7;margin-top:12px}.detail-nav{position:sticky;bottom:0;display:flex;justify-content:space-between;padding:18px 32px;border-top:1px solid var(--line);background:#f2f0e9f5;backdrop-filter:blur(8px);font-size:10px}.detail-nav button{padding:5px 0}#search{width:min(590px,calc(100% - 28px));margin:12svh auto auto}#search form{padding:25px 25px 10px;font-size:10px;color:#8a8d7d}#search form .close{position:absolute;top:0;right:0}#query{margin:0 25px 15px;padding:15px 0;font-size:20px;border:0;background:none;width:calc(100% - 50px);border-bottom:1px solid var(--ink);border-radius:0;outline:none}#results{max-height:58svh;overflow:auto;padding:0 15px 15px}.result{display:grid;grid-template-columns:8px 1fr auto;gap:14px;width:100%;align-items:center;text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);font-size:13px}.result i{width:5px;height:5px;background:var(--color);transform:rotate(45deg)}.result span{font-family:var(--mono);font-size:9px;color:#8d8f81}.result:hover,.result:focus{background:#deded255}.empty{padding:25px 10px;font-size:12px;color:#8a8c7c}#about{padding:44px 40px;width:min(550px,calc(100% - 28px))}#about .close{position:absolute;right:0;top:0}#about h2{font-size:30px;line-height:1.35;font-weight:400;letter-spacing:-.04em;margin:25px 0}#about>p:not(.eyebrow){font-size:12px;color:#7a7e6d;line-height:1.95;margin-top:18px}#about a{text-decoration:underline;text-underline-offset:4px}#toast{position:fixed;bottom:55px;left:50%;transform:translate(-50%,15px);opacity:0;z-index:100;pointer-events:none;background:var(--ink);color:var(--paper);font-size:11px;padding:12px 20px;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}.compact .event{width:12px;top:auto;height:40px;bottom:0}.compact .event-media,.compact .event-meta,.compact .event h3{display:none}.compact .event:before{height:20px}.compact .event:after{width:8px;height:8px}.compact .event:hover:before{height:50px}.compact .event:focus-visible{outline-offset:6px!important}.compact .event:hover:after{box-shadow:0 0 0 7px #ffffff66}.compact .event:hover h3,.compact .event:focus-visible h3{display:block;position:absolute;bottom:60px;left:0;max-width:240px;width:max-content;background:var(--paper);border:1px solid var(--color);padding:9px 12px;color:var(--color);z-index:8}.compact .lane:before{opacity:.65}.compact .lane{background:linear-gradient(0deg,#c4c5b208,transparent)}
@keyframes appear{from{opacity:0;transform:translateX(15px)}to{opacity:1;transform:none}}html[data-motion=off] *,html[data-motion=off] *:after{animation:none!important;transition:none!important} @media(min-height:1000px){.masthead{height:144px}.current-time #year{font-size:120px}.current-time{min-width:330px}.year-dot{left:262px}.event h3{font-size:16px}.lane-label h2{font-size:34px}.lane-label p{font-size:11px;margin-top:25px}.lane-label{padding-top:22px}.event{top:16px}.event-media{height:calc(100% - 76px)}}
@media(max-width:1050px){html{--label:128px}.edition{display:none}.masthead{gap:20px}.mast-copy{padding-left:20px}.mast-copy h1{font-size:20px}.hint{display:none}.year-nav button{padding:6px 4px;font-size:8px}.lane-label h2{font-size:25px}.lane-label h2 span{font-size:7px}.event{width:188px}.view-controls{gap:10px}.current-time{min-width:250px}.current-time #year{font-size:89px}.year-dot{left:194px}.current-time #month{font-size:16px;margin-left:16px}.view-controls #overview{margin-right:0}}
@media(max-width:700px){html{--label:69px;--ruler:26px}body{min-height:590px}header{height:55px;margin:0 15px}.brand{gap:7px}.brand b{font-size:19px}.brand>span{font-size:6px;letter-spacing:.04em;margin-left:3px}.brand svg{width:22px}.header-actions{gap:16px}.header-actions span,.header-actions kbd{display:none}.header-actions svg{width:16px}.header-actions>button:last-child{width:20px;height:20px;font-size:11px}.masthead{height:100px;padding:13px 15px;gap:12px;align-items:flex-start;position:relative}.current-time{min-width:0;align-self:center}.current-time #year{font-size:75px}.current-time #month{font-size:12px;margin-left:12px}.year-dot{left:164px;font-size:25px;bottom:3px}.mast-copy{border:0;padding:0;margin-left:auto;align-self:center;text-align:right;padding-bottom:20px}.mast-copy h1{font-size:12px;letter-spacing:-.02em}.mast-copy p{font-size:8px;margin-top:7px}.view-controls{position:absolute;right:15px;bottom:12px;font-size:9px;gap:9px}.view-controls #overview{border:0;padding:0;height:20px}.view-controls #zoom-label{font-size:7px;width:23px}.view-controls button{height:20px;min-width:15px}.atlas{margin:0 15px}.lane-label{padding:12px 3px 10px 0}.lane-no{font-size:7px}.lane-label h2{font-size:20px;margin-top:11px}.lane-label h2 span{font-size:6px;letter-spacing:-.04em;line-height:1.5;max-width:57px;margin-top:6px}.lane-label p{font-size:8px;line-height:1.6;margin-top:12px}.lane-count{font-size:6px}.event{width:164px;top:10px}.event h3{font-size:12px;max-width:162px}.event-meta{font-size:7px;padding-top:6px;gap:5px}.event-meta .format{font-size:6px}.event-media{height:calc(100% - 65px);min-height:47px}.event-note{font-size:6px;padding:4px 5px}.type-art{padding:10px}.type-art .type-name{font-size:34px}.type-art .micro{font-size:5px}.type-art .type-bottom{font-size:6px}.year-rule{font-size:7px}.year-rule span{padding-top:8px}.transport{margin:0 15px;height:44px;gap:10px}.play-group{width:101px;gap:4px}.play-group>button{font-size:8px;gap:5px}.play-group #play span{font-size:0}.play-group #play span:after{content:'漫游';font-size:8px}.play-group svg{width:11px}.play-group #play svg{width:10px}.year-nav{overflow-x:auto;scrollbar-width:none;justify-content:initial;gap:8px}.year-nav button{flex-shrink:0;font-size:8px;padding:8px 4px}.overview-wrap{margin:0 15px;gap:8px;height:25px}.overview-wrap>span{font-size:6px}footer{margin:0 15px;height:31px;gap:12px;font-size:6px}footer button{font-size:6px}footer .footer-note{display:none}#total{margin-left:auto}#loading,#error{font-size:11px}.time-needle{left:calc(var(--label) + (100% - var(--label)) * .28)}.time-needle span{font-size:6px;top:-14px}.time-needle:before{width:5px;height:5px;left:-2px;top:-3px}#detail{width:calc(100% - 20px);margin:auto;max-height:94svh}.detail-cover{height:240px}.detail-cover .type-name{font-size:80px}.detail-cover .type-art{padding:28px}.detail-copy{padding:23px}.detail-copy h2{font-size:29px}.detail-summary{font-size:13px}.detail-body{grid-template-columns:1fr;gap:20px;margin-top:21px;padding-top:20px}.detail-body p{font-size:11px}.detail-body h3,.sources h3{font-size:10px}.detail-credit{padding:9px 23px;font-size:7px}.sources a{font-size:10px}.detail-nav{padding:14px 23px;font-size:9px}.date-basis{font-size:8px}.close{width:28px;height:28px;font-size:21px;margin-right:12px;top:12px}#about{padding:40px 25px}#about h2{font-size:26px}#query{font-size:17px}#search{margin-top:8svh}.result{font-size:12px}.result span{font-size:8px}}
@media(max-height:740px) and (min-width:701px){.masthead{height:93px}.current-time #year{font-size:80px}.current-time{min-width:235px}.year-dot{left:175px}.mast-copy h1{font-size:22px}.lane-label p{display:none}.lane-label h2{font-size:24px}.lane-label h2 span{margin-top:5px}.lane-label h2{margin-top:8px}.event{top:8px}.event-media{height:calc(100% - 64px)}header{height:60px}.type-art .type-name{font-size:33px}}@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) *{animation:none!important;transition:none!important}}
[hidden]{display:none!important}.current-time.is-overview{min-width:330px}.current-time.is-overview #year{font-size:57px;letter-spacing:-.06em}.is-overview .year-dot{display:none}.compact .time-needle{display:none}.compact .event{z-index:2}.compact .event:hover,.compact .event:focus-visible{z-index:10}.timeline.ready .event-media{animation:unfold .75s cubic-bezier(.2,.7,.2,1) both}.timeline.ready .vision .event-media{animation-delay:.08s}.timeline.ready .world .event-media{animation-delay:.16s}@keyframes unfold{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.current-time.is-overview{min-width:0}.current-time.is-overview #year{font-size:36px}.compact .lane-label p{display:none}.compact .event{width:14px}.compact .year-rule span{font-size:6px;padding-left:2px}}
@media(min-width:701px){.compact .event h3{display:block;position:absolute;bottom:49px;left:5px;width:140px;max-width:140px;transform:rotate(-38deg);transform-origin:left bottom;font-size:10px;font-weight:400;color:var(--color);text-overflow:ellipsis}.compact .event:before{height:26px}.compact .event:hover h3,.compact .event:focus-visible h3{bottom:49px;left:5px;padding:0;background:none;border:0;font-size:10px;max-width:160px;width:160px}.compact .event:hover:before{height:26px}}
@media(max-height:589px){body{overflow-y:auto}}