:root{--bg:#000;--fg:#f5f5f7;--fg-2:#a1a1a6;--fg-3:#86868b;--accent:#0a84ff;--ease:cubic-bezier(.2, .8, .2, 1);--gap:2px;--glass-fill:#ffffff1a;--glass-fill-hover:#ffffff2e;--glass-fill-active:#ffffff42;--glass-border:#ffffff2e;--glass-blur:blur(16px) saturate(160%);--glass-shadow:inset 0 1px 0 #ffffff38, 0 2px 8px #00000040;color-scheme:dark}html{background:var(--bg);scrollbar-gutter:stable;-webkit-text-size-adjust:100%}html.viewer-open{overflow:hidden}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Inter,system-ui,sans-serif}a{color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.header{z-index:20;height:64px;transition:transform .26s var(--ease);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;display:flex;position:sticky;top:0}.header:before{content:"";z-index:-1;backdrop-filter:blur(28px)saturate(180%);background:linear-gradient(#2c2c306b,#1414164d);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff14}.logo{color:var(--fg);letter-spacing:-.01em;font-size:19px;font-weight:500;text-decoration:none}.filters{align-items:center;gap:6px;display:flex}.filter{position:relative}.pill{box-sizing:border-box;border:1px solid var(--glass-border);background:var(--glass-fill);min-height:44px;backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);color:var(--fg);font:inherit;white-space:nowrap;cursor:pointer;border-radius:980px;align-items:center;gap:7px;padding:0 16px;font-size:14px;transition:background .15s;display:inline-flex}.pill:hover,.pill.is-narrowed{background:var(--glass-fill-hover)}.pill[aria-expanded=true]{background:var(--glass-fill-active)}.pill:focus-visible,.text-btn:focus-visible,.glass-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill-count{box-sizing:border-box;background:var(--fg);color:#000;font-variant-numeric:tabular-nums;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.pill-count[hidden]{display:none}.panel{z-index:30;backdrop-filter:blur(32px)saturate(180%);width:288px;max-height:min(70vh,560px);animation:pop .16s var(--ease);background:#24242894;border:1px solid #ffffff29;border-radius:18px;flex-direction:column;padding:6px 0;display:flex;position:absolute;top:52px;right:0;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 24px 60px #0000008c}.panel[hidden]{display:none}@keyframes pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.panel-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow:hidden auto}.panel-top{flex:none;justify-content:space-between;padding:0 6px;display:flex}.filter-section{border-top:1px solid #ffffff1a;padding:4px 0 6px}.section-head{align-items:center;padding:0 6px 0 16px;display:flex}.section-title{letter-spacing:.06em;text-transform:uppercase;color:#ebebf599;flex:1;margin:0;font-size:12px;font-weight:600}.section-head .text-btn{min-height:36px;font-size:13px}.text-btn{min-height:44px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 10px;font-size:14px}.text-btn:hover{background:#ffffff14}.panel-bottom{border-top:1px solid #ffffff1a;flex:none;padding:6px 6px 0}.panel-close{width:100%;display:block}.option{cursor:pointer;align-items:center;gap:12px;min-height:44px;padding:0 16px;font-size:15px;transition:opacity .15s;display:flex}.option:hover{background:#ffffff0d}.option input{width:18px;height:18px;accent-color:var(--accent);margin:0}.option-label{flex:1}.option-count{color:#ebebf599;font-variant-numeric:tabular-nums;font-size:13px}.option.is-empty{opacity:.4}.option.is-country .option-label{font-weight:500}.option.is-place{min-height:40px;padding-left:46px;font-size:14px}.grid{gap:var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.tile{aspect-ratio:1;cursor:zoom-in;-webkit-tap-highlight-color:transparent;background:#111;display:block;overflow:hidden}.tile[hidden]{display:none}.tile img{object-fit:cover;width:100%;height:100%;transition:filter .2s;display:block}@media (hover:hover){.tile:hover img{filter:brightness(1.12)}}.tile:focus-visible{outline:2px solid var(--fg);outline-offset:-2px}.ghost{pointer-events:none;margin:0;position:absolute}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;padding:0 24px;display:flex}.empty[hidden]{display:none}.empty p{color:var(--fg-2);margin:0;font-size:17px}.footer{color:var(--fg-3);justify-content:center;align-items:center;gap:16px;padding:28px 24px 36px;font-size:12px;display:flex}.footer a{color:var(--fg-3);text-decoration:none}.footer a:hover{color:var(--fg)}.footer-icon{border-radius:8px;margin:-6px 0;padding:6px;display:inline-flex}.footer-icon:focus-visible{outline:2px solid var(--fg)}.viewer{--mx:48px;--my:40px;z-index:50;touch-action:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer[hidden]{display:none}.viewer-bg{background:var(--bg);position:absolute;inset:0}.stage{width:min(calc(100vw - 2 * var(--mx)), calc((100dvh - 2 * var(--my)) * var(--ar,1.5)));aspect-ratio:var(--ar,1.5);transform-origin:0 0;background:#0b0b0b;position:relative}.stage img{width:100%;height:100%;display:block;position:absolute;inset:0}.stage-full{opacity:0;transition:opacity .25s}.stage.is-loaded .stage-full{opacity:1}.glass-btn{box-sizing:border-box;backdrop-filter:blur(20px)saturate(180%);width:44px;height:44px;color:var(--fg);cursor:pointer;opacity:0;pointer-events:none;background:#ffffff24;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:opacity .3s,background .15s;display:flex;position:absolute;box-shadow:inset 0 1px #ffffff40,0 4px 16px #00000059}.glass-btn:hover{background:#ffffff3d}.viewer.controls-on .glass-btn,.glass-btn:focus-visible,html:not(.js) .glass-btn{opacity:1;pointer-events:auto}.viewer-close{top:max(20px, env(safe-area-inset-top));right:20px}.viewer-prev,.viewer-next{margin-top:-22px;top:50%}.viewer-prev{left:20px}.viewer-next{right:20px}.zoom{transform-origin:0 0;cursor:zoom-in;position:absolute;inset:0}.zoom.is-gesture{will-change:transform}.zoom.is-animating{transition:transform .2s}.viewer.is-zoomed .zoom{cursor:grab}.viewer.is-zoomed .zoom.is-dragging{cursor:grabbing}.zoom-controls{left:50%;bottom:max(28px, env(safe-area-inset-bottom));opacity:0;pointer-events:none;gap:20px;transition:opacity .3s;display:none;position:absolute;transform:translate(-50%)}.viewer.controls-on .zoom-controls,.zoom-controls:focus-within{opacity:1;pointer-events:auto}.zoom-btn{color:var(--fg);opacity:.7;cursor:pointer;filter:drop-shadow(0 1px 2px #0009);background:0 0;border:0;padding:4px;transition:opacity .15s;display:flex}.zoom-btn:hover:not(:disabled){opacity:1}.zoom-btn:disabled{opacity:.3;cursor:default}.zoom-btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:4px}@media (hover:hover) and (pointer:fine){.zoom-controls{display:flex}}.viewer-info{right:20px;bottom:max(20px, env(safe-area-inset-bottom))}.viewer-info[hidden]{display:none}.viewer-info[aria-expanded=true]{background:#ffffff47}.info-panel,.hero-bio,.hero-pause{box-sizing:border-box;backdrop-filter:blur(20px)saturate(180%);color:var(--fg);background:#1414148c;border:1px solid #fff3;border-radius:14px;padding:12px 16px;font-size:13px;line-height:1.4;box-shadow:inset 0 1px #ffffff26,0 4px 16px #00000059}.info-panel{right:20px;bottom:calc(max(20px, env(safe-area-inset-bottom)) + 56px);max-width:min(320px,100vw - 32px);animation:.16s ease-out info-in;position:absolute}.info-panel[hidden],.info-row[hidden]{display:none}.info-panel dl{gap:8px;margin:0;display:grid}.info-panel dt{letter-spacing:.04em;text-transform:uppercase;opacity:.6;font-size:11px}.info-panel dd{margin:0}@keyframes info-in{0%{opacity:0;transform:translateY(4px)}}@media (width<=640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header{height:60px;padding:0 16px}.logo{font-size:18px}.pill{gap:6px;padding:0 11px}.panel{width:auto;max-height:calc(100dvh - 76px);position:fixed;top:60px;left:12px;right:12px}.viewer{--mx:0px;--my:0px}.viewer-close{right:16px}.viewer-prev,.viewer-next{top:auto;bottom:max(32px, env(safe-area-inset-bottom));margin-top:0}.viewer-prev{left:12px}.viewer-next{right:12px}.viewer-info{left:50%;right:auto;bottom:max(32px, env(safe-area-inset-bottom));margin-left:-22px}.info-panel{left:50%;right:auto;bottom:calc(max(32px, env(safe-area-inset-bottom)) + 56px);animation:none;transform:translate(-50%)}}@media (width>=641px) and (width<=1024px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1800px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.hero-space{height:100svh;display:none;position:relative}.hero .hero-space{display:block}@media (width<=640px),(pointer:coarse){.hero-space{height:150svh}}.hero-canvas,.hero-glow{pointer-events:none;width:100%;height:100lvh;position:fixed;top:0;left:0}.hero-canvas{z-index:10;display:block}.hero-hit{z-index:11;touch-action:none;cursor:grab;pointer-events:none;border-radius:50%;width:0;height:0;position:fixed;top:0;left:0}.hero-hit.is-over-photo{cursor:pointer}.hero-hit.is-dragging{cursor:grabbing}.hero-glow{z-index:9;background:radial-gradient(circle at 50% var(--ball-y,calc(50% + 32px)), #ffffff12, #ffffff05 38%, transparent 62%)}.hero-hint{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:11;color:var(--fg-2);white-space:nowrap;letter-spacing:.18em;text-transform:uppercase;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:11px;font-weight:500;text-decoration:none;display:flex;position:fixed;transform:translate(-50%)}.hero-hint svg{animation:hint-bob 1.8s var(--ease) infinite}@keyframes hint-bob{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}html:not(.hero-on) .hero-canvas,html:not(.hero-on) .hero-hit,html.hero:not(.hero-ready) .hero-hit,html:not(.hero-on) .hero-glow,html:not(.hero-on) .hero-hint{visibility:hidden}.hero-loader{left:50%;top:var(--ball-y,calc(50lvh + 32px));z-index:11;aspect-ratio:1;pointer-events:none;opacity:0;visibility:hidden;will-change:opacity;width:min(90vw,80lvh - 51.2px);transition:opacity .35s var(--ease), visibility 0s .35s;position:fixed;transform:translate(-50%,-50%)}html.hero:not(.hero-ready) .hero-loader{opacity:1;visibility:visible;animation:hero-loader-in .4s var(--ease) .5s both;transition:none}@keyframes hero-loader-in{0%{opacity:0}}.hero-loader svg{width:100%;height:100%;display:block;overflow:visible;transform:rotate(-90deg)}.hero-loader circle{fill:none;stroke:var(--fg);stroke-width:.4px}.hero-loader-track{opacity:.12}.hero-loader-arc{opacity:.65;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--load,0));transition:stroke-dashoffset .2s ease-out}.hero-loader-text{color:var(--fg-2);letter-spacing:.04em;text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:13px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}html.hero:not(.hero-ready) .hero-hint{visibility:hidden}@media (prefers-reduced-motion:reduce){.hero-loader-arc{transition:none}}.hero-pause{left:calc(20px + env(safe-area-inset-left));bottom:calc(20px + env(safe-area-inset-bottom));z-index:12;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background .15s;display:flex;position:fixed;overflow:hidden}.hero-pause svg{position:relative}.hero-pause:hover{background:#2c2c2c99}.hero-pause:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero-pause .icon-play,.hero-pause[aria-pressed=true] .icon-pause{display:none}.hero-pause[aria-pressed=true] .icon-play{display:block}html:not(.hero-on) .hero-pause,html.hero:not(.hero-ready) .hero-pause{visibility:hidden}@media (prefers-reduced-motion:reduce){.hero-pause{display:none}}.hero-bio{right:calc(20px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:12;width:min(360px,100vw - 40px);color:var(--fg-2);visibility:hidden;border-radius:18px;padding:16px 20px;line-height:1.5;position:fixed;overflow:hidden}.hero-space{--bio-a:64 77 102;--bio-b:64 77 102}.hero-bio.is-in{visibility:visible;animation:bio-in .6s var(--ease) backwards}@keyframes bio-in{0%{opacity:0;transform:translateY(12px)}}.hero-bio:before,.hero-bio:after,.hero-pause:before,.hero-pause:after{content:"";pointer-events:none;position:absolute}.hero-pause:before,.hero-pause:after{opacity:0;transition:opacity .6s var(--ease)}.is-tinted .hero-pause:before,.is-tinted .hero-pause:after{opacity:1}.hero-pause:before,.hero-bio:before{background:linear-gradient(90deg, rgb(var(--bio-a) / .16), rgb(var(--bio-b) / .16));inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.hero-pause:after,.hero-bio:after{background:linear-gradient(90deg, transparent, rgb(var(--bio-a) / .7) 25%, rgb(var(--bio-b) / .7) 75%, transparent);height:1px;top:0;left:12px;right:12px}.hero-bio p{margin:0;position:relative}.hero-bio .hero-bio-name{color:var(--fg);margin-bottom:4px;font-size:16px;font-weight:500;line-height:1.3}@media (width<=640px){.hero-bio{left:calc(16px + env(safe-area-inset-left));right:calc(16px + env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));width:auto;padding:14px 18px}}html:not(.hero-on) .hero-bio{visibility:hidden}@media (prefers-reduced-motion:reduce){.hero-bio.is-in{animation:none}}.filter{transition:opacity .3s var(--ease)}.hero-on:not(.hero-filter) .filter{opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility 0s .3s}.filters{position:relative}.flame-btn{width:44px;transition:opacity .3s var(--ease), background .15s ease;justify-content:center;padding:0;font-size:20px;position:absolute;right:0}.flame-btn:active{background:var(--glass-fill-active)}html:not(.hero-on) .flame-btn,.hero-filter .flame-btn{opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility 0s .3s}.flames{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.flames span{bottom:-64px;left:var(--x);font-size:var(--size);opacity:0;will-change:transform, opacity;animation:flame-up var(--dur) cubic-bezier(.25, .6, .35, 1) var(--delay) forwards;line-height:1;position:absolute}@keyframes flame-up{0%{opacity:0;transform:translate(0)scale(.6)}12%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(var(--sway), calc(-100lvh - 128px)) scale(1.15) rotate(var(--rot))}}@media (prefers-reduced-motion:reduce){.flames span{bottom:var(--y);animation-name:flame-fade}@keyframes flame-fade{30%,70%{opacity:1}}}.dust{z-index:11;pointer-events:none;position:fixed;top:0;left:0}.dust span{width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);filter:blur(1px);opacity:0;animation:dust-puff var(--dur) cubic-bezier(.2, .7, .3, 1) forwards;background:radial-gradient(circle,#d6ccbe8c,#d6ccbe00 70%);border-radius:50%;position:absolute;top:0;left:0}@keyframes dust-puff{0%{opacity:0;transform:translate(0)scale(.3)}15%{opacity:var(--o)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(1.6)}}.hero main{min-height:calc(100lvh - 64px)}.hero-on .grid{opacity:0}@media (prefers-reduced-motion:reduce){.hero-hint svg{animation:none}.header,.tile img,.glass-btn,.info-panel,.zoom.is-animating,.zoom-controls,.zoom-btn,.stage-full,.option,.pill{transition:none}.panel,.info-panel{animation:none}}