*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{color:#211f1b;-webkit-font-smoothing:antialiased;background:radial-gradient(at 50% -10%,#fff 0%,#0000 55%),#f6f5f1;min-height:100vh;padding:clamp(24px,5vw,64px) clamp(16px,5vw,40px) 90px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.frame-wrap{max-width:820px;margin:0 auto}.masthead{text-align:center;border-bottom:1px solid #dcd8cd;margin-bottom:clamp(28px,4vw,44px);padding-bottom:clamp(28px,4vw,44px)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#4b5d52;margin:0 0 14px;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:11px}h1{letter-spacing:.01em;color:#211f1b;margin:0;font-family:Iowan Old Style,Palatino Linotype,Songti SC,Noto Serif SC,Georgia,serif;font-size:clamp(38px,7vw,58px);font-style:italic;font-weight:500}h1 .dot{color:#a1854f;margin:0 .08em;font-style:normal;display:inline-block;transform:translateY(-6px)}.tagline{color:#6b6656;letter-spacing:.02em;margin:12px 0 0;font-size:13.5px}.query-panel{flex-wrap:nowrap;align-items:end;gap:10px;margin-bottom:clamp(30px,5vw,48px);scroll-margin-top:24px;display:flex}.field{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.field label{letter-spacing:.16em;text-transform:uppercase;color:#6b6656;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:10.5px}input[type=date]{color:#211f1b;background:#fff;border:1px solid #dcd8cd;border-radius:2px;outline:none;width:100%;min-width:0;padding:12px 10px;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:15px;transition:border-color .15s,box-shadow .15s}input[type=date]:focus{border-color:#4b5d52;box-shadow:0 0 0 3px #4b5d521f}button#search-btn{letter-spacing:.12em;text-transform:uppercase;color:#fff;cursor:pointer;white-space:nowrap;background:#4b5d52;border:1px solid #4b5d52;border-radius:2px;flex:none;padding:11px 22px;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:11.5px;transition:background .15s,transform .1s}button#search-btn:hover{background:#374840}button#search-btn:active{transform:translateY(1px)}button#search-btn:focus-visible,input[type=date]:focus-visible,.thumb:focus-visible,.lightbox-close:focus-visible{outline-offset:2px;outline:2px solid #a1854f}.filter-group{flex:none;align-items:center;display:flex}.filter-btn{letter-spacing:.08em;text-transform:uppercase;color:#4b5d52;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #4b5d52;border-radius:2px;padding:11px 14px;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:11.5px;transition:background .15s,color .15s,border-color .15s,transform .1s}.filter-btn:hover{background:#4b5d520f}.filter-btn:active{transform:translateY(1px)}.result-stage{flex-direction:column;align-items:center;min-height:220px;display:flex}.empty-state{text-align:center;color:#6b6656;border:1px dashed #dcd8cd;border-radius:2px;width:100%;padding:clamp(40px,8vw,72px) 20px}.empty-state .glyph{color:#dcd8cd;margin-bottom:10px;font-family:Iowan Old Style,Palatino Linotype,Songti SC,Noto Serif SC,Georgia,serif;font-size:34px;font-style:italic}.empty-state h3{color:#211f1b;margin:0 0 8px;font-family:Iowan Old Style,Palatino Linotype,Songti SC,Noto Serif SC,Georgia,serif;font-size:19px;font-weight:500}.empty-state p{margin:0;max-width:360px;margin-inline:auto;font-size:13px;line-height:1.7}.stage-frame{flex-direction:column;align-items:center;width:100%;display:flex}.print{background:#fff;width:100%;max-width:640px;padding:14px 14px 20px;position:relative;box-shadow:0 1px 2px #14120e0f,0 18px 40px -20px #14120e59}.photo{aspect-ratio:8/5;background:#efede6;width:100%;position:relative}.photo img{object-fit:contain;cursor:zoom-in;width:100%;height:100%;transition:transform .3s;display:block}.photo:hover img{transform:scale(1.015)}.stamp{letter-spacing:.06em;color:#ff8a1f;text-shadow:0 0 1px #0000008c,0 0 6px #00000059,0 1px #0006;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:12px;position:absolute;bottom:10px;right:12px}.print .cap{letter-spacing:.03em;color:#6b6656;justify-content:space-between;align-items:baseline;margin-top:12px;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:10.5px;display:flex}.print .cap .frame-no{color:#a1854f}.print .hint{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:#a39d8c;margin:10px 0 0;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:9.5px}.stage-meta{text-align:center;margin-top:22px}.stage-meta .date-title{margin:0 0 4px;font-family:Iowan Old Style,Palatino Linotype,Songti SC,Noto Serif SC,Georgia,serif;font-size:22px;font-style:italic}.stage-meta .count{letter-spacing:.12em;text-transform:uppercase;color:#6b6656;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:11px}.filmstrip-wrap{margin-top:clamp(34px,6vw,54px)}.filmstrip-label{letter-spacing:.16em;text-transform:uppercase;color:#6b6656;margin:0 0 10px;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:10.5px}.filmstrip-band{background:#211f1b;border-radius:3px;overflow:hidden}.sprocket-row{opacity:.85;background-image:radial-gradient(circle,#f6f5f1 2.4px,#0000 2.5px);background-position:8px;background-repeat:repeat-x;background-size:22px 12px;height:12px}.filmstrip{scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x;cursor:grab;-webkit-user-select:none;user-select:none;gap:10px;padding:12px;display:flex;overflow-x:auto}.filmstrip::-webkit-scrollbar{display:none}.filmstrip.dragging{cursor:grabbing;scroll-snap-type:none}.thumb{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:none;align-items:center;gap:6px;width:128px;padding:0;display:flex}.thumb img{aspect-ratio:3/2;object-fit:contain;filter:sepia(6%)saturate(96%);outline-offset:2px;-webkit-user-drag:none;pointer-events:none;outline:2px solid #0000;width:128px;transition:outline-color .15s,transform .15s;display:block}.thumb.active img{outline-color:#a1854f}.thumb:hover img{transform:translateY(-2px)}.thumb .t-time{letter-spacing:.03em;color:#c9c4b6;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:9px}.lightbox{z-index:100;background:#0f0e0bf0;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox-img-wrap{cursor:zoom-in;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;margin-top:5%;display:flex;overflow:hidden}.lightbox-img-wrap.zoomed{cursor:grab;-webkit-overflow-scrolling:touch;display:block;overflow:auto}.lightbox-img-wrap img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .15s;display:block;box-shadow:0 30px 60px #00000080}.lightbox-img-wrap.zoomed img{object-fit:none;max-width:none;max-height:none}.lightbox-caption{letter-spacing:.05em;color:#cfcabd;text-align:center;flex:none;padding:16px 24px;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:11.5px}.lightbox-close{color:#e9e6dd;cursor:pointer;z-index:1;background:0 0;border:1px solid #55524a;border-radius:50%;width:40px;height:40px;font-size:22px;line-height:1;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#ffffff14}@media (width<=480px){.query-panel{gap:8px}.field label{font-size:9.5px}input[type=date]{padding:11px 8px;font-size:13px}button#search-btn{padding:11.5px 14px;font-size:11px}.filter-btn{padding:11.5px 10px;font-size:11px}.thumb,.thumb img{width:104px}}@media (width<=360px){button#search-btn{padding:11.5px 10px}.filter-btn{padding:11.5px 8px}}@media (orientation:landscape) and (height<=480px){body{padding-top:20px;padding-bottom:40px}.masthead{margin-bottom:20px;padding-bottom:16px}h1{font-size:32px}.print{max-width:420px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.loading-state{text-align:center;color:#6b6656;letter-spacing:.12em;width:100%;padding:clamp(40px,8vw,72px) 20px;font-family:SF Mono,IBM Plex Mono,Menlo,Consolas,monospace;font-size:12px}