*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,"Microsoft YaHei",sans-serif;background:#f3f2ee;color:#273239}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #617f81;outline-offset:5px}[hidden]{display:none!important}.site-header{height:100px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d5d1;position:relative;z-index:20}.wordmark{font-size:17px;letter-spacing:.24em}.site-header button{font-size:11px;letter-spacing:.06em;padding:12px}.archive-title{padding:70px 4vw 60px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px}.index-label{font-size:10px;letter-spacing:.22em;grid-column:1/-1;color:#697776}h1,h2,p{margin:0}.archive-title h1{font-size:clamp(50px,7vw,110px);font-weight:400;letter-spacing:-.025em}.archive-title p{white-space:pre-line;font-size:clamp(14px,1.3vw,20px);line-height:1.8;justify-self:end;padding-bottom:8px}.generation-grid{display:grid;grid-template-columns:1fr 1fr 2.15fr;margin:0 4vw;border-top:1px solid #b6bfba;border-bottom:1px solid #b6bfba}.generation{padding:24px;min-width:0;border-right:1px solid #cbd0cb;display:flex;flex-direction:column;align-items:stretch}.generation:first-child{padding-left:0}.generation:last-child{border:0;padding-right:0}.card-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.08em}.card-top span:last-child{color:#6a7773}.status{display:flex;align-items:center;gap:6px}.status:before{content:"";width:5px;height:5px;background:#55726a;border-radius:50%}.generation-number{font-size:clamp(70px,9vw,144px);font-weight:300;letter-spacing:-.07em;line-height:1.3}.historical .generation-number{padding:22px 0 35px;color:#929e98}.historical p{font-size:12px;line-height:1.9;max-width:245px;color:#5e6a66;margin-bottom:28px}.generation a{font-size:11px;letter-spacing:.06em;border-top:1px solid #cbd0cb;padding:18px 0 4px;margin-top:auto}.generation a:hover{color:#61867b}.current-image{position:relative;margin:24px 0 22px;background:#d8dedc;overflow:hidden;aspect-ratio:1.95}.current-image img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}.current-image .generation-number{position:absolute;bottom:-20px;right:17px;color:#fff9;font-size:100px}.current-caption h2{font-weight:400;font-size:23px;letter-spacing:.18em;margin-bottom:13px}.current-caption p{font-size:12px;line-height:1.8;white-space:pre-line;margin-bottom:25px}.current-caption a{display:block}.archive-footer{display:flex;justify-content:space-between;padding:30px 4vw;color:#78837d;font-size:9px;letter-spacing:.12em}.viewing{overflow:hidden}.viewing .site-header{position:absolute;top:0;left:0;width:100%;height:76px;border:none;background:linear-gradient(#f3f2eedb,transparent);pointer-events:none}.viewing .site-header a,.viewing .site-header button{pointer-events:auto}.viewing #viewer-page,.viewing #history-page{height:100dvh;width:100vw}.viewer-heading{position:absolute;top:93px;left:4vw;z-index:4;pointer-events:none}.viewer-heading a{pointer-events:auto;font-size:10px;letter-spacing:.08em;display:inline-block;margin-bottom:17px;border-bottom:1px solid #899b9b;padding-bottom:5px}.viewer-heading h1{font-size:14px;font-weight:400;letter-spacing:.1em}.viewer-heading p{font-size:9px;letter-spacing:.08em;margin-top:8px}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.bottom{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:67px;display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:96vw;width:max-content}.modes,.camera-nav{display:flex;background:#eff2f0ec;border:1px solid #fff9;padding:4px;border-radius:5px}.bottom button{padding:12px 15px;font-size:10px;letter-spacing:.05em;white-space:nowrap}.modes button[aria-pressed=true],.primary{background:#273e48;color:#fff;border-radius:3px}.camera-nav button[aria-current=true]{background:#d1dcd9;border-radius:3px}.primary{min-width:158px}.viewer-footer{position:absolute;z-index:5;left:4vw;right:4vw;bottom:20px;display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:.05em}.viewer-footer>span{flex:1}.viewer-footer select{border:0;padding:6px;background:#e9efea;color:#263b3e;font-size:10px}.viewer-footer button{padding:6px;font-size:9px}#loading{position:absolute;z-index:7;right:4vw;top:105px;width:245px;padding:18px;background:#f3f2eef0;box-shadow:0 4px 25px #10213b18;border-radius:5px;font-size:11px}progress{display:block;width:100%;height:3px;margin:12px 0;accent-color:#456664}#load-detail{font-size:10px;color:#677874}#error{position:absolute;z-index:30;top:35%;left:50%;transform:translateX(-50%);background:#fff4eb;padding:24px;width:min(450px,90vw);line-height:1.8;font-size:14px}#error button{border-bottom:1px solid;padding:8px 0;margin-top:15px}#mobile-note{position:absolute;z-index:25;top:90px;left:16px;right:16px;max-width:420px;background:#f3f2eef5;padding:19px;box-shadow:0 6px 30px #20313c20;border-radius:7px;color:#273239}#mobile-note strong{font-weight:500;font-size:14px}#mobile-note p{font-size:12px;line-height:1.8;margin:10px 0}#dismiss-mobile{display:block;margin-left:auto;padding:9px 12px;background:#dfe7e2;border-radius:3px;font-size:11px}.night{color:#eef2ef}.night .site-header{background:linear-gradient(#14212bdc,transparent)}.night #loading{color:#273239}.night .modes,.night .camera-nav{background:#172a37ea;color:#edf2ef}.night .modes button[aria-pressed=true],.night .primary{background:#edece2;color:#273239}.night .camera-nav button[aria-current=true]{background:#3c525c}#history-loading{position:absolute;bottom:20%;left:4vw;font-size:12px}.history-gesture{position:absolute;bottom:25px;left:4vw;font-size:10px}
@media(max-width:850px){.site-header{height:76px}.wordmark{font-size:12px}.archive-title{padding-top:40px;grid-template-columns:1fr}.archive-title p{justify-self:start;font-size:14px}.generation-grid{grid-template-columns:1fr 1fr}.current{grid-column:1/-1;grid-row:1;padding:20px 0!important;border-bottom:1px solid #bbc4bd!important}.generation.historical{padding:20px 15px 20px 0}.generation.historical:nth-child(2){padding-left:15px;border:0}.generation-number{font-size:85px}.current-image{aspect-ratio:1.7}.archive-footer{font-size:8px}.viewer-heading{top:80px}.viewer-heading p{max-width:270px;font-size:8px}.bottom{bottom:82px;width:96vw}.bottom button{padding:12px 11px;font-size:10px}.camera-nav{order:3}.viewer-footer{bottom:15px;flex-wrap:wrap;font-size:8px;gap:8px}.viewer-footer>span{flex-basis:100%}#loading{top:auto;bottom:220px;right:16px}.viewer-heading h1{font-size:12px}.site-header button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(min-width:851px){.archive-title{padding-top:48px;padding-bottom:40px}.current-image{max-height:310px}.generation-number{font-size:110px}}

.viewer-footer{background:#edf0f4df;color:#263b54;padding:8px 12px;border-radius:6px}.night .viewer-footer{background:#142235e8;color:#edf2f8}