: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{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1100px;width:100%;margin:0 auto;padding:20px 24px 16px;border-bottom:1px solid var(--line)}.site-header-nav{display:flex;gap:20px;align-items:center}.site-header-title{font-size:clamp(22px,3.5vw,32px);font-weight:700;letter-spacing:-.3px;white-space:nowrap}.title-suffix{color:var(--muted);font-weight:400}.nav-link{background:none;border:none;padding:0;cursor:pointer;font-size:14px;font-weight:600;color:var(--muted);transition:color .15s ease;letter-spacing:.02em}.nav-link:hover,.nav-link--active{color:var(--fg)}@media (max-width: 480px){.site-header{grid-template-columns:1fr;grid-template-rows:auto auto;gap:10px;padding:16px 20px 12px}.site-header-title{grid-row:1;text-align:center}.site-header-nav{grid-row:2;justify-content:center;gap:16px}.site-header-spacer{display:none}.nav-link{font-size:12px}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:500}.dialog-box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:28px 32px;max-width:360px;width:calc(100% - 48px);text-align:center;box-shadow:0 12px 40px #0000001f}.dialog-box p{margin:0 0 20px;font-size:15px;line-height:1.6;color:var(--fg)}.dialog-close{background:none;border:1px solid var(--line);border-radius:8px;padding:7px 20px;cursor:pointer;font-size:14px;font-weight:600;color:var(--muted);transition:border-color .15s ease,color .15s ease}.dialog-close:hover{border-color:var(--accent);color:var(--fg)}.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:flex;flex-direction:column;max-width:1100px;margin:0 auto;padding:0 24px 48px;width:100%}.journal-entry{display:block;width:100%;background:none;border:none;border-top:1px solid var(--line);text-align:left;padding:32px 0;cursor:pointer}.journal-entry:last-child{border-bottom:1px solid var(--line)}.journal-date{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.journal-title{font-size:clamp(20px,3vw,26px);font-weight:700;margin:0 0 10px;transition:color .15s ease}.journal-entry:hover .journal-title{color:var(--accent)}.journal-desc{font-size:15px;color:var(--muted);margin:0 0 20px;max-width:65ch;line-height:1.6}.journal-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.journal-strip::-webkit-scrollbar{display:none}.journal-strip img{flex:1;min-width:0;height:220px;border-radius:6px;border:1px solid var(--line);object-fit:cover;transition:transform .18s ease,box-shadow .18s ease}@media (hover: hover) and (pointer: fine){.journal-entry:hover .journal-strip img{box-shadow:0 4px 14px #00000014}}@media (max-width: 600px){.journal-strip img{height:160px}.journal-entry{padding:24px 0}}.folder-view{padding:0 8px 40px}.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}