:root{--bg: #f7f3e8;--fg: #1b1b1b;--muted: #6f6a60;--card: #ffffff;--line: #e5dfd1;--accent: #e60012}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);background-image:radial-gradient(1200px 800px at 10% 0%,rgba(0,0,0,.015),transparent 60%),radial-gradient(1000px 700px at 90% 100%,rgba(0,0,0,.02),transparent 60%)}img{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit}.container{min-height:100%;display:flex;flex-direction:column}.site-header{padding:28px 24px 12px;text-align:center}.site-header h1{margin:0 0 10px;font-weight:700;letter-spacing:.5px}.site-header h1:after{content:"";display:block;width:56px;height:3px;background:var(--accent);margin:8px auto 0;border-radius:2px}.muted{color:var(--muted)}.site-footer{padding:24px;text-align:center;margin-top:auto;font-size:12px}.center{display:grid;place-items:center;height:80vh}.error{color:#ffb4b4}.overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:16px}.folder-card{background:var(--card);border:1px solid var(--line);border-radius:10px;text-align:left;padding:12px;cursor:pointer;transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease}.folder-card:hover{transform:translateY(-1px);border-color:var(--accent);box-shadow:0 6px 16px #0000000f}.folder-title{font-weight:700;margin-bottom:2px}.folder-date{font-size:13px;font-weight:500;margin-bottom:8px}.folder-desc{color:var(--muted);font-size:14px;margin-bottom:10px;min-height:2lh}.folder-mosaic{column-count:2;column-gap:4px}.folder-mosaic img{display:block;width:100%;margin:0 0 4px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.folder-mosaic img.size-s{aspect-ratio:1 / 1}.folder-mosaic img.size-m{aspect-ratio:4 / 3}.folder-mosaic img.size-l{aspect-ratio:3 / 4}.folder-mosaic img.size-xl{aspect-ratio:16 / 10}.folder-view{padding:8px 8px 40px}.folder-header{padding:8px 8px 16px;text-align:center}.folder-header .back{float:left;margin:4px;background:transparent;border:1px solid var(--line);border-radius:8px;padding:6px 10px;cursor:pointer}.folder-header .back:hover{background:#e600120f;border-color:var(--accent)}.folder-header h1{margin:0 0 6px}.mosaic-grid{column-count:1;column-gap:8px}@media (min-width: 560px){.mosaic-grid{column-count:2}}@media (min-width: 900px){.mosaic-grid{column-count:3}}@media (min-width: 1280px){.mosaic-grid{column-count:4}}.mosaic-item{display:inline-block;width:100%;margin:0 0 8px;padding:0;background:none;border:none;cursor:zoom-in;break-inside:avoid}.mosaic-item img{width:100%;border-radius:8px;border:1px solid var(--line);object-fit:cover;display:block}.mosaic-item.size-s img{aspect-ratio:1 / 1}.mosaic-item.size-m img{aspect-ratio:4 / 3}.mosaic-item.size-l img{aspect-ratio:3 / 4}.mosaic-item.size-xl img{aspect-ratio:16 / 10}.mosaic-item.size-l{margin-bottom:12px}.mosaic-item.size-xl{margin-bottom:14px}@media (hover: hover) and (pointer: fine){.mosaic-item img{transition:transform .18s ease,box-shadow .18s ease}.mosaic-item:hover img{transform:translateY(-1px);box-shadow:0 6px 18px #0000000f}}.lightbox{--fg: #f3f3f3;--muted: #cfcfcf;--ctrl-size: 44px;--ctrl-bg: rgba(255,255,255,.14);--ctrl-bg-hover: rgba(255,255,255,.24);--ctrl-radius: 999px;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;z-index:1000}.lightbox-figure{grid-column:2;grid-row:2;margin:0;padding:16px;display:grid;gap:12px;align-content:center;justify-items:center}.lightbox-figure img{max-height:80vh;width:auto;border-radius:12px;box-shadow:0 10px 40px #0009}.lightbox-figure figcaption{color:var(--muted);max-width:min(80ch,90vw);text-align:center}.img-title{color:var(--fg);font-weight:600;margin-bottom:4px}.img-desc{font-size:14px}.lightbox-close{position:absolute;top:12px;right:12px;width:var(--ctrl-size);height:var(--ctrl-size);display:grid;place-items:center;background:var(--ctrl-bg);border:1px solid rgba(255,255,255,.18);border-radius:var(--ctrl-radius);color:var(--fg);cursor:pointer;z-index:3}.lightbox-close:hover{background:var(--ctrl-bg-hover)}.lightbox-close svg{display:block}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:var(--ctrl-size);height:var(--ctrl-size);display:grid;place-items:center;background:var(--ctrl-bg);border:1px solid rgba(255,255,255,.18);border-radius:var(--ctrl-radius);color:var(--fg);cursor:pointer;font-size:28px;line-height:1;z-index:2}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-prev:hover,.lightbox-next:hover{background:var(--ctrl-bg-hover)}.lightbox>.lightbox-prev,.lightbox>.lightbox-next,.lightbox>.lightbox-close{grid-column:1 / -1;grid-row:1 / -1}