.inspo-route{width:100%;height:100dvh;overflow:hidden}.inspo-scroller{--inspo-top:calc(80px + env(safe-area-inset-top));--inspo-bottom:calc(24px + env(safe-area-inset-bottom));--inspo-gap:16px;--inspo-padding:24px;--inspo-max-height:800px;--inspo-min-row-height:260px;--inspo-rows:1;inset:var(--inspo-top) 0 0;padding-bottom:var(--inspo-bottom);overscroll-behavior:contain;scroll-padding-inline:var(--inspo-padding);position:fixed;overflow:auto hidden;container-type:size}:root:not([data-focus-input=pointer]) .inspo-scroller:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.inspo-track{--inspo-height:min(var(--inspo-max-height), calc(100cqh - 16px));--inspo-row-height:calc((var(--inspo-height) - (var(--inspo-rows) - 1) * var(--inspo-gap)) / var(--inspo-rows));top:max(0px, calc((100dvh - var(--inspo-height)) / 2 - var(--inspo-top)));grid-template-rows:repeat(var(--inspo-rows), minmax(0, 1fr));gap:var(--inspo-gap);width:max-content;min-width:100%;height:var(--inspo-height);padding-inline:var(--inspo-padding);grid-auto-columns:max-content;grid-auto-flow:column;display:grid;position:relative}.inspo-item{width:calc(var(--inspo-row-height) * var(--inspo-ratio));height:var(--inspo-row-height);user-select:none;background:0 0;border-radius:8px;place-items:center;display:block;position:relative;overflow:hidden}.inspo-open{border-radius:inherit;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}:root:not([data-focus-input=pointer]) .inspo-open:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-3px}.inspo-open[data-restored-focus]:focus-visible{outline:none}.inspo-open:disabled{cursor:default}.inspo-open img,.inspo-open video{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.inspo-item.is-lightbox-origin{visibility:hidden}.inspo-load-boundary{display:none}.is-packed .inspo-load-boundary{pointer-events:none;width:1px;height:100%;display:block;position:absolute;top:0;right:0}@media (prefers-reduced-motion:no-preference){.inspo-item[data-pending-entrance]{opacity:0}.inspo-item.is-entering{animation:inspo-enter-slide .56s var(--motion-smooth) var(--inspo-delay,0s) both, inspo-enter-fade .3s var(--motion-fade) var(--inspo-delay,0s) both}}@keyframes inspo-enter-slide{0%{transform:translate(24px)}to{transform:translate(0)}}@keyframes inspo-enter-fade{0%{opacity:0}to{opacity:1}}.inspo-track.is-packed{padding:0;display:block}.inspo-track.is-packed .inspo-item{position:absolute;top:0;left:0}@media (height>=640px){.inspo-scroller{--inspo-rows:2}}@media (width<=809.98px){.inspo-scroller{--inspo-gap:12px}.inspo-item{border-radius:6px}}@media (width<=600px){.inspo-scroller{--inspo-max-height:480px;--inspo-min-row-height:180px}}@media (width<=600px) and (height>=500px){.inspo-scroller{--inspo-rows:2}}.inspo-lightbox{width:100%;max-width:none;height:100dvh;max-height:none;padding:calc(72px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));color:var(--text-body);background:0 0;border:0;margin:0;position:fixed;inset:0;overflow:auto}.inspo-lightbox-panel{flex-direction:column;justify-content:center;gap:24px;max-width:1100px;height:100%;margin:auto;display:flex}.inspo-lightbox-stage{flex:none;place-items:center;min-height:80px;display:grid}.inspo-lightbox-image{cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;display:block;overflow:hidden}.inspo-lightbox-image img,.inspo-lightbox-image video{object-fit:contain;width:100%;height:100%;display:block}.inspo-lightbox-meta{top:calc(24px + env(safe-area-inset-top));left:calc(24px + env(safe-area-inset-left));max-width:calc(100% - 104px);font-size:var(--font-size-small);z-index:1;gap:32px;margin:0;display:flex;position:absolute}.inspo-lightbox-meta dt{color:var(--text-subtle);margin-bottom:4px}.inspo-lightbox-meta dd{overflow-wrap:anywhere;margin:0;position:relative}.inspo-lightbox-meta [data-inspo-value]{display:block}.inspo-lightbox-meta [data-inspo-outgoing]{pointer-events:none;display:block;position:absolute;top:0;left:0}.inspo-lightbox-meta a{text-underline-offset:3px;text-decoration:underline}.inspo-lightbox-meta>div{opacity:0;filter:blur(3px);transition:transform .38s var(--motion-smooth), opacity .38s var(--motion-smooth), filter .38s var(--motion-smooth);transform:translateY(8px)}.inspo-lightbox.is-open .inspo-lightbox-meta>div{opacity:1;filter:blur();transition-delay:80ms;transform:translateY(0)}.inspo-lightbox.is-open .inspo-lightbox-meta>div+div{transition-delay:.17s}.inspo-lightbox[data-closing] .inspo-lightbox-meta>div{opacity:0;filter:blur(3px);transition:transform .22s cubic-bezier(.4,0,1,1),opacity .22s cubic-bezier(.4,0,1,1),filter .22s cubic-bezier(.4,0,1,1);transform:translateY(-6px)}.inspo-lightbox[data-closing] .inspo-lightbox-meta>div+div{transition-delay:60ms}.inspo-lightbox-close{opacity:0;transition:color .16s var(--motion-fade), opacity .2s var(--motion-fade)}.inspo-lightbox.is-open .inspo-lightbox-close{opacity:1}:root:not([data-focus-input=pointer]) .inspo-lightbox button:not(.detail-dialog-close):focus-visible,:root:not([data-focus-input=pointer]) .inspo-lightbox a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.inspo-lightbox button:disabled{opacity:.3;cursor:default}@media (width<=600px){.inspo-lightbox{padding-inline:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media (height<=420px){.inspo-lightbox{padding-bottom:16px}.inspo-lightbox-panel{gap:12px}}.inspo-lightbox[data-sheet-mobile]{height:calc(100dvh - var(--sheet-gap));padding:0 calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left));border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;background:var(--dialog-surface);overscroll-behavior:contain;flex-direction:column;display:none;inset:auto 0 0}.inspo-lightbox[data-sheet-mobile][open]{display:flex}.inspo-lightbox[data-sheet-mobile][open] .sheet-handle{z-index:2;background:var(--dialog-surface);flex:none;position:sticky;top:0}.inspo-lightbox[data-sheet-mobile] .inspo-lightbox-close{display:none}.inspo-lightbox[data-sheet-mobile] .inspo-lightbox-meta{flex:none;gap:24px;width:100%;max-width:none;padding-bottom:20px;position:static}.inspo-lightbox[data-sheet-mobile] .inspo-lightbox-meta>div{min-width:0}.inspo-lightbox[data-sheet-mobile] .inspo-lightbox-panel{flex:1 1 0;width:100%;height:auto;min-height:80px}@media (prefers-reduced-motion:reduce){.inspo-item{opacity:1!important;animation:none!important}.inspo-lightbox button,.inspo-lightbox-meta,.inspo-lightbox-meta>div{transition:none}}
