:root{--bg-base:#05080d;--text:#eaeaea;--muted:#9a9a9a;--accent:#fff5b3;--accent-hi:#ffb84d}html,body{background:var(--bg-base)}.gallery{isolation:isolate;max-width:1320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0 auto;padding:clamp(28px,6vw,64px) clamp(20px,4vw,40px) 80px;font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Helvetica Neue,sans-serif;position:relative}.gallery:before{content:"";z-index:-2;background:var(--bg-base);position:fixed;inset:0}.gallery:after{content:"";z-index:-1;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:160px 160px;position:fixed;inset:0}.gallery h1{letter-spacing:-.028em;color:var(--accent);margin:0 0 10px;font-size:clamp(34px,5.4vw,56px);font-weight:800;line-height:1.05}.gallery .sub{color:var(--muted);max-width:62ch;margin:0 0 clamp(28px,4vw,44px);font-size:clamp(14px,1.4vw,17px)}.toolbar{align-items:center;gap:10px;margin:0 0 clamp(12px,1.6vw,16px);display:flex}.search{flex:1;min-width:0;max-width:420px;position:relative}.search-input{box-sizing:border-box;width:100%;font:inherit;color:var(--text);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:9px 34px 9px 14px;font-size:14px;transition:border-color .18s,background .18s}.search-input::placeholder{color:var(--muted)}.search-input:focus-visible{background:#fff5b314;border-color:#fff5b373;outline:none}.search-input::-webkit-search-cancel-button{appearance:none}.search-clear{width:24px;height:24px;color:var(--muted);cursor:pointer;background:#ffffff14;border:none;border-radius:50%;place-items:center;font-size:16px;line-height:1;transition:color .18s,background .18s;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-clear:hover{color:var(--text);background:#ffffff29}.search-clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dice{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:19px;line-height:1;transition:transform .18s,border-color .18s,background .18s;display:grid}.dice:hover{background:#fff5b31a;border-color:#fff5b352;transform:rotate(-12deg)}.dice:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty{text-align:center;color:var(--muted);margin:clamp(28px,5vw,48px) 0;font-size:15px}.filters{flex-wrap:wrap;gap:8px;margin:0 0 clamp(18px,2.5vw,26px);display:flex}.chip{font:inherit;color:var(--muted);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;padding:6px 14px;font-size:13px;transition:color .18s,border-color .18s,background .18s}.chip:hover{color:var(--text);border-color:#fff5b34d}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip[aria-pressed=true]{color:var(--text);background:#fff5b324;border-color:#fff5b373}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(14px,1.6vw,20px);display:grid}.tile{color:var(--text);isolation:isolate;background:linear-gradient(#ffffff0a,#fff0 55%),#12121c8c;border:1px solid #ffffff14;border-radius:18px;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;animation:.5s backwards fade-up;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 8px 24px #00000059}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}.tile:hover{border-color:#fff5b352;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff12,0 16px 36px #00000073,0 0 0 1px #fff5b32e,0 0 36px #fff5b329}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tile .thumb{aspect-ratio:16/10;position:relative;overflow:hidden}.tile .star{z-index:2;-webkit-backdrop-filter:blur(4px);color:#ffffff80;cursor:pointer;opacity:0;background:#07060f80;border:none;border-radius:50%;place-items:center;width:30px;height:30px;font-size:16px;line-height:1;transition:opacity .18s,transform .18s,color .18s;display:grid;position:absolute;top:8px;right:8px;transform:scale(.85)}.tile:hover .star,.tile:focus-within .star,.tile .star:focus-visible{opacity:1;transform:scale(1)}.tile.faved .star{opacity:1;color:#ffd34d;transform:scale(1)}.tile .star:hover{color:#ffd34d}.tile .star:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tile .thumb:after{content:"";pointer-events:none;background:linear-gradient(#0000,#07060f8c);height:36%;position:absolute;inset:auto 0 0}.tile .meta{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 14px;display:flex}.tile .meta h3{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.tile .meta .arrow{color:var(--muted);font-size:14px;transition:transform .22s,color .22s}.tile:hover .meta .arrow{color:var(--accent);transform:translate(3px)}.support{color:var(--muted);text-align:center;margin-top:clamp(28px,4vw,44px);font-size:12px}.support a{color:var(--muted);text-underline-offset:2px;text-decoration:underline;transition:color .22s}.support a:hover,.support a:focus-visible{color:var(--accent)}@media (prefers-reduced-motion:reduce){.tile,.tile:hover,.tile .meta .arrow,.tile:hover .meta .arrow{transition:none;animation:none;transform:none}.chip,.dice,.star,.search-input,.search-clear{transition:none}.dice:hover{transform:none}.lightbox{animation:none}.lightbox-nav,.lightbox-tune,.lightbox-copy,.lightbox-close{transition:none}}.lightbox{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06080ed1;place-items:stretch stretch;animation:.18s both lb-in;display:grid;position:fixed;inset:0}.lightbox-stage{position:absolute;inset:0;overflow:hidden}.lightbox-nav{z-index:2;width:48px;height:64px;color:var(--text);cursor:pointer;background:#ffffff14;border:0;border-radius:10px;font-size:28px;line-height:1;transition:background .15s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff2e}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-bar{z-index:2;background:linear-gradient(#0000,#06080ed9);align-items:center;gap:12px;padding:16px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.lightbox-title{color:var(--text);flex:1;margin:0;font-size:18px}.lightbox-tune,.lightbox-copy{font:inherit;cursor:pointer;color:var(--text);background:#ffffff1a;border:0;border-radius:8px;padding:10px 16px;text-decoration:none;transition:background .15s}.lightbox-tune{background:var(--accent);color:#141108}.lightbox-tune:hover,.lightbox-copy:hover{filter:brightness(1.1)}.lightbox-close{z-index:2;width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;font-size:18px;transition:background .15s;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#fff3}.lightbox-toast{z-index:3;color:var(--text);background:#141822f2;border-radius:8px;padding:8px 16px;font-size:14px;position:absolute;top:20px;left:50%;transform:translate(-50%)}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lightbox-nav:focus-visible,.lightbox-tune:focus-visible,.lightbox-copy:focus-visible,.lightbox-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=560px){.grid{grid-template-columns:1fr;gap:14px}.tile .thumb{aspect-ratio:16/10}}@media (width>=561px) and (width<=860px){.grid{grid-template-columns:repeat(2,1fr)}}