:root{color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#0b0b0c;color:#e9e6df;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}a{color:inherit}.app{position:fixed;top:0;right:0;bottom:0;left:0}.app>canvas,.app canvas{display:block;position:relative;z-index:1}@property --bg-a{syntax: "<color>"; inherits: false; initial-value: #141418;}@property --bg-b{syntax: "<color>"; inherits: false; initial-value: #050506;}.bg-grad{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 120% 92% at 50% 38%,var(--bg-a),var(--bg-b));transition:--bg-a .5s ease,--bg-b .5s ease}.loading-spinner{position:fixed;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;z-index:6;pointer-events:none;border:3px solid rgba(233,230,223,.2);border-top-color:#e9e6dfd9;border-radius:50%;animation:spinnerSpin .8s linear infinite}@keyframes spinnerSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation-duration:2s}}.gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:28px 36px}.gallery-overlay .top{display:flex;justify-content:space-between;align-items:center;gap:16px}.gallery-overlay .brand{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#8a877f;white-space:nowrap}.gallery-overlay .search{display:flex;align-items:center;gap:12px;pointer-events:auto}.gallery-overlay .searchbox{position:relative;display:flex;align-items:center}.gallery-overlay .search input{font:inherit;font-size:13px;color:#e9e6df;width:min(320px,46vw);background:#141416b3;border:1px solid #26262a;border-radius:999px;padding:9px 34px 9px 15px;outline:none;transition:border-color .15s,background .15s}.gallery-overlay .search input::placeholder{color:#6f6c65}.gallery-overlay .search input:focus{border-color:#4a4a50;background:#1a1a1de6}.gallery-overlay .searchbox .clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:grid;place-items:center;font:inherit;font-size:18px;line-height:1;color:#8a877f;cursor:pointer;background:none;border:none;border-radius:999px;transition:color .12s,background .12s}.gallery-overlay .searchbox .clear:hover{color:#f4f1ea;background:#ffffff14}.gallery-overlay .count{font-size:12px;letter-spacing:.1em;color:#6f6c65;font-variant-numeric:tabular-nums;white-space:nowrap}.gallery-overlay .centered h2.none{color:#6f6c65;font-style:italic}.gallery-overlay .sidebar{position:fixed;top:84px;right:24px;width:240px;z-index:3;pointer-events:auto;max-height:calc(100vh - 116px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:16px 16px 18px;background:#0e0e10d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #1f1f22;border-radius:14px;animation:sidebarIn .3s cubic-bezier(.2,.7,.2,1) both}@keyframes sidebarIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.gallery-overlay .sidebar-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8a877f}.gallery-overlay .facet{display:flex;flex-direction:column;gap:7px}.gallery-overlay .facet .pills{display:flex;flex-wrap:wrap;gap:6px}.gallery-overlay .facet-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#6f6c65}.gallery-overlay .pill{font:inherit;font-size:12px;padding:5px 11px;border:1px solid #2a2a2c;border-radius:999px;color:#b7b2a8;background:#14141699;cursor:pointer;white-space:nowrap;transition:color .12s,border-color .12s,background .12s}.gallery-overlay .pill:hover{border-color:#4a4a50;color:#f4f1ea}.gallery-overlay .pill.on{background:#e9e6df;color:#111;border-color:#e9e6df}.gallery-overlay .clear-pills{font:inherit;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#d98b80;background:none;border:none;cursor:pointer;padding:2px 4px}.gallery-overlay .clear-pills:hover{color:#f0a99f}.gallery-overlay .centered{position:absolute;left:36px;bottom:76px;max-width:46vw;text-shadow:0 1px 4px rgba(0,0,0,.55)}.gallery-overlay .centered h2{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:clamp(22px,3vw,40px);line-height:1.1;letter-spacing:-.01em;color:#f4f1ea}.gallery-overlay .centered .by{font-family:Georgia,serif;font-style:italic;font-size:16px;color:#b7b2a8;margin-top:8px}.gallery-overlay .scrollhint{align-self:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#55524c}.back{position:fixed;top:22px;left:26px;z-index:4;pointer-events:auto;font:inherit;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#b7b2a8;padding:8px 12px;border:1px solid #26262a;border-radius:999px;background:#10101299;cursor:pointer}.back:hover{color:#f4f1ea;border-color:#3a3a3f}.hint{position:fixed;left:max(30%,300px);bottom:20px;transform:translate(-50%);z-index:2;font-size:11px;letter-spacing:.16em;color:#55524c;text-transform:uppercase;pointer-events:none}.dims{position:fixed;left:24px;bottom:20px;z-index:2;font-variant-numeric:tabular-nums;font-size:12px;letter-spacing:.12em;color:#55524c;text-transform:uppercase;pointer-events:none}.panel-wrap{position:fixed;top:0;right:0;height:100%;width:min(42vw,400px);z-index:3;border-left:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0e0e10bd,#09090aad);backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);pointer-events:auto;overflow-y:auto;animation:panelIn .55s cubic-bezier(.2,.7,.2,1) both}@keyframes panelIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .5s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.panel{padding:64px 56px;text-shadow:0 1px 3px rgba(0,0,0,.6)}.panel .eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#7a7770;margin-bottom:22px}.panel h1{font-family:Georgia,serif;font-weight:500;font-size:34px;line-height:1.12;letter-spacing:-.01em;margin-bottom:10px;color:#f4f1ea}.panel .byline{font-family:Georgia,serif;font-style:italic;font-size:18px;color:#b7b2a8;margin-bottom:30px}.panel .meta{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin-bottom:30px}.panel .meta .k{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#6f6c65;margin-bottom:4px}.panel .meta .v{font-size:15px;color:#e4e0d8;font-variant-numeric:tabular-nums}.panel .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.panel .chip{font-size:12px;padding:5px 11px;border:1px solid #2a2a2c;border-radius:999px;color:#b7b2a8}.panel .desc{font-size:15px;line-height:1.62;color:#a9a49a}.panel .desc p{margin-bottom:14px}.panel .bgg{display:inline-block;margin-top:8px;font-size:13px;color:#8fb4ff;text-decoration:none}.panel .bgg:hover{text-decoration:underline}.empty{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:12px;color:#b7b2a8;z-index:4}.linkbtn{font:inherit;color:#8fb4ff;background:none;border:none;cursor:pointer}@media (max-width: 820px){.panel-wrap{width:100%;height:46%;top:auto;bottom:0;border-left:none;border-top:1px solid #1c1c1e;animation:panelInM .55s cubic-bezier(.2,.7,.2,1) both}@keyframes panelInM{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.panel{padding:22px 20px 40px}.panel h1{font-size:24px}.panel .desc{font-size:14px}.hint{left:50%}.gallery-overlay{padding:18px}.gallery-overlay .top{flex-direction:column;align-items:stretch;gap:10px}.gallery-overlay .search{justify-content:space-between}.gallery-overlay .search input{width:100%;flex:1}.gallery-overlay .centered{left:18px;right:18px;bottom:58px;max-width:none}.gallery-overlay .centered h2{font-size:22px}.gallery-overlay .scrollhint{font-size:10px}.gallery-overlay .sidebar{top:auto;bottom:12px;right:12px;left:12px;width:auto;max-height:40vh}}