:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC",sans-serif;color:#17332d;background:#f3f6f2;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}header{padding:42px max(24px,calc((100vw - 1360px)/2));color:#fff;background:linear-gradient(135deg,#103f34,#1c5d4c)}.eyebrow{font-size:.75rem;letter-spacing:.22em;color:#a8d6c5}h1{font-size:clamp(2.2rem,6vw,4.6rem);line-height:1;margin:.22em 0 .12em;letter-spacing:-.04em}.tagline{font-size:clamp(1.05rem,2.4vw,1.45rem);margin:.25rem 0 .75rem;color:#e0f0e9}.subtitle{margin:0 0 1rem;color:#b8d8cd}#stats{font-size:.875rem;color:#d5e8e0}nav{position:sticky;top:0;z-index:5;display:flex;gap:10px;align-items:center;padding:14px max(16px,calc((100vw - 1360px)/2));background:#f3f6f2f2;border-bottom:1px solid #d7e0d8;backdrop-filter:blur(12px)}input,select,nav button{min-height:44px;border:1px solid #c8d6cb;border-radius:9px;background:#fff;color:#17332d;padding:9px 12px}input{flex:1;min-width:220px}main{max-width:1400px;margin:auto;padding:8px 22px 36px}.theme{background:#fff;border:1px solid #d8e2da;border-radius:14px;margin:14px 0;overflow:hidden}.theme summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:15px 18px}.theme summary::-webkit-details-marker{display:none}.theme summary:before{content:'＋';font-size:1.5rem;color:#668174}.theme[open] summary:before{content:'−'}.cover{width:82px;height:58px;object-fit:cover;border-radius:7px;background:#edf1ec}.theme summary div{min-width:0}.theme summary strong{display:block;font-size:1.1rem;line-height:1.35}.theme summary span{display:block;margin-top:3px;color:#708177;font-size:.82rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:0 18px 18px}article{overflow:hidden;border:1px solid #dce4dd;border-radius:10px;background:#fafcf9}.photo{display:block;width:100%;padding:0;border:0;background:#edf1ec;cursor:zoom-in}.photo img{display:block;width:100%;height:220px;object-fit:contain}.meta{display:flex;justify-content:space-between;gap:8px;padding:10px 11px;font-size:.8rem;color:#718178}.meta strong{color:#24443a}.meta span{white-space:nowrap}#empty,noscript{text-align:center;display:block;padding:70px 20px;color:#718178}footer{text-align:center;padding:26px 20px;color:#708177;font-size:.82rem}.preview-open{overflow:hidden}#lightbox{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#07110f;color:#fff}#lightbox::backdrop{background:#07110ff2}.lightbox-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.lightbox-toolbar,.lightbox-footer{display:flex;align-items:center;gap:10px;padding:12px max(14px,env(safe-area-inset-right)) 12px max(14px,env(safe-area-inset-left));background:#0d211cde;z-index:1}.lightbox-toolbar>span{margin-right:auto;font-variant-numeric:tabular-nums}.lightbox-toolbar button,.lightbox-footer button{min-height:42px;border:1px solid #ffffff40;border-radius:8px;background:#ffffff10;color:#fff;padding:8px 11px}.lightbox-zoom{display:flex;gap:6px}.lightbox-stage{min-height:0;overflow:auto;display:grid;place-items:center;padding:12px;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.lightbox-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .18s ease;user-select:none;-webkit-user-drag:none}.lightbox-footer{justify-content:space-between;padding-bottom:max(12px,env(safe-area-inset-bottom))}.lightbox-footer p{margin:0;text-align:center;color:#d4e6de;font-size:.85rem}.lightbox-footer button{min-width:94px}@media(max-width:700px){header{padding:28px 18px 24px}nav{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:12px 14px}nav input,nav select{grid-column:1/-1;width:100%;min-width:0}main{padding:4px 10px 24px}.theme{margin:10px 0}.theme summary{padding:12px}.cover{width:64px;height:48px}.theme summary strong{font-size:1rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 8px 8px}.photo img{height:170px}.meta{padding:8px;font-size:.72rem}.lightbox-toolbar{padding-top:max(10px,env(safe-area-inset-top))}.lightbox-zoom button{min-width:42px;padding:8px}.lightbox-footer p{font-size:.72rem}.lightbox-footer button{min-width:76px;padding:8px 6px}}@media(max-width:350px){.grid{grid-template-columns:1fr}.photo img{height:auto;max-height:60dvh}}
[hidden]{display:none!important}
.lightbox-stage{display:block;place-items:normal}
#lightbox-canvas{display:grid;place-items:center;min-width:100%;min-height:100%}
.lightbox-stage img{max-width:none;max-height:none;transform:none;transition:none}
.lightbox-toolbar button,.lightbox-footer button{min-height:44px}
@media(max-width:700px){.meta,.lightbox-footer p{font-size:.75rem}.lightbox-zoom button{min-width:44px}}