:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-synthesis:none;--surface:#fff;--soft:#f4f4f4;--ink:#333;--muted:#666;--line:#dedede;--accent:#da121a;--focus:#da121a;--button-bg:#da121a;--button-fg:#fff;--badge-bg:#fff0f1;--badge-line:#efcbd0;--badge-ink:#a80e15;--shadow:0 12px 36px #0000000a;color-scheme:light}
:root[data-theme=dark]{--surface:#242424;--soft:#2c2c2c;--ink:#f2f2f2;--muted:#b9b9b9;--line:#494949;--accent:#ff858b;--focus:#ff858b;--badge-bg:#3d2022;--badge-line:#85434a;--badge-ink:#ffb1b6;--shadow:none;color:var(--ink);background:#191919;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,.button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:10px 14px;border-radius:7px;font-size:.83rem;font-weight:550;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{border-color:var(--accent);background:var(--soft)}button:disabled,.disabled{opacity:.4;cursor:default;pointer-events:none}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.image-stage:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.wrap{max-width:1440px;padding-left:5%;padding-right:5%;margin:auto}.header{border-top:4px solid #da121a;height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:1.12rem;font-weight:750;letter-spacing:.11em;line-height:1.3}.brand small{display:block;font-size:.55rem;letter-spacing:.19em}.brand-logo{display:block;width:48px;height:50px;object-fit:contain;flex-shrink:0}.header-note{font-size:.8rem;color:var(--muted);letter-spacing:.035em}.icon-button{background:transparent}.intro{display:flex;justify-content:space-between;align-items:end;padding:46px 0 30px;gap:24px}.eyebrow{font-size:.63rem;letter-spacing:.18em;font-weight:700;color:var(--muted);margin:0 0 12px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3.7vw,3.6rem);letter-spacing:-.04em;font-weight:400;line-height:1.1;margin:0 0 16px}h2{font-family:Georgia,"Times New Roman",serif;font-size:1.85rem;letter-spacing:-.035em;line-height:1.2;font-weight:400;margin:0 0 16px}.subtitle{color:var(--muted);font-size:.9rem;margin:0}.freshness{display:grid;justify-items:end;gap:9px;padding-bottom:3px}.freshness>span:last-child{font-size:.65rem;color:var(--muted)}.badge{background:var(--badge-bg);border:1px solid var(--badge-line);color:var(--badge-ink);padding:7px 11px;border-radius:99px;font-size:.68rem;display:inline-flex;align-items:center;gap:7px}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.stale{background:#fff1d8;color:#895e17;border-color:#eed8ae}.tabs{display:flex;gap:5px;padding:5px;background:var(--soft);border-radius:9px;width:max-content;margin-bottom:22px}.tabs button{border-color:transparent;background:transparent;color:var(--muted);font-size:.8rem;padding:10px 17px}.tabs button[aria-current=page]{background:var(--surface);box-shadow:0 2px 6px #0000000b;color:var(--accent)}.tabs span{font-size:.58rem;border-radius:4px;background:var(--soft);padding:3px 5px;margin-left:4px}.viewer-layout{display:grid;grid-template-columns:minmax(0,3.5fr) minmax(220px,1fr);align-items:start;gap:28px}.image-section{min-width:0}.image-stage{background:#171717;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center;isolation:isolate;touch-action:pan-y}.image-stage:fullscreen{border-radius:0;width:100vw;height:100vh;aspect-ratio:auto}.image-stage img{width:100%;height:100%;object-fit:contain;flex-shrink:0;transform-origin:center;user-select:none}.image-stage.zoomed{cursor:grab;touch-action:none}.image-stage.comparing img{width:50%;height:100%;object-fit:contain;transform:none!important}.image-stage p{color:#eee;font-size:.9rem}.image-label{position:absolute;bottom:16px;left:16px;border:1px solid #ffffff30;background:#171717cc;color:#fff;font-size:.58rem;letter-spacing:.13em;padding:7px 10px;border-radius:4px}.image-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line);gap:10px}.image-toolbar strong{font-size:.82rem;display:block;font-weight:550}.image-toolbar #time-note{display:block;font-size:.65rem;color:var(--muted);margin-top:5px}.tools{display:flex;gap:4px}.tools button{padding:7px 10px;font-size:.8rem;background:transparent}.actions{display:flex;gap:7px;flex-wrap:wrap;padding-top:14px}.actions button,.actions .button{font-size:.68rem;padding:9px 11px;background:transparent}.side-panel{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:27px 22px}.side-panel h2{font-size:1.6rem}.side-panel>p:not(.eyebrow){font-size:.78rem;line-height:1.8;color:var(--muted)}dl{margin:24px 0}dl>div{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:.66rem}dt{color:var(--muted)}dd{margin:0;text-align:right}.small{font-size:.72rem;line-height:1.7;color:var(--muted)}.text-link{border:0;padding:0;background:transparent;color:var(--accent);font-size:.73rem;text-decoration:underline;text-underline-offset:4px}.side-panel .text-link{margin-top:10px}.panel{margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-title h2{font-size:2rem}.controls{display:flex;align-items:end;flex-wrap:wrap;gap:14px;margin:15px 0 25px}label{display:grid;gap:7px;font-size:.67rem;color:var(--muted)}input,select{color:var(--ink);border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:10px 12px;font-size:.82rem;min-height:41px}.primary{background:var(--button-bg);color:var(--button-fg);border-color:var(--button-bg)}.primary:hover{background:#b50f16;color:var(--button-fg);border-color:#b50f16}.slider-label{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.day-slider{width:100%;accent-color:var(--accent);padding:0;margin:7px 0 0;min-height:25px}.timeline-labels{display:flex;justify-content:space-between;font-size:.57rem;color:var(--muted);margin-bottom:22px}.thumbnail-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.thumbnail{display:block;text-align:left;padding:0;overflow:hidden;border-radius:7px;background:var(--surface)}.thumbnail img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#171717}.thumbnail span{display:block;font-size:.65rem;padding:9px}.thumbnail[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:10px}.pagination button{font-size:.7rem}.about-strip{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:38px 0;margin-top:50px}.about-strip h2{margin:0;font-size:1.9rem}.about-strip>p{font-size:.78rem;color:var(--muted);line-height:1.9;max-width:450px;margin:0}.footer{padding-top:24px;padding-bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:.65rem;line-height:1.9}.footer span{color:var(--muted)}.footer>div{display:flex;gap:20px}.footer .text-link{font-size:inherit;color:inherit}#notice{font-size:.8rem;background:var(--soft);padding:12px 16px;border-left:3px solid var(--accent);border-radius:4px}dialog{max-width:540px;color:var(--ink);background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:10px;line-height:1.8;font-size:.85rem}dialog::backdrop{background:#000000c9}.skip{position:absolute;left:15px;top:-80px;background:var(--surface);padding:12px;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1500px){.wrap{padding-left:65px;padding-right:65px}}@media(max-width:1050px){.viewer-layout{grid-template-columns:1fr}.side-panel{display:none}.thumbnail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.intro{padding-top:34px}.image-stage{aspect-ratio:16/9}}@media(max-width:620px){.wrap{padding-left:5%;padding-right:5%}.header{height:80px}.header-note{display:none}.brand-logo{width:36px;height:38px}.brand{font-size:.95rem}.icon-button{font-size:.7rem;padding:8px}.intro{display:block;padding:28px 0 20px}h1{font-size:2.5rem}.freshness{justify-items:start;margin-top:20px}.tabs{width:100%;justify-content:space-between}.tabs button{font-size:.71rem;padding:9px 7px}.tabs span{display:none}.image-stage{border-radius:7px}.image-label{bottom:9px;left:9px;font-size:.48rem;padding:5px 6px}.image-toolbar{align-items:start}.image-toolbar strong{font-size:.72rem}.tools{gap:3px}.tools button{padding:7px}.tools span{display:none}.actions{gap:6px}.actions button,.actions .button{font-size:.64rem;padding:8px}.section-title{display:block}.section-title h2{font-size:1.8rem}.thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.thumbnail span{font-size:.6rem;padding:7px}.controls{gap:10px}.controls label{flex:1;min-width:130px}.controls button{font-size:.75rem}.pagination{flex-wrap:wrap}.pagination .small{order:3;width:100%;text-align:center}.about-strip{grid-template-columns:1fr;gap:16px;margin-top:30px;padding:28px 0}.about-strip h2{font-size:1.7rem}.footer{align-items:start;flex-direction:column}.footer p{margin:0}.image-stage.comparing{aspect-ratio:8/9}.image-stage.comparing img{object-fit:contain}.freshness>span:last-child{font-size:.6rem}}@media(prefers-reduced-motion:no-preference){button,.button{transition:background .15s,border-color .15s}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}