@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";html,body,#root{margin:0;height:100%;touch-action:none}html{overflow:hidden;overscroll-behavior:none}body{overflow:hidden;overscroll-behavior:none;font-family:Inter,sans-serif;font-optical-sizing:auto;letter-spacing:-.7px;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0c0c0c;color:#f5f5f5}.experiments-app{position:fixed;inset:0;height:100%;height:100dvh;opacity:0;animation:experiments-page-enter .48s cubic-bezier(.33,0,.2,1) forwards}@keyframes experiments-page-enter{to{opacity:1}}@media(prefers-reduced-motion:reduce){.experiments-app{animation:none;opacity:1}}.experiments-home-link{position:fixed;z-index:1000;top:max(16px,env(safe-area-inset-top,0px));left:max(16px,env(safe-area-inset-left,0px));width:36px;height:36px;padding:0;border-radius:4px;display:grid;place-items:center;color:#ffffff8c;text-decoration:none;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.experiments-home-link:hover,.experiments-home-link:focus-visible{color:#fff;background-color:#00000085}.experiments-info{position:fixed;z-index:1000;left:max(16px,env(safe-area-inset-left,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-start;gap:8px}.experiments-info-button{width:36px;height:36px;padding:0;border:0;border-radius:4px;display:grid;place-items:center;color:#ffffff8c;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.experiments-info-button:hover,.experiments-info-button:focus-visible{color:#fff;background-color:#00000085}.experiments-info-panel{box-sizing:border-box;width:min(220px,calc(100vw - 32px));padding:12px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#0c0c0cb8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 8px 24px #00000073;animation:experiments-info-in .4s ease}.experiments-info-panel.is-closing{animation:experiments-info-out .4s ease forwards;pointer-events:none}@keyframes experiments-info-in{0%{opacity:0}}@keyframes experiments-info-out{to{opacity:0}}.experiments-info-panel p{margin:0;font-size:12px;font-weight:500;letter-spacing:-.02em;line-height:1.4;color:#f5f5f5;text-align:center}.experiments-info-panel a{display:block;margin-top:8px;font-size:12px;font-weight:500;letter-spacing:-.02em;line-height:1.4;text-align:center;color:#f5f5f5;text-decoration:none;opacity:.5;touch-action:manipulation}.experiments-info-panel a:hover,.experiments-info-panel a:focus-visible{opacity:.7}.experiments-controls{position:fixed;z-index:1000;right:max(20px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;color:#ffffffb8;pointer-events:none;-webkit-user-select:none;user-select:none}.experiments-controls-keys{display:grid;grid-template-columns:repeat(3,22px);gap:4px}.experiments-controls-key{width:22px;height:22px;display:grid;place-items:center;box-sizing:border-box;border:1px solid rgba(255,255,255,.38);border-radius:4px;background:#0c0c0cb8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:10px;font-weight:500;letter-spacing:0;line-height:1}.experiments-controls-key.is-w{grid-column:2;grid-row:1}.experiments-controls-key.is-a{grid-column:1;grid-row:2}.experiments-controls-key.is-s{grid-column:2;grid-row:2}.experiments-controls-key.is-d{grid-column:3;grid-row:2}.experiments-controls-key.is-active{color:#fff;border-color:#ffffffd9;background:#ffffff24}.experiments-controls-mouse.is-active{color:#fff}.experiments-controls-divider{width:1px;height:36px;background:#ffffff47}.experiments-controls-mouse{display:grid;place-items:center;color:#ffffffb8;transition:transform .22s ease-out,color .15s ease}.experiments-controls-mouse.is-dragging{transition:transform .08s ease-out,color .15s ease}.experiments-panel-backdrop,.experiments-panel{opacity:1;transition:opacity .4s ease}@starting-style{.experiments-panel-backdrop,.experiments-panel{opacity:0}}.experiments-panel-shell.is-closing .experiments-panel-backdrop,.experiments-panel-shell.is-closing .experiments-panel{opacity:0;pointer-events:none}.experiments-panel-backdrop{position:fixed;inset:0;z-index:1100;background:#00000059;pointer-events:none}.experiments-panel{position:fixed;z-index:1101;top:max(16px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));box-sizing:border-box;width:min(420px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 32px);margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;overflow:visible;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#0c0c0c9e;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 24px 64px #00000073}.experiments-panel-body{overflow:auto;max-height:calc(100dvh - 32px);padding:14px 16px 20px;border-radius:inherit}.experiments-panel-close{align-self:flex-end;margin:0 0 10px;padding:0;border:0;background:none;display:grid;place-items:center;color:#ffffff8c;cursor:pointer}.experiments-panel-close:hover,.experiments-panel-close:focus-visible{color:#f5f5f5}.experiments-panel-media{position:relative;width:100%;aspect-ratio:var(--asset-aspect, 1.333);max-height:min(58vh,520px);flex:none;overflow:hidden;isolation:isolate}.experiments-panel-media-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.experiments-panel-media-layer.is-leaving{z-index:1;pointer-events:none}.experiments-panel-media-layer img,.experiments-panel-media-layer video{max-width:100%;max-height:100%;object-fit:contain}.experiments-panel-media-layer.is-entering img,.experiments-panel-media-layer.is-entering video{animation:experiments-media-in var(--media-swap, .28s) ease-out}.experiments-panel-media-layer.is-leaving img{animation:experiments-media-out var(--media-swap, .28s) ease-out forwards}@keyframes experiments-media-in{0%{opacity:.45}}@keyframes experiments-media-out{to{filter:blur(6px);opacity:0}}.experiments-panel-copy{animation:experiments-label-in var(--media-swap, .28s) ease-out}.experiments-panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:16px}.experiments-panel-title{margin:0;font-size:22px;font-weight:500;letter-spacing:-.04em;line-height:1.15;color:#f5f5f5}.experiments-panel-date{flex:none;margin:0;font-size:13px;font-weight:500;letter-spacing:-.02em;color:#f5f5f580}.experiments-panel-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none}.experiments-panel-tags li{padding:3px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:12px;font-weight:500;letter-spacing:-.02em;line-height:1.4;color:#f5f5f5d1}.experiments-panel-description{margin:12px 0 0;font-size:14px;font-weight:400;letter-spacing:-.02em;line-height:1.45;color:#f5f5f59e}@keyframes experiments-label-in{0%{opacity:.35}}@media(prefers-reduced-motion:reduce){.experiments-panel-backdrop,.experiments-panel{transition:none}.experiments-info-panel,.experiments-panel-copy,.experiments-panel-media-layer.is-entering img,.experiments-panel-media-layer.is-entering video,.experiments-panel-media-layer.is-leaving img{animation:none}.experiments-controls-mouse{transition:none}}.infinite-stage{position:absolute;inset:0;touch-action:none}.infinite-stage canvas{display:block;width:100%;height:100%;touch-action:none}.infinite-hover-label{display:none;position:absolute;z-index:5;left:0;top:0;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:500;letter-spacing:-.02em;color:#f5f5f5;background:#0c0c0ceb;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 24px #00000073;white-space:nowrap;max-width:min(240px,70vw);overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0}