.floating-orb{position:absolute!important;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--color-text, #333);font-family:Courier New,monospace;font-weight:700;font-size:.9em;cursor:pointer;transition:none;-webkit-user-select:none;user-select:none;border:2px solid var(--color-text, #333);background:var(--color-background-neutral, #f5f5f5);box-shadow:inset 1px 1px #fffc,inset -1px -1px #0000004d,2px 2px #0003}.floating-orb:hover{background:#ffffff1a}.floating-orb:active{transform:translate(1px,1px);box-shadow:inset -1px -1px #fffc,inset 1px 1px #0000004d,1px 1px #0003}.component-store{width:100%;overflow:hidden}.items-grid{display:flex;flex-wrap:wrap;flex-direction:row;gap:.2em;flex:1;overflow:hidden;justify-content:center;max-height:80px}.store-item{display:flex;flex-direction:column;align-items:center;padding:6px 4px;cursor:pointer;transition:all .3s ease;position:relative}.item-visual{height:24px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.item-image{height:24px;width:auto;filter:brightness(.7) saturate(.8);transition:all .3s ease}.item-image.on{filter:brightness(1.2) saturate(1.6) drop-shadow(0px 0px 4px rgba(255,220,100,.5))}.item-emoji{font-size:18px;opacity:.6;transition:all .3s ease;filter:grayscale(1)}.item-emoji.active{opacity:1;filter:grayscale(0);transform:scale(1.1)}.features-section{width:100%;max-width:1200px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:0 20px}@media screen and (max-width:768px){.features-grid{grid-template-columns:1fr;gap:20px;padding:0 10px}}.feature-card-wrapper{position:relative}.feature-card{background:var(--color-background-neutral);border:2px solid var(--color-text);padding:20px;position:relative;overflow:visible;transition:none;min-height:150px;box-shadow:inset 1px 1px #ffffff80,inset -1px -1px #0000004d,2px 2px #0003}.feature-card:hover{transform:translate(1px,1px);box-shadow:inset 1px 1px #ffffff80,inset -1px -1px #0000004d,1px 1px #0003}.feature-card.coming-soon{opacity:.8;border:2px dashed var(--color-text-translucent);background:var(--color-background-neutral) repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.05) 10px,rgba(0,0,0,.05) 20px)}.feature-card.coming-soon .coming-soon-badge{font-size:.7em;background:var(--color-text);color:var(--color-background-neutral);padding:2px 4px;border:1px solid var(--color-text);margin-left:8px}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,#f0f0f0,#d0d0d0);border-bottom:1px solid var(--color-text)}@media(prefers-color-scheme:dark){.feature-card:before{background:linear-gradient(to bottom,#404040,#202020)}}.feature-card h3{margin:12px 0 8px;font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:1px}.feature-card p{margin:0 0 16px;font-size:.85em;line-height:1.3}.interactive-elements{min-height:80px}.shared-elements-container{position:relative;width:100%;height:100%}.sync-indicator{position:absolute;bottom:4px;left:2px;padding:2px 6px;font-size:.6em;z-index:10}.portal-window{position:absolute;right:-40px;width:160px;height:120px;border:2px solid var(--color-text, #333);background:var(--color-background-neutral, #f5f5f5);z-index:10;box-shadow:inset 1px 1px #fffc,inset -1px -1px #0000004d,2px 2px 4px #0000004d}.portal-header{display:flex;align-items:center;justify-content:space-between;padding:2px 4px;background:linear-gradient(to bottom,#f0f0f0,#d0d0d0);border-bottom:1px solid var(--color-text, #333);min-height:12px}@media(prefers-color-scheme:dark){.portal-header{background:linear-gradient(to bottom,#404040,#202020)}}.portal-controls{display:flex;gap:2px}.portal-controls .control-dot{width:4px;height:4px;border-radius:50%}.portal-controls .control-dot.red{background:#ff5f57}.portal-controls .control-dot.yellow{background:#ffbd2e}.portal-controls .control-dot.green{background:#28ca42}.portal-url{font-size:.5em;color:var(--color-text, #333);opacity:.8}.portal-content{padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100% - 16px);text-align:center}.orb-1{top:-15px;right:20px;z-index:10}.orb-2{top:60px;right:-20px;z-index:10}.orb-3{bottom:20px;right:50px;z-index:10}.fire-hydrant{transition:transform .2s ease-in-out}.fire-hydrant:hover{transform:scale(1.05)}.experiments-archive{background:color-mix(in srgb,var(--color-background-neutral) 54%,transparent);border:2px solid color-mix(in srgb,var(--color-text) 42%,transparent);border-radius:6px;box-shadow:5px 5px color-mix(in srgb,var(--color-text) 15%,transparent);margin:34px 0;position:relative}.experiments-archive__header{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--color-text) 86%,transparent),color-mix(in srgb,var(--color-text) 74%,transparent));color:var(--color-background-neutral);display:flex;justify-content:space-between;gap:16px;padding:14px 18px}.experiments-archive__header>span{border:1px solid color-mix(in srgb,var(--color-background-neutral) 28%,transparent);border-radius:4px;font-size:.85rem;padding:4px 7px;white-space:nowrap}.experiments-archive__header h2{color:inherit;font-family:Carter One;font-size:1.35rem;margin:0}.experiments-archive__body{background:color-mix(in srgb,var(--color-background-neutral) 86%,var(--background))}.experiments-archive__section-label{background:color-mix(in srgb,var(--color-text-link) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-text) 16%,transparent);color:color-mix(in srgb,var(--color-text) 54%,transparent);font-size:.72rem;font-weight:700;letter-spacing:.18em;margin:0;padding:8px 18px 7px;text-transform:uppercase}.experiments-archive__section-label:not(:first-child){border-top:1px solid color-mix(in srgb,var(--color-text) 18%,transparent)}.experiments-archive__row{align-items:center;color:var(--color-text);display:grid;gap:16px;grid-template-columns:64px minmax(112px,.76fr) minmax(180px,1fr) minmax(86px,max-content);min-height:38px;padding:0 18px;position:relative;text-decoration:none}.experiments-archive__row:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--color-text) 16%,transparent)}.experiments-archive__row:hover,.experiments-archive__row:focus-visible{background:color-mix(in srgb,var(--color-text) 6%,transparent);outline:none}.experiments-archive__row:hover em,.experiments-archive__row:focus-visible em{color:var(--color-text-link);text-decoration-color:currentColor}.experiments-archive__row strong,.experiments-archive__row .experiments-archive__number{position:relative;z-index:1}.experiments-archive__row strong{font-weight:700}.experiments-archive__row .experiments-archive__number{color:color-mix(in srgb,var(--color-text) 62%,transparent);font-size:.84rem;font-weight:700;letter-spacing:.06em}.experiments-archive__row .experiments-archive__recommend-star{align-items:center;background:#fff4b7;border:1px solid color-mix(in srgb,var(--color-text) 28%,transparent);box-shadow:1px 1px color-mix(in srgb,var(--color-text) 16%,transparent);color:#202722;display:inline-flex;font-size:.64rem;height:14px;justify-content:center;left:0;line-height:1;position:absolute;top:0;transform:rotate(-7deg);width:14px;z-index:2}.experiments-archive__row .experiments-archive__description{color:color-mix(in srgb,var(--color-text) 76%,transparent);position:relative;z-index:1}.experiments-archive__row .experiments-archive__description .experiments-archive__meta{color:color-mix(in srgb,var(--color-text) 52%,transparent);display:block;font-size:.72rem;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.experiments-archive__row em{color:var(--color-text-link);font-style:normal;position:relative;z-index:1;text-align:right;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-text-link) 42%,transparent);text-underline-offset:3px;white-space:nowrap}.experiments-archive__row--random-active{background:linear-gradient(90deg,color-mix(in srgb,var(--randomizer-color) 30%,transparent),transparent 62%),color-mix(in srgb,var(--color-background-neutral) 82%,transparent)}.experiments-archive__row--random-active:before{background:var(--randomizer-color);content:"";inset:0 auto 0 0;position:absolute;width:4px;z-index:1}.experiments-archive__row--random-selected{animation:experiment-random-selected .76s steps(1,end) both}.experiments-archive__row--static{cursor:default}.experiments-archive__row--static em{color:color-mix(in srgb,var(--color-text) 50%,transparent);text-decoration:none}.experiments-archive__row--static:hover em,.experiments-archive__row--static:focus-visible em{color:color-mix(in srgb,var(--color-text) 50%,transparent)}.experiments-archive__row--event{background:linear-gradient(90deg,color-mix(in srgb,rgb(245,169,15) 16%,transparent),transparent 26%),color-mix(in srgb,var(--color-background-neutral) 78%,transparent)}.experiments-archive__fingerprints{inset:0 84px 0 64px;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.experiments-archive__fingerprints i{background:radial-gradient(ellipse at 48% 42%,color-mix(in srgb,var(--trace-color) 18%,transparent) 0 8%,color-mix(in srgb,var(--trace-color) 14%,transparent) 24%,color-mix(in srgb,var(--trace-color) 9%,transparent) 46%,color-mix(in srgb,var(--trace-color) 4%,transparent) 70%,transparent 100%);filter:blur(8px);height:50px;left:var(--trace-x);opacity:var(--trace-opacity);position:absolute;top:var(--trace-y);transform:translate(-50%,-50%) rotate(var(--trace-rotate));width:70px}.experiments-archive__preview{background:color-mix(in srgb,var(--color-background-neutral) 72%,white);border:1px solid color-mix(in srgb,var(--color-text) 34%,transparent);border-radius:5px;box-shadow:4px 4px color-mix(in srgb,var(--color-text) 16%,transparent);display:block;padding:7px;position:absolute;right:18px;top:calc(100% - 4px);width:min(260px,40vw);z-index:5}.experiments-archive__preview:before{color:color-mix(in srgb,var(--color-text) 50%,transparent);content:"preview";display:block;font-size:.7rem;font-weight:700;letter-spacing:.12em;margin-bottom:5px;text-transform:uppercase}.experiments-archive__preview img{aspect-ratio:4/3;display:block;object-fit:cover;width:100%}.experiments-archive__row:hover{z-index:4}.experiments-archive__footer{align-items:center;background:color-mix(in srgb,var(--color-background-neutral) 72%,var(--background));border-top:1px solid color-mix(in srgb,var(--color-text) 18%,transparent);display:flex;justify-content:space-between;gap:14px;padding:12px 18px}.experiments-archive__footer button{background:color-mix(in srgb,var(--color-background-neutral) 78%,transparent);border:1px solid color-mix(in srgb,var(--color-text) 28%,transparent);box-shadow:2px 2px color-mix(in srgb,var(--color-text) 14%,transparent);color:var(--color-text-link);font-family:Play;padding:7px 12px}.experiments-archive__footer button:hover,.experiments-archive__footer button:focus-visible{background:color-mix(in srgb,var(--color-text) 8%,var(--color-background-neutral));outline:none}.experiments-archive__footer button:disabled{color:color-mix(in srgb,var(--color-text) 46%,transparent);cursor:wait;opacity:.72}.experiments-archive__footer span{color:color-mix(in srgb,var(--color-text) 58%,transparent);font-size:.86rem}.experiments-archive__random-users{display:flex;gap:4px;margin-left:auto}.experiments-archive__random-users i{background:var(--user-color);border:1px solid color-mix(in srgb,var(--color-text) 24%,transparent);border-radius:999px;box-shadow:0 0 8px color-mix(in srgb,var(--user-color) 62%,transparent);display:block;height:9px;width:9px}@keyframes experiment-random-selected{0%,28%,56%,84%,to{background:linear-gradient(90deg,color-mix(in srgb,var(--randomizer-color) 36%,transparent),transparent 66%),color-mix(in srgb,var(--color-background-neutral) 84%,transparent)}14%,42%,70%{background:linear-gradient(90deg,color-mix(in srgb,var(--randomizer-color) 70%,transparent),color-mix(in srgb,var(--randomizer-color) 16%,transparent) 78%),color-mix(in srgb,var(--color-background-neutral) 86%,transparent)}}@media screen and (max-width:760px){.experiments-archive{border-left-width:1px;border-right-width:1px;margin:28px 0}.experiments-archive__header{align-items:flex-start;flex-direction:column;gap:8px}.experiments-archive__row{gap:5px 10px;grid-template-columns:62px minmax(0,1fr) max-content;min-height:auto;padding:12px 14px}.experiments-archive__row .experiments-archive__number{grid-column:1;grid-row:1/3}.experiments-archive__row strong,.experiments-archive__row .experiments-archive__description{grid-column:2}.experiments-archive__row em{grid-column:3;grid-row:1}.experiments-archive__row em{align-self:start}.experiments-archive__preview{display:none}.experiments-archive__row:hover .experiments-archive__preview,.experiments-archive__row:focus-visible .experiments-archive__preview{display:none}.experiments-archive__footer{align-items:stretch;flex-direction:column}.experiments-archive__footer span{display:none}}