:root{--bg:#fff;--fg:#0c0c0d;--muted:#8d8d93;--pill:#0000000e;--pill-fg:#6c6c72;--ease:cubic-bezier(.65, 0, .15, 1);--font:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--stage-w:min(700px, 92vw, calc(54vh * 1.3333));--card-w:clamp(164px, 21vw, 300px);--gap:clamp(8px, 1.6vw, 28px);--pad:12vw;--dot:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='4.5' fill='white' stroke='rgba(0,0,0,.55)'/%3E%3C/svg%3E");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0d0d0f;--fg:#f4f4f5;--muted:#7d7d84;--pill:#ffffff14;--pill-fg:#a3a3a9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;transition:background-color .55s,color .55s;overflow:hidden}button{font:inherit;color:inherit}#app{position:fixed;inset:0}#bar{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex;position:fixed;top:0;left:0;right:0}#theme,#back{background:var(--pill);color:var(--pill-fg);cursor:pointer;border:0;border-radius:999px;padding:6px 13px;font-size:12px;transition:background-color .2s,color .2s,opacity .4s}#theme{pointer-events:auto}#theme:hover,#back:hover{color:var(--fg)}#back{opacity:0;pointer-events:none}body:not(.is-gallery) #back{opacity:1;pointer-events:auto;transition-delay:.35s}#hero{grid-template-rows:auto auto;place-content:center;justify-items:center;row-gap:14px;padding:44px 0 40px;display:grid;position:absolute;inset:0}#stage{z-index:6;width:var(--stage-w);aspect-ratio:4/3;transform-origin:0 0;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;position:relative}#stage.over{cursor:grab}body.dragging #stage,body.dragging{cursor:var(--dot) 8 8, grabbing}#stage.parked{visibility:hidden;pointer-events:none}#stage:focus-visible{outline:1px dashed var(--muted);outline-offset:6px}#gl{width:100%;height:100%;display:block}#copy{text-align:center;width:min(480px,90vw);min-height:12.5em}#copy h1,#copy p{margin:0}#copy .c-name{letter-spacing:-.01em;font-size:28px;font-weight:500;line-height:1.15}#copy .c-name .tok{color:var(--fg)}#copy .c-cat{margin-top:4px;font-size:13px}#copy .c-tagline{color:var(--fg);margin-top:16px;font-size:15px}#copy .c-about{max-width:420px;color:var(--muted);text-wrap:pretty;margin:8px auto 0;font-size:13.5px}#copy .c-meta{color:var(--muted);margin-top:10px;font-size:12px}#copy .tok{cursor:default}.s{transition:opacity .45s .35s,filter .45s .35s}body.is-gallery .s{opacity:0;filter:blur(4px);transition-duration:.3s;transition-delay:0s}.tok{color:var(--muted);white-space:nowrap;transition:color .2s}.is-flying,.landing .tok,.landing .thumb img{visibility:hidden!important}.fly{z-index:40;pointer-events:none;white-space:nowrap;transform-origin:0 0;margin:0;line-height:normal;position:fixed}.redact{animation:.5s step-end infinite speckle;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 16 0 0 0 -8.4'/%3E%3C/filter%3E%3Crect width='96' height='96' filter='url(%23n)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 16 0 0 0 -8.4'/%3E%3C/filter%3E%3Crect width='96' height='96' filter='url(%23n)'/%3E%3C/svg%3E");-webkit-mask-size:96px 96px;mask-size:96px 96px}@keyframes speckle{0%{-webkit-mask-position:0 0;mask-position:0 0}25%{-webkit-mask-position:-31px 17px;mask-position:-31px 17px}50%{-webkit-mask-position:22px -41px;mask-position:22px -41px}75%{-webkit-mask-position:-47px -9px;mask-position:-47px -9px}}#gallery{z-index:2;visibility:hidden;pointer-events:none;cursor:zoom-in;transition:visibility 0s linear .5s;position:absolute;inset:0}body.is-gallery #gallery{visibility:visible;pointer-events:auto;transition-delay:0s}#viewport{touch-action:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 9% 91%,#0000 100%)}#track{width:max-content;padding:0 var(--pad);transform:translate3d(calc(var(--x,0) * -1px), 0, 0);will-change:transform;align-items:flex-start;display:flex;position:absolute;top:40%;left:0}.card{flex:0 0 calc(var(--card-w) + var(--gap));width:calc(var(--card-w) + var(--gap));padding:0 calc(var(--gap) / 2);text-align:center;opacity:0;outline:none;flex-direction:column;align-items:center;font-size:12.5px;line-height:1.4;transition:opacity .28s;display:flex}body.is-gallery.loaded .card{opacity:1;transition:opacity .6s var(--ease) var(--delay,0s)}body.is-gallery.loaded.ready .card{transition:opacity .4s}body.is-gallery.ready:not(.scrolling) #track:has(.card:hover) .card:not(:hover){opacity:.4}.card .since{color:var(--muted);margin-bottom:14px;font-size:12px}.thumb{aspect-ratio:4/3;width:100%;transition:transform .4s var(--ease);position:relative}body.ready:not(.scrolling) .card:hover .thumb,.card:focus-visible .thumb{transform:translateY(-5px)scale(1.04)}#track.measuring .thumb{transition:none;transform:none}.thumb img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;width:100%;height:100%;transition:opacity .55s;position:absolute;inset:0}.thumb img.ready{opacity:1}:root[data-theme=dark] .thumb.has-night img.day,:root[data-theme=light] .thumb.has-day img.night{opacity:0}.thumb img:not([src]){visibility:hidden}.card .name{white-space:nowrap;margin-top:6px}.card .cat{white-space:nowrap;margin-top:1px}.card .name .tok{color:var(--fg);font-weight:500}.card .cat .tok{color:var(--muted)}#hint{z-index:10;text-align:center;color:var(--muted);pointer-events:none;font-size:12px;position:fixed;bottom:22px;left:0;right:0}body.is-gallery .h-detail,body:not(.is-gallery) .h-list{display:none}@media (width<=640px){#bar{padding:14px 16px}#hint{bottom:16px}:root{--card-w:46vw;--pad:8vw}}@media (prefers-reduced-motion:reduce){.redact{animation:none}.s,.card,.thumb{transition-duration:10ms!important;transition-delay:0s!important}}