.shard{transform-origin:50%;pointer-events:auto;will-change:transform;transition:filter 90ms linear, opacity .3s var(--ease-out);filter:drop-shadow(2px 10px 14px #3c30224d);position:absolute}.shard-inlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.shard-layer{background-repeat:no-repeat;position:absolute;inset:0}.shard-refract{-webkit-backdrop-filter:blur(1.5px)brightness(1.04)saturate(1.08);background:#1c181312;position:absolute;inset:0}.shard-face{-webkit-mask-image:var(--sprite);mask-image:var(--sprite);-webkit-mask-size:var(--sprite-size);mask-size:var(--sprite-size);-webkit-mask-position:var(--sprite-pos);mask-position:var(--sprite-pos);-webkit-mask-source-type:luminance;opacity:.92;background-color:#fffcf6;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-mode:luminance}.shard-sheen{opacity:.8;background:linear-gradient(148deg,#ffffff57 0%,#ffffff1a 22%,#0000 44% 66%,#ffffff24 100%)}.shard-spec{opacity:0;background:radial-gradient(42% 42% at var(--mx,50%) var(--my,50%), #ffffffd9, #fffcf657 46%, transparent 72%);transition:opacity .5s var(--ease-out)}.shard--hot{transition:filter .22s var(--ease-out), opacity .3s var(--ease-out);filter:brightness(1.03)drop-shadow(4px 22px 26px #3c302257);z-index:40!important}.shard--hot .shard-spec{opacity:1;transition:opacity .22s var(--ease-out)}.shard-tint{opacity:0;background:var(--shard-wash,transparent);mix-blend-mode:multiply;filter:blur(18px);transition:opacity .7s var(--ease-out);transform:scale(1.25)}.shard--lit .shard-tint{opacity:.42}.shard--lit{filter:brightness(1.05) drop-shadow(3px 14px 20px #3c302252) drop-shadow(0 0 22px var(--shard-halo,#fff6e68c))}.shard--lit.shard--hot{filter:brightness(1.07) drop-shadow(4px 22px 28px #3c302257) drop-shadow(0 0 30px var(--shard-halo,#fff6e6b3))}.shard--lit .shard-face{opacity:1}.shard--muted{opacity:.4;filter:none}.shard--gone{opacity:0;pointer-events:none}.orb-stage{aspect-ratio:9/16;position:relative}.orb-frame{touch-action:pinch-zoom;position:absolute;inset:21.875% 0}.orb-bar{background:#3c302229;border-radius:999px;height:2px;transition:opacity .5s;position:absolute;top:calc(78.125% + 1.4rem);left:24%;right:24%;overflow:hidden}.orb-bar>i{border-radius:inherit;height:100%;transition:width .9s var(--ease-soft);background:#3c30226b;display:block}.orb-bar--gone{opacity:0}@media (prefers-reduced-motion:reduce){.orb-bar>i{transition:none}}.slab{transform-origin:50%;transform-style:preserve-3d;will-change:transform, opacity;transition:opacity .7s var(--ease-out), transform .22s var(--ease-out), box-shadow .22s var(--ease-out);border-radius:1.4rem;position:absolute;inset:0;overflow:hidden;box-shadow:10px 26px 44px -18px #3c302299,2px 6px 12px -4px #3c302252}.slab-env{mix-blend-mode:screen;pointer-events:none;transition:opacity .22s var(--ease-out);background-image:url(/glass/studio-cubemap-prefiltered.png);background-position:40.094% 0;background-repeat:no-repeat;background-size:598.828% 200%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(170deg,#000 0%,#00000073 42%,#0000 82%);mask-image:linear-gradient(170deg,#000 0%,#00000073 42%,#0000 82%)}.slab--glass{-webkit-backdrop-filter:blur(2px)saturate(1.1)brightness(1.04);background:linear-gradient(152deg,#ffffff29,#ffffff0a 44%,#ffffff1f);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #ffffff47,10px 26px 44px -20px #3c30228c,2px 6px 12px -4px #3c302242}.slab--glass .slab-env{opacity:.3;filter:blur(12px)}.slab--glass.is-hot .slab-env{opacity:.5}.slab.is-hot{box-shadow:14px 34px 54px -20px #3c30229e,3px 8px 16px -5px #3c302257}.slab--glass.is-hot{box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #ffffff52,14px 34px 54px -22px #3c302294,3px 8px 16px -5px #3c302247}@media (prefers-reduced-motion:reduce){.slab{transition:opacity .7s linear}}.pane{isolation:isolate;perspective:1250px;user-select:none;width:100%;position:relative;container-type:inline-size}.pane-stage{position:absolute;inset:6% 4.5%}.pane-shards{z-index:5;transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.pane-title,.pane-slice{pointer-events:none;white-space:nowrap;font-family:var(--font-display);letter-spacing:-.02em;place-items:center;font-size:clamp(24px,8.6cqw,168px);font-weight:400;line-height:.9;display:grid;position:absolute}.pane-title{z-index:1;opacity:0;animation:pane-in 1.4s var(--ease-out) forwards;inset:0}.pane-title--under .pane-word{color:color-mix(in srgb, var(--on-wall) 88%, transparent)}.pane-slice .pane-word{color:var(--on-wall);transform:var(--jt);filter:blur(.2px)}.pane-word{display:block}.pane-stack{flex-direction:column;align-items:center;gap:.06em;line-height:.9;display:flex;transform:rotate(-8deg)}.pane-slice .pane-stack{transform:var(--jt) rotate(-8deg)}.pane-stack em{font-style:normal;display:block}.pane-stack em:nth-child(2){opacity:.85;align-self:flex-end;margin-right:8%;font-size:.44em}.pane--portrait .pane-title,.pane--portrait .pane-slice{font-size:clamp(40px,17cqw,168px)}.pane-cracks{z-index:2;pointer-events:none;opacity:0;width:100%;height:100%;animation:pane-in 1.4s var(--ease-out) forwards;position:absolute;inset:0}@keyframes pane-in{to{opacity:1}}.pane-cracks path{fill:none;vector-effect:non-scaling-stroke}.pane-cracks-glow path{stroke:#3c302212;stroke-width:2.6px}.pane-cracks-line path{stroke:#3c302233;stroke-width:1px}.pane-cracks-fine path{stroke:#3c30221c;stroke-width:.75px}.forge-pane{aspect-ratio:9/16;perspective:900px;position:relative;container-type:inline-size}.forge-shards{transform-style:preserve-3d;position:absolute;inset:0}.forge-dream{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s linear;position:absolute;inset:0}.shard--hot .forge-dream{opacity:.86;transition:opacity 1.15s cubic-bezier(.45,0,.55,1) .14s}.forge-dream--kept{opacity:.86}.forge-shards .shard{transition:filter 90ms linear, opacity 1s var(--ease-out)}.forge-shards .shard--hot{transition:filter .22s var(--ease-out), opacity .3s var(--ease-out)}.forge-shard--pending{opacity:0;filter:none;pointer-events:none}.forge-crack{pointer-events:none;width:100%;height:100%;opacity:var(--forge-fracture,1);transition:opacity 1.2s var(--ease-out);filter:drop-shadow(0 0 5px var(--forge-glow,#3c302280));position:absolute;inset:0}.forge-crack path{fill:none;vector-effect:non-scaling-stroke;stroke:var(--forge-glow,#3c30228c);transition:opacity 1.2s var(--ease-out), stroke-width 1.2s var(--ease-out)}@keyframes forge-pulse{0%,to{opacity:calc(var(--forge-fracture,1) * .55)}50%{opacity:var(--forge-fracture,1)}}.forge-crack--working{animation:2.4s ease-in-out infinite forge-pulse}@media (prefers-reduced-motion:reduce){.shard,.shard-spec,.shard-tint{transition:none}.forge-dream{transition:opacity 10ms linear}.pane-cracks,.pane-title{opacity:1;animation:none}.forge-crack--working{animation:none}}.float-group{animation:float-drift var(--float-dur,13s) ease-in-out infinite alternate;animation-delay:var(--float-delay,0s);will-change:transform;pointer-events:auto;position:absolute}@keyframes float-drift{0%{transform:translate3d(calc(var(--float-x,12px) * -1), var(--float-y,16px), 0) rotate(calc(var(--float-rot,1.4deg) * -1))}to{transform:translate3d(var(--float-x,12px), calc(var(--float-y,16px) * -1), 0) rotate(var(--float-rot,1.4deg))}}.float-group--inline{position:relative}.float-group:hover,.float-group:has(:focus-visible){animation-play-state:paused}.float-group--whole:hover .shard,.float-group--whole:has(:focus-visible) .shard{transition:filter .22s var(--ease-out), opacity .3s var(--ease-out);filter:brightness(1.08)drop-shadow(4px 20px 26px #3c302257)drop-shadow(0 0 26px #fff8ec80)}.float-group--whole:hover .shard--lit,.float-group--whole:has(:focus-visible) .shard--lit{filter:brightness(1.16) drop-shadow(5px 22px 30px #3c30225c) drop-shadow(0 0 16px #fffcf4cc) drop-shadow(0 0 46px var(--shard-halo,#fff6e6e6))}.float-group--whole:hover .shard-face,.float-group--whole:hover .shard-spec,.float-group--whole:has(:focus-visible) .shard-face,.float-group--whole:has(:focus-visible) .shard-spec{opacity:1;transition:opacity .22s var(--ease-out)}@media (prefers-reduced-motion:reduce){.float-group--whole:hover .shard,.float-group--whole:hover .shard-face,.float-group--whole:hover .shard-spec,.float-group--whole:has(:focus-visible) .shard,.float-group--whole:has(:focus-visible) .shard-face,.float-group--whole:has(:focus-visible) .shard-spec{transition:none}.float-group{animation:none}}.chat-cue{animation:3.6s ease-in-out both chat-cue}@keyframes chat-cue{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.chat-cue{animation:none}}