:root{--bg:#fff;--fg:#18181b;--muted:#71717a;--surface:#f4f4f5;--surface-2:#fff;--border:#e4e4e7;--border-strong:#d4d4d8;--border-hover:#a1a1aa;--chip:#f4f4f5;--chip-active:#18181b;--chip-active-fg:#fff;--chip-count-active:#a1a1aa;--danger:#dc2626;--danger-border:#f1c0c0;--gap:16px}:root[data-theme=dark]{--bg:#0d0d0f;--fg:#f4f4f5;--muted:#a1a1aa;--surface:#18181b;--surface-2:#0d0d0f;--border:#26262b;--border-strong:#2c2c31;--border-hover:#44444b;--chip:#1f1f23;--chip-active:#f4f4f5;--chip-active-fg:#0d0d0f;--chip-count-active:#52525b;--danger:#f87171;--danger-border:#5b2b2b}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Apple SD Gothic Neo,sans-serif}body.has-footer{flex-direction:column;min-height:100dvh;display:flex}body.has-footer>main{flex:1 0 auto}body.has-footer>.site-footer{flex-shrink:0}.site-header{align-items:center;padding:20px clamp(16px,4vw,48px) 8px;display:flex}.site-header h1{letter-spacing:.04em;text-transform:lowercase;margin:0;font-size:20px}.site-logo a{color:var(--fg);text-decoration:none}.searchbar{padding:8px clamp(16px,4vw,48px) 20px}.search{width:100%;position:relative}.search-suggest{z-index:40;background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;max-height:340px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.search-suggest[hidden]{display:none}.search-suggest li{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.search-suggest li.is-hi{background:var(--chip)}.search-suggest .s-type{color:var(--muted);text-align:center;flex:none;width:14px}.search input{width:100%;font:inherit;color:var(--fg);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:999px;padding:13px 22px;font-size:15px}.search input::placeholder{color:var(--muted)}.search input:focus{border-color:var(--border-hover);outline:none}.search-info{color:var(--muted);margin:0 0 16px;font-size:13px}.search-info a{color:var(--fg)}main{padding:24px clamp(16px,4vw,48px) 64px}.theme-toggle{z-index:50;border:1px solid var(--border-strong);background:var(--surface);width:40px;height:40px;color:var(--fg);cursor:pointer;border-radius:999px;place-items:center;font-size:17px;line-height:1;transition:border-color .15s,background .15s;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 2px 8px #0000001f}.theme-toggle:hover{border-color:var(--border-hover)}.tag-filter{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tag-chip{border:1px solid var(--border-strong);background:var(--chip);color:var(--fg);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:inline-block}.tag-chip:hover{border-color:var(--border-hover)}.tag-chip.is-active{background:var(--chip-active);color:var(--chip-active-fg);border-color:var(--chip-active)}.tag-chip .count{color:var(--muted);margin-left:4px;font-size:11px}.tag-chip.is-active .count{color:var(--chip-count-active)}.masonry{column-count:4;column-gap:var(--gap)}@media (width<=1100px){.masonry{column-count:3}}@media (width<=760px){.masonry{column-count:2}}@media (width<=460px){.masonry{column-count:1}}.masonry-item{break-inside:avoid;margin:0 0 var(--gap)}.masonry-item[hidden]{display:none}.masonry-item img,.masonry-item video{border-radius:12px;width:100%;height:auto;display:block}.masonry-link{display:block}.masonry-item img{cursor:pointer}.media-video{display:block;position:relative}.video-badge{color:#fff;pointer-events:none;background:#0000008c;border-radius:999px;place-items:center;width:28px;height:28px;font-size:11px;display:grid;position:absolute;top:10px;left:10px}.masonry-item figcaption{color:var(--fg);padding:8px 4px 0;font-size:13px;line-height:1.4}.empty{color:var(--muted);padding:48px 0}.site-footer{background:var(--fg);color:var(--bg);margin-top:48px;padding:48px clamp(16px,4vw,48px);font-size:15px;line-height:1.8}.footer-cols{flex-wrap:wrap;gap:28px 64px;max-width:1200px;margin:0 auto;display:flex}.footer-col h4{letter-spacing:.1em;opacity:.55;margin:0 0 10px;font-size:13px}.footer-col p{margin:0}.footer-col a{color:inherit;text-decoration:none}.footer-col a:hover{text-decoration:underline}.footer-copy{letter-spacing:.02em;opacity:.55;max-width:1200px;margin:32px auto 0;font-size:13px}.site-header .back-link{color:var(--fg);letter-spacing:.04em;text-transform:lowercase;font-size:20px;text-decoration:none}.detail{padding:24px clamp(16px,4vw,48px) 64px}.pin-grid{opacity:0;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:8px;grid-auto-flow:dense;column-gap:16px;max-width:min(92vw,2600px);margin:0 auto;display:grid}.pin-grid.ready{opacity:1;transition:opacity .2s}.pin-cell{min-width:0;margin:0}.pin-cell--feature{grid-column:span 2}.detail-card{background:var(--bg);border:1px solid var(--border);border-radius:20px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 6px 28px #0000001a}.detail-media{background:var(--bg);display:flex;position:relative}.detail-media img,.detail-media video{object-fit:contain;width:100%;height:auto;max-height:66vh;display:block}.zoom-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:999px;padding:8px 14px;font-size:13px;position:absolute;bottom:12px;right:12px}.zoom-btn:hover{background:#000c}.detail-meta{max-height:66vh;padding:24px;overflow-y:auto}.detail-meta h1{margin:0 0 14px;font-size:22px;line-height:1.3}.detail-desc{color:var(--muted);white-space:pre-wrap;margin:0 0 16px;font-size:14px;line-height:1.6}.detail-tags{flex-wrap:wrap;gap:8px;display:flex}.pin-grid figure .pin-link{display:block}.pin-grid figure img,.pin-grid figure video{border-radius:12px;width:100%;height:auto;display:block}.pin-cap{color:var(--fg);padding:8px 4px 0;font-size:13px;line-height:1.4}@media (width<=1100px){.pin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.pin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card{grid-template-columns:1fr}}@media (width<=480px){.pin-grid{grid-template-columns:1fr}.pin-cell--feature{grid-column:span 1}}.back-fab{z-index:60;border:1.5px solid var(--fg);background:var(--bg);width:42px;height:42px;color:var(--fg);cursor:pointer;border-radius:12px;place-items:center;font-size:20px;line-height:1;display:grid;position:fixed;top:16px;left:16px;box-shadow:0 2px 10px #0000001f}.back-fab:hover{background:var(--chip)}.lightbox{z-index:100;opacity:0;background:#000000e6;place-items:center;padding:24px;transition:opacity .28s;display:grid;position:fixed;inset:0}.lightbox.is-open{opacity:1}.lightbox[hidden]{display:none}.lightbox-media{object-fit:contain;will-change:transform;border-radius:8px;max-width:95vw;max-height:92vh}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;place-items:center;width:40px;height:40px;font-size:24px;line-height:1;display:grid;position:fixed;top:16px;right:20px}.lightbox-close:hover{background:#ffffff38}