.trace-page.svelte-1tvqy4q{padding:2rem;max-width:1200px;margin:0 auto;min-height:100vh;color:var(--sao-text-primary, #333)}.header.svelte-1tvqy4q{margin-bottom:3rem;position:relative}.header-content.svelte-1tvqy4q{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem}h1.svelte-1tvqy4q{font-family:SAO UI,sans-serif;font-size:2.5rem;font-weight:300;letter-spacing:.05em;margin:0}.jp-title.svelte-1tvqy4q{font-family:Noto Sans JP,sans-serif;font-size:1.5rem;opacity:.6}.subtitle.svelte-1tvqy4q{font-family:SAO UI,monospace;font-size:.9rem;opacity:.7;letter-spacing:.1em;margin:0}.header-line.svelte-1tvqy4q{position:absolute;bottom:-10px;left:0;width:100px;height:2px;background:var(--sao-orange, #ff9900)}.grid.svelte-1tvqy4q{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.image-card.svelte-1tvqy4q{background:none;border:none;padding:0;cursor:pointer;width:100%;border-radius:4px;overflow:hidden;transition:transform .2s;position:relative}.image-card.svelte-1tvqy4q:hover{transform:scale(1.02)}.image-wrapper.svelte-1tvqy4q{position:relative;aspect-ratio:16/9;background:#000;border:1px solid transparent;transition:border-color .3s}.image-card.svelte-1tvqy4q:hover .image-wrapper:where(.svelte-1tvqy4q){border-color:var(--sao-orange, #ff9900);box-shadow:0 0 10px #ff99004d}.image-wrapper.svelte-1tvqy4q img:where(.svelte-1tvqy4q){width:100%;height:100%;object-fit:cover;opacity:.9;transition:opacity .3s}.image-card.svelte-1tvqy4q:hover .image-wrapper:where(.svelte-1tvqy4q) img:where(.svelte-1tvqy4q){opacity:1}.overlay.svelte-1tvqy4q{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem;opacity:0;transition:opacity .3s}.image-card.svelte-1tvqy4q:hover .overlay:where(.svelte-1tvqy4q){opacity:1}.overlay-content.svelte-1tvqy4q{width:100%}.overlay-title.svelte-1tvqy4q{color:#fff;font-family:SAO UI,sans-serif;font-size:1.1rem;font-weight:500;letter-spacing:.05em;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.overlay-meta.svelte-1tvqy4q{display:flex;flex-direction:column;gap:.25rem;font-family:SAO UI,monospace;font-size:.75rem;letter-spacing:.05em;opacity:.9}.overlay-location.svelte-1tvqy4q{color:var(--sao-orange, #ff9900)}.overlay-date.svelte-1tvqy4q{color:#ffffffb3}[data-theme=dark] .trace-page.svelte-1tvqy4q{color:#eee}@media(max-width:900px){.trace-page.svelte-1tvqy4q{padding:1rem}.header.svelte-1tvqy4q{margin-bottom:2rem;padding-right:60px}h1.svelte-1tvqy4q{font-size:2rem}.jp-title.svelte-1tvqy4q{font-size:1.2rem}.subtitle.svelte-1tvqy4q{font-size:.8rem}.grid.svelte-1tvqy4q{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.image-wrapper.svelte-1tvqy4q{aspect-ratio:4/3}.overlay.svelte-1tvqy4q{padding:.75rem}.overlay-title.svelte-1tvqy4q{font-size:.95rem}.overlay-meta.svelte-1tvqy4q{font-size:.7rem}}@media(max-width:480px){.header.svelte-1tvqy4q{padding-right:50px}h1.svelte-1tvqy4q{font-size:1.75rem}.jp-title.svelte-1tvqy4q{font-size:1rem}.grid.svelte-1tvqy4q{grid-template-columns:repeat(2,1fr);gap:.75rem}.image-wrapper.svelte-1tvqy4q{aspect-ratio:1}.overlay-title.svelte-1tvqy4q{font-size:.85rem}}