@font-face{font-family:Nunito;src:url(/fonts/nunito.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Nunito;src:url(/fonts/nunito-bold.woff2) format("woff2");font-weight:700 900;font-display:swap}:root{--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--inset: var(--space-5);--text-scale: 1;--text-sm: calc(.9375rem * var(--text-scale));--text-md: calc(1.125rem * var(--text-scale));--text-lg: calc(1.5rem * var(--text-scale));--leading: 1.5;--corners: 1;--round-lg: calc(28px * var(--corners));--round-pill: 999px;--layer-scene: 0;--layer-content: 10;--layer-navigation: 30;--layer-overlay: 40;--navigation-clearance: 132px;--motion-amount: 1;--ease: cubic-bezier(.32, .72, .28, 1);--spring-home: cubic-bezier(.2, 1.32, .36, 1);--brand-dot: #90b35d;--font: "Nunito", ui-rounded, system-ui, -apple-system, sans-serif;--on: #fff;--shade: #000;--party: #ff5fa2;--ivory: #fbf9f4}@media(max-width:820px){:root{--inset: var(--space-4);--navigation-clearance: 118px}}@media(prefers-reduced-motion:reduce){:root{--motion-amount: 0}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100vh;margin:0;overflow:hidden;overscroll-behavior:none;background:var(--deep, #36506a)}:root{--viewport-gap: calc(100vh - 100dvh) }body{font-family:var(--font);font-size:var(--text-md);line-height:var(--leading);color:var(--ink);background:var(--deep, #36506a);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}button,[role=button]{min-width:44px;min-height:44px}.room{position:fixed;inset:0;height:100vh;overflow:hidden;background:var(--deep)}.design-under,.design-over{position:absolute;inset:0;overflow:hidden;pointer-events:none}.design-under{z-index:var(--layer-scene)}.design-over{z-index:calc(var(--layer-overlay) + 4)}.design-under:before,.design-under:after,.design-over:before,.design-over:after{pointer-events:none}.design-land{position:absolute;inset:-20% -60%;z-index:calc(var(--layer-overlay) + 5);pointer-events:none;background:linear-gradient(105deg,transparent 42%,color-mix(in srgb,var(--on) 26%,transparent) 50%,transparent 58%);opacity:0;animation:design-land .9s var(--ease) both}@keyframes design-land{0%{translate:-45% 0;opacity:0}25%{opacity:1}to{translate:45% 0;opacity:0}}@media(prefers-reduced-motion:reduce){.design-land{display:none}}.scene{position:absolute;inset:-1px;z-index:var(--layer-scene);background-color:var(--deep);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:var(--scene-in, 1)}.scene{touch-action:none;-webkit-touch-callout:none;transition:filter .7s var(--ease)}.scene-fade{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;animation:scene-fade .42s cubic-bezier(.45,0,.55,1) forwards}.scene-fade[data-kind=light]{animation-duration:.7s}.scene-fade[data-kind=sharpen]{animation-duration:.9s}@keyframes scene-fade{to{opacity:0}}.scene[data-stand-in=night]{filter:brightness(.5) saturate(.72) hue-rotate(14deg) contrast(1.06)}.scene[data-stand-in=day]{filter:brightness(1.28) saturate(1.08) contrast(.96)}.scene[data-elastic],.character-layer[data-elastic]{will-change:transform,translate,scale}.scene--layered{transform:translate(calc(var(--look-x, 0) * 1% + var(--olp-x, 0) * 1px),calc(var(--look-y, 0) * 1% + var(--olp-y, 0) * 1px)) scale(calc((1 + .075 * var(--scene-arrive, 0) * var(--motion-amount)) * var(--look-s, 1) * var(--olp-s, 1)));transform-origin:38% 45%}.scene-video,.reel-video{transform:translate(calc(var(--look-x, 0) * 1% + var(--olp-x, 0) * 1px),calc(var(--look-y, 0) * 1% + var(--olp-y, 0) * 1px)) scale(calc(var(--look-s, 1) * var(--olp-s, 1)));transform-origin:38% 45%}.room[data-olp] :is(.party-beams,.party-floor,.party-sparks,.party-guest,.party-bubble,.effects-canvas,.effects-canvas--under,.pictures,.handover-amigo,.rail,.rail-tabs,.sound-bar,.bottom-media,.end-spot,.mark,.mark-now){transform:translate(calc(var(--olp-x, 0) * 1px),calc(var(--olp-y, 0) * 1px)) scale(var(--olp-s, 1))}.room[data-olp]:not([data-glass]) .top-right{z-index:var(--layer-navigation);transform:translate(calc(var(--olp-x, 0) * 1px),calc(var(--olp-y, 0) * 1px)) scale(var(--olp-s, 1));transform-origin:100% 0}.room[data-olp] :is(.party-guest,.handover-amigo){transform-origin:50% 100%}.room[data-olp] :is(.mark,.mark-now){transform-origin:0 0}.room[data-olp] :is(.rail,.rail-tabs){transform-origin:100% 0}.room[data-olp] .who{transform-origin:0 100%}.room[data-olp] .who[data-side=right]{transform-origin:100% 100%}.room[data-olp] :is(.capsule,.mic-label,.sound-bar,.bottom-media,.end-spot){transform-origin:calc(var(--olp-ox, 0) * 1px) calc(var(--olp-oy, 0) * 1px)}.room[data-olp] :is(.top-right,.capsule,.rail,.mark,.who):after{content:"";position:absolute;inset:14% 6%;z-index:-1;border-radius:calc(999px * var(--corners, 1));background:#040a098c;filter:blur(14px);opacity:calc(var(--olp-h, 0) * .7);transform:translate(calc(var(--olp-hx, 0) * 1px),calc(var(--olp-hy, 0) * 1px));pointer-events:none;will-change:transform}.room[data-olp] .rail:after{inset:4% 12%;border-radius:calc(28px * var(--corners, 1))}.room[data-olp] :is(.capsule,.mic-label){transform:translate(-50%) translate(calc(var(--olp-x, 0) * 1px),calc(var(--olp-y, 0) * 1px)) scale(var(--olp-s, 1))}.room[data-olp] .who{transform:translate(calc(var(--olp-x, 0) * 1px),calc(var(--olp-y, 0) * 1px - var(--name-lift, 0px))) scale(var(--olp-s, 1));transition:opacity .36s var(--ease)}.room[data-olp] .handover-place{transform:translate(calc(var(--olp-x, 0) * 1px),calc(var(--olp-y, 0) * 1px)) scale(var(--olp-s, 1));transform-origin:38% 45%}.room[data-olp] .party-sparks{position:absolute;inset:0}.room[data-olp] .picture-scrim{inset:-64px}.olp-pill{--reach-up: 8px;--reach-down: 8px;--reach-left: 12px;--reach-right: 12px;display:flex;align-items:center;gap:7px;padding:5px 12px 5px 9px;border:1px solid color-mix(in srgb,var(--on) 30%,transparent);border-radius:calc(999px * var(--corners, 1));color:var(--on);background:#0a2c3480;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 10px 26px -14px color-mix(in srgb,var(--shade) 70%,transparent);font:800 14px/1.2 var(--font);pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .4s var(--ease);animation:mark-place-in .42s var(--ease) both}.olp-pill:active{scale:.94}.olp-pill[data-seeing=false]{opacity:.6}.olp-pill svg{flex:none;width:17px;height:17px}.olp-dots{display:flex;gap:3px}.olp-dots i{width:5px;height:5px;border-radius:calc(50%*min(1,var(--corners, 1)));background:color-mix(in srgb,var(--on) 32%,transparent)}.olp-dots i[data-on]{background:#7ee7d6;box-shadow:0 0 6px 1px #7ee7d699}@media(prefers-reduced-motion:reduce){.olp-pill{animation:none}}.olp-eye{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}.character-layer{--character-flip: 1;position:absolute;z-index:calc(var(--layer-content) - 1);pointer-events:none;touch-action:none;-webkit-touch-callout:none;opacity:var(--scene-in, 1);transform-origin:50% 100%;--pulse-energy: 0;--pulse: calc( .35 * var(--lean, 0) + .012 * var(--scene-breath, 0) + .03 * var(--pulse-energy) );transform:translate(calc(var(--olp-x, 0) * 1px),calc(var(--olp-y, 0) * 1px)) scale(calc(var(--character-flip, 1) * (1 + var(--pulse) * var(--motion-amount)) * var(--olp-s, 1)),calc((1 + var(--pulse) * var(--motion-amount)) * var(--olp-s, 1)));will-change:transform}.character-layer[data-turn=speaking]{--pulse-energy: var(--voice-energy, 0)}.character-hit{position:absolute;z-index:3;pointer-events:auto;touch-action:none;-webkit-touch-callout:none;border-radius:46% 46% 38% 38%/42% 42% 30% 30%}.character-layer[data-flipped=true]{--character-flip: -1}.room[data-singing=true] .character-layer{animation:singing-sway 1.5s ease-in-out infinite alternate}@keyframes singing-sway{0%{rotate:calc(-2.6deg * var(--motion-amount, 1))}to{rotate:calc(2.6deg * var(--motion-amount, 1))}}@media(prefers-reduced-motion:reduce){.room[data-singing=true] .character-layer{animation:none}}.room[data-flying=true] .character-layer{opacity:0;transition:opacity .35s var(--ease, ease)}.character-body{position:absolute;inset:0;z-index:1;transform-origin:50% 100%}.character-layer[data-arriving=true] .character-body{animation:amigo-arrive .56s cubic-bezier(.3,.9,.35,1) .11s both}@keyframes amigo-arrive{0%{scale:.6;opacity:0}55%{scale:1.06;opacity:1}80%{scale:.985}to{scale:1;opacity:1}}.room[data-waiting] .character-body{animation:amigo-still-here .9s var(--ease) 1}@keyframes amigo-still-here{0%,to{translate:0 0}30%{translate:0 -3%}55%{translate:0 0}75%{translate:0 -1.2%}}@media(prefers-reduced-motion:reduce){.room[data-waiting] .character-body{animation:none}}.handover-place{position:absolute;inset:-1px;z-index:var(--layer-scene);background-color:var(--deep);background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;animation:handover-fade .54s var(--ease) both}.handover-amigo{position:absolute;z-index:calc(var(--layer-content) - 1);pointer-events:none}.handover-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;transform-origin:50% 62%;filter:drop-shadow(0 7px 5px rgb(8 20 18 / .18));animation:handover-leave .38s cubic-bezier(.5,0,.75,.6) both}.handover-amigo[data-flipped=true] .handover-face{transform:scaleX(-1)}.handover-puff{position:absolute;left:50%;top:55%}.handover-puff:before{content:"";position:absolute;left:-70px;top:-70px;width:140px;height:140px;border-radius:calc(50%*min(1,var(--corners, 1)));background:radial-gradient(circle,color-mix(in srgb,var(--puff-glow) 70%,white) 0 18%,color-mix(in srgb,var(--puff-glow) 45%,transparent) 42%,transparent 70%);animation:handover-burst .56s var(--ease) both}.handover-puff i{--turn: calc(var(--i) * 40deg);position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:calc(50%*min(1,var(--corners, 1)));background:radial-gradient(circle,white 0 22%,var(--puff) 45%,color-mix(in srgb,var(--puff) 30%,transparent) 70%,transparent 72%);animation:handover-spark .62s var(--ease) both}.handover-puff i:nth-child(2n){width:11px;height:11px;left:-5.5px;top:-5.5px;animation-duration:.54s}@keyframes handover-fade{0%{opacity:1}to{opacity:0}}@keyframes handover-leave{0%{scale:1;opacity:1}to{scale:.3;opacity:0}}@keyframes handover-burst{0%{transform:scale(.2);opacity:0}35%{opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes handover-spark{0%{transform:rotate(var(--turn)) translate(12px) scale(.5);opacity:0}25%{opacity:1}to{transform:rotate(var(--turn)) translate(96px) scale(.2);opacity:0}}@keyframes handover-appear{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.handover-puff{display:none}.handover-face{animation-name:handover-fade}.character-layer[data-arriving=true] .character-body{animation:handover-appear .42s linear both}}.character-emit{position:absolute;z-index:0;left:calc(var(--head-x, .5) * 100%);top:calc(var(--head-y, .3) * 100%);width:calc(var(--head-size, .5) * 100%);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .42s var(--ease)}.character-layer[data-turn=speaking] .character-emit{opacity:calc(var(--motion-amount) * (.5 + .5 * var(--voice-energy, 0)))}.character-emit-ring{position:absolute;inset:0;border-radius:calc(50%*min(1,var(--corners, 1)));border:3px solid var(--glow);box-shadow:0 0 18px color-mix(in srgb,var(--glow) 55%,transparent),inset 0 0 14px color-mix(in srgb,var(--glow) 40%,transparent);mix-blend-mode:screen;opacity:0;animation:emit 1.8s ease-out infinite;animation-play-state:paused}.character-emit-ring:nth-child(2){animation-delay:.6s}.character-emit-ring:nth-child(3){animation-delay:1.2s}.character-layer[data-turn=speaking] .character-emit-ring{animation-play-state:running}@keyframes emit{0%{transform:scale(.72);opacity:.9}to{transform:scale(2.2);opacity:0}}.character-layer:before{content:"";position:absolute;z-index:0;left:25%;right:10%;bottom:.4%;height:4.5%;border-radius:calc(50%*min(1,var(--corners, 1)));background:#0a141252;filter:blur(10px);transform:scaleX(.9)}.character-sprite{position:absolute;pointer-events:none;z-index:1;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;will-change:opacity;filter:drop-shadow(0 7px 5px rgb(8 20 18 / .18));transition:opacity .14s linear .26s}.character-sprite[data-active]{z-index:2;opacity:1;transition:opacity .26s var(--ease) 0ms}.character-layer[data-lighting=night] .character-sprite,.handover-amigo[data-lighting=night] .handover-face{filter:brightness(.68) saturate(.82) hue-rotate(7deg) contrast(1.04) drop-shadow(0 7px 5px rgb(2 8 16 / .3))}.character-mouth{position:absolute;z-index:3;inset:0;display:block;pointer-events:none;opacity:0;transition:opacity .11s linear}.character-mouth[data-talking]{opacity:1;transition:opacity 50ms linear}.character-mouth>i{position:absolute;display:block;background-repeat:no-repeat;background-size:700% 100%;background-position:calc(var(--mouth, 0) * 100% / 6) 0}.character-layer[data-lighting=night] .character-mouth{filter:brightness(.68) saturate(.82) hue-rotate(7deg) contrast(1.04)}.character-layer:after{content:"";position:absolute;z-index:0;inset:12% 12% 6%;border-radius:calc(50%*min(1,var(--corners, 1)));background:#fff0c21f;filter:blur(38px);mix-blend-mode:screen;opacity:.08;pointer-events:none}.character-layer[data-lighting=night]:after{background:#ffbb4e38}.scene-floor{position:absolute;z-index:var(--layer-scene);inset:auto 0 0;height:calc(var(--navigation-clearance) + var(--viewport-gap));background:linear-gradient(to top,color-mix(in srgb,var(--shade) 45%,transparent),color-mix(in srgb,var(--shade) 32%,transparent) 20%,color-mix(in srgb,var(--shade) 20%,transparent) 40%,color-mix(in srgb,var(--shade) 10%,transparent) 60%,color-mix(in srgb,var(--shade) 3%,transparent) 80%,transparent);pointer-events:none}.mark{position:absolute;z-index:var(--layer-navigation);top:max(var(--inset),env(safe-area-inset-top,0px));left:max(var(--inset),env(safe-area-inset-left,0px));display:inline-flex;flex-direction:column;align-items:flex-start;gap:.3em;max-width:calc(100vw - 2 * var(--inset) - var(--buttons, 1) * (52px + var(--space-2)) + var(--space-2) - var(--space-3) - var(--friends-width, 0px));padding:var(--space-2) var(--space-3);border-radius:calc(999px * var(--corners, 1));font-size:var(--text-lg);font-weight:800;letter-spacing:-.02em;line-height:1;white-space:nowrap;color:var(--on);text-shadow:0 1px 12px color-mix(in srgb,var(--shade) 30%,transparent)}.mark i{display:inline-block;width:.26em;height:.26em;margin-left:.07em;border-radius:calc(50%*min(1,var(--corners, 1)));background:var(--brand-dot);vertical-align:baseline}.mark-word{display:inline-block;white-space:nowrap}.mark-now{position:absolute;z-index:var(--layer-navigation);top:calc(max(var(--inset),env(safe-area-inset-top,0px)) + var(--friend-size, 70px) + 6px);left:calc(max(var(--inset),env(safe-area-inset-left,0px)) + var(--space-3));display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:min(340px,calc(100vw - 2 * var(--inset) - 200px));pointer-events:none;color:var(--on);font-size:calc(13px * var(--text-scale, 1));font-weight:600;line-height:1.25;letter-spacing:.01em;text-shadow:0 1px 12px color-mix(in srgb,var(--shade) 30%,transparent)}.mark-now:empty{display:none}.mark-line{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;opacity:.94;animation:mark-place-in .42s var(--ease) both}.mark-line svg{flex:none;width:15px;height:15px;filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--shade) 40%,transparent))}.mark-line span{min-width:0;overflow:hidden;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-shadow:0 1px 4px color-mix(in srgb,var(--shade) 40%,transparent)}.mark-line span:first-letter{text-transform:uppercase}.room{--friends-gap: 22px;--friend-size: 70px;--friends-width: calc(var(--friends, 0) * (var(--friend-size) + var(--space-2)) + min(var(--friends, 0), 1) * var(--friends-gap) + var(--divider, 0) * 18px)}@keyframes mark-place-in{0%{opacity:0;translate:0 3px}}.mark-making{opacity:1;font-size:1.1em}.mark-ring{flex:none;width:17px;height:17px;border-radius:50%;background:conic-gradient(var(--on) var(--filled, 4%),color-mix(in srgb,var(--on) 34%,transparent) 0);-webkit-mask:radial-gradient(circle,transparent 30%,#000 34%);mask:radial-gradient(circle,transparent 30%,#000 34%);filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--shade) 40%,transparent));animation:mark-ring-fill var(--takes, 30s) linear var(--since, 0s) both,mark-ring-turn 1.6s linear infinite}@property --filled{syntax: "<percentage>"; inherits: false; initial-value: 4%;}@keyframes mark-ring-fill{0%{--filled: 4%}to{--filled: 94%}}@keyframes mark-ring-turn{to{rotate:360deg}}.room[data-rest] .mark-ring{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.mark-line{animation:none}}.glass-tools{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:4px}.glass-sorts,.glass-whose{display:inline-flex;gap:6px;align-items:center}.glass-sort{min-height:36px;padding:0 14px;border-radius:calc(999px * var(--corners, 1));font:700 14px/1 var(--font, inherit);color:color-mix(in srgb,var(--on) 86%,transparent);background:color-mix(in srgb,var(--on) 12%,transparent);touch-action:manipulation}.glass-sort[aria-pressed=true]{color:#1c2422;background:color-mix(in srgb,var(--on) 92%,transparent)}.glass-who{width:40px;height:40px;border-radius:calc(50%*min(1,var(--corners, 1)));display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--on) 12%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--on) 18%,transparent);opacity:.72;touch-action:manipulation}.glass-who[aria-pressed=true]{opacity:1;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--on) 95%,transparent)}.glass-who .glass-who-face{position:relative;width:100%;height:100%;display:block;overflow:hidden;border-radius:calc(50%*min(1,var(--corners, 1)))}.glass-who .glass-who-face img{position:absolute;left:50%;top:50%;width:calc(100% / var(--head-size, .5));max-width:none;height:auto;translate:calc(var(--head-x, .5) * -100%) calc(var(--head-y, .3) * -100%);pointer-events:none}.glass-who-mine{font:800 11px/1 var(--font, inherit);color:var(--on)}.top-right{position:absolute;top:max(var(--inset),env(safe-area-inset-top,0px));right:max(var(--inset),env(safe-area-inset-right,0px));display:flex;align-items:center;gap:var(--space-2)}.top-right>*{position:relative;z-index:var(--layer-navigation)}.room[data-glass=true] .top-right>[data-corner]{z-index:calc(var(--layer-overlay) + 1)}.round-button[data-closes]:active svg{transform:none}.new-pill{position:absolute;left:50%;top:calc(100% - 9px);translate:-50% 0;display:grid;place-items:center;height:19px;padding:0 8px;border-radius:calc(999px * var(--corners, 1));color:#7a1f08;background:linear-gradient(180deg,#fff4bd,#ffd54f 50%,#f6a623);box-shadow:0 0 0 1.5px #fff8d8,0 0 10px 2px #ffc440d9,0 0 24px 6px #ff8c2859,0 3px 8px -3px color-mix(in srgb,var(--shade) 55%,transparent);font:900 10px / 1 var(--font);letter-spacing:.14em;text-indent:.14em}.new-pill b{position:relative;z-index:1;text-shadow:0 1px 0 color-mix(in srgb,var(--on) 60%,transparent)}.new-pill:before,.new-pill:after{content:"";position:absolute;inset:-4.5px;padding:2.5px;border-radius:calc(999px * var(--corners, 1));background:radial-gradient(circle,#fffdf0 0 1.25px,#ffecaa00 1.9px) 0 50% / 6px 6px;-webkit-mask:linear-gradient(var(--shade) 0 0) content-box,linear-gradient(var(--shade) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--shade) 0 0) content-box exclude,linear-gradient(var(--shade) 0 0);filter:drop-shadow(0 0 2px rgb(255 214 110 / .95));animation:new-pill-bulbs .5s steps(1,end) infinite;pointer-events:none}.new-pill:after{background-position:3px 50%;animation-delay:-.25s}@keyframes new-pill-bulbs{0%{opacity:1}50%{opacity:.18}}.new-pill-shine{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.new-pill-shine i{position:absolute;top:0;bottom:0;left:-45%;width:45%;background:linear-gradient(100deg,color-mix(in srgb,var(--on) 0%,transparent),color-mix(in srgb,var(--on) 95%,transparent),color-mix(in srgb,var(--on) 0%,transparent));animation:new-pill-shine 2.6s cubic-bezier(.4,0,.2,1) infinite}@keyframes new-pill-shine{0%{transform:translate(0)}35%,to{transform:translate(330%)}}@media(prefers-reduced-motion:reduce){.new-pill:before,.new-pill:after,.new-pill-shine i{animation:none}.new-pill-shine{display:none}}.round-button{width:52px;height:52px;border-radius:calc(50%*min(1,var(--corners, 1)));display:grid;place-items:center;color:#3b4541;background:#fcfaf4cc;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:0 4px 18px -8px #1c211f66;transition:transform .24s var(--ease),background .24s var(--ease),opacity .3s var(--ease)}.round-button svg{width:24px;height:24px;transition:transform .52s var(--ease)}.round-button:active{transform:scale(.94);background:#fffefaf0}.round-button:active svg{transform:rotate(calc(-180deg * var(--motion-amount)))}.end-spot{position:absolute;z-index:var(--layer-navigation);left:calc(50% + 43px);bottom:calc(var(--viewport-gap) + max(var(--space-4),env(safe-area-inset-bottom,0px)));width:84px;height:62px;display:grid;place-items:center start;pointer-events:none}.end-spot>.round-button--leave{margin-left:5px}.end-spot>.round-button,.end-spot[data-resting]{pointer-events:auto}.round-button--leave{position:relative;color:var(--on);background:radial-gradient(circle at 50% 36%,#f2625c,#d4372f 70%);box-shadow:0 6px 20px -6px #d4372f8c,inset 0 -2px 6px color-mix(in srgb,var(--shade) 16%,transparent);transition:width .42s cubic-bezier(.3,1.4,.5,1),height .42s cubic-bezier(.3,1.4,.5,1),margin-left .42s cubic-bezier(.3,1.4,.5,1),transform .24s var(--ease),opacity .3s var(--ease)}.round-button--leave svg{width:25px;height:25px}.round-button--leave:active{background:radial-gradient(circle at 50% 36%,#e5554f,#bf2f28 70%)}.round-button--leave:active svg{transform:none}.end-spot>.round-button--leave[data-muted=true]{margin-left:11px}.round-button--leave[data-muted=true]{width:62px;height:62px;background:radial-gradient(circle at 50% 38%,#2e3436c7,#0e1214b8 72%);box-shadow:0 8px 24px -8px color-mix(in srgb,var(--shade) 70%,transparent),inset 0 0 0 1.5px color-mix(in srgb,var(--on) 28%,transparent);animation:leave-pulse 1.3s ease-in-out .42s 6}.round-button--leave[data-muted=true]:active{background:radial-gradient(circle at 50% 38%,#3c4244db,#14181acc 72%)}.round-button--leave[data-muted=true]>svg:first-child{width:28px;height:28px}@keyframes leave-pulse{0%,to{scale:1}45%{scale:1.1}}.round-button--leave .sleep-ring{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--shade) 40%,transparent))}.sleep-track{fill:none;stroke:color-mix(in srgb,var(--on) 22%,transparent);stroke-width:4}.sleep-left{fill:none;stroke:var(--on);stroke-width:4;stroke-linecap:round;stroke-dasharray:238.76 238.76;animation:sleep-left var(--sleep) steps(var(--sleep-steps),end) both}.sleep-bead{transform-origin:42px 42px;animation:sleep-bead var(--sleep) steps(var(--sleep-steps),end) both}.sleep-bead circle{fill:var(--on)}:is(.end-spot,.mic)[data-holding] :is(.sleep-left,.sleep-bead){animation-play-state:paused}:is(.end-spot,.mic)[data-holding] .sleep-left{stroke:color-mix(in srgb,var(--on) 75%,transparent)}@keyframes sleep-left{0%{stroke-dashoffset:0}to{stroke-dashoffset:-238.76}}@keyframes sleep-bead{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.round-button[aria-disabled=true]{opacity:.5}.round-button[aria-disabled=true]:active{transform:none;background:#fcfaf4cc}.round-button[aria-disabled=true]:active svg{transform:none}.camera-ring{position:absolute;inset:-5px;border-radius:calc(50%*min(1,var(--corners, 1)));pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,transparent 230deg,color-mix(in srgb,var(--glow) 70%,transparent) 310deg,var(--glow) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),var(--shade) calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),var(--shade) calc(100% - 3px));animation:mic-forge-travel 1.2s linear infinite}.camera-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@keyframes camera-glow{0%,to{box-shadow:0 4px 18px -8px #1c211f66,0 0 0 5px transparent}50%{box-shadow:0 4px 18px -8px #1c211f66,0 0 0 5px color-mix(in srgb,var(--glow) 75%,transparent)}}@media(prefers-reduced-motion:reduce){.camera-ring{animation:none}}.friends{display:flex;align-items:center;gap:var(--space-2);margin-right:var(--friends-gap);min-width:0;flex:0 1 auto}.top-right{max-width:calc(100% - (2*max(var(--inset),env(safe-area-inset-right,0px))) - 180px)}.top-right>*{flex:none}.top-right>.friends{flex:0 1 auto}.friends-favourites{display:flex;align-items:center;gap:var(--space-2);flex:none}.friend-heart{position:absolute;right:-3px;bottom:-3px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--ivory);color:#e5484d;box-shadow:0 2px 8px -3px #14181699;pointer-events:none}.friend-heart svg{width:14px;height:14px}.friends-rest{--fade-left: 0px;--fade-right: 0px;display:flex;align-items:center;gap:var(--space-2);flex:0 1 auto;min-width:0;padding:16px 10px;margin:-16px -10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-left),#000 calc(100% - var(--fade-right)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-left),#000 calc(100% - var(--fade-right)),transparent 100%)}.friends-rest{pointer-events:none}.friends-rest>*{pointer-events:auto}.friends-rest::-webkit-scrollbar{display:none}.friends-rest[data-more-left]{--fade-left: 34px}.friends-rest[data-more-right]{--fade-right: 34px}.friends-rest>.friend{flex:none;scroll-snap-align:center}.friends-rest>.friends-divider{flex:none}.friends-all{flex:none;width:52px;height:52px;padding:0;border:none;border-radius:calc(50%*min(1,var(--corners, 1)));display:grid;place-items:center;background:color-mix(in srgb,var(--shade) 34%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--on);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--on) 30%,transparent),0 6px 18px -10px color-mix(in srgb,var(--shade) 50%,transparent);cursor:pointer;position:relative;transition:transform .22s var(--ease)}.friends-all svg{width:28px;height:28px;display:block}.friends-all:active{transform:scale(.92)}.friends-divider{flex:none;width:3px;height:50px;margin:0 var(--space-1);border-radius:calc(2px * var(--corners, 1));background:#fffdf8bf;box-shadow:0 0 10px color-mix(in srgb,var(--shade) 25%,transparent)}.friend{position:relative;width:var(--friend-size, 70px);height:var(--friend-size, 70px);border-radius:calc(50%*min(1,var(--corners, 1)));transition:transform .22s var(--ease),scale .26s var(--ease);animation:friend-arrive .52s cubic-bezier(.3,1.4,.5,1) backwards}.friend:active{transform:scale(.92)}@media(max-width:860px)and (orientation:portrait){.room{--friend-size: 58px}.friends,.friends-favourites,.friends-rest{gap:6px}.friends-divider{height:42px}.friends-all{width:46px;height:46px}}.friend-face{position:absolute;inset:0;overflow:hidden;border-radius:calc(50%*min(1,var(--corners, 1)));border:3px solid var(--friend-glow, var(--ivory));background:radial-gradient(circle at 50% 38%,#fffdf8,color-mix(in srgb,var(--friend-glow, var(--ivory)) 40%,var(--ivory)) 74%);box-shadow:0 4px 14px -6px #1418168c;transition:box-shadow .26s var(--ease)}.friend-face img{position:absolute;left:50%;top:50%;width:calc(100% / var(--head-size, .5));max-width:none;height:auto;translate:calc(var(--head-x, .5) * -100%) calc(var(--head-y, .3) * -100%);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.friend-initial{position:absolute;inset:0;display:grid;place-items:center;font-size:var(--text-md);font-weight:800;color:#3b4541}.friend[data-live=true]{scale:1.1}.friend[data-live=true] .friend-face{border-color:#b9f7cf;box-shadow:0 0 0 2px color-mix(in srgb,var(--on) 95%,transparent),0 0 18px 5px #7ef0aa8c,inset 0 0 12px #beffd68c,0 4px 14px -6px #1418168c;animation:friend-live 2.6s ease-in-out 2}.friend[data-live=true] .friend-face:after{content:"";position:absolute;inset:0;border-radius:calc(50%*min(1,var(--corners, 1)));pointer-events:none;background:radial-gradient(circle at 32% 24%,color-mix(in srgb,var(--on) 55%,transparent),color-mix(in srgb,var(--on) 0%,transparent) 42%)}@keyframes friend-live{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--on) 95%,transparent),0 0 14px 3px #7ef0aa66,inset 0 0 10px #beffd666,0 4px 14px -6px #1418168c}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--on) 100%,transparent),0 0 24px 8px #7ef0aab3,inset 0 0 16px #c8ffdeb3,0 4px 14px -6px #1418168c}}@media(prefers-reduced-motion:reduce){.friend[data-live=true] .friend-face{animation:none}}.friend[data-pending=true]:after{content:"";position:absolute;inset:-6px;border-radius:calc(50%*min(1,var(--corners, 1)));pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,transparent 220deg,color-mix(in srgb,var(--friend-glow, var(--on)) 70%,transparent) 300deg,var(--friend-glow, var(--on)) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),var(--shade) calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),var(--shade) calc(100% - 3px));animation:mic-forge-travel 1.1s linear infinite}@keyframes friend-arrive{0%{scale:.3;opacity:0}}@media(prefers-reduced-motion:reduce){.friend{animation:none}.friend[data-pending=true]:after{animation:none}}.rail{position:absolute;z-index:calc(var(--layer-content) - 2);display:flex;flex-direction:column;align-items:center}.rail-strip{flex:0 1 auto;min-height:0;width:100%;padding:10px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.rail-strip::-webkit-scrollbar{display:none}.rail-strip[data-scrolls=true]{-webkit-mask-image:linear-gradient(to bottom,transparent,var(--shade) 14px,var(--shade) calc(100% - 30px),transparent);mask-image:linear-gradient(to bottom,transparent,var(--shade) 14px,var(--shade) calc(100% - 30px),transparent)}.rail-memories{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.rail-card{position:relative;flex:none;width:96px;padding:5px 5px 17px;border-radius:calc(4px * var(--corners, 1));background:var(--ivory);box-shadow:0 8px 16px -9px #141816a6,0 1px 3px #14181638;rotate:var(--lean, 0deg);transition:scale .16s var(--ease),box-shadow .26s var(--ease);animation:rail-arrive .42s var(--ease) backwards}.rail-card:active{scale:.94}@keyframes rail-arrive{0%{opacity:0;translate:18px 0}}.rail-window{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:calc(2px * var(--corners, 1));background:#e9e3d6}.rail-window img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.rail-card[data-kind=place]{background:color-mix(in srgb,var(--glow) 62%,var(--ivory))}.rail-foot{position:absolute;left:0;right:0;bottom:1px;height:16px;display:grid;place-items:center;color:color-mix(in srgb,var(--glow) 35%,#26302c)}.rail-foot svg{width:15px;height:15px}.rail-card[data-here=true]{scale:1.06;box-shadow:0 0 0 3.5px var(--on),0 0 0 5px #14181647,0 0 20px 4px color-mix(in srgb,var(--glow) 70%,transparent),0 8px 16px -9px #141816a6}.rail-card[data-here=true] .rail-foot{color:var(--accent)}.rail-card[data-going=true]{animation:rail-going 1.1s ease-in-out infinite}@keyframes rail-going{50%{scale:.93}}.rail-close-all{flex:none;align-self:flex-end;margin:0 10px 0 0;display:inline-flex;align-items:center;gap:5px;height:0;opacity:0;overflow:hidden;pointer-events:none;transition:height .26s var(--ease),margin .26s var(--ease),opacity .2s var(--ease),scale .16s var(--ease);padding:0 14px 0 11px;border-radius:calc(999px * var(--corners, 1));color:#3b4541;background:#fcfaf4e6;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);box-shadow:0 4px 18px -8px #1c211f80;font-size:var(--text-sm);font-weight:800;line-height:1;white-space:nowrap}.rail-close-all[data-shown=true]{height:44px;margin-top:10px;opacity:1;pointer-events:auto}.rail-close-all svg{width:15px;height:15px;flex:none}.rail-close-all:active{scale:.95}@media(prefers-reduced-motion:reduce){.rail-card{animation:none}.rail-card[data-going=true]{animation:none;opacity:.75}.rail-close-all{animation:none}}.picture-paper{position:absolute;inset:0;padding:var(--paper, 12px) var(--paper, 12px) calc(var(--paper, 12px) * 3);border-radius:calc(6px * var(--corners, 1));background:var(--ivory);box-shadow:0 18px 40px -18px #1418168c,0 2px 6px #1418162e}.picture-window{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:calc(2px * var(--corners, 1));background:#e9e3d6}.picture-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.pictures{position:absolute;inset:0;z-index:var(--layer-content);pointer-events:none}.picture-frame{position:absolute;pointer-events:auto;rotate:var(--tilt, -2.2deg);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:zoom-in;transition:left .42s var(--ease),top .42s var(--ease),width .42s var(--ease),height .42s var(--ease),rotate .42s var(--ease);animation:picture-arrive .62s cubic-bezier(.25,1.25,.45,1) both}.picture-frame[data-elastic]{will-change:translate,scale}.picture-frame[data-open=true]{rotate:0deg;cursor:zoom-out}.picture-scrim{position:absolute;inset:0;background:#0c100e6b;opacity:0;pointer-events:none;transition:opacity .36s var(--ease)}.picture-scrim[data-open=true]{opacity:1;pointer-events:auto}.who,.mic-label{transition:opacity .36s var(--ease)}.room:has(.picture-frame[data-open=true]) :is(.who,.mic-label){opacity:0}.room:has(.picture-frame[data-open=true]) .who{pointer-events:none}@keyframes picture-arrive{0%{transform:translateY(-48px) rotate(-6deg) scale(.9);opacity:0}to{transform:none;opacity:1}}.picture-card{position:absolute;inset:0;transform-origin:50% 100%;--flap: 1.3deg}.picture-frame[data-open=true] .picture-card{--flap: .5deg}.develop-ground,.picture-frame .picture-image,.picture-develop,.picture-flash{position:absolute;inset:0;pointer-events:none}.develop-ground{background:radial-gradient(125% 100% at 50% 44%,#52463b,#382f28 58%,#29231e)}.picture-frame .picture-image{animation:picture-emerge 1.6s ease-in-out backwards}.picture-frame .picture-image[data-pass="1"]{filter:blur(calc(var(--paper, 12px) * .5)) sepia(.5) saturate(.6) contrast(.74) brightness(1);scale:1.08}.picture-frame .picture-image[data-pass="2"]{filter:blur(calc(var(--paper, 12px) * .24)) sepia(.32) saturate(.8) contrast(.85) brightness(1.02);scale:1.04;animation-duration:1.2s}.picture-frame .picture-image[data-pass="3"]{filter:blur(calc(var(--paper, 12px) * .1)) sepia(.16) saturate(.92) contrast(.93) brightness(1.01);scale:1.02;animation-duration:1.2s}.picture-frame .picture-image:not([data-pass]){animation:picture-clear 1s cubic-bezier(.4,0,.2,1) backwards}@keyframes picture-emerge{0%{opacity:0}}@keyframes picture-clear{0%{opacity:0;filter:blur(calc(var(--paper, 12px) * .24)) sepia(.32) saturate(.8) contrast(.85) brightness(1.02);scale:1.04}40%{opacity:1}}.picture-develop{transition:opacity 1.6s ease-in-out}.picture-frame[data-develop=emerging] .picture-develop{opacity:.5}.picture-frame[data-develop=emerging][data-pass="2"] .picture-develop{opacity:.34}.picture-frame[data-develop=emerging][data-pass="3"] .picture-develop{opacity:.22}.picture-frame[data-develop=done] .picture-develop{opacity:0;transition-duration:.9s}.develop-blot{position:absolute;width:76%;height:76%;translate:-50% -50%;animation:develop-spread 2.6s var(--ease) both}.develop-blot:before{content:"";position:absolute;inset:0;background:radial-gradient(closest-side,var(--ink),color-mix(in srgb,var(--ink) 50%,transparent) 50%,transparent);animation:develop-breathe 7s ease-in-out infinite alternate}.develop-blot:nth-child(1){left:25%;top:30%;--ink: rgb(242 170 88 / .72)}.develop-blot:nth-child(2){left:76%;top:30%;--ink: rgb(228 118 140 / .62);animation-delay:.2s}.develop-blot:nth-child(3){left:30%;top:78%;--ink: rgb(84 176 160 / .6);animation-delay:.42s}.develop-blot:nth-child(4){left:74%;top:74%;--ink: color-mix(in srgb, var(--glow, #b7a3de) 66%, transparent);animation-delay:.64s}.develop-blot:nth-child(2):before{animation-duration:9s;animation-delay:-3s}.develop-blot:nth-child(3):before{animation-duration:8s;animation-delay:-5s}.develop-blot:nth-child(4):before{animation-duration:10s;animation-delay:-1.5s}@keyframes develop-spread{0%{scale:.2;opacity:0}to{scale:1;opacity:1}}@keyframes develop-breathe{0%{transform:translate(-7%,5%) scale(.86) rotate(-8deg);opacity:.6}to{transform:translate(6%,-6%) scale(1.16) rotate(10deg);opacity:1}}.develop-glow{position:absolute;left:50%;top:46%;width:70%;height:70%;translate:-50% -50%;background:radial-gradient(closest-side,rgb(255 240 212 / .55),rgb(255 236 200 / .18) 50%,transparent);animation:develop-glow 4.6s ease-in-out infinite alternate}@keyframes develop-glow{0%{opacity:.45;scale:.9}to{opacity:1;scale:1.08}}.develop-sparks i{--arm: calc(var(--paper, 12px) * .08);--shine: rgb(255 246 226 / .95);position:absolute;width:calc(var(--paper, 12px) * 1.3);height:calc(var(--paper, 12px) * 1.3);background:radial-gradient(closest-side,#fffbf2,color-mix(in srgb,var(--shine) 55%,transparent) 30%,transparent 62%),linear-gradient(to right,transparent,var(--shine),transparent) center / 100% var(--arm) no-repeat,linear-gradient(to bottom,transparent,var(--shine),transparent) center / var(--arm) 100% no-repeat;opacity:0;animation:develop-spark 4.8s ease-in-out infinite}.develop-sparks i:nth-child(1){left:16%;top:62%;animation-delay:.4s}.develop-sparks i:nth-child(2){left:46%;top:30%;animation-delay:1.2s;scale:.7;--shine: color-mix(in srgb, var(--glow, #fff2d6) 80%, white)}.develop-sparks i:nth-child(3){left:66%;top:68%;animation-delay:2s}.develop-sparks i:nth-child(4){left:82%;top:24%;animation-delay:2.8s;scale:.8}.develop-sparks i:nth-child(5){left:28%;top:16%;animation-delay:3.6s;scale:.6;--shine: color-mix(in srgb, var(--glow, #fff2d6) 80%, white)}.develop-sparks i:nth-child(6){left:54%;top:82%;animation-delay:4.4s;scale:.75}@keyframes develop-spark{0%{opacity:0;transform:translateY(0) scale(.2) rotate(0)}30%{opacity:1;transform:translateY(calc(var(--paper, 12px) * -.8)) scale(1) rotate(30deg)}65%{opacity:.6;transform:translateY(calc(var(--paper, 12px) * -1.8)) scale(.75) rotate(55deg)}to{opacity:0;transform:translateY(calc(var(--paper, 12px) * -2.8)) scale(.3) rotate(80deg)}}.picture-flash{opacity:0;background:radial-gradient(closest-side,rgb(255 250 236 / .9),rgb(255 238 206 / .36) 55%,transparent)}.picture-frame[data-fresh=true] .picture-flash{animation:picture-flash 1s ease-out .38s backwards}.picture-frame[data-fresh=true] .picture-card{animation:picture-flap .9s ease-out .42s backwards}@keyframes picture-flash{0%{opacity:0;scale:.6}30%{opacity:.65}to{opacity:0;scale:1.5}}@keyframes picture-flap{0%{transform:none}22%{transform:rotate(calc(var(--flap) * -1)) scale(1.012)}50%{transform:rotate(calc(var(--flap) * .6)) scale(1.004)}76%{transform:rotate(calc(var(--flap) * -.22))}to{transform:none}}.picture-close{position:absolute;top:-14px;right:-14px;width:44px;height:44px;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:#3b4541;background:#fcfaf4f5;box-shadow:0 4px 14px -6px #14181680;cursor:pointer}.picture-close svg{width:20px;height:20px}.picture-close:active{transform:scale(.92)}.picture-turn{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:#3b4541;background:#fcfaf4f5;box-shadow:0 4px 14px -6px #14181680;cursor:pointer}.picture-turn--before{left:-14px}.picture-turn--next{right:-14px}.picture-turn svg{width:22px;height:22px}.picture-turn:active{transform:scale(.92)}.picture-heart{position:absolute;top:-14px;left:-14px;width:44px;height:44px;background:#fcfaf4f5;box-shadow:0 4px 14px -6px #14181680}.picture-heart svg{width:22px;height:22px}.photo-landing{position:absolute;z-index:var(--layer-content);pointer-events:none;transform-origin:50% 50%}.photo-landing[data-phase=in]{animation:photo-arrive .56s cubic-bezier(.25,1.3,.45,1) both}.photo-landing[data-phase=away]{animation:photo-away .56s cubic-bezier(.55,0,.8,.4) both}@keyframes photo-arrive{0%{transform:translateY(40px) rotate(7deg) scale(.7);opacity:0}to{transform:rotate(2deg);opacity:1}}@keyframes photo-away{0%{transform:rotate(2deg);opacity:1}to{transform:translate(var(--to-x, 0px),var(--to-y, 0px)) scale(.12);opacity:.35}}@media(prefers-reduced-motion:reduce){.picture-frame{animation:handover-appear .3s linear both;transition:none}.develop-blot,.develop-blot:before,.develop-glow{animation:none}.develop-sparks{display:none}.picture-frame .picture-image:not([data-pass]),.picture-frame .picture-image[data-pass]{scale:none;animation:picture-emerge 1s linear backwards}.picture-frame[data-develop=done] .picture-develop{transition-duration:1s}.picture-frame[data-fresh=true] :is(.picture-card,.picture-flash){animation:none}.photo-landing[data-phase=in]{animation:handover-appear .3s linear both}.photo-landing[data-phase=away]{animation:handover-fade .4s linear both}}.speech{position:absolute;z-index:var(--layer-content);max-width:34ch;box-sizing:border-box;padding:var(--space-4) var(--space-5);border-radius:var(--round-lg);background:color-mix(in srgb,var(--surface-raised) 88%,transparent);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);color:var(--ink);font-size:var(--text-lg);line-height:var(--leading);box-shadow:0 2px 40px -12px color-mix(in srgb,var(--ink) 30%,transparent);animation:speechArrive .52s var(--ease) both}@keyframes speechArrive{0%{opacity:0;transform:translateY(calc(10px * var(--motion-amount)))}to{opacity:1;transform:none}}.capsule{position:absolute;z-index:var(--layer-navigation);left:50%;bottom:calc(var(--viewport-gap) + max(var(--space-4),env(safe-area-inset-bottom,0px)));transform:translate(-50%);display:flex;align-items:center}@property --mic-hi{syntax: "<color>"; inherits: true; initial-value: #2fa574;}@property --mic-lo{syntax: "<color>"; inherits: true; initial-value: #1b7a54;}.mic{--mic-green: var(--mic-colour, #1b7a54);--mic-hi: var(--mic-shine, #2fa574);--mic-lo: var(--mic-green);position:relative;width:62px;height:62px;margin:0 var(--space-2);border-radius:calc(50%*min(1,var(--corners, 1)));background:radial-gradient(circle at 50% 36%,var(--mic-hi),var(--mic-lo) 68%);color:var(--on);display:grid;place-items:center;box-shadow:0 6px 22px -6px color-mix(in srgb,var(--mic-lo) 60%,transparent),inset 0 -2px 6px color-mix(in srgb,var(--shade) 16%,transparent);touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:--mic-hi .6s var(--ease),--mic-lo .6s var(--ease)}.mic>svg:not(.sleep-ring){width:26px;height:26px;position:relative;z-index:1}.mic-glass{position:absolute;inset:0;border-radius:calc(50%*min(1,var(--corners, 1)));pointer-events:none;opacity:0;background:radial-gradient(circle at var(--press-x, 50%) var(--press-y, 42%),color-mix(in srgb,var(--on) 62%,transparent),color-mix(in srgb,var(--on) 16%,transparent) 34%,transparent 60%),radial-gradient(circle at 50% 50%,transparent 60%,color-mix(in srgb,var(--on) 30%,transparent) 71%,transparent 76%);box-shadow:inset 0 4px 12px color-mix(in srgb,var(--shade) 30%,transparent),inset 0 -1px color-mix(in srgb,var(--on) 40%,transparent)}.mic-ripple{position:absolute;inset:-4px;border-radius:calc(50%*min(1,var(--corners, 1)));pointer-events:none;opacity:0;border:2px solid color-mix(in srgb,var(--on) 85%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--on) 45%,transparent),inset 0 0 10px color-mix(in srgb,var(--on) 30%,transparent)}.mic[data-state=connecting]:before{opacity:.9;animation:mic-breathe 1.2s ease-in-out infinite alternate}.mic[data-state=connecting]:after{content:"";position:absolute;inset:0;border-radius:calc(50%*min(1,var(--corners, 1)));pointer-events:none;background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--on) 38%,transparent) 50%,transparent 70%) no-repeat;background-size:250% 100%;animation:mic-sheen 1.1s ease-in-out infinite}@keyframes mic-breathe{0%{scale:1;opacity:.55}to{scale:1.12;opacity:.95}}@keyframes mic-sheen{0%{background-position:130% 0}to{background-position:-30% 0}}.mic:before{content:"";position:absolute;inset:-7px;border-radius:calc(50%*min(1,var(--corners, 1)));border:2px solid color-mix(in srgb,var(--mic-lo) 55%,transparent);opacity:.44;transition:border-color .22s var(--ease),box-shadow .22s var(--ease),opacity .22s var(--ease);pointer-events:none}.mic[data-state=off]{--mic-hi: #a2aaa6;--mic-lo: #6c7672}.mic[data-state=off]:before{opacity:.6}.mic[data-state=offline]{--mic-hi: #7f8b86;--mic-lo: #4f5956;box-shadow:inset 0 -2px 6px color-mix(in srgb,var(--shade) 16%,transparent)}.mic[data-state=offline]:before{opacity:.4}.mic[data-state=off] .mic-rings,.mic[data-state=offline] .mic-rings{opacity:0}.mic-invite{position:absolute;inset:-5px;border-radius:calc(50%*min(1,var(--corners, 1)));border:3px solid var(--on);opacity:0;pointer-events:none;animation:mic-invite 2.4s ease-out 36}@keyframes mic-invite{0%{opacity:.9;scale:1}70%,to{opacity:0;scale:1.85}}.mic-label[data-invite=true]{font-size:var(--text-md, 1.05rem);padding:var(--space-2) var(--space-4)}@media(prefers-reduced-motion:reduce){.mic-invite{animation:none;opacity:.7}}.mic[data-muted=true]{--mic-hi: #ee5a4c;--mic-lo: #cf3a2e}.mic[data-state=hold]{--mic-hi: #6f9df2;--mic-lo: #3f68c9}.mic[data-state=hold]:before{opacity:.5}.mic[data-state=hold] .mic-rings{opacity:0}.mic[data-muted=true]:before{opacity:0}.mic[data-muted=true] .mic-rings{opacity:0}.mic .sleep-ring{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--shade) 40%,transparent))}.room[data-hearing]:not([data-speaking]) .mic:before{border-color:var(--glow);opacity:.9;box-shadow:0 0 18px color-mix(in srgb,var(--glow) 38%,transparent)}.mic[data-state=thinking]:before{border-color:color-mix(in srgb,var(--accent) 68%,white);opacity:.72}.mic[data-state=speaking]:before{border-color:var(--accent);opacity:.72}.mic-rings{position:absolute;inset:0;border-radius:calc(50%*min(1,var(--corners, 1)));pointer-events:none;--ring: var(--accent);opacity:0;transition:opacity .24s var(--ease)}.mic-ring{position:absolute;inset:-6px;border-radius:calc(50%*min(1,var(--corners, 1)));border:2px solid var(--ring);box-shadow:0 0 14px color-mix(in srgb,var(--ring) 45%,transparent);opacity:0;pointer-events:none;transform:scale(.96)}.room[data-hearing]:not([data-speaking]) .mic-rings,.mic[data-hearing=true]:not([data-state=speaking]):not([data-state=thinking]) .mic-rings{--ring: var(--glow);opacity:1}.room[data-speaking] .mic-rings,.mic[data-state=speaking] .mic-rings{--ring: var(--accent);opacity:1}.room[data-hearing]:not([data-speaking]) .mic-ring,.mic[data-hearing=true]:not([data-state=speaking]):not([data-state=thinking]) .mic-ring,.room[data-speaking] .mic-ring,.mic[data-state=speaking] .mic-ring{animation:mic-ring-pulse 1.8s cubic-bezier(.22,.61,.36,1) infinite}.mic-ring.ring-2{animation-delay:.6s}.mic-ring.ring-3{animation-delay:1.2s}@keyframes mic-forge-travel{to{transform:rotate(1turn)}}@keyframes mic-ring-pulse{0%{transform:scale(.96);opacity:.85}50%{opacity:.45}to{transform:scale(1.58);opacity:0}}@media(prefers-reduced-motion:reduce){.round-button--leave[data-muted=true]{animation:none;transition:none}.mic[data-state=connecting]:before,.mic[data-state=connecting]:after{animation:none}.mic-ring{animation:none!important;opacity:.65;transform:scale(1.12)}}.mic-label{position:absolute;z-index:var(--layer-navigation);left:50%;transform:translate(-50%);bottom:calc(var(--viewport-gap) + max(var(--space-4),env(safe-area-inset-bottom,0px)) + 86px);padding:var(--space-1) var(--space-3);border-radius:calc(999px * var(--corners, 1));background:#fcfaf4db;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#3b4541;font-size:var(--text-sm);font-weight:700;white-space:nowrap;pointer-events:none;transition:opacity .2s var(--ease)}.room:has(.media-row[data-open=true]) .mic-label{opacity:0}.arrival{position:fixed;inset:0;height:100vh;z-index:var(--layer-overlay);display:grid;place-items:center;background:var(--deep, #36506a);transition:background-color .5s var(--ease);pointer-events:none}.arrival-mark{color:var(--on);font-size:calc(clamp(38px,7vw,64px) * var(--text-scale, 1));font-weight:800;letter-spacing:-.035em;line-height:1;white-space:nowrap}.arrival-mark i{display:inline-block;width:.24em;height:.24em;margin-left:.07em;border-radius:calc(50%*min(1,var(--corners, 1)));background:var(--brand-dot);vertical-align:baseline}.arrival[data-phase=in] .arrival-mark{animation:markSettle .9s var(--ease) both}.arrival[data-phase=out]{animation:arrivalLift .85s var(--ease) both}.arrival[data-phase=out] .arrival-mark{animation:markLift .85s var(--ease) both}@keyframes markSettle{0%{opacity:0;transform:scale(calc(1 - .04 * var(--motion-amount)));filter:blur(calc(6px * var(--motion-amount)))}to{opacity:1;transform:none;filter:none}}@keyframes markLift{0%{opacity:1;transform:none}to{opacity:0;transform:scale(calc(1 + .06 * var(--motion-amount)))}}@keyframes arrivalLift{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.character-sprite{animation:none!important}.character-emit{display:none}.arrival[data-phase=in] .arrival-mark,.arrival[data-phase=out] .arrival-mark{animation:none}.arrival[data-phase=out]{animation:arrivalLift .3s linear both}}.who{position:absolute;z-index:var(--layer-navigation);left:max(var(--inset),env(safe-area-inset-left,0px));bottom:calc(var(--viewport-gap) + max(var(--space-6),env(safe-area-inset-bottom,0px)) + 20px);display:flex;flex-direction:column;gap:2px;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--on);text-shadow:0 1px 14px color-mix(in srgb,var(--shade) 45%,transparent)}.who[data-carried]{animation:who-in .42s var(--ease) both}.who{transform:translateY(calc(-1 * var(--name-lift, 0px)));transition:opacity .36s var(--ease),transform .36s var(--ease)}.room:has(.bottom-media[data-side=left] .media-row[data-open=true]) .who[data-side=left],.room:has(.bottom-media[data-side=right] .media-row[data-open=true]) .who[data-side=right]{opacity:0;pointer-events:none}@keyframes who-in{0%{opacity:0;translate:0 10px}}@media(prefers-reduced-motion:reduce){.who[data-carried]{animation-duration:1ms}}.who[data-side=right]{left:auto;right:max(var(--inset),env(safe-area-inset-right,0px),var(--who-clear, 0px));align-items:flex-end;text-align:right}.who-name{font-family:var(--who-font, var(--font));font-weight:var(--who-weight, 700);letter-spacing:var(--who-spacing, -.01em);font-size:calc(clamp(44px,7.5vw,86px) * var(--text-scale, 1));line-height:.95}.who-carries{font-family:var(--font);font-size:calc(clamp(15px,2.1vw,24px) * var(--text-scale, 1));font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--glow);text-shadow:0 1px 10px color-mix(in srgb,var(--shade) 55%,transparent)}.who{gap:6px}.print-sheet{display:none}@media print{@page{margin:12mm}html,body,#root{height:auto!important;overflow:visible!important;background:#fff!important}body>*:not(.print-sheet){display:none!important}.print-sheet{display:block}.print-page{break-after:page;page-break-after:always;display:flex;align-items:center;justify-content:center;min-height:92vh}.print-page:last-child{break-after:auto;page-break-after:auto}.print-card{margin:0;width:min(160mm,100%);padding:7mm 7mm 20mm;background:#fff;border:.25mm solid #d9d4c7}.print-card img{display:block;width:100%;height:auto}.print-card figcaption{display:grid;gap:2mm;margin-top:6mm;text-align:center;font-family:var(--font);color:#2b2f2c}.print-card figcaption b{font-size:16pt;font-weight:800}.print-card figcaption span{font-size:10pt;color:#6b6f69}}.rail-tabs{position:absolute;z-index:calc(var(--layer-content) - 2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none}.rail-tab{pointer-events:auto;position:relative;width:52px;height:52px;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:var(--on);opacity:.5;filter:drop-shadow(0 1px 6px color-mix(in srgb,var(--shade) 45%,transparent));transition:opacity .24s var(--ease),scale .24s var(--ease);touch-action:manipulation;-webkit-user-select:none;user-select:none}.rail-tab svg{width:24px;height:24px}.rail-tab--hearts[data-loved=true]{color:#ff6f8c}.rail-tab[aria-pressed=true]{opacity:1;scale:1.12}.rail-tab:disabled{opacity:.22}.rail-tab:active:not(:disabled){scale:.9;transition-duration:90ms}.rail-strip{animation:rail-switch .3s var(--ease) backwards}@keyframes rail-switch{0%{opacity:0;translate:0 -10px}}.room[data-glass=true] .scene-video,.room[data-glass=true] .sound-bar{visibility:hidden}.room[data-glass=true] *:not(.glass,.glass *){animation-play-state:paused!important}.glass{position:absolute;inset:0;z-index:var(--layer-overlay);background:#0c10125c;-webkit-backdrop-filter:blur(28px) saturate(1.3);backdrop-filter:blur(28px) saturate(1.3);animation:glass-in .26s var(--ease) both}@keyframes glass-in{0%{opacity:0}}.glass-grid{position:absolute;inset:0 calc(104px + env(safe-area-inset-right,0px)) 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));grid-auto-rows:max-content;align-content:start;gap:28px 22px;padding:calc(max(var(--inset),env(safe-area-inset-top,0px)) + 12px) 8px calc(max(var(--inset),env(safe-area-inset-bottom,0px)) + 24px) calc(max(var(--inset),env(safe-area-inset-left,0px)) + 8px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;animation:rail-switch .3s var(--ease) backwards}.glass-grid::-webkit-scrollbar{display:none}.glass-thing{position:relative}.glass-open{display:flex;flex-direction:column;gap:9px;width:100%;color:var(--on);text-align:center;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:scale .16s var(--ease)}.glass-open:active{scale:.96}.glass-window{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;overflow:hidden;border-radius:calc(18px * var(--corners, 1));background:color-mix(in srgb,var(--on) 10%,transparent);box-shadow:0 16px 30px -20px color-mix(in srgb,var(--shade) 75%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--on) 12%,transparent)}.glass-window img{width:100%;height:100%;object-fit:cover;display:block}.glass-thing[data-here=true] .glass-window{outline:3px solid var(--glow, var(--on));outline-offset:3px}.glass-thing[data-playing] .glass-window{outline:3px solid var(--mark, var(--glow));outline-offset:3px}.glass-thing[data-playing=true] .glass-window{box-shadow:0 0 22px 2px color-mix(in srgb,var(--mark, var(--glow)) 55%,transparent),0 16px 30px -20px color-mix(in srgb,var(--shade) 75%,transparent)}.glass-name{padding:0 6px;font:700 14px / 1.25 var(--font);color:color-mix(in srgb,var(--on) 80%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 6px color-mix(in srgb,var(--shade) 35%,transparent)}.glass-thing[data-offering=true] .glass-open{animation:glass-tremble .18s ease-in-out infinite alternate}@keyframes glass-tremble{0%{rotate:-1.2deg}to{rotate:1.2deg}}.glass-forget{position:absolute;left:50%;top:0;translate:-50% 0;margin-top:calc(37.5% - 32px);width:64px;height:64px;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:var(--on);background:#e0453a;box-shadow:0 10px 24px -8px color-mix(in srgb,var(--shade) 60%,transparent),0 0 0 4px color-mix(in srgb,var(--on) 85%,transparent);animation:glass-forget-in .24s cubic-bezier(.25,1.3,.45,1) both}.glass-forget svg{width:30px;height:30px}.glass-forget:active{scale:.92}@keyframes glass-forget-in{0%{opacity:0;scale:.4}}.glass-meta{margin-top:-5px;padding:0 6px;font:700 12px / 1.2 var(--font);color:color-mix(in srgb,var(--on) 60%,transparent);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px color-mix(in srgb,var(--shade) 35%,transparent)}.glass-empty{grid-column:1 / -1;margin:22vh 0 0;text-align:center;color:color-mix(in srgb,var(--on) 86%,transparent);font:700 18px / 1.4 var(--font)}.glass-heading{grid-column:1 / -1;margin:6px 0 -12px;color:color-mix(in srgb,var(--on) 92%,transparent);font:800 20px / 1.2 var(--font);letter-spacing:.01em;text-shadow:0 1px 3px color-mix(in srgb,var(--shade) 35%,transparent)}.glass-empty--here{margin:0;text-align:left;font-size:calc(16px * var(--text-scale, 1));color:color-mix(in srgb,var(--on) 74%,transparent)}.glass-grid.days-page{display:block}.days-page .glass-heading{margin:26px 0 10px}.days-page .glass-heading:first-child{margin-top:4px}.days-today{display:flex;align-items:baseline;gap:14px}.days-date{font:600 calc(15px * var(--text-scale, 1)) / 1.2 var(--font);color:color-mix(in srgb,var(--on) 70%,transparent)}.days-page .glass-empty--here{margin:0 0 6px}.day-row{display:flex;align-items:center;gap:14px;max-width:720px;min-height:64px;margin:0 0 10px;padding:8px 18px 8px 10px;border-radius:calc(22px * var(--corners, 1));background:color-mix(in srgb,var(--on) 10%,transparent);color:var(--on);touch-action:pan-y;-webkit-user-select:none;user-select:none}.day-row[data-offering=true] .day-words{animation:glass-tremble .18s ease-in-out infinite alternate}.day-tick{position:relative;flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--on) 70%,transparent);color:transparent;transition:background .2s var(--ease),border-color .2s var(--ease),scale .2s var(--ease);touch-action:manipulation}.day-tick:after{content:"";position:absolute;inset:-12px}.day-tick svg{width:26px;height:26px}.day-tick[aria-pressed=true]{background:var(--glow, #58c98b);border-color:var(--glow, #58c98b);color:var(--shade, #10201a)}.day-tick:active{scale:.9}.day-kind{flex:none;width:26px;height:26px;opacity:.8}.day-kind svg{width:26px;height:26px}.day-words{min-width:0;display:flex;flex-direction:column;gap:2px}.day-title{font:800 calc(19px * var(--text-scale, 1)) / 1.25 var(--font);overflow-wrap:anywhere}.day-under{font:600 calc(14px * var(--text-scale, 1)) / 1.3 var(--font);color:color-mix(in srgb,var(--on) 72%,transparent);overflow-wrap:anywhere}.day-row[data-done=true] .day-title{text-decoration:line-through;text-decoration-thickness:2px;opacity:.6}.day-row .day-forget{position:static;flex:none;translate:none;margin:0 0 0 auto;width:48px;height:48px}.day-row .day-forget svg{width:24px;height:24px}.days-sides{max-width:720px;margin:0 0 14px}.memory-actions{margin:0 0 16px}.memory-card{position:relative;max-width:720px;margin:0 0 12px;padding:14px 64px 14px 18px;border-radius:calc(22px * var(--corners, 1));background:color-mix(in srgb,var(--on) 10%,transparent);color:var(--on);touch-action:pan-y;-webkit-user-select:none;user-select:none}.memory-words{display:flex;flex-direction:column;gap:3px}.memory-title{font:800 calc(20px * var(--text-scale, 1)) / 1.25 var(--font);overflow-wrap:anywhere}.memory-about{font:600 calc(14px * var(--text-scale, 1)) / 1.3 var(--font);color:color-mix(in srgb,var(--on) 72%,transparent)}.memory-said{margin:4px 0 0;font:500 calc(16px * var(--text-scale, 1)) / 1.4 var(--font);color:color-mix(in srgb,var(--on) 88%,transparent);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.memory-card[data-offering=true] .memory-words{animation:glass-tremble .18s ease-in-out infinite alternate}.memory-holds{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.memory-thumb{position:relative;width:96px;height:72px;border-radius:calc(12px * var(--corners, 1));overflow:hidden;background:color-mix(in srgb,var(--shade) 30%,transparent);touch-action:manipulation}.memory-thumb img{width:100%;height:100%;object-fit:cover;display:block}.memory-thumb:active:not(:disabled){scale:.96}.memory-painting{display:grid;place-items:center;height:100%;padding:4px;font:700 12px / 1.2 var(--font);color:color-mix(in srgb,var(--on) 80%,transparent);text-align:center}.memory-voice,.memory-song{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 10px;border-radius:calc(999px * var(--corners, 1));background:color-mix(in srgb,var(--on) 16%,transparent);color:var(--on);font:700 14px / 1 var(--font);font-variant-numeric:tabular-nums;touch-action:manipulation}.memory-voice svg,.memory-song svg{width:20px;height:20px}.memory-voice[aria-pressed=true]{background:var(--glow, #58c98b);color:var(--shade, #10201a)}.memory-song span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.memory-record{position:absolute;top:10px;right:10px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--on);background:color-mix(in srgb,var(--on) 14%,transparent);touch-action:manipulation}.memory-record svg{width:22px;height:22px}.memory-record:disabled{opacity:.4}.memory-card .memory-forget{position:absolute;inset:auto 10px 10px auto;translate:none;margin:0}.recording-pill{position:absolute;z-index:calc(var(--layer-overlay) + 2);top:calc(max(var(--inset),env(safe-area-inset-top,0px)) + 10px);left:50%;translate:-50% 0;display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 8px 0 18px;border-radius:calc(999px * var(--corners, 1));background:#121618d1;color:#fff;font:800 16px / 1 var(--font);font-variant-numeric:tabular-nums;box-shadow:0 12px 28px -12px #0009;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.recording-dot{width:12px;height:12px;border-radius:50%;background:#ff4d4d;animation:recording-beat 1.1s ease-in-out infinite}@keyframes recording-beat{50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.recording-dot{animation:none}}.recording-words{padding-right:8px}.recording-stop{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px 0 12px;border-radius:calc(999px * var(--corners, 1));background:#fff;color:#1c2422;font:800 15px / 1 var(--font);touch-action:manipulation}.recording-stop svg{width:18px;height:18px;color:#e0453a}.glass-tabs{position:absolute;top:0;bottom:0;right:max(16px,env(safe-area-inset-right,0px));width:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.glass-tab{position:relative;width:60px;height:60px;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:var(--on);opacity:.55;filter:drop-shadow(0 1px 6px color-mix(in srgb,var(--shade) 45%,transparent));transition:opacity .24s var(--ease),scale .24s var(--ease),background .24s var(--ease);touch-action:manipulation}.glass-tab svg{width:28px;height:28px}.glass-tab[aria-pressed=true]{opacity:1;scale:1.08;background:color-mix(in srgb,var(--on) 16%,transparent)}.glass-tabs[data-placed=true]{right:auto;bottom:auto;gap:6px}.glass-tabs[data-placed=true] .glass-tab{width:52px;height:52px}.glass-tabs[data-placed=true] .glass-tab svg{width:24px;height:24px}.glass-tabs[data-placed=true] .glass-tab[aria-pressed=true]{scale:1.12}.glass-tab[data-tab=hearts]{color:#ff8aa2}.glass-tab:active{scale:.9;transition-duration:90ms}.glass-heart,.picture-heart,.media-heart{display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:var(--on);touch-action:manipulation;transition:scale .16s var(--ease),color .2s var(--ease)}.glass-heart{position:absolute;top:7px;right:7px;width:42px;height:42px;background:color-mix(in srgb,var(--shade) 36%,transparent)}.glass-heart svg{width:22px;height:22px}.picture-heart{color:#6b726e}.glass-heart[data-loved=true],.picture-heart[data-loved=true],.media-heart[data-loved=true]{color:#ff5c7a}.glass-heart[data-loved=true] svg,.picture-heart[data-loved=true] svg,.media-heart[data-loved=true] svg{animation:heart-beat .42s cubic-bezier(.25,1.4,.45,1)}.glass-heart:active,.picture-heart:active,.media-heart:active{scale:.88}@keyframes heart-beat{0%{scale:.6}55%{scale:1.25}to{scale:1}}@media(prefers-reduced-motion:reduce){.glass,.glass-grid,.rail-strip,.glass-forget,.glass-thing[data-offering=true] .glass-open{animation:none}.glass-heart svg,.picture-heart svg,.media-heart svg{animation:none!important}}.picture-ghost{position:absolute;pointer-events:auto;rotate:var(--tilt, -2.2deg);touch-action:none;animation:picture-leave .24s cubic-bezier(.5,0,.75,.6) forwards}.picture-ghost .picture-image{position:absolute;inset:0;pointer-events:none}@keyframes picture-leave{to{opacity:0;scale:.9}}@media(prefers-reduced-motion:reduce){.picture-ghost{animation:picture-leave-still .16s linear forwards}@keyframes picture-leave-still{to{opacity:0}}}.room:after{content:"";position:absolute;inset:0;z-index:calc(var(--layer-content) + 5);pointer-events:none;background:linear-gradient(118deg,transparent 30%,color-mix(in srgb,var(--on) 6%,transparent) 39%,color-mix(in srgb,var(--on) 12%,transparent) 42.5%,color-mix(in srgb,var(--on) 5%,transparent) 45%,transparent 52%),linear-gradient(118deg,transparent 55%,color-mix(in srgb,var(--on) 5%,transparent) 58%,transparent 61%),radial-gradient(120% 70% at 12% -10%,color-mix(in srgb,var(--on) 10%,transparent),transparent 55%);mix-blend-mode:screen}.picture-window:after,.rail-window:after,.glass-window:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,color-mix(in srgb,var(--on) 22%,transparent),color-mix(in srgb,var(--on) 0%,transparent) 34% 62%,color-mix(in srgb,var(--on) 8%,transparent) 78%,color-mix(in srgb,var(--on) 0%,transparent) 90%);mix-blend-mode:screen}.picture-tools{position:absolute;right:10px;bottom:-14px;display:flex;gap:8px}.picture-tool{width:44px;height:44px;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:#3b4541;background:#fcfaf4f5;box-shadow:0 4px 14px -6px #14181680;cursor:pointer}.picture-tool svg{width:20px;height:20px}.picture-tool:active{transform:scale(.92)}.effects{position:absolute;inset:0;z-index:calc(var(--layer-navigation) + 1);pointer-events:none;overflow:hidden}.effects-canvas,.effects-canvas--under{position:absolute;inset:0;width:100%;height:100%}.effects[data-layer=under]{z-index:var(--layer-scene)}.music-light{position:absolute;inset:0;z-index:var(--layer-scene);pointer-events:none;opacity:0;border-radius:calc(22px * var(--corners, 1));box-shadow:inset 0 0 0 3px var(--glow),inset 0 0 30px 8px color-mix(in srgb,var(--glow) 70%,transparent),inset 0 0 100px 26px color-mix(in srgb,var(--glow) 32%,transparent)}.effect-behind{position:absolute;inset:0;z-index:var(--layer-scene);pointer-events:none;overflow:hidden}.effect-light{--light: #ffd166;position:absolute;inset:0;pointer-events:none;opacity:0;animation:var(--light-how, effect-glow) var(--seconds, 1.6s) var(--ease, ease) both}.effect-light[data-how=flash]{--light-how: effect-flash;animation-timing-function:cubic-bezier(.2,.7,.3,1)}.effect-light[data-how=blink]{--light-how: effect-blink;animation-timing-function:linear}.effect-light[data-how=glow]{--light-how: effect-glow}.effect-light[data-how=pulse]{--light-how: effect-pulse;animation-timing-function:ease-in-out}.effect-light[data-where=screen]{background:radial-gradient(120% 90% at 50% 45%,color-mix(in srgb,var(--light) 28%,transparent),color-mix(in srgb,var(--light) 62%,transparent));mix-blend-mode:screen}.effect-light[data-where=picture]{background:color-mix(in srgb,var(--light) 45%,transparent);mix-blend-mode:screen}.effect-light[data-where=edges]{border-radius:calc(22px * var(--corners, 1));box-shadow:inset 0 0 0 5px var(--light),inset 0 0 26px 8px color-mix(in srgb,var(--light) 75%,transparent),inset 0 0 90px 24px color-mix(in srgb,var(--light) 35%,transparent)}.effect-light[data-rainbow=true][data-where=screen],.effect-light[data-rainbow=true][data-where=picture]{background:linear-gradient(115deg,#ff5a5a80,#ffbe4680,#fff05a80,#6ee68280,#5ab4ff80,#be78ff80);mix-blend-mode:screen}.effect-light[data-rainbow=true][data-where=edges]{box-shadow:none;padding:6px;background:conic-gradient(from var(--turn, 0deg),#ff5a5a,#ffbe46,#fff05a,#6ee682,#5ab4ff,#be78ff,#ff5a5a);-webkit-mask:linear-gradient(var(--shade) 0 0) content-box,linear-gradient(var(--shade) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--shade) 0 0) content-box exclude,linear-gradient(var(--shade) 0 0);filter:blur(1.5px) drop-shadow(0 0 12px color-mix(in srgb,var(--on) 60%,transparent))}@keyframes effect-flash{0%{opacity:0}7%{opacity:1}to{opacity:0}}@keyframes effect-glow{0%{opacity:0}22%{opacity:1}72%{opacity:1}to{opacity:0}}@keyframes effect-pulse{0%{opacity:0}20%{opacity:1}42%{opacity:.3}64%{opacity:1}86%{opacity:.3}to{opacity:0}}@keyframes effect-blink{0%{opacity:0}8%{opacity:1}22%{opacity:1}30%{opacity:0}38%{opacity:1}52%{opacity:1}60%{opacity:0}68%{opacity:1}82%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.effect-light[data-how=blink],.effect-light[data-how=flash],.effect-light[data-how=pulse]{--light-how: effect-glow}}.stage-light{--light: #ffd166;--level: .8;position:absolute;pointer-events:none;opacity:0;animation:var(--stage-how, stage-soft) var(--seconds, 1.6s) var(--ease, ease) both}.stage-light[data-style=focus],.stage-light[data-style=burst]{width:var(--r, 200px);height:var(--r, 200px);translate:-50% -50%;border-radius:calc(50%*min(1,var(--corners, 1)))}.stage-light[data-style=focus]{--stage-how: stage-focus;background:radial-gradient(closest-side,transparent 56%,color-mix(in srgb,var(--light) 55%,transparent) 64%,color-mix(in srgb,var(--light) 92%,white 8%) 71%,color-mix(in srgb,var(--light) 40%,transparent) 80%,transparent 92%);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--light) 70%,transparent))}.stage-light[data-style=burst]{--stage-how: stage-burst;background:radial-gradient(closest-side,transparent 48%,color-mix(in srgb,var(--light) 50%,transparent) 60%,color-mix(in srgb,var(--light) 90%,white 10%) 70%,color-mix(in srgb,var(--light) 30%,transparent) 84%,transparent 96%)}.stage-light[data-style=dim]{--stage-how: stage-dim;inset:0;background:color-mix(in srgb,var(--light) 30%,rgb(70 34 8 / .3));mix-blend-mode:multiply}.stage-light[data-gasp=true]{animation-timing-function:cubic-bezier(.15,.8,.3,1)}@keyframes stage-focus{0%{opacity:0;scale:2.2}35%{opacity:var(--level);scale:1}70%{opacity:var(--level);scale:.92}to{opacity:0;scale:.88}}@keyframes stage-burst{0%{opacity:0;scale:.35}18%{opacity:var(--level)}to{opacity:0;scale:2.4}}@keyframes stage-dim{0%{opacity:0}28%{opacity:var(--level)}72%{opacity:var(--level)}to{opacity:0}}@keyframes stage-soft{0%{opacity:0}30%{opacity:var(--level)}70%{opacity:var(--level)}to{opacity:0}}@media(prefers-reduced-motion:reduce){.stage-light[data-style=focus],.stage-light[data-style=burst]{--stage-how: stage-soft}}.sound-bar{position:absolute;left:0;z-index:calc(var(--layer-content) + 4);pointer-events:none}.scene-video{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);object-fit:cover;z-index:var(--layer-scene);pointer-events:none;animation:scene-video-in .6s var(--ease) both}@keyframes scene-video-in{0%{opacity:0}to{opacity:1}}.scene-video-idle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.reel-video[data-shown=true]{z-index:2}.picture-video{object-fit:cover;background:#111}.rail-kind{position:absolute;left:6px;top:6px;padding:2px 7px;border-radius:calc(999px * var(--corners, 1));font:800 10px / 1.3 var(--font);letter-spacing:.02em;color:var(--on);background:color-mix(in srgb,var(--shade) 46%,transparent);pointer-events:none}.rail-play{position:absolute;left:50%;top:50%;width:26px;height:26px;translate:-50% -50%;border-radius:calc(50%*min(1,var(--corners, 1)));background:color-mix(in srgb,var(--shade) 42%,transparent);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--on) 85%,transparent);pointer-events:none}.rail-play:after{content:"";position:absolute;left:10px;top:7px;border-left:9px solid var(--on);border-top:6px solid transparent;border-bottom:6px solid transparent}@media(prefers-reduced-motion:reduce){.scene-video{animation-duration:1ms}}.rail-card[data-tile]{padding-bottom:5px;background:color-mix(in srgb,var(--tile) 78%,var(--on))}.tile-window,.glass-window[data-tile]{display:block;container-type:inline-size;color:var(--on);background-color:var(--tile);background-image:radial-gradient(120% 90% at 12% 0%,color-mix(in srgb,var(--on) 20%,transparent),transparent 60%),linear-gradient(to top,color-mix(in srgb,var(--shade) 16%,transparent),transparent 55%)}.tile-faces{position:absolute;left:7cqw;top:8cqw;display:flex;align-items:center}.tile-faces .song-face{position:relative;flex:none;width:22cqw;aspect-ratio:1;overflow:hidden;border-radius:calc(50%*min(1,var(--corners, 1)));border:max(1.5px,1.4cqw) solid var(--on);background:radial-gradient(circle at 50% 38%,#fffdf8,color-mix(in srgb,var(--friend-glow, var(--ivory)) 40%,var(--ivory)) 74%);box-shadow:0 2px 8px -3px color-mix(in srgb,var(--shade) 45%,transparent)}.tile-faces:not([data-count="1"]) .song-face{width:16cqw}.tile-faces .song-face+.song-face{margin-left:-5cqw}.tile-faces .song-face img{position:absolute;left:50%;top:50%;width:calc(100% / var(--head-size, .5));max-width:none;height:auto;translate:calc(var(--head-x, .5) * -100%) calc(var(--head-y, .3) * -100%);pointer-events:none}.tile-mark{display:grid;place-items:center;width:18cqw;aspect-ratio:1;color:color-mix(in srgb,var(--on) 90%,transparent)}.tile-mark svg{width:100%;height:auto}.tile-name{position:absolute;left:7cqw;right:7cqw;bottom:7cqw;margin:0;font:800 max(6.5cqw,calc(12.5cqw * var(--name-scale, 1) * var(--name-fit, 1))) / 1.06 var(--font);letter-spacing:-.01em;text-align:left;color:var(--on);text-shadow:0 1px 2px color-mix(in srgb,var(--shade) 22%,transparent);text-wrap:balance;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-block:.12em;margin-block:-.12em}.tile-name[data-fitting]{overflow-wrap:normal}.tile-window .tile-name{left:6cqw;right:6cqw;font-size:max(8.7cqw,calc(14.5cqw * var(--name-scale, 1) * var(--name-fit, 1)))}.tile-window .tile-faces{left:6cqw;top:7cqw}.tile-window .tile-faces .song-face{width:26cqw}.tile-window .tile-faces:not([data-count="1"]) .song-face{width:19cqw}.glass-thing[data-kind=playlist] .tile-name{bottom:36px}.tile-window.playlist-window .tile-name{bottom:26px}@keyframes song-breathe{to{scale:1.18}}.room:not([data-live]) .friend[data-live=true] .friend-face,.room:not([data-live]) .friend[data-live=true] .friend-face:after{animation:none}.rail-making{background:color-mix(in srgb,var(--glow) 40%,var(--ivory))}.making-window{display:grid;place-items:center;align-content:center;gap:6px;color:color-mix(in srgb,var(--glow) 40%,#26302c);background:linear-gradient(160deg,color-mix(in srgb,var(--glow) 16%,var(--on)),color-mix(in srgb,var(--glow) 34%,var(--on)))}.making-window svg{width:30%;height:auto;animation:song-breathe 1.2s ease-in-out infinite alternate}.making-label{font-size:calc(11px * var(--text-scale, 1));font-weight:700;letter-spacing:.02em}.making-first{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rail-making[data-first=true] .making-label{position:relative;padding:3px 8px;border-radius:calc(999px * var(--corners, 1));color:var(--on);background:color-mix(in srgb,var(--shade) 46%,transparent)}.making-bar{position:absolute;left:8px;right:8px;bottom:8px;height:4px;border-radius:calc(2px * var(--corners, 1));background:color-mix(in srgb,var(--glow) 70%,#26302c);transform-origin:left center;animation:making-fill var(--expected, 120s) linear var(--took, 0s) both}@keyframes making-fill{0%{transform:scaleX(.04)}to{transform:scaleX(1)}}.rail-tab[data-making=true],.glass-tab[data-making=true]{opacity:1}.rail-tab[data-making=true]:after,.glass-tab[data-making=true]:after{content:"";position:absolute;inset:3px;border-radius:calc(50%*min(1,var(--corners, 1)));pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,transparent 190deg,color-mix(in srgb,var(--glow, var(--on)) 65%,transparent) 290deg,var(--glow, var(--on)) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),var(--shade) calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),var(--shade) calc(100% - 3px));filter:drop-shadow(0 0 3px color-mix(in srgb,var(--glow, var(--on)) 70%,transparent));animation:mic-forge-travel 1.3s linear infinite}@media(prefers-reduced-motion:reduce){.making-window,.making-window svg{animation:none}.rail-tab[data-making=true]:after,.glass-tab[data-making=true]:after{animation:none}}.rest{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:#04070a;opacity:0;pointer-events:none;transition:opacity .25s ease-out}.rest[data-rest=dim]{opacity:.45;transition:opacity 8s linear}.rest[data-rest=asleep]{opacity:.9;pointer-events:auto;transition:opacity 20s linear}.rest-note{color:color-mix(in srgb,var(--on) 60%,transparent);font-size:calc(18px * var(--text-scale, 1));font-weight:700;letter-spacing:.01em}.rail-card[data-kind=video],.rail-card[data-kind=making],.rail-card[data-kind=not-made]{padding-bottom:5px}.rail-caption{display:block;margin-top:4px;min-height:2.3em;font:800 10.5px / 1.15 var(--font);letter-spacing:.01em;color:#2d3431;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.playing-bars{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:flex-end;gap:3px;height:22px;padding:5px 7px;border-radius:calc(8px * var(--corners, 1));background:color-mix(in srgb,var(--shade) 46%,transparent);pointer-events:none}.playing-bars i{width:4px;height:100%;border-radius:calc(2px * var(--corners, 1));background:var(--on);transform-origin:bottom;scale:1 .62}.playing-bars i:nth-child(2){scale:1 1}.playing-bars i:nth-child(3){scale:1 .4}.rail-card[data-playing]{box-shadow:0 0 0 3px var(--on),0 0 0 6px var(--mark, var(--glow)),0 8px 16px -9px #141816a6}.now-mark{position:absolute;z-index:3;left:50%;top:-11px;translate:-50% 0;display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 11px 0 9px;border-radius:calc(999px * var(--corners, 1));color:#1f2622;background:var(--mark, var(--glow));box-shadow:0 0 0 2px color-mix(in srgb,var(--on) 92%,transparent),0 6px 14px -6px color-mix(in srgb,var(--shade) 60%,transparent);font:900 12px / 1 var(--font);letter-spacing:.02em;white-space:nowrap}.now-mark .playing-bars{position:static;translate:none;height:11px;padding:0;gap:2px;border-radius:0;background:none}.now-mark .playing-bars i{width:3px;background:currentColor;animation:media-bar 1.2s steps(3) infinite}.now-mark .playing-bars i:nth-child(2){animation-delay:-.4s}.now-mark .playing-bars i:nth-child(3){animation-delay:-.8s}.paused-bars{display:inline-flex;gap:2.5px;height:10px}.paused-bars i{width:3px;height:100%;border-radius:calc(1px * var(--corners, 1));background:currentColor}.rail-card .now-mark{top:-9px;height:18px;gap:4px;padding:0 8px 0 7px;font-size:calc(10px * var(--text-scale, 1))}.rail-card .now-mark .playing-bars{height:9px}.rail-card .now-mark .playing-bars i{width:2.5px}.rail-card .paused-bars{height:8px}@media(prefers-reduced-motion:reduce){.now-mark .playing-bars i{animation:none}}.rail-card[data-new=true]:after{content:"New";position:absolute;top:-7px;right:-7px;padding:3px 7px;border-radius:calc(999px * var(--corners, 1));font:900 10px / 1 var(--font);letter-spacing:.04em;color:var(--on);background:var(--accent, #d4372f);box-shadow:0 2px 8px -2px color-mix(in srgb,var(--shade) 50%,transparent)}.rail-notmade{background:#fbeee9}.notmade-window{display:grid;place-items:center;align-content:center;gap:6px;color:#b2402f;background:linear-gradient(160deg,#fff6f2,#f7dcd3)}.notmade-window svg{width:34%;height:auto}.rail-shade{position:absolute;top:0;bottom:0;right:0;z-index:calc(var(--layer-content) - 3);pointer-events:none;opacity:0;background:linear-gradient(to left,#060a0c75,#060a0c70 10%,#060a0c63 22%,#060a0c4f 35%,#060a0c38,#060a0c21,#060a0c0f 77%,#060a0c05 89%,#060a0c00);transition:opacity 1.8s cubic-bezier(.4,0,.2,1)}.rail-shade[data-lit=true]{opacity:1;transition:opacity .62s cubic-bezier(.25,.1,.25,1)}.rail-tabs[data-lit=true] .rail-tab{opacity:.82}.rail-tabs[data-lit=true] .rail-tab[aria-pressed=true]{opacity:1}.rail-tabs[data-lit=true] .rail-tab:disabled{opacity:.3}.bottom-media{--media-in: 52px;position:absolute;z-index:var(--layer-navigation);bottom:calc(var(--viewport-gap) + max(var(--space-4),env(safe-area-inset-bottom,0px)) + 9px);right:calc(50% + var(--media-in));width:min(420px,calc(50vw - var(--media-in) - var(--inset)));display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none;transition:right .38s var(--ease),left .38s var(--ease),width .38s var(--ease)}.room:has(.end-spot[data-open]) .bottom-media{--media-in: 132px}.bottom-media>*{pointer-events:auto}.bottom-media[data-side=right]{right:auto;left:calc(50% + var(--media-in));align-items:flex-start}@media(prefers-reduced-motion:reduce){.bottom-media{transition:none}}@media(max-width:860px){.media-controls .media-button--sound{width:38px}.media-controls .media-head{width:40px}.media-controls .media-button--play{margin:0 1px}.media-controls .media-button--loop,.media-controls .media-slot--loop{width:34px}.media-controls .media-heart,.media-controls .media-slot--heart{width:32px}.media-controls .media-slot--play{width:40px}.media-controls .media-level{margin:0 3px 0 1px}.bottom-media[data-side=right] .media-controls .media-level{margin:0 1px 0 3px}}@media(max-width:760px){.media-controls .media-button--sound{width:34px}.media-controls .media-head{width:36px}.media-controls .media-button--play{margin:0}.media-controls .media-button--loop,.media-controls .media-slot--loop,.media-controls .media-heart,.media-controls .media-slot--heart{width:30px}.media-controls .media-slot--play{width:38px}.media-controls .media-level{min-width:46px;margin:0 1px 0 0}.bottom-media[data-side=right] .media-controls .media-level{margin:0 0 0 1px}}.bottom-media[data-side=right] .media-pill{text-align:left}.bottom-media[data-side=right] .media-open:has(.media-count){justify-content:flex-start}.bottom-media[data-side=right] .media-controls{flex-direction:row-reverse}.bottom-media[data-side=right] .media-level{margin:0 2px 0 6px}.bottom-media[data-side=right] .media-controls .playing-bars{right:auto;left:-7px}.bottom-media[data-side=right] .media-face~.media-kind{left:auto;right:-7px}.bottom-media[data-side=right] .media-panel{padding:8px 14px 8px 10px}.media-bar,.media-row{display:flex;flex-direction:column;align-items:inherit;max-width:100%}.media-bar{gap:6px}.media-row{gap:8px;animation:media-in .32s var(--ease) both}@keyframes media-in{0%{opacity:0;translate:0 8px}}.media-pill{display:flex;flex-direction:column;align-items:inherit;max-width:100%;color:var(--on);text-shadow:0 1px 2px color-mix(in srgb,var(--shade) 55%,transparent),0 0 16px color-mix(in srgb,var(--shade) 35%,transparent)}.media-pill{text-align:right}.media-pill svg{filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--shade) 45%,transparent))}.media-open{display:block;max-width:100%;padding:0 2px 1px;border-radius:calc(10px * var(--corners, 1));color:inherit;text-align:inherit;touch-action:manipulation}.media-open:disabled{opacity:1}.media-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:800 15px / 1.15 var(--font);letter-spacing:.01em;overflow-wrap:anywhere}.media-open:has(.media-count){display:flex;align-items:baseline;justify-content:flex-end;gap:6px}.media-open:has(.media-count) .media-title{min-width:0}.media-count{flex:none;font:800 12.5px / 1.15 var(--font);letter-spacing:.02em;color:color-mix(in srgb,var(--on) 86%,transparent);font-variant-numeric:tabular-nums;white-space:nowrap}.media-controls{display:flex;align-items:center;height:44px;max-width:100%}.media-slot{flex:none;height:44px}.media-slot--play{width:44px}.media-slot--loop{width:38px}.media-head{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));touch-action:manipulation}.media-head:disabled{opacity:1}.media-name{display:flex;align-items:center;justify-content:space-between;gap:8px;align-self:stretch;max-width:100%;margin-bottom:7px}.media-pill .media-name{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.media-name .media-open{min-width:0;min-height:0;position:relative}.media-name .media-open:after{content:"";position:absolute;inset:-6px -4px -2px}.bottom-media[data-side=right] .media-name{flex-direction:row-reverse}.media-remove{position:relative;flex:none;width:26px;height:26px;min-width:0;min-height:0;margin:0 8px 0 0;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:var(--on);background:#0e12149e;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--on) 30%,transparent),0 1px 6px color-mix(in srgb,var(--shade) 25%,transparent);touch-action:manipulation}.bottom-media[data-side=right] .media-remove{margin:0 0 0 8px}.media-remove svg{width:14px;height:14px;filter:none}.media-remove:after{content:"";position:absolute;inset:-9px}.media-remove:active{scale:.9}.media-heart{width:38px;height:44px;flex:none;color:color-mix(in srgb,var(--on) 92%,transparent)}.media-heart svg{width:21px;height:21px}.media-slot--heart{width:38px}.media-heart--list{width:40px;height:40px;margin:0}.media-heart--list:after{content:none}.media-heart--list svg{width:21px;height:21px}.media-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who keep" "buttons buttons" "line line";align-items:center;column-gap:8px;row-gap:2px;width:min(360px,100%);padding:8px 10px 8px 14px;border-radius:calc(20px * var(--corners, 1));color:var(--on);background:#0e121480;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);border:1px solid color-mix(in srgb,var(--on) 12%,transparent);box-shadow:0 14px 34px -18px color-mix(in srgb,var(--shade) 70%,transparent);animation:media-in .22s var(--ease) both}.media-panel .media-who{grid-area:who}.media-panel .media-keep{grid-area:keep;display:flex;align-items:center}.media-panel .media-buttons{grid-area:buttons}.media-panel .media-line{grid-area:line}.media-badge{position:relative;flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:var(--on)}.media-kind{display:grid;place-items:center}.media-kind svg{width:22px;height:22px}.media-face~.media-kind{position:absolute;left:-7px;top:-6px;width:20px;height:20px;border-radius:calc(50%*min(1,var(--corners, 1)));border:1.5px solid color-mix(in srgb,var(--on) 95%,transparent);color:var(--on);background:color-mix(in srgb,var(--media-tint, #3f6b5c) 70%,#26302c);box-shadow:0 1px 4px color-mix(in srgb,var(--shade) 45%,transparent)}.media-face~.media-kind[data-mark=video]{background:#2a3136}.media-face~.media-kind svg{width:11px;height:11px;filter:none}.media-badge .playing-bars{inset:auto auto -5px;translate:none;height:15px;padding:3px;gap:2px;border-radius:calc(6px * var(--corners, 1));background:#0e1214b3}.media-controls .playing-bars{right:-7px}.media-badge .playing-bars i{width:3px}.media-head .playing-bars i{animation:media-bar 1.2s steps(3) infinite}.media-head .playing-bars i:nth-child(2){animation-delay:-.4s}.media-head .playing-bars i:nth-child(3){animation-delay:-.8s}@keyframes media-bar{0%,to{scale:1 .35}50%{scale:1 1}}.media-face{position:absolute;inset:0;overflow:hidden;border-radius:calc(50%*min(1,var(--corners, 1)));border:1.5px solid color-mix(in srgb,var(--on) 92%,transparent);box-shadow:0 1px 6px color-mix(in srgb,var(--shade) 35%,transparent);background:radial-gradient(circle at 50% 38%,#fffdf8,color-mix(in srgb,var(--media-tint, var(--ivory)) 40%,var(--ivory)) 74%)}.media-face img{position:absolute;left:50%;top:50%;width:calc(100% / var(--head-size, .5));max-width:none;height:auto;translate:calc(var(--head-x, .5) * -100%) calc(var(--head-y, .3) * -100%);pointer-events:none}.media-who{display:flex;min-width:0;font:700 12.5px / 1.2 var(--font);color:color-mix(in srgb,var(--on) 78%,transparent);white-space:pre;font-variant-numeric:tabular-nums}.media-whose{min-width:0;overflow:hidden;text-overflow:ellipsis}.media-time{flex:none}.media-buttons{display:flex;align-items:center;gap:2px}.media-button{width:44px;height:44px;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:var(--on);transition:scale .14s var(--ease),background .2s var(--ease),color .2s var(--ease);touch-action:manipulation}.media-button svg{width:24px;height:24px}.media-button:active{scale:.9;background:color-mix(in srgb,var(--on) 12%,transparent)}.media-button--play{position:relative;flex:none;width:38px;height:38px;margin:0 3px;box-shadow:0 1px 8px color-mix(in srgb,var(--shade) 25%,transparent)}.media-button--play svg{width:17px;height:17px}.media-button--play .media-ring{position:absolute;left:50%;top:50%;width:44px;height:44px;translate:-50% -50%;overflow:visible;pointer-events:none}.media-ring circle{fill:none;stroke-width:2.4}.media-ring>.media-ring-done{stroke-width:3}.media-ring-piece circle{stroke-width:2}.media-ring-track{stroke:color-mix(in srgb,var(--on) 42%,transparent)}.media-ring-done{stroke:var(--on)}.media-button--loop{position:relative;flex:none;width:38px;height:40px;color:color-mix(in srgb,var(--on) 62%,transparent)}.media-button--loop svg{width:21px;height:21px}.media-button--loop[aria-pressed=true]{color:#ffd98a}.media-button--loop[aria-pressed=true] svg{filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--shade) 45%,transparent)) drop-shadow(0 0 5px rgb(255 217 138 / .85))}.media-button--loop[aria-pressed=true]:after{content:"";position:absolute;left:50%;bottom:3px;width:4px;height:4px;border-radius:calc(50%*min(1,var(--corners, 1)));background:currentColor;translate:-50% 0;box-shadow:0 0 4px color-mix(in srgb,var(--shade) 40%,transparent)}.media-button--sound{flex:none;color:color-mix(in srgb,var(--on) 62%,transparent)}.media-button--sound[aria-pressed=true]{color:var(--on)}.media-button--sound svg{width:22px;height:22px}.media-row[data-muted=true] .playing-bars{opacity:.55}.media-button--stop svg{width:20px;height:20px}.media-line{display:flex;align-items:center;gap:8px;padding:0 2px 0 0}.media-volume{display:flex;align-items:center;gap:2px;flex:none}.media-scrub,.media-loud{-webkit-appearance:none;appearance:none;height:28px;background:transparent;touch-action:none}.media-scrub{flex:1 1 auto;min-width:0}.media-loud{width:92px;flex:none}.media-scrub::-webkit-slider-runnable-track,.media-loud::-webkit-slider-runnable-track{height:6px;border-radius:calc(3px * var(--corners, 1));background:linear-gradient(to right,color-mix(in srgb,var(--on) 92%,transparent) var(--done, 0%),color-mix(in srgb,var(--on) 22%,transparent) var(--done, 0%))}.media-scrub::-webkit-slider-thumb,.media-loud::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:calc(50%*min(1,var(--corners, 1)));background:var(--on);box-shadow:0 1px 6px color-mix(in srgb,var(--shade) 35%,transparent),0 0 0 1px color-mix(in srgb,var(--shade) 6%,transparent)}.media-scrub::-moz-range-track,.media-loud::-moz-range-track{height:6px;border-radius:calc(3px * var(--corners, 1));background:color-mix(in srgb,var(--on) 22%,transparent)}.media-scrub::-moz-range-progress,.media-loud::-moz-range-progress{height:6px;border-radius:calc(3px * var(--corners, 1));background:color-mix(in srgb,var(--on) 92%,transparent)}.media-scrub::-moz-range-thumb,.media-loud::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:calc(50%*min(1,var(--corners, 1)));background:var(--on);box-shadow:0 1px 6px color-mix(in srgb,var(--shade) 35%,transparent)}.media-scrub:disabled{opacity:.6}.media-level{-webkit-appearance:none;appearance:none;flex:0 1 100px;min-width:56px;height:44px;margin:0 6px 0 2px;background:transparent;touch-action:none}.media-level::-webkit-slider-runnable-track{height:6px;border-radius:calc(3px * var(--corners, 1));background:linear-gradient(to right,color-mix(in srgb,var(--on) 95%,transparent) var(--done, 0%),color-mix(in srgb,var(--on) 30%,transparent) var(--done, 0%));box-shadow:0 1px 3px color-mix(in srgb,var(--shade) 35%,transparent)}.media-level::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-12px;border-radius:calc(50%*min(1,var(--corners, 1)));background:var(--on);box-shadow:0 1px 6px color-mix(in srgb,var(--shade) 40%,transparent),0 0 0 1px color-mix(in srgb,var(--shade) 6%,transparent)}.media-level::-moz-range-track{height:6px;border-radius:calc(3px * var(--corners, 1));background:color-mix(in srgb,var(--on) 30%,transparent)}.media-level::-moz-range-progress{height:6px;border-radius:calc(3px * var(--corners, 1));background:color-mix(in srgb,var(--on) 95%,transparent)}.media-level::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:calc(50%*min(1,var(--corners, 1)));background:var(--on);box-shadow:0 1px 6px color-mix(in srgb,var(--shade) 40%,transparent)}.notices{display:flex;flex-direction:column;gap:6px}.notice{display:flex;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:4px 4px 4px 6px;border-radius:calc(20px * var(--corners, 1));color:#26302c;background:#fcfaf4e6;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 10px 30px -14px #14181699;animation:media-in .32s var(--ease) both}.notice[data-kind=failed]{background:#fff3eef0}.notice-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:var(--on);background:#3f6b5c}.notice-first{width:53px;height:30px;flex:none;border-radius:calc(6px * var(--corners, 1));object-fit:cover;background:#3f6b5c}.notice[data-kind=failed] .notice-icon{background:#c2493a}.notice-icon svg{width:17px;height:17px}.notice-text{flex:1 1 auto;min-width:0;font:700 13.5px / 1.2 var(--font)}.notice-text b{font-weight:900}.notice-play{flex:none;display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px 0 8px;border-radius:calc(999px * var(--corners, 1));color:var(--on);background:#3f6b5c;font:900 13.5px / 1 var(--font)}.notice-play svg{width:16px;height:16px}.notice-close{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:#58625d}.notice-close svg{width:15px;height:15px}@media(prefers-reduced-motion:reduce){.playing-bars i,.media-head .playing-bars i,.media-row,.notice{animation:none}.rail-shade{transition-duration:1ms}}.character-touch{position:absolute;z-index:4;pointer-events:auto;touch-action:none;border-radius:calc(50%*min(1,var(--corners, 1)));-webkit-tap-highlight-color:transparent}.character-touch[data-beats]{animation:touch-beat .18s ease-out}.touch-ring{position:absolute;inset:8%;border-radius:calc(50%*min(1,var(--corners, 1)));border:3px solid rgb(255 214 120 / .95);box-shadow:0 0 16px 4px #ffc85a80;pointer-events:none;animation:touch-ring .62s cubic-bezier(.15,.7,.3,1) forwards}@keyframes touch-ring{0%{opacity:1;scale:.7}to{opacity:0;scale:1.6}}@keyframes touch-beat{50%{scale:.94}}@media(prefers-reduced-motion:reduce){.touch-ring{animation-duration:.3s}}.picture-tool--behind svg{width:22px;height:22px}.rail-tab[data-tab=photos][data-fresh=true]{animation:camera-arrive .52s cubic-bezier(.3,1.4,.5,1) both,camera-call 1.4s var(--ease) .6s 3}.rail-tab[data-tab=photos] .camera-ring{inset:4px}.rail-take{display:contents}.take-window{display:grid;place-items:center;color:var(--on);background:color-mix(in srgb,var(--glow, #6b8f7f) 55%,#1d2522)}.take-window svg{width:42%;height:auto}.rail-card[data-kind=camera] .take-window{aspect-ratio:4 / 3}.rail-card[data-kind=camera][data-busy=true] .take-window svg{opacity:.6}.glass-take .take-window svg{width:30%}.playlist-window{position:relative}.playlist-mark{position:absolute;left:6px;bottom:6px;display:inline-flex;align-items:center;gap:3px;padding:2px 7px 2px 5px;border-radius:calc(999px * var(--corners, 1));color:var(--on);background:#0a0e109e;font:800 11px / 1 var(--font);font-variant-numeric:tabular-nums;pointer-events:none}.playlist-mark svg{width:13px;height:13px}.glass-thing .playlist-mark{left:9px;bottom:9px;font-size:calc(12.5px * var(--text-scale, 1));padding:3px 9px 3px 6px}.glass-thing .playlist-mark svg{width:15px;height:15px}.glass-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px}.glass-action{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border-radius:calc(999px * var(--corners, 1));color:#22302b;background:#fcfaf4e6;font:800 15px / 1 var(--font);box-shadow:0 8px 20px -12px color-mix(in srgb,var(--shade) 60%,transparent);touch-action:manipulation;transition:scale .14s var(--ease),opacity .2s var(--ease)}.glass-action svg{width:20px;height:20px}.glass-action:active:not(:disabled){scale:.95}.glass-action:disabled{opacity:.45}.glass-action--keep svg{color:#ff5c7a}.glass-action--quiet{background:color-mix(in srgb,var(--on) 18%,transparent);color:var(--on);padding:0 18px}.glass-pick{position:absolute;top:8px;left:8px;width:34px;height:34px;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));border:2.5px solid color-mix(in srgb,var(--on) 95%,transparent);background:#0a0e1059;color:var(--on);font:900 16px / 1 var(--font);font-variant-numeric:tabular-nums;pointer-events:none}.glass-thing[data-picked=true] .glass-pick{background:#ff5c7a;border-color:var(--on)}.glass-thing[data-picked=true] .glass-window{outline:3px solid var(--on);outline-offset:3px}.glass-picking{position:absolute;left:50%;bottom:calc(max(var(--inset),env(safe-area-inset-bottom,0px)) + 4px);translate:-50% 0;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 192px);padding:8px 8px 8px 20px;border-radius:calc(999px * var(--corners, 1));background:#141a18b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 40px -18px color-mix(in srgb,var(--shade) 80%,transparent);animation:media-in .24s var(--ease) both}.glass-picking-count{color:var(--on);font:800 15px / 1.2 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glass[data-picking=true] .glass-grid{padding-bottom:120px}.glass-print{position:absolute;top:7px;left:7px;width:42px;height:42px;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:var(--on);background:color-mix(in srgb,var(--shade) 36%,transparent);touch-action:manipulation}.glass-print svg{width:21px;height:21px}.glass-print:active{scale:.88}@media(prefers-reduced-motion:reduce){.rail-tab[data-tab=photos][data-fresh=true]{animation:camera-glow 1.4s linear 3}.glass-picking{animation:none}}.person-add{flex:none;width:56px;height:56px;margin-right:var(--space-2);padding:0;border:none;border-radius:calc(50%*min(1,var(--corners, 1)));display:grid;place-items:center;background:#82c9a0;color:var(--on);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--on) 35%,transparent),0 6px 18px -10px color-mix(in srgb,var(--shade) 50%,transparent);cursor:pointer;transition:transform .22s var(--ease)}.person-add svg{width:28px;height:28px;display:block}.person-add:active{transform:scale(.92)}.capture{position:fixed;inset:0;z-index:calc(var(--layer-overlay) + 20);display:grid;place-items:center;overflow:hidden;color:var(--on);font-family:var(--font);background:#0c101266;-webkit-backdrop-filter:blur(28px) saturate(1.3);backdrop-filter:blur(28px) saturate(1.3);animation:glass-in .26s var(--ease) both}.capture button{border:0;cursor:pointer;font-family:inherit;touch-action:manipulation}.capture-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.capture-video[data-mirror]{transform:scaleX(-1)}.capture-guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.capture-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right,0px));z-index:6;width:56px;height:56px;display:grid;place-items:center;border-radius:calc(50%*min(1,var(--corners, 1)));color:var(--on);background:color-mix(in srgb,var(--on) 16%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--on) 22%,transparent),0 10px 26px -14px color-mix(in srgb,var(--shade) 70%,transparent);font:400 32px / 1 var(--font);transition:scale .16s var(--ease),background .2s var(--ease)}.capture-close:active{scale:.9}.capture-say{position:absolute;top:max(24px,env(safe-area-inset-top));left:50%;z-index:3;transform:translate(-50%);max-width:calc(100% - 170px);margin:0;padding:14px 26px;border-radius:calc(999px * var(--corners, 1));color:var(--on);background:#0e12146b;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--on) 14%,transparent),0 14px 34px -18px color-mix(in srgb,var(--shade) 70%,transparent);font:800 24px / 1.2 var(--font);text-align:center;text-shadow:0 1px 6px color-mix(in srgb,var(--shade) 30%,transparent)}.capture-count{position:absolute;z-index:3;margin:0;font:800 160px / 1 var(--font);text-shadow:0 4px 30px color-mix(in srgb,var(--shade) 50%,transparent)}.capture-flash{position:absolute;inset:0;z-index:5;background:var(--on);pointer-events:none;animation:capture-flash .38s ease-out forwards}@keyframes capture-flash{0%{opacity:.85}to{opacity:0}}.capture-card{position:relative;z-index:3;width:min(560px,calc(100% - 32px));display:grid;gap:20px;padding:8px 0;color:var(--on);text-align:center;animation:rail-switch .3s var(--ease) backwards}.capture-card h2{margin:0;font:800 34px / 1.15 var(--font);letter-spacing:.01em;text-shadow:0 1px 3px color-mix(in srgb,var(--shade) 35%,transparent)}.capture-who{display:grid;grid-template-columns:1fr 1fr;gap:12px}.capture-who .capture-choice[data-main]{grid-column:1 / -1}.capture-choice{min-height:60px;padding:0 24px;border-radius:calc(30px * var(--corners, 1));color:var(--on);background:color-mix(in srgb,var(--on) 14%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--on) 20%,transparent),0 12px 28px -18px color-mix(in srgb,var(--shade) 70%,transparent);font:800 20px / 1.2 var(--font);transition:scale .16s var(--ease),background .2s var(--ease)}.capture-choice:active:not(:disabled){scale:.96;background:color-mix(in srgb,var(--on) 24%,transparent)}.capture-choice[data-main]{color:#13201d;background:color-mix(in srgb,var(--on) 94%,transparent);box-shadow:0 14px 30px -16px color-mix(in srgb,var(--shade) 75%,transparent)}.capture-choice[data-main]:active:not(:disabled){background:var(--on)}.capture-choice:disabled{opacity:.45}.capture-note{margin:0;color:color-mix(in srgb,var(--on) 80%,transparent);font:700 17px / 1.45 var(--font);text-shadow:0 1px 6px color-mix(in srgb,var(--shade) 35%,transparent)}.capture-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.capture>.capture-actions{position:absolute;bottom:calc(124px + env(safe-area-inset-bottom));z-index:3}.capture-shots{position:absolute;left:0;right:0;bottom:max(20px,env(safe-area-inset-bottom));z-index:3;display:flex;justify-content:center;gap:10px}.capture-shot{width:72px;height:72px;overflow:hidden;border-radius:calc(18px * var(--corners, 1));background:color-mix(in srgb,var(--on) 10%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--on) 18%,transparent),0 10px 22px -14px color-mix(in srgb,var(--shade) 70%,transparent);transition:box-shadow .24s var(--ease)}.capture-shot[data-done]{box-shadow:0 0 0 3px color-mix(in srgb,var(--on) 95%,transparent),0 10px 22px -14px color-mix(in srgb,var(--shade) 70%,transparent)}.capture-shot img{width:100%;height:100%;object-fit:cover}.capture-problem{position:absolute;top:96px;z-index:6;max-width:calc(100% - 32px);margin:0;padding:12px 20px;border-radius:calc(18px * var(--corners, 1));color:var(--on);background:#9a520ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--on) 16%,transparent);font:700 18px / 1.35 var(--font)}.capture-cue{position:absolute;z-index:3;display:grid;justify-items:center;gap:8px;pointer-events:none;animation:capture-cue-in .36s var(--ease) both}.capture-cue svg{width:132px;height:132px;filter:drop-shadow(0 4px 18px color-mix(in srgb,var(--shade) 45%,transparent))}.capture-cue[data-cue=left] svg{animation:capture-nudge-x 1s ease-in-out infinite alternate;--nudge: -14px}.capture-cue[data-cue=right] svg{animation:capture-nudge-x 1s ease-in-out infinite alternate;--nudge: 14px}.capture-cue[data-cue=up] svg{animation:capture-nudge-y 1s ease-in-out infinite alternate;--nudge: -14px}.capture-cue[data-cue=down] svg{animation:capture-nudge-y 1s ease-in-out infinite alternate;--nudge: 14px}.capture-cue-face{display:grid;color:var(--on);filter:drop-shadow(0 4px 18px color-mix(in srgb,var(--shade) 45%,transparent))}.capture-cue-face svg{width:104px;height:104px;stroke-width:1.6}.capture-close svg{width:26px;height:26px}.capture-cue b{padding:8px 18px;border-radius:calc(999px * var(--corners, 1));color:var(--on);background:#0e121473;font:800 30px / 1.1 var(--font)}@keyframes capture-cue-in{0%{opacity:0;scale:.8}}@keyframes capture-nudge-x{to{translate:var(--nudge) 0}}@keyframes capture-nudge-y{to{translate:0 var(--nudge)}}@media(prefers-reduced-motion:reduce){.capture-cue svg{animation:none}}.capture-talk{display:grid;justify-items:center;gap:14px}.capture-wave{display:flex;align-items:center;gap:5px;height:96px}.capture-wave i{width:8px;height:calc(var(--h, .06) * 96px);border-radius:calc(4px * var(--corners, 1));background:#f3b54a;transition:height 70ms linear}.capture-wave[data-loud=true] i{background:#7ee787}.capture-loud{margin:0;font:800 22px / 1.2 var(--font);color:var(--on)}.capture-bar{width:100%;height:8px;overflow:hidden;border-radius:calc(4px * var(--corners, 1));background:color-mix(in srgb,var(--on) 20%,transparent)}.capture-bar span{display:block;height:100%;border-radius:calc(4px * var(--corners, 1));background:var(--on)}.capture-audio{width:100%}:is(.person-add,.friends-all,.friend,.top-right>.round-button,.rail-tab,.rail-card,.media-controls>button,.media-buttons>button,.picture-tool,.picture-heart,.picture-close,.picture-turn,.glass-tab,.glass-action,.glass-forget,.glass-heart,.glass-sort,.notice-play,.notice-close,.party-pill,.olp-pill):before{content:"";position:absolute;top:calc(-1 * var(--reach-up, 12px));right:calc(-1 * var(--reach-right, 12px));bottom:calc(-1 * var(--reach-down, 12px));left:calc(-1 * var(--reach-left, 12px));border-radius:inherit}.picture-tool,.media-controls>button,.media-buttons>button,.notice-play,.notice-close,.glass-action,.glass-sort,.party-pill,.olp-pill{position:relative}.glass-sort{--reach-up: 5px;--reach-down: 5px;--reach-left: 3px;--reach-right: 3px}.person-add{--reach-right: 7px}.friends-all{--reach-left: 7px;--reach-right: 3px}.friend{--reach-left: 1px;--reach-right: 1px}.friends-rest>.friend:last-child,.friends-favourites:last-child>.friend:last-child{--reach-right: 9px}.rail-tab{--reach-up: 2px;--reach-down: 2px;--reach-left: 9px}.rail-tab:first-child{--reach-up: 12px}.rail-tab:last-child{--reach-down: 12px}.rail-card{--reach-up: 5px;--reach-down: 5px;--reach-left: 10px;--reach-right: 0px}.media-controls>button{--reach-left: 0px;--reach-right: 0px;--reach-up: 3px;--reach-down: 3px}.media-row:first-child .media-controls>button{--reach-up: 12px}.media-row:last-child .media-controls>button{--reach-down: 12px}.media-row[data-open=true] .media-controls>button{--reach-up: 12px}.media-row:has(+.media-row[data-open=true]) .media-controls>button{--reach-down: 12px}.media-row:has(+.media-row[data-open=true]){margin-bottom:8px}.bottom-media[data-side=left] .media-row:not(:last-child) .media-controls>.media-heart{--reach-right: 12px}.bottom-media[data-side=right] .media-row:not(:last-child) .media-controls>.media-heart{--reach-left: 12px}.media-remove:after{inset:-12px -8px -12px -12px}.bottom-media[data-side=right] .media-remove:after{inset:-12px -12px -12px -8px}.media-buttons>button{--reach-left: 1px;--reach-right: 1px;--reach-down: 1px}.media-buttons>button:first-child{--reach-left: 12px}.media-buttons>button:last-child{--reach-right: 12px}.picture-tool{--reach-left: 4px;--reach-right: 4px}.picture-tool:first-child{--reach-left: 12px}.picture-tool:last-child{--reach-right: 12px}.glass-tab{--reach-up: 3px;--reach-down: 3px}.glass-tab:first-child{--reach-up: 12px}.glass-tab:last-child{--reach-down: 12px}.glass-action{--reach-left: 5px;--reach-right: 5px}.glass-action:first-child{--reach-left: 12px}.glass-action:last-child{--reach-right: 12px}.glass-heart,.glass-forget{--reach-up: 6px;--reach-right: 6px;--reach-down: 6px;--reach-left: 6px}.notice-play,.notice-close{--reach-left: 4px;--reach-right: 4px;--reach-up: 3px;--reach-down: 3px}.mic-reach{position:absolute;inset:-12px;border-radius:calc(50%*min(1,var(--corners, 1)))}.party{position:absolute;inset:0;z-index:var(--layer-scene);overflow:hidden;pointer-events:none;animation:party-in .7s var(--ease) both}@keyframes party-in{0%{opacity:0}to{opacity:1}}.party-dim{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#0c081e33,#08061880)}.party-beams{position:absolute;inset:0;mix-blend-mode:screen}.party-beam{position:absolute;top:-14%;left:var(--at);width:18%;height:128%;margin-left:-9%;transform-origin:50% 0;background:linear-gradient(to bottom,color-mix(in srgb,var(--beam) 78%,transparent),color-mix(in srgb,var(--beam) 22%,transparent) 55%,transparent 82%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);opacity:.8;animation:party-sweep var(--sweep) ease-in-out var(--delay) infinite alternate}@keyframes party-sweep{0%{rotate:calc(var(--turn) * -26deg)}to{rotate:calc(var(--turn) * 26deg)}}.party-floor{position:absolute;left:-10%;right:-10%;bottom:-18%;height:58%;background:radial-gradient(ellipse at 50% 62%,var(--floor-a),var(--floor-b) 46%,transparent 72%);mix-blend-mode:screen;animation:party-floor 1.9s ease-in-out infinite alternate}@keyframes party-floor{0%{opacity:.72}to{opacity:1}}.party-sparks i{position:absolute;left:var(--x);top:var(--y);width:6px;height:6px;border-radius:calc(50%*min(1,var(--corners, 1)));background:var(--spark);box-shadow:0 0 10px 3px color-mix(in srgb,var(--spark) 70%,transparent);animation:party-spark 1.7s ease-in-out var(--delay) infinite}@keyframes party-spark{0%,to{opacity:0;scale:.4}45%{opacity:1;scale:1}}.party-guest{position:absolute;filter:drop-shadow(0 16px 22px color-mix(in srgb,var(--shade) 45%,transparent));animation:party-guest-in .52s var(--ease) both;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform-origin:50% 97.7%}.party-guest[data-leaving=true]{pointer-events:none}.party-guest{scale:var(--size, 1)}.party-guest[data-flipped=true]{scale:calc(-1 * var(--size, 1)) var(--size, 1)}.party-guest[data-back=true]{filter:drop-shadow(0 12px 18px color-mix(in srgb,var(--shade) 40%,transparent)) brightness(.92)}.party-guest img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;opacity:0}.party-guest img[data-active]{opacity:1}@keyframes party-guest-in{0%{opacity:0;translate:0 8%}to{opacity:1;translate:0 0}}.party-chant{position:absolute;left:8%;right:8%;top:22%;text-align:center;font:900 clamp(44px,8.5vw,88px)/1 var(--font);color:#ffe08a;letter-spacing:.01em;text-shadow:0 0 30px rgb(255 190 80 / .8),0 4px 0 rgb(150 60 120 / .55);rotate:-2deg;animation:party-chant var(--chant-ms, 2.6s) var(--ease) both}.party-chant span{display:inline-block;animation:party-word .52s cubic-bezier(.2,1.6,.4,1) calc(var(--i) * .11s) both}.party-chant[data-answer=true] span{animation:party-word .52s cubic-bezier(.2,1.6,.4,1) calc(var(--i) * .11s) both,party-answer .48s cubic-bezier(.2,1.6,.4,1) calc(var(--answer-at) + var(--i) * 70ms) forwards}@keyframes party-chant{0%{opacity:0}12%{opacity:1}82%{opacity:1}to{opacity:0}}@keyframes party-word{0%{opacity:0;scale:.4;translate:0 30%}to{opacity:1;scale:1;translate:0 0}}@keyframes party-answer{0%{scale:1}40%{scale:1.2;color:#fff7dc}to{scale:1}}@media(prefers-reduced-motion:reduce){.party-beam,.party-floor,.party-sparks i{animation:none}.party-sparks i{opacity:.7}.party-chant,.party-chant span,.party-chant[data-answer=true] span,.party-bubble,.party-controls{animation:none}}.party[data-calm=true] .party-beam{animation:none}.party-bubble{position:absolute;translate:-50% calc(-100% - 10px);padding:7px 14px;border-radius:calc(16px * var(--corners, 1));color:#3a2b10;background:#ffe08a;box-shadow:0 10px 24px -12px color-mix(in srgb,var(--shade) 60%,transparent);font:900 clamp(16px,2.2vw,22px)/1.1 var(--font);white-space:nowrap;animation:party-bubble var(--bubble-ms, 1.4s) var(--ease) both}.party-bubble:after{content:"";position:absolute;left:50%;top:100%;translate:-50% -1px;border:8px solid transparent;border-top-color:#ffe08a}@keyframes party-bubble{0%{opacity:0;scale:.6}12%{opacity:1;scale:1.06}20%{scale:1}85%{opacity:1}to{opacity:0}}.party-corner{position:relative;pointer-events:auto;max-width:100%}.party-pill[data-open=true]{box-shadow:0 0 0 3px color-mix(in srgb,var(--party) 55%,transparent),0 10px 26px -14px color-mix(in srgb,var(--shade) 70%,transparent)}.party-controls{position:absolute;top:calc(100% + 8px);left:0;z-index:2;width:min(430px,calc(100vw - 2 * var(--inset, 16px)));display:grid;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--on) 22%,transparent);border-radius:calc(22px * var(--corners, 1));color:var(--on);background:#1c0a22bd;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 24px 50px -20px color-mix(in srgb,var(--shade) 80%,transparent);text-shadow:none;pointer-events:auto;animation:party-controls-in .22s var(--ease) both}@keyframes party-controls-in{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}.party-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.party-wild{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px}.party-wild-end{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:calc(50%*min(1,var(--corners, 1)));color:var(--on);background:color-mix(in srgb,var(--on) 13%,transparent);-webkit-tap-highlight-color:transparent}.party-wild-end svg{width:24px;height:24px}.party-wild-end[data-hot=true]{background:var(--party)}.party-wild-end:disabled{opacity:.38}.party-wild-end:active:not(:disabled){scale:.94}.party-slider{-webkit-appearance:none;appearance:none;width:100%;height:44px;margin:0;background:transparent;touch-action:pan-y}.party-slider::-webkit-slider-runnable-track{height:10px;border-radius:calc(999px * var(--corners, 1));background:linear-gradient(to right,var(--party) calc(var(--at, 0) * 100%),color-mix(in srgb,var(--on) 22%,transparent) calc(var(--at, 0) * 100%))}.party-slider::-moz-range-track{height:10px;border-radius:calc(999px * var(--corners, 1));background:color-mix(in srgb,var(--on) 22%,transparent)}.party-slider::-moz-range-progress{height:10px;border-radius:calc(999px * var(--corners, 1));background:var(--party)}.party-slider::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-10px;border:0;border-radius:calc(50%*min(1,var(--corners, 1)));background:var(--on);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--shade) 70%,transparent)}.party-slider::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:calc(50%*min(1,var(--corners, 1)));background:var(--on);box-shadow:0 4px 12px -4px color-mix(in srgb,var(--shade) 70%,transparent)}.party-button{display:grid;justify-items:center;gap:4px;min-height:64px;padding:9px 4px 8px;border:0;border-radius:calc(16px * var(--corners, 1));color:var(--on);background:color-mix(in srgb,var(--on) 13%,transparent);font:800 13.5px/1.1 var(--font);-webkit-tap-highlight-color:transparent}.party-button svg{width:24px;height:24px}.party-button[data-hot=true]{background:var(--party)}.party-button:disabled{opacity:.38}.party-button:active:not(:disabled),.party-light:active,.party-friend:active,.party-end:active{scale:.94}.party-label{margin:2px 0 -4px 2px;font:900 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;opacity:.72}.party-lights,.party-friends{display:flex;flex-wrap:wrap;gap:9px}.party-light{width:48px;height:48px;border:3px solid color-mix(in srgb,var(--on) 18%,transparent);border-radius:calc(50%*min(1,var(--corners, 1)));background:var(--swatch);-webkit-tap-highlight-color:transparent}.party-light[aria-pressed=true]{border-color:var(--on);box-shadow:0 0 14px 2px color-mix(in srgb,var(--on) 45%,transparent)}.party-friend{position:relative;width:48px;height:48px;padding:0;border:0;border-radius:calc(50%*min(1,var(--corners, 1)));overflow:visible;background:#f5efe3;opacity:.55;-webkit-tap-highlight-color:transparent}.party-friend img{width:100%;height:100%;border-radius:calc(50%*min(1,var(--corners, 1)));object-fit:cover;object-position:50% 12%}.party-friend[aria-pressed=true]{opacity:1;box-shadow:0 0 0 3px var(--party),0 0 16px 2px color-mix(in srgb,var(--party) 60%,transparent)}.party-friend[aria-pressed=true]:after{content:"";position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:19px;height:19px;border-radius:calc(50%*min(1,var(--corners, 1)));color:var(--on);background:var(--party) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 12.5l4.3 4.3L18.5 8'/%3E%3C/svg%3E") center / 13px no-repeat;box-shadow:0 0 0 2px var(--on)}.party-end{justify-self:end;min-height:42px;padding:9px 18px;border:1.5px solid color-mix(in srgb,var(--on) 45%,transparent);border-radius:calc(999px * var(--corners, 1));color:var(--on);background:transparent;font:800 14px/1 var(--font);-webkit-tap-highlight-color:transparent}.party-end[data-ending=true]{border-color:var(--party);background:var(--party)}.party-pill{--reach-up: 8px;--reach-down: 8px;--reach-left: 12px;--reach-right: 12px;display:flex;align-items:center;gap:9px;max-width:100%;padding:5px 14px 5px 5px;border:1px solid color-mix(in srgb,var(--on) 30%,transparent);border-radius:calc(999px * var(--corners, 1));color:var(--on);background:#280c2880;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 10px 26px -14px color-mix(in srgb,var(--shade) 70%,transparent);font:800 15px/1.2 var(--font);pointer-events:auto;animation:mark-place-in .42s var(--ease) both}.party-pill b{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.party-pill small{flex:none;font-size:calc(12.5px * var(--text-scale, 1));opacity:.88}.party-pop{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:calc(50%*min(1,var(--corners, 1)));background:var(--party)}.party-pop svg{width:18px;height:18px}.party-pill[data-earned=true] .party-pop{background:#f3c55a;color:#3a2b10}.friend[data-party=true] .friend-face{box-shadow:0 0 0 3px color-mix(in srgb,var(--party) 60%,transparent),0 0 20px 4px color-mix(in srgb,var(--party) 45%,transparent),0 4px 14px -6px #1418168c}.friend[data-party=true]:after{content:"";position:absolute;right:-3px;bottom:-2px;width:20px;height:20px;border-radius:calc(50%*min(1,var(--corners, 1)));background:var(--party) url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20 8.5 7.5l8 8z'/%3E%3Cpath d='M14 3.5v2.5M18.5 8.5H21M17 5l-1.5 1.5M20 13.5l-2-.6M10.5 3l.6 2'/%3E%3C/svg%3E") center / 12px no-repeat;box-shadow:0 0 0 2px var(--on);pointer-events:none}.party-mark svg{width:13px;height:13px}.glass-thing .party-mark svg{width:15px;height:15px}.party-star{position:absolute;top:-9px;left:50%;translate:-50% 0;padding:1px 8px;border-radius:calc(999px * var(--corners, 1));color:#3a2b10;background:#f3c55a;font:900 11px/1.4 var(--font);white-space:nowrap;z-index:2}.party-star{display:inline-flex;align-items:center;gap:3px}.party-star svg{width:11px;height:11px;stroke-width:2.6}.friend[data-making=true] .friend-face{opacity:.55}.friend[data-making=true]:after{content:"";position:absolute;inset:-3px;border-radius:calc(50%*min(1,var(--corners, 1)));border:3px dashed var(--friend-glow, var(--on));animation:friend-making 2.4s linear infinite;pointer-events:none}@keyframes friend-making{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.friend[data-making=true]:after{animation:none}}.coming-amigo[data-waiting=true]{background:linear-gradient(110deg,#fffaf0 20%,#f6ecd8,#fffaf0 60%);background-size:220% 100%;animation:coming-amigo-in .62s var(--ease) both,coming-wait 1.8s linear infinite}@keyframes coming-wait{0%{background-position:120% 0}to{background-position:-100% 0}}.coming-amigo b small,.coming-label small{display:block;font:500 .85rem/1.3 system-ui,sans-serif;letter-spacing:0;opacity:.75}.coming-amigo[data-waiting=true] b{inset:42% 0 auto}.coming-label{position:absolute;z-index:calc(var(--layer-content) - 1);translate:-50% 0;padding:.4rem .9rem;border-radius:calc(999px * var(--corners, 1));background:#fffaf0eb;box-shadow:0 .4rem 1rem color-mix(in srgb,var(--shade) 30%,transparent);text-align:center;font:600 1.05rem/1.2 Optima,Avenir Next,Gill Sans,Georgia,serif;color:#3a2a1c;white-space:nowrap;pointer-events:none}.coming-label[data-stage=ready]{background:#e9ffe9}.lights{position:absolute;inset:0;z-index:calc(var(--layer-content) - 2);overflow:hidden;pointer-events:none;animation:lights-on .5s ease-out both}.lights-dark{position:absolute;inset:0;background:var(--shade);transition:opacity .6s ease}.light{position:absolute;mix-blend-mode:screen;will-change:rotate,opacity,translate}.light[data-moves=sweep]{animation:light-sweep var(--speed) ease-in-out infinite alternate}.light[data-moves=sweep]:is([data-kind=spot],[data-kind=ring],[data-kind=wash]){animation-name:light-slide}.light[data-moves=spin]{animation:light-spin var(--speed) linear infinite}.light[data-moves=pulse]{animation:light-pulse var(--speed) ease-in-out infinite alternate}.light[data-moves=flicker]{animation:light-flicker var(--speed) steps(1,end) infinite}.light[data-moves=drift]{animation:light-drift var(--speed) ease-in-out infinite alternate}@keyframes lights-on{0%{opacity:0}to{opacity:1}}@keyframes light-sweep{0%{rotate:calc(var(--angle) - var(--sweep) / 2)}to{rotate:calc(var(--angle) + var(--sweep) / 2)}}@keyframes light-slide{0%{translate:-12vmin 0}to{translate:12vmin 0}}@keyframes light-spin{0%{rotate:var(--angle)}to{rotate:calc(var(--angle) + 360deg)}}@keyframes light-pulse{0%{opacity:var(--b)}to{opacity:calc(var(--b) * .25)}}@keyframes light-flicker{0%{opacity:var(--b)}12%{opacity:calc(var(--b) * .35)}20%{opacity:var(--b)}47%{opacity:calc(var(--b) * .6)}55%{opacity:var(--b)}78%{opacity:calc(var(--b) * .2)}86%{opacity:var(--b)}}@keyframes light-drift{0%{translate:-6vmin 3vmin}to{translate:6vmin -4vmin}}@media(prefers-reduced-motion:reduce){.lights,.light{animation:none!important}}.coming-amigo{position:absolute;z-index:var(--layer-scene);box-sizing:border-box;padding:.5rem .5rem 2.6rem;rotate:-2deg;background:linear-gradient(#fffaf0,#f1e7d3);border:.45rem solid var(--on);border-radius:calc(1rem * var(--corners, 1));box-shadow:0 1.2rem 2.4rem color-mix(in srgb,var(--shade) 45%,transparent);pointer-events:none;animation:coming-amigo-in .62s var(--ease) both}.coming-amigo img{width:100%;height:100%;object-fit:contain;object-position:50% 100%}.coming-amigo b{position:absolute;inset:auto 0 .55rem;text-align:center;font:600 1.25rem/1.2 Optima,Avenir Next,Gill Sans,Georgia,serif;letter-spacing:.02em;color:#3a2a1c}.copyrighted{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:4px 11px 4px 9px;border-radius:999px;color:#3a2b10;background:#ffe08a;box-shadow:0 6px 16px -10px #0009;font:800 13px/1.2 var(--font);letter-spacing:.01em;text-shadow:none;text-transform:none;white-space:nowrap}.copyrighted:before{content:"©";font-size:15px}.who[data-side=right] .copyrighted{align-self:flex-end}.coming-amigo .copyrighted{position:absolute;left:50%;top:.7rem;translate:-50% 0}@keyframes coming-amigo-in{0%{opacity:0;scale:.84;translate:0 5%}to{opacity:1;scale:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.coming-amigo{animation:none}}.troupe{position:absolute;inset:0;z-index:var(--layer-scene);overflow:hidden;pointer-events:none}.troupe-amigo{position:absolute;opacity:0;filter:drop-shadow(0 16px 22px color-mix(in srgb,var(--shade) 45%,transparent));transform-origin:50% 97.7%;scale:var(--size, 1);transition:scale .42s var(--ease)}.troupe-amigo[data-shown=true]{opacity:1;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.troupe-amigo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;opacity:0;transform:scaleX(var(--flip, 1))}.troupe-amigo img[data-active]{opacity:1}:is(.troupe-amigo,.party-guest)[data-speaking=true] img[data-active]{transform-origin:50% 100%;transform:scaleX(var(--flip, 1)) scale(calc(1 + .05 * var(--voice-energy, 0) * var(--motion-amount, 1)))}.character-body{transition:scale .42s var(--ease)}.character-body[data-gone=true]{opacity:0}.character-layer[data-moving=true]:before{opacity:0}.character-sprite.character-pose,.character-layer[data-moving=true] .character-sprite{transition:none}.character-pose[data-flipped=true]{transform:scaleX(-1)}.party-maker{grid-column:1 / -1;display:grid;gap:12px;max-width:760px;padding:16px;border:1px solid color-mix(in srgb,var(--on) 22%,transparent);border-radius:calc(24px * var(--corners, 1));color:var(--on);background:#1c0a2299;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}.party-maker .party-friend{width:60px;height:60px}.party-maker .party-light{width:56px;height:56px}.maker-name{width:100%;min-height:52px;padding:8px 16px;border:0;border-radius:calc(16px * var(--corners, 1));color:var(--on);background:color-mix(in srgb,var(--on) 14%,transparent);font:800 22px / 1.2 var(--font)}.maker-name::placeholder{color:color-mix(in srgb,var(--on) 92%,transparent)}.maker-songs{display:flex;flex-wrap:wrap;gap:8px;max-height:34vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.maker-song{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:6px 14px 6px 6px;border:0;border-radius:calc(999px * var(--corners, 1));color:var(--on);background:color-mix(in srgb,var(--on) 13%,transparent);font:800 14.5px / 1.15 var(--font);text-align:left;-webkit-tap-highlight-color:transparent}.maker-song b{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:calc(50%*min(1,var(--corners, 1)));border:2px solid color-mix(in srgb,var(--on) 70%,transparent);font:900 14px / 1 var(--font)}.maker-song span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maker-song[aria-pressed=true]{background:var(--party)}.maker-song[aria-pressed=true] b{border-color:var(--on);background:var(--on);color:#c2185b}.maker-song:active{scale:.96}.maker-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.glass-thing[data-kind=party] .glass-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.picture-marks{position:absolute;inset:0;z-index:var(--layer-scene);overflow:hidden;pointer-events:none}.pmark{position:absolute;translate:-50% -50%;font:900 var(--pmark-size, 44px) / 1 var(--font);font-style:normal;white-space:nowrap;filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--shade) 50%,transparent));animation:pmark-in .46s cubic-bezier(.25,1.4,.45,1) both}.pmark[data-word=true]{padding:4px 12px;border-radius:calc(999px * var(--corners, 1));color:#3a2b10;background:#ffe08a;font-size:calc(var(--pmark-size, 44px) * .5)}.pmark[data-how=float]{animation:pmark-in .46s cubic-bezier(.25,1.4,.45,1) both,pmark-float calc(2.6s * var(--pmark-pace, 1)) ease-in-out var(--d, 0ms) infinite alternate}.pmark[data-how=twinkle]{animation:pmark-in .46s cubic-bezier(.25,1.4,.45,1) both,pmark-twinkle calc(1.3s * var(--pmark-pace, 1)) ease-in-out var(--d, 0ms) infinite alternate}.pmark-orbit{position:absolute;width:0;height:0;animation:pmark-turn calc(11s * var(--pmark-pace, 1)) linear infinite}.pmark-arm{position:absolute;left:0;top:0;width:0;height:0;transform:rotate(var(--a, 0deg))}.pmark-arm>.pmark{left:var(--r, 60px);top:0;rotate:calc(-1 * var(--a, 0deg));animation:pmark-unturn calc(11s * var(--pmark-pace, 1)) linear infinite}.pmark-ring{position:absolute;border:5px solid var(--pmark-colour, #ffe08a);border-radius:calc(50%*min(1,var(--corners, 1)));box-shadow:0 0 18px 3px color-mix(in srgb,var(--pmark-colour, #ffe08a) 55%,transparent),inset 0 0 14px 1px color-mix(in srgb,var(--pmark-colour, #ffe08a) 35%,transparent);animation:pmark-ring-in .62s var(--ease) both,pmark-ring calc(1.8s * var(--pmark-pace, 1)) ease-in-out .62s infinite alternate}.pmark-ring[data-rainbow]{border-color:transparent;background:conic-gradient(#ff5d5d,#ffb14a,#ffe85c,#6fe08a,#5cc8ff,#9a7bff,#ff6fd0,#ff5d5d) border-box;mask:linear-gradient(var(--shade) 0 0) padding-box,linear-gradient(var(--shade) 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(var(--shade) 0 0) padding-box,linear-gradient(var(--shade) 0 0);-webkit-mask-composite:xor;box-shadow:none}.pmark-glow{position:absolute;border-radius:calc(50%*min(1,var(--corners, 1)));background:radial-gradient(circle,color-mix(in srgb,var(--pmark-colour, #ffd97a) 78%,white) 0%,color-mix(in srgb,var(--pmark-colour, #ffd97a) 55%,transparent) 28%,transparent 68%);mix-blend-mode:screen;animation:pmark-ring-in .52s var(--ease) both,pmark-glow calc(2.2s * var(--pmark-pace, 1)) ease-in-out .52s infinite alternate}.pmark-glow[data-rainbow]{background:radial-gradient(circle,color-mix(in srgb,var(--on) 85%,transparent) 0%,transparent 30%),conic-gradient(#ff5d5d,#ffb14a,#ffe85c,#6fe08a,#5cc8ff,#9a7bff,#ff6fd0,#ff5d5d);mask:radial-gradient(circle,var(--shade) 0%,transparent 68%);-webkit-mask:radial-gradient(circle,var(--shade) 0%,transparent 68%)}@keyframes pmark-glow{0%{opacity:.72;scale:.94}to{opacity:1;scale:1.06}}.tap-ripple{position:absolute;z-index:var(--layer-scene);width:56px;height:56px;margin:-28px 0 0 -28px;border:3px solid color-mix(in srgb,var(--on) 90%,transparent);border-radius:calc(50%*min(1,var(--corners, 1)));pointer-events:none;box-shadow:0 0 14px 2px color-mix(in srgb,var(--on) 45%,transparent);animation:touch-ring .62s cubic-bezier(.15,.7,.3,1) forwards}@keyframes pmark-in{0%{opacity:0;scale:.2}}@keyframes pmark-float{0%{transform:translate(-6px,7px)}to{transform:translate(6px,-9px)}}@keyframes pmark-twinkle{0%{transform:scale(.82);opacity:.55}to{transform:scale(1.12);opacity:1}}@keyframes pmark-turn{to{rotate:360deg}}@keyframes pmark-unturn{to{transform:rotate(-360deg)}}@keyframes pmark-ring-in{0%{opacity:0;scale:1.6}}@keyframes pmark-ring{to{scale:1.06}}@media(prefers-reduced-motion:reduce){.pmark,.pmark-orbit,.pmark-arm>.pmark,.pmark-ring,.pmark-glow{animation:none}}.ambience{position:absolute;inset:0;z-index:var(--layer-scene);overflow:hidden;pointer-events:none;animation:party-in 1.4s var(--ease) both}.ambience-backdrops img{transition:opacity var(--fade, 2.4s) var(--ease)}.ambience-beams{overflow:visible}.ambience-beams .party-beam{animation-name:mood-sweep}.ambience-beams .party-beam[data-still]{animation:none;rotate:var(--lean)}@keyframes mood-sweep{0%{rotate:calc(var(--lean) - var(--turn) * var(--swing))}to{rotate:calc(var(--lean) + var(--turn) * var(--swing))}}.ambience-beams .party-sparks{position:absolute;inset:0}.room[data-drift] .scene,.room[data-drift] .picture-marks,.room[data-drift] .ambience-backdrops{animation:mood-drift var(--drift-seconds, 42s) ease-in-out infinite alternate}@keyframes mood-drift{0%{scale:1;translate:0 0}50%{scale:1.05;translate:-1.2% .8%}to{scale:1.08;translate:1.4% -1%}}.room[data-swim] :is(.who,.capsule,.bottom-media,.top-right,.rail,.mark-now,.mic-label,.end-spot){animation:mood-swim 7s ease-in-out infinite alternate}.room[data-swim] :is(.capsule,.rail){animation-duration:9s;animation-delay:-3s}.room[data-swim] :is(.bottom-media,.mark-now){animation-duration:8s;animation-delay:-5s}@keyframes mood-swim{0%{translate:-3px 2px}50%{translate:2px -4px}to{translate:4px 3px}}@media(prefers-reduced-motion:reduce){.room[data-drift] .scene,.room[data-drift] .picture-marks,.room[data-drift] .ambience-backdrops,.room[data-swim] :is(.who,.capsule,.bottom-media,.top-right,.rail,.mark-now,.mic-label,.end-spot),.ambience .party-beam{animation:none}}.party-backdrops{position:absolute;inset:0}.party-backdrops img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s var(--ease)}.party-backdrops img[data-active]{opacity:1}.room{font-family:var(--font);letter-spacing:var(--letters, normal)}.room[data-case=uppercase]{text-transform:uppercase}.room[data-case=lowercase]{text-transform:lowercase}.room[data-case=capitalize]{text-transform:capitalize}.room[data-motion=still] *,.room[data-motion=still] *:before,.room[data-motion=still] *:after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0ms!important;transition-duration:1ms!important}.written{position:absolute;z-index:var(--layer-content);left:50%;top:40%;translate:-50% -50%;width:min(76%,30em);display:grid;justify-items:center;gap:10px;text-align:center;color:var(--on);pointer-events:none;animation:written-in .52s var(--spring-home, var(--ease)) both}.written-who{font-size:calc(clamp(13px,1.5vw,17px) * var(--text-scale, 1));font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--glow, var(--on));text-shadow:0 1px 10px color-mix(in srgb,var(--shade) 60%,transparent);padding-bottom:8px;border-bottom:3px solid color-mix(in srgb,var(--glow, var(--on)) 80%,transparent)}.written-words{margin:0;font-size:calc(clamp(30px,4.6vw,58px) * var(--text-scale, 1));font-weight:900;line-height:1.12;text-wrap:balance;text-shadow:0 2px 20px color-mix(in srgb,var(--shade) 62%,transparent),0 0 2px color-mix(in srgb,var(--shade) 70%,transparent)}.written[data-length=some] .written-words{font-size:calc(clamp(24px,3.5vw,44px) * var(--text-scale, 1));line-height:1.16}.written[data-length=long] .written-words{font-size:calc(clamp(19px,2.6vw,32px) * var(--text-scale, 1));line-height:1.24;font-weight:800}@keyframes written-in{0%{opacity:0;scale:calc(1 - .12 * var(--motion-amount, 1))}to{opacity:1;scale:1}}.room[data-captions] .speech{font-size:calc(var(--text-lg) * var(--caption-scale, 1));max-width:min(44ch,86vw)}.speech[data-caption]{animation:none}.speech .caption-said{opacity:.72}.speech .caption-now{color:var(--accent)}.signs{position:absolute;inset:0;z-index:var(--layer-content);pointer-events:none}.sign{position:absolute;color:var(--sign-colour, var(--on));font-weight:900;line-height:1.05;text-align:center;text-shadow:0 2px 18px color-mix(in srgb,var(--shade) 55%,transparent),0 0 2px color-mix(in srgb,var(--shade) 60%,transparent);animation:sign-in .52s var(--spring-home) both}.signs--behind{z-index:calc(var(--layer-scene) + 1)}.sign[data-style=page]{inset:0;display:grid;place-items:center;padding:9% 12% 16%;background:var(--sign-ground, #0c0e14);color:var(--sign-colour, #f7f4ee);font-size:calc(clamp(30px,5.4vw,76px) * var(--sign-size, 1));font-weight:800;line-height:1.16;white-space:pre-line;text-shadow:none;animation:sign-page-in .42s var(--ease) both}@keyframes sign-page-in{0%{opacity:0}}.sign[data-style=title]{left:6%;right:6%;top:30%;font-size:calc(clamp(40px,8vw,96px) * var(--sign-size, 1) * var(--text-scale, 1))}.sign[data-style=banner]{left:50%;top:calc(env(safe-area-inset-top,0px) + 88px);translate:-50% 0;max-width:80%;padding:10px 28px;border-radius:calc(999px * var(--corners, 1));background:color-mix(in srgb,var(--sign-colour, var(--accent)) 82%,transparent);color:var(--on);text-shadow:none;font-size:calc(clamp(20px,3vw,34px) * var(--sign-size, 1) * var(--text-scale, 1))}.sign[data-style=caption]{left:10%;right:10%;bottom:22%;font-size:calc(clamp(20px,3.2vw,38px) * var(--sign-size, 1) * var(--text-scale, 1));font-weight:800}.sign[data-style=score]{left:calc(var(--inset) + env(safe-area-inset-left,0px));top:calc(env(safe-area-inset-top,0px) + 140px);padding:8px 18px;border-radius:calc(18px * var(--corners, 1));background:color-mix(in srgb,var(--shade) 42%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:calc(clamp(18px,2.4vw,28px) * var(--sign-size, 1) * var(--text-scale, 1));text-align:left}.sign[data-style=countdown]{left:0;right:0;top:24%;display:grid;justify-items:center;gap:4px}.sign[data-style=countdown] b{font-size:calc(clamp(90px,18vw,220px) * var(--sign-size, 1) * var(--text-scale, 1));animation:sign-tick 1s var(--ease) both}.sign[data-style=countdown] small{font-size:calc(clamp(18px,2.6vw,30px) * var(--text-scale, 1));font-weight:800}.sign[data-style=countdown][data-done] b{color:var(--sign-colour, var(--glow))}@keyframes sign-in{0%{opacity:0;scale:calc(1 - .2 * var(--motion-amount))}to{opacity:1;scale:1}}@keyframes sign-tick{0%{opacity:.2;scale:calc(1 + .35 * var(--motion-amount))}to{opacity:1;scale:1}}.pmark-thing{position:absolute;object-fit:contain;pointer-events:none;filter:drop-shadow(0 6px 10px color-mix(in srgb,var(--shade) 35%,transparent));animation:pmark-thing-in .6s var(--spring-home) both}.pmark-thing[data-how=float]{animation:pmark-thing-in .6s var(--spring-home) both,pmark-bob calc(3.2s * var(--pmark-pace, 1)) ease-in-out var(--d, 0ms) infinite alternate}.pmark-thing[data-how=spin]{animation:pmark-thing-in .6s var(--spring-home) both,pmark-spin calc(4s * var(--pmark-pace, 1)) linear infinite}.pmark-thing[data-how=bounce]{animation:pmark-thing-in .6s var(--spring-home) both,pmark-bounce calc(.9s * var(--pmark-pace, 1)) cubic-bezier(.3,0,.5,1) infinite alternate}.pmark-thing[data-how=sway]{animation:pmark-thing-in .6s var(--spring-home) both,pmark-sway calc(2.6s * var(--pmark-pace, 1)) ease-in-out infinite alternate;transform-origin:50% 100%}.pmark-thing[data-how=twinkle]{animation:pmark-thing-in .6s var(--spring-home) both,pmark-shine calc(1.6s * var(--pmark-pace, 1)) ease-in-out infinite alternate}.pmark-thing[data-found]{animation:pmark-found .9s var(--spring-home) both}@keyframes pmark-thing-in{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes pmark-bob{0%{translate:0 calc(-6px * var(--motion-amount))}to{translate:0 calc(8px * var(--motion-amount))}}@keyframes pmark-spin{to{rotate:360deg}}@keyframes pmark-bounce{0%{translate:0 0}to{translate:0 calc(-24px * var(--motion-amount))}}@keyframes pmark-sway{0%{rotate:calc(-6deg * var(--motion-amount))}to{rotate:calc(6deg * var(--motion-amount))}}@keyframes pmark-shine{0%{filter:drop-shadow(0 0 4px var(--glow)) brightness(1)}to{filter:drop-shadow(0 0 18px var(--glow)) brightness(1.18)}}@keyframes pmark-found{0%{opacity:0;scale:.2;rotate:-20deg}60%{opacity:1;scale:1.25;rotate:6deg}to{scale:1;rotate:0deg}}.pmark-hidden{position:absolute;width:1px;height:1px;pointer-events:none}.worn{position:absolute;inset:0;pointer-events:none;z-index:1}.worn-thing{position:absolute;display:block;object-fit:contain;pointer-events:none;animation:worn-on .52s var(--spring-home) both}.worn-thing[data-slot=back]{z-index:-1}.worn-thing[data-emoji]{font-size:var(--worn-size);line-height:1;text-align:center;font-style:normal;font-weight:400}@keyframes worn-on{0%{opacity:0;scale:1.6}to{opacity:1;scale:1}}.weather{position:absolute;inset:0;z-index:calc(var(--layer-content) - 1);overflow:hidden;pointer-events:none}.weather canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.room:is([data-lens],[data-daylight],[data-daylight-leaving]) :is(.scene,.handover-place,.scene-video,.effect-behind,.party,.ambience,.picture-marks,.coming-amigo,.troupe,.effects[data-layer=under],.handover-amigo,.character-layer,.weather){--daylight-filter: brightness(calc(1 + (var(--dl-b) - 1) * var(--dl-k))) saturate(calc(1 + (var(--dl-s) - 1) * var(--dl-k))) contrast(calc(1 + (var(--dl-c) - 1) * var(--dl-k))) sepia(calc(var(--dl-p) * var(--dl-k))) hue-rotate(calc(var(--dl-h) * var(--dl-k)))}.room:is([data-lens],[data-daylight],[data-daylight-leaving]) :is(.effect-behind,.party,.ambience,.picture-marks,.coming-amigo,.troupe,.effects[data-layer=under],.weather){filter:var(--daylight-filter) var(--lens-look, ) var(--lens-tune, )}.room:is([data-lens],[data-daylight],[data-daylight-leaving]) :is(.scene,.handover-place){filter:var(--lens-svg, ) var(--daylight-filter) var(--lens-look, ) var(--lens-tune, );transition:--dl-b var(--daylight-glide, 4s) var(--ease),--dl-s var(--daylight-glide, 4s) var(--ease),--dl-c var(--daylight-glide, 4s) var(--ease),--dl-p var(--daylight-glide, 4s) var(--ease),--dl-h var(--daylight-glide, 4s) var(--ease),--dl-k var(--daylight-glide, 4s) var(--ease),--dl-x var(--daylight-glide, 4s) var(--ease)}.room:is([data-lens],[data-daylight],[data-daylight-leaving]) .scene[data-stand-in=night]{filter:var(--lens-svg, ) brightness(.5) saturate(.72) hue-rotate(14deg) contrast(1.06) var(--daylight-filter) var(--lens-look, ) var(--lens-tune, )}.room:is([data-lens],[data-daylight],[data-daylight-leaving]) .scene[data-stand-in=day]{filter:var(--lens-svg, ) brightness(1.28) saturate(1.08) contrast(.96) var(--daylight-filter) var(--lens-look, ) var(--lens-tune, )}.room:is([data-lens],[data-daylight],[data-daylight-leaving]) .scene-video{filter:var(--daylight-filter) var(--lens-video, var(--lens-look, )) var(--lens-tune, )}.room:is([data-lens],[data-daylight],[data-daylight-leaving]) :is(.character-layer,.handover-amigo){filter:var(--daylight-filter) brightness(calc(1 + (var(--dl-x) - 1) * var(--dl-k))) var(--lens-look, ) var(--lens-tune, )}.room[data-lens] .lights{filter:var(--lens-look, ) var(--lens-tune, )}:is(.handover-place,.scene-video,.effect-behind,.party,.ambience,.picture-marks,.coming-amigo,.troupe,.effects[data-layer=under],.handover-amigo,.character-layer,.weather){transition:--dl-b var(--daylight-glide, 4s) var(--ease),--dl-s var(--daylight-glide, 4s) var(--ease),--dl-c var(--daylight-glide, 4s) var(--ease),--dl-p var(--daylight-glide, 4s) var(--ease),--dl-h var(--daylight-glide, 4s) var(--ease),--dl-k var(--daylight-glide, 4s) var(--ease),--dl-x var(--daylight-glide, 4s) var(--ease)}.scene{transition:filter .7s var(--ease),--dl-b var(--daylight-glide, 4s) var(--ease),--dl-s var(--daylight-glide, 4s) var(--ease),--dl-c var(--daylight-glide, 4s) var(--ease),--dl-p var(--daylight-glide, 4s) var(--ease),--dl-h var(--daylight-glide, 4s) var(--ease),--dl-k var(--daylight-glide, 4s) var(--ease),--dl-x var(--daylight-glide, 4s) var(--ease)}.room[data-flipped=true] .scene{scale:-1 1}.room:is([data-lens=underwater],[data-lens=cold],[data-lens=thermal],[data-lens=comic],[data-lens=pixel]) .character-sprite{filter:var(--lens-svg-amigo) drop-shadow(0 7px 5px rgb(8 20 18 / .18))}.room:is([data-lens=underwater],[data-lens=cold],[data-lens=thermal],[data-lens=comic],[data-lens=pixel]) .character-layer[data-lighting=night] .character-sprite{filter:var(--lens-svg-amigo) brightness(.68) saturate(.82) hue-rotate(7deg) contrast(1.04) drop-shadow(0 7px 5px rgb(2 8 16 / .3))}.room:is([data-lens=underwater],[data-lens=cold],[data-lens=thermal],[data-lens=comic],[data-lens=pixel]) .character-mouth{filter:var(--lens-svg-amigo)}.room:is([data-lens=underwater],[data-lens=cold],[data-lens=thermal],[data-lens=comic],[data-lens=pixel]) .character-layer[data-lighting=night] .character-mouth{filter:var(--lens-svg-amigo) brightness(.68) saturate(.82) hue-rotate(7deg) contrast(1.04)}@property --dl-b{syntax: "<number>"; inherits: true; initial-value: 1;}@property --dl-s{syntax: "<number>"; inherits: true; initial-value: 1;}@property --dl-c{syntax: "<number>"; inherits: true; initial-value: 1;}@property --dl-p{syntax: "<number>"; inherits: true; initial-value: 0;}@property --dl-h{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --dl-k{syntax: "<number>"; inherits: true; initial-value: 0;}@property --dl-x{syntax: "<number>"; inherits: true; initial-value: 1;}@property --dl-top{syntax: "<color>"; inherits: true; initial-value: rgb(255 255 255 / 0);}@property --dl-bottom{syntax: "<color>"; inherits: true; initial-value: rgb(255 255 255 / 0);}@property --dl-glow{syntax: "<color>"; inherits: true; initial-value: rgb(255 255 255 / 0);}@property --dl-glow-x{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --dl-glow-y{syntax: "<percentage>"; inherits: true; initial-value: 0%;}.room[data-daylight]{--dl-k: var(--daylight-strength, 1)}.room[data-light=night]:is([data-daylight=moonlight],[data-daylight=dusk],[data-daylight=storm-light]){--dl-k: calc(var(--daylight-strength, 1) * .4)}.room:is([data-daylight=dawn],[data-daylight-leaving=dawn]){--dl-x: .92;--dl-b: .95;--dl-s: .95;--dl-c: .95;--dl-p: .15;--dl-h: -8deg;--dl-top: rgb(196 168 232 / .38);--dl-bottom: rgb(255 206 186 / .3);--dl-glow: rgb(255 186 150 / .5);--dl-glow-x: 18%;--dl-glow-y: 80%}.room:is([data-daylight=morning],[data-daylight-leaving=morning]){--dl-x: .99;--dl-b: 1.06;--dl-s: 1.05;--dl-c: 1.02;--dl-p: .04;--dl-h: 0deg;--dl-top: rgb(206 232 255 / .2);--dl-bottom: rgb(255 255 255 / 0);--dl-glow: rgb(255 250 222 / .34);--dl-glow-x: 76%;--dl-glow-y: 8%}.room:is([data-daylight=noon],[data-daylight-leaving=noon]){--dl-x: 1;--dl-b: 1.12;--dl-s: .96;--dl-c: 1.1;--dl-p: 0;--dl-h: 0deg;--dl-top: rgb(255 255 255 / 0);--dl-bottom: rgb(255 255 255 / 0);--dl-glow: rgb(255 255 244 / .3);--dl-glow-x: 50%;--dl-glow-y: -12%}.room:is([data-daylight=golden-hour],[data-daylight-leaving=golden-hour]){--dl-x: .92;--dl-b: 1.04;--dl-s: 1.2;--dl-c: 1.05;--dl-p: .28;--dl-h: -6deg;--dl-top: rgb(255 196 120 / .34);--dl-bottom: rgb(255 156 76 / .28);--dl-glow: rgb(255 204 112 / .58);--dl-glow-x: 86%;--dl-glow-y: 56%}.room:is([data-daylight=sunset],[data-daylight-leaving=sunset]){--dl-x: .78;--dl-b: .92;--dl-s: 1.3;--dl-c: 1.08;--dl-p: .3;--dl-h: -14deg;--dl-top: rgb(255 128 84 / .46);--dl-bottom: rgb(150 64 112 / .38);--dl-glow: rgb(255 142 62 / .62);--dl-glow-x: 80%;--dl-glow-y: 72%}.room:is([data-daylight=dusk],[data-daylight-leaving=dusk]){--dl-x: .67;--dl-b: .72;--dl-s: .8;--dl-c: 1.05;--dl-p: .05;--dl-h: 10deg;--dl-top: rgb(74 72 164 / .56);--dl-bottom: rgb(152 92 150 / .46);--dl-glow: rgb(255 150 120 / .26);--dl-glow-x: 14%;--dl-glow-y: 86%}.room:is([data-daylight=moonlight],[data-daylight-leaving=moonlight]){--dl-x: .55;--dl-b: .52;--dl-s: .45;--dl-c: 1.12;--dl-p: 0;--dl-h: 12deg;--dl-top: rgb(42 62 134 / .62);--dl-bottom: rgb(22 32 84 / .6);--dl-glow: rgb(190 210 255 / .36);--dl-glow-x: 80%;--dl-glow-y: 8%}.room:is([data-daylight=storm-light],[data-daylight-leaving=storm-light]){--dl-x: .65;--dl-b: .68;--dl-s: .55;--dl-c: 1.18;--dl-p: .1;--dl-h: 24deg;--dl-top: rgb(70 92 92 / .52);--dl-bottom: rgb(50 62 56 / .46);--dl-glow: rgb(255 255 255 / 0);--dl-glow-x: 50%;--dl-glow-y: 0%}.room:is([data-daylight=overcast],[data-daylight-leaving=overcast]){--dl-x: .93;--dl-b: .92;--dl-s: .6;--dl-c: .86;--dl-p: 0;--dl-h: 0deg;--dl-top: rgb(192 198 208 / .32);--dl-bottom: rgb(172 176 182 / .22);--dl-glow: rgb(240 242 246 / .16);--dl-glow-x: 50%;--dl-glow-y: 0%}.daylight-shade,.daylight-glow{position:absolute;inset:0;z-index:calc(var(--layer-content) - 2);pointer-events:none;visibility:hidden;opacity:var(--dl-k);transition:--dl-k var(--daylight-glide, 4s) var(--ease),--dl-top var(--daylight-glide, 4s) var(--ease),--dl-bottom var(--daylight-glide, 4s) var(--ease),--dl-glow var(--daylight-glide, 4s) var(--ease),--dl-glow-x var(--daylight-glide, 4s) var(--ease),--dl-glow-y var(--daylight-glide, 4s) var(--ease)}.room:is([data-daylight],[data-daylight-leaving]) :is(.daylight-shade,.daylight-glow){visibility:visible}.daylight-shade{background:linear-gradient(var(--dl-top),var(--dl-bottom));mix-blend-mode:multiply}.daylight-glow{background:radial-gradient(circle at var(--dl-glow-x) var(--dl-glow-y),var(--dl-glow),rgb(255 255 255 / 0) 62%);mix-blend-mode:screen}.room[data-lens=underwater]{--lens-svg: url(#world-lens-underwater);--lens-svg-amigo: url(#world-lens-underwater-amigo);--lens-video: saturate(.8) brightness(.9) contrast(.95);--vignette: rgb(4 40 70 / .5)}.room[data-lens=old-film]{--lens-look: sepia(.75) contrast(1.12) brightness(.98) saturate(.85);--vignette: rgb(30 18 8 / .62);--grain: .42}.room[data-lens=black-and-white]{--lens-look: grayscale(1) contrast(1.06)}.room[data-lens=sepia]{--lens-look: sepia(.9) contrast(1.04) brightness(1.02)}.room[data-lens=dream]{--lens-look: blur(1.4px) brightness(1.1) saturate(1.3) contrast(.88);--vignette: rgb(255 248 255 / .55);--vignette-from: 45%}.room[data-lens=comic]{--lens-svg: url(#world-lens-comic);--lens-svg-amigo: url(#world-lens-comic-amigo);--lens-video: saturate(1.6) contrast(1.3)}.room[data-lens=night-vision]{--lens-look: grayscale(1) sepia(1) hue-rotate(68deg) saturate(3.4) brightness(1.3) contrast(1.15);--vignette: rgb(0 18 4 / .78);--vignette-from: 48%;--grain: .5}.room[data-lens=thermal]{--lens-svg: url(#world-lens-thermal);--lens-svg-amigo: url(#world-lens-thermal);--lens-video: invert(1) hue-rotate(180deg) saturate(3) contrast(1.2)}.room[data-lens=neon]{--lens-look: saturate(2.2) contrast(1.32) brightness(1.06);--vignette: rgb(16 0 34 / .6)}.room[data-lens=warm]{--lens-look: sepia(.3) saturate(1.25) brightness(1.03)}.room[data-lens=cold]{--lens-svg: url(#world-lens-cold);--lens-svg-amigo: url(#world-lens-cold);--lens-video: saturate(.75) brightness(1.02)}.room[data-lens=vintage]{--lens-look: sepia(.35) saturate(.75) contrast(.85) brightness(1.08);--vignette: rgb(70 40 20 / .45);--grain: .22}.room[data-lens=noir]{--lens-look: grayscale(1) contrast(1.55) brightness(.88);--vignette: rgb(0 0 0 / .78);--vignette-from: 40%;--grain: .3}.room[data-lens=x-ray]{--lens-look: grayscale(1) invert(1) sepia(1) hue-rotate(168deg) saturate(2.4) brightness(1.05) contrast(1.15);--vignette: rgb(0 6 20 / .7)}.room[data-lens=toy]{--lens-look: saturate(1.9) contrast(1.12) brightness(1.06)}.room[data-lens=pixel]{--lens-svg: url(#world-lens-pixel);--lens-svg-amigo: url(#world-lens-pixel);--lens-video: contrast(1.1) saturate(1.2)}.lens-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}:is(.lens-wash,.lens-glow,.lens-caustics,.lens-dots,.lens-scan,.lens-grain,.lens-scratches,.lens-flicker,.lens-bands,.lens-vignette){position:absolute;inset:0;z-index:calc(var(--layer-content) - 2);pointer-events:none;display:none}.room:is([data-lens=underwater],[data-lens=old-film],[data-lens=dream],[data-lens=night-vision],[data-lens=neon],[data-lens=vintage],[data-lens=noir],[data-lens=x-ray]) .lens-vignette{display:block}.lens-vignette{background:radial-gradient(ellipse at 50% 50%,rgb(0 0 0 / 0) var(--vignette-from, 55%),var(--vignette, rgb(0 0 0 / .5)) 100%)}.room:is([data-lens=old-film],[data-lens=night-vision],[data-lens=vintage],[data-lens=noir]) .lens-grain{display:block}.lens-grain{inset:-96px;opacity:var(--grain, .35);mix-blend-mode:overlay;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1.6 -0.4'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E") 0 0 / 180px 180px;animation:lens-grain .6s steps(1,end) infinite}@keyframes lens-grain{0%{translate:0 0}17%{translate:-41px 23px}33%{translate:29px -57px}50%{translate:-63px -12px}67%{translate:52px 44px}83%{translate:-18px 66px}}.room[data-lens=old-film] :is(.lens-scratches,.lens-flicker){display:block}.lens-scratches{background:linear-gradient(to right,#0000 31%,#faf4e452 31% calc(31% + 1.5px),#0000 calc(31% + 1.5px) 72%,#281a0c57 72% calc(72% + 1px),#0000 calc(72% + 1px));animation:lens-scratches 1.3s steps(1,end) infinite}@keyframes lens-scratches{0%{translate:0 0;opacity:.8}23%{translate:-17vw 0;opacity:.4}41%{translate:9vw 0;opacity:0}58%{translate:21vw 0;opacity:.7}80%{translate:-6vw 0;opacity:.5}}.lens-flicker{background:#fff6e4;animation:lens-flicker .42s steps(1,end) infinite}@keyframes lens-flicker{0%{opacity:.02}30%{opacity:.06}55%{opacity:.03}80%{opacity:.07}}.room[data-lens=night-vision] :is(.lens-scan,.lens-glow){display:block}.lens-scan{background:repeating-linear-gradient(to bottom,#00000042 0 1px,#0000 1px 3px);overflow:hidden}.lens-scan:after{content:"";position:absolute;inset:-20% 0 auto;height:18%;background:linear-gradient(#a0ffa000,#a0ffa01a,#a0ffa000);animation:lens-roll 4.5s linear infinite}@keyframes lens-roll{0%{translate:0 0}to{translate:0 700%}}.room[data-lens=night-vision] .lens-glow{background:radial-gradient(ellipse at 50% 50%,#78ff7824,#0000 70%);mix-blend-mode:screen}.room[data-lens=underwater] :is(.lens-caustics,.lens-glow){display:block}.lens-caustics{mix-blend-mode:soft-light;opacity:.85;overflow:hidden}.lens-caustics:before,.lens-caustics:after{content:"";position:absolute;inset:-30%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='c' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.014' numOctaves='2' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 1 0 0 0 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0 0.05 0.9 0.05 0 0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='420' height='420' filter='url(%23c)'/%3E%3C/svg%3E") 0 0 / 420px 420px;animation:lens-drift 26s linear infinite alternate}.lens-caustics:after{background-size:300px 300px;opacity:.7;animation-duration:19s;animation-direction:alternate-reverse}@keyframes lens-drift{0%{translate:-6% -3%}to{translate:6% 4%}}.room[data-lens=underwater] .lens-glow{background:repeating-linear-gradient(104deg,#c8fffa00 0 6%,#c8fffa29 8% 10%,#c8fffa00 13% 21%);-webkit-mask-image:linear-gradient(#000,rgb(0 0 0 / 0) 75%);mask-image:linear-gradient(#000,#0000 75%);mix-blend-mode:screen;transform-origin:50% -20%;animation:lens-rays 11s ease-in-out infinite alternate}@keyframes lens-rays{0%{rotate:-2.5deg}to{rotate:2.5deg}}.room:is([data-lens=dream],[data-lens=neon]) .lens-glow{display:block;mix-blend-mode:screen}.room[data-lens=dream] .lens-glow{background:radial-gradient(ellipse at 30% 25%,#ffd2f552,#0000 55%),radial-gradient(ellipse at 75% 70%,#c8e6ff4d,#0000 55%)}.room[data-lens=neon] .lens-glow{background:radial-gradient(ellipse at 0% 50%,#ff28c847,#0000 45%),radial-gradient(ellipse at 100% 50%,#28e6ff47,#0000 45%)}.room[data-lens=vintage] .lens-wash{display:block;background:#ffe4be29;mix-blend-mode:screen}.room[data-lens=comic] .lens-dots{display:block;background:radial-gradient(circle,#00000080 26%,#0000 30%) 0 0 / 6px 6px;mix-blend-mode:multiply;opacity:.32}.room[data-lens=toy] .lens-bands{display:block;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(#000,rgb(0 0 0 / 0) 34%,rgb(0 0 0 / 0) 64%,#000);mask-image:linear-gradient(#000,#0000 34% 64%,#000)}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=ghost]{--look-ghost: opacity(calc(1 - .75 * var(--amigo-look, .6))) brightness(1.15) saturate(.6) drop-shadow(0 0 10px rgb(220 235 255 / .55))}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=glowing]{--look-glowing: drop-shadow(0 0 calc(2px + 4px * var(--amigo-look, .6)) var(--amigo-glow, var(--glow, gold))) drop-shadow(0 0 calc(8px + 18px * var(--amigo-look, .6)) var(--amigo-glow, var(--glow, gold)))}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=rainbow]{--look-rainbow: saturate(calc(1 + var(--amigo-look, .6)))}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=shadow]{--look-shadow: brightness(0) opacity(calc(.6 + .35 * var(--amigo-look, .6)))}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=golden]{--look-golden: sepia(1) saturate(2.6) hue-rotate(-10deg) brightness(1.08) contrast(1.15) drop-shadow(0 0 8px rgb(255 205 70 / .55))}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=stone]{--look-stone: grayscale(1) sepia(.2) contrast(1.35) brightness(.82)}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=negative]{--look-negative: invert(1)}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=sparkly]{--look-sparkly: brightness(1.08) saturate(1.2) drop-shadow(0 0 3px rgb(255 255 255 / .75))}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=blurry]{--look-blurry: blur(calc(1.5px + 8px * var(--amigo-look, .6)))}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=flat]{--look-sx: calc(1 + .35 * var(--amigo-look, .6));--look-sy: calc(1 - .7 * var(--amigo-look, .6))}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=upside-down]{--look-uy: -1}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=mirrored]{--look-mx: -1}:is(.character-layer,.troupe-amigo,.party-guest)[data-look]{--amigo-looks: var(--look-shadow, ) var(--look-golden, ) var(--look-stone, ) var(--look-negative, ) var(--look-rainbow, ) var(--look-sparkly, ) var(--look-blurry, ) var(--look-ghost, ) var(--look-glowing, )}.character-body{filter:var(--amigo-looks, );transition:scale .42s var(--ease),filter .45s var(--ease)}:is(.troupe-amigo,.party-guest) img{filter:var(--lens-svg-amigo, ) var(--amigo-looks, );transition:filter .45s var(--ease),scale .45s var(--ease)}.character-layer[data-look] :is(.character-sprite,.character-mouth),:is(.troupe-amigo,.party-guest)[data-look] img{scale:calc(var(--look-mx, 1) * var(--look-sx, 1)) calc(var(--look-uy, 1) * var(--look-sy, 1));transform-origin:50% 100%}.character-layer[data-look~=upside-down] :is(.character-sprite,.character-mouth),:is(.troupe-amigo,.party-guest)[data-look~=upside-down] img{transform-origin:50% 50%}.character-layer[data-look~=rainbow] .character-body{animation:look-rainbow 3s linear infinite}.character-layer[data-arriving=true][data-look~=rainbow] .character-body{animation:amigo-arrive .56s cubic-bezier(.3,.9,.35,1) .11s both,look-rainbow 3s linear infinite}.room[data-waiting] .character-layer[data-look~=rainbow] .character-body{animation:amigo-still-here .9s var(--ease) 1,look-rainbow 3s linear infinite}:is(.troupe-amigo,.party-guest)[data-look~=rainbow] img{animation:look-rainbow-picture 3s linear infinite}@keyframes look-rainbow{0%{filter:var(--amigo-looks, ) hue-rotate(0deg)}to{filter:var(--amigo-looks, ) hue-rotate(360deg)}}@keyframes look-rainbow-picture{0%{filter:var(--lens-svg-amigo, ) var(--amigo-looks, ) hue-rotate(0deg)}to{filter:var(--lens-svg-amigo, ) var(--amigo-looks, ) hue-rotate(360deg)}}.character-layer[data-look~=wobbly] :is(.character-sprite,.character-mouth),:is(.troupe-amigo,.party-guest)[data-look~=wobbly] img{animation:look-wobble 1.1s ease-in-out infinite;animation-composition:add}:is(.troupe-amigo,.party-guest)[data-look~=wobbly][data-look~=rainbow] img{animation:look-wobble 1.1s ease-in-out infinite,look-rainbow-picture 3s linear infinite;animation-composition:add,replace}@keyframes look-wobble{0%,to{scale:1 1}22%{scale:calc(1 + .12 * var(--amigo-look, .6)) calc(1 - .12 * var(--amigo-look, .6))}46%{scale:calc(1 - .08 * var(--amigo-look, .6)) calc(1 + .1 * var(--amigo-look, .6))}70%{scale:calc(1 + .05 * var(--amigo-look, .6)) calc(1 - .05 * var(--amigo-look, .6))}}:is(.character-layer[data-look~=sparkly] .character-body,:is(.troupe-amigo,.party-guest)[data-look~=sparkly]):after{content:"";position:absolute;inset:4% 6% 2%;z-index:3;pointer-events:none;background:radial-gradient(circle,#fff 0 1.3px,#fff0 2.2px) 0 0 / 37px 41px,radial-gradient(circle,#fff6bf 0 1px,#fff0 1.9px) 13px 19px / 29px 33px,radial-gradient(circle,#fff 0 1.8px,#fff0 3px) 7px 5px / 53px 47px;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 55%,#000 55%,rgb(0 0 0 / 0) 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 55%,#000 55%,#0000);animation:look-sparkle 1.6s steps(1,end) infinite}@keyframes look-sparkle{0%{opacity:.95;background-position:0 0,13px 19px,7px 5px}25%{opacity:.6;background-position:11px 23px,2px 7px,31px 17px}50%{opacity:.9;background-position:23px 9px,17px 27px,19px 33px}75%{opacity:.7;background-position:5px 31px,9px 3px,41px 11px}}@media(prefers-reduced-motion:reduce){.room .lens-grain,.room .lens-scratches,.room[data-lens] .lens-glow,.lens-scan:after,.lens-caustics:before,.lens-caustics:after{animation:none}.room[data-lens=old-film] .lens-flicker{display:none}.character-layer[data-look~=rainbow] .character-body,.room[data-waiting] .character-layer[data-look~=rainbow] .character-body,.character-layer[data-look~=wobbly] :is(.character-sprite,.character-mouth),:is(.troupe-amigo,.party-guest)[data-look] img,:is(.troupe-amigo,.party-guest)[data-look~=wobbly][data-look~=rainbow] img{animation:none}.character-layer[data-arriving=true][data-look~=rainbow] .character-body{animation:handover-appear .42s linear both}:is(.character-layer[data-look~=sparkly] .character-body,:is(.troupe-amigo,.party-guest)[data-look~=sparkly]):after{animation:none}:is(.character-layer,.troupe-amigo,.party-guest)[data-look~=rainbow]{--look-rainbow: saturate(calc(1 + var(--amigo-look, .6))) hue-rotate(150deg)}}.drawing{position:absolute;inset:0;z-index:var(--layer-content);pointer-events:none}.drawing-ink{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.drawing-ink path{fill:none;stroke:var(--ink, var(--on));stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 1px 3px color-mix(in srgb,var(--shade) 45%,transparent));animation:ink-draw var(--draw, 1s) ease-in-out var(--draw-delay, 0ms) forwards;transition:opacity 1.5s linear}.drawing-ink path[data-by=person]{stroke:var(--ink, var(--glow));stroke-dasharray:none;stroke-dashoffset:0;animation:none}.drawing-ink path[data-leaving],.drawing-words[data-leaving]{opacity:0}.drawing-words{position:absolute;translate:-50% -50%;white-space:nowrap;font-style:normal;font-weight:400;font-family:Noteworthy,Bradley Hand,Segoe Print,cursive;color:var(--ink, var(--on));text-shadow:0 1px 6px color-mix(in srgb,var(--shade) 50%,transparent);clip-path:inset(0 100% 0 0);animation:ink-write var(--draw, 1s) ease-out var(--draw-delay, 0ms) forwards;transition:opacity 1.5s linear}.drawing-catch{position:absolute;inset:0;pointer-events:auto;touch-action:none;cursor:crosshair}@keyframes ink-draw{to{stroke-dashoffset:0}}@keyframes ink-write{to{clip-path:inset(0 0 0 0)}}.real-room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:var(--layer-scene);opacity:0;transition:opacity .9s var(--ease);pointer-events:none}.real-room[data-showing]{opacity:1}.real-room[data-facing=front]{scale:-1 1}.room[data-rest] *,.room[data-rest] *:before,.room[data-rest] *:after{animation-play-state:paused!important}.room[data-rest] .rest,.room[data-rest] .rest *{animation-play-state:running!important}.top-right>[data-corner][data-camera-on]{background:color-mix(in srgb,var(--accent) 86%,transparent);color:var(--on)}.camera-strip{position:absolute;z-index:var(--layer-navigation);left:50%;translate:-50% 0;bottom:calc(var(--viewport-gap) + max(var(--space-4),env(safe-area-inset-bottom,0px)) + 132px);display:flex;gap:var(--space-3);align-items:center;padding:6px 10px;border-radius:calc(999px * var(--corners, 1));background:color-mix(in srgb,var(--shade) 38%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:sign-in .42s var(--spring-home) both}.camera-do{width:52px;height:52px;border-radius:calc(50%*min(1,var(--corners, 1)));display:grid;place-items:center;color:var(--on);background:color-mix(in srgb,var(--on) 16%,transparent)}.camera-do svg{width:26px;height:26px}.camera-do[data-kind=photo]{width:60px;height:60px;background:var(--on);color:#26302c}.camera-do[data-kind=video][aria-pressed=true]{background:#d4372f}.camera-do:disabled{opacity:.45}.camera-stop{width:18px;height:18px;border-radius:4px;background:var(--on)}.sign[data-style=icon]{left:50%;top:42%;translate:-50% -50%;width:calc(min(38vw,38vh) * var(--sign-size, 1));aspect-ratio:1;color:var(--sign-colour, var(--on));text-shadow:none;filter:drop-shadow(0 4px 22px color-mix(in srgb,var(--shade) 50%,transparent));animation:icon-bump 1.6s var(--spring-home) both}.sign[data-style=icon] svg{width:100%;height:100%}@keyframes icon-bump{0%{opacity:0;scale:.3}18%{opacity:1;scale:1.12}30%{scale:1}78%{opacity:1;scale:1}to{opacity:0;scale:1.06}}.room[data-away-top]:not([data-glass]) .top-right,.room[data-away-side]:not([data-glass]) :is(.rail,.rail-tabs,.rail-shade),.room[data-away-names]:not([data-glass]) :is(.mark,.who){visibility:hidden;pointer-events:none}.games{position:absolute;inset:0;z-index:calc(var(--layer-overlay) + 2);display:grid;place-items:center;padding:max(var(--inset),env(safe-area-inset-top,0px)) 16px;background:#0c10125c;-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);animation:glass-in .26s var(--ease) both}.games-panel{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(560px,100%);max-height:100%;padding:16px 20px 22px;border-radius:28px;background:#fcfaf4f0;box-shadow:0 30px 60px -30px #0000008c;color:#26302c;overflow:auto}.games-head{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;width:100%}.games-head h2{margin:0;text-align:center;font:900 26px/1.1 var(--font)}.games-back,.games-close,.games-ball{width:52px;height:52px;display:grid;place-items:center;border:0;border-radius:50%;background:#26302c14;color:inherit;font:800 30px/1 var(--font)}.games-ball{background:none}.games-ball svg{width:34px;height:34px}.games-close{justify-self:end}.games-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}.games-pick{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 8px 18px;border:0;border-radius:22px;background:#fff;box-shadow:0 10px 24px -16px #00000080,inset 0 0 0 2px #26302c12;color:inherit;font:800 18px/1.15 var(--font)}.games-pick span{font-size:54px;line-height:1}.games-pick:active,.games-again:active,.ttt-cell:active,.puzzle-tile:active{scale:.95}.games-game{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.games-said{margin:0;min-height:1.4em;text-align:center;font:800 20px/1.3 var(--font)}.games-again,.games-peek{padding:12px 26px;border:0;border-radius:999px;background:#2f8f6f;color:#fff;font:800 18px/1 var(--font)}.games-peek{background:#26302c1a;color:inherit;font-size:15px;padding:9px 18px}.ttt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(330px,78vw);aspect-ratio:1}.ttt-cell{border:0;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 2px #26302c17;color:#2f6fd6;font:900 clamp(40px,10vw,66px)/1 var(--font)}.ttt-cell[data-mark=O]{color:#e0653a}.ttt-cell[data-win=true]{background:#ffe08a}.ttt-cell:disabled{opacity:1}.puzzle{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:min(420px,82vw);aspect-ratio:4 / 3;padding:3px;border-radius:14px;background:#26302c}.puzzle-tile,.puzzle-gap{border:0;border-radius:6px}.puzzle-tile{background-color:#8fb8a8;background-image:var(--puzzle, none);background-size:300% 300%;color:#fff;font:900 30px/1 var(--font);transition:transform .16s var(--ease)}.puzzle-gap{background:#ffffff0f}.puzzle[data-solved=true]{gap:0}.puzzle[data-solved=true] .puzzle-tile,.puzzle[data-solved=true] .puzzle-gap{border-radius:0}.chess{display:grid;grid-template-columns:repeat(8,1fr);width:min(440px,84vw,62vh);aspect-ratio:1;border-radius:10px;overflow:hidden;box-shadow:0 0 0 4px #6b4a2e}.chess-square{position:relative;display:grid;place-items:center;padding:0;border:0;background:#f0dcb4;font-size:clamp(22px,5.6vw,44px);line-height:1}.chess-square[data-dark=true]{background:#b58863}.chess-square[data-picked=true]{background:#f7d154}.chess-square[data-target=true]:after{content:"";position:absolute;width:28%;height:28%;border-radius:50%;background:#2f8f6fb3}.chess-square[data-target=true][data-piece]:after{width:86%;height:86%;background:none;box-shadow:inset 0 0 0 4px #2f8f6fcc}.chess-white{color:#fff;text-shadow:0 0 2px #2a2016,0 0 1px #2a2016,0 1px 2px rgb(0 0 0 / .5)}.chess-black{color:#2a2016}@media(prefers-reduced-motion:reduce){.puzzle-tile{transition:none}}