@font-face{font-family:Departure Mono;src:url(/assets/DepartureMono-Regular-2BZob_Zz.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}:root{--sky:#91c6e4;--sky-deep:#74afe0;--sky-gradient:linear-gradient(180deg, #1aadff 0%, #57c8ff 48%, #bde6ff 100%);--ink:#2d250e;--blue:#103dff;--paper:#fffdf5;--yellow:#fff36e;--green:#60d130;--pink:#ffa1b8;--orange:#ff8a2a;--red:#ff5a47;--mac-close:#ff605c;--mac-minimize:#ffbd44;--mac-zoom:#00ca4e;--sky-mid:#63a7ff;--coral:#fb78a6;--lime:#9bea68;--blush:#ffb3c9;--powder:#bde6ff;--peach:#ffd0a1;--stroke-strong:#2d250ee0;--stroke-medium:#2d250e8f;--stroke-soft:#2d250e38;--paper-grain:repeating-linear-gradient(90deg, #2d250e07 0 1px, transparent 1px .58rem), repeating-linear-gradient(0deg, #ffffff29 0 .32rem, #2d250e03 .32rem .68rem);--paper-surface:var(--paper-grain), radial-gradient(circle at 18% 10%, #ffffffb8, transparent 24%), linear-gradient(145deg, #ffffffa3, #fffdf52e), #fffdf5b8;--glass-surface:var(--paper-grain), radial-gradient(circle at 18% 9%, #ffffff94, transparent 26%), linear-gradient(145deg, #fffdf58a, #fffdf52e 54%, #fffdf557), #fffdf594;--glass-border:#2d250e70;--glass-inset:inset 0 1px 0 #ffffff9e, inset 0 0 0 1px #ffffff2e, inset 0 -.48rem .9rem #2d250e0b;--glass-blur-soft:blur(6px) saturate(1.08) contrast(1.02);--glass-blur-strong:blur(14px) saturate(1.16) contrast(1.03);--plastic-gloss:repeating-linear-gradient(112deg, #ffffff29 0 .28rem, #2d250e05 .28rem .62rem), radial-gradient(circle at 14% 8%, #ffffffc2, transparent 26%), linear-gradient(180deg, #ffffffad, #fff0 52%);--tactile-radius:.78rem;--tactile-radius-sm:.56rem;--ease-tactile:cubic-bezier(.16, .84, .18, 1);--rim-light:#ffffffd1;--rim-glow:#ffffff57;--rim-shade:#2d250e1f;--cast-shadow:#2d4f692e;--mac-shadow-rest:inset 0 1px 0 #ffffffd1, inset 0 0 0 1px #ffffff2e, inset 0 -.62rem 1rem #2d250e12, 0 .18rem 0 #2d250e2e, 0 .78rem 1.08rem #23405629, 0 2.2rem 3.4rem #2340561a;--mac-shadow-hover:inset 0 1px 0 #ffffffe0, inset 0 0 0 1px #ffffff3d, inset 0 -.68rem 1.06rem #2d250e13, 0 .26rem 0 #2d250e33, 0 1rem 1.5rem #2340562e, 0 2.8rem 4.2rem #2340561f;--mac-window-inset:inset 0 1px 0 #ffffffd6, inset 0 1.1rem 1.6rem #ffffff2e, inset 0 -.82rem 1.3rem #2d250e0d;--mac-window-inset-front:inset 0 1px 0 #ffffffe6, inset 0 1.25rem 1.65rem #ffffff38, inset 0 -.86rem 1.36rem #2d250e0f;--mac-window-cast:0 .18rem .18rem #2d250e33, 0 .72rem .86rem #2d250e24, 0 1.65rem 2.2rem #2340562e, 0 3.4rem 5.3rem #18304224, 0 5.2rem 7.8rem #00000013;--mac-window-cast-front:0 .26rem .22rem #2d250e3b, 0 1rem 1.05rem #2d250e2b, 0 2.35rem 2.85rem #2340563d, 0 4.8rem 6.9rem #1830422e, 0 7.2rem 9.8rem #00000018;--mac-shadow-window:var(--mac-window-inset), var(--mac-window-cast);--mac-shadow-window-front:var(--mac-window-inset-front), var(--mac-window-cast-front);--pressed-shadow:inset 0 .22rem .38rem #2d250e33, inset 0 -1px 0 #ffffff57, 0 .08rem 0 #2d250e29;--raised-button-shadow:inset 0 1px 0 var(--rim-light), inset 0 -.32rem 0 #2d250e1a, 0 .18rem 0 #2d250e2e, 0 .54rem .72rem #2d4f6924;--raised-button-shadow-hover:inset 0 1px 0 #ffffffe0, inset 0 -.28rem 0 #2d250e14, 0 .24rem 0 #2d250e29, 0 .68rem .84rem #2d4f6926;--surface-shadow:var(--mac-shadow-rest);--surface-shadow-hover:var(--mac-shadow-hover);--surface-border:#2d250eb8;--mono:"Departure Mono", monospace;--sans:"Instrument Sans", sans-serif;--display:"Instrument Serif", serif;--serif:"Instrument Serif", serif;--layer-clouds:0;--layer-mini-apps:20;--layer-wordmark:40;--layer-windows:700;--layer-effects:875;--layer-stickers:900;--layer-mini-app-front:950;--layer-tools:1260;--layer-footer:1300;--layer-menu:1500}@property --scene-tilt-x{syntax:"<number>";inherits:true;initial-value:0}@property --scene-tilt-y{syntax:"<number>";inherits:true;initial-value:0}@property --app-pulse{syntax:"<number>";inherits:false;initial-value:0}@property --sticker-lift{syntax:"<number>";inherits:true;initial-value:0}@property --sticker-press-x{syntax:"<length>";inherits:true;initial-value:0}@property --sticker-press-y{syntax:"<length>";inherits:true;initial-value:0}@property --sticker-press-rotate{syntax:"<angle>";inherits:true;initial-value:0deg}@property --sticker-press-scale-x{syntax:"<number>";inherits:true;initial-value:1}@property --sticker-press-scale-y{syntax:"<number>";inherits:true;initial-value:1}html{background:radial-gradient(circle at 22% 18%, #ffffff57, #fff0 24rem), radial-gradient(circle at 84% 12%, #fff36e33, #fff36e00 20rem), var(--sky-gradient);min-width:320px;min-height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body{background:radial-gradient(circle at 22% 18%, #ffffff57, #fff0 24rem), radial-gradient(circle at 84% 12%, #fff36e33, #fff36e00 20rem), var(--sky-gradient);min-width:320px;min-height:100%;margin:0;overflow-x:hidden}#root{min-height:100%}body:after{content:"";z-index:50;pointer-events:none;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.58'/%3E%3C/svg%3E");position:fixed;inset:0}.interaction-burst{z-index:var(--layer-effects);aspect-ratio:1;pointer-events:none;transform-origin:50%;background:radial-gradient(circle at 36% 28%,#ffffffc2,#0000 25%),radial-gradient(circle,#fff36e57,#63a7ff24 48%,#0000 70%);border:2px solid #2d250e94;border-radius:50%;display:block;position:fixed;translate:-50% -50%;box-shadow:inset 0 1px #ffffffbd,0 .35rem 1rem #2d4f691f}a{color:inherit}.play-page{isolation:isolate;min-height:100svh;padding-bottom:clamp(5.8rem,10svh,7.5rem);position:relative}.cloud-filter-defs{width:0;height:0;position:absolute;overflow:visible}.sky-layer,.cloud-layer{pointer-events:none;backface-visibility:hidden;position:fixed;inset:-2px;transform:translate(0,0)}.sky-layer{z-index:var(--layer-clouds);background:radial-gradient(circle at 22% 18%, #ffffff57, #fff0 24rem), radial-gradient(circle at 84% 12%, #fff36e33, #fff36e00 20rem), var(--sky-gradient);opacity:1;contain:strict;background-repeat:no-repeat}.cloud-layer{z-index:calc(var(--layer-clouds) + 1);contain:layout style paint;overflow:visible}.soft-cloud{left:var(--cloud-left,10vw);top:var(--cloud-top,16vh);width:var(--cloud-width,20rem);height:calc(var(--cloud-width,20rem) * var(--cloud-ratio,.38));opacity:var(--cloud-opacity,.88);transform:translate3d(var(--cloud-x,0px), var(--cloud-y,0px), 0) scale(var(--cloud-scale,1)) rotate(var(--cloud-rotate,0deg));filter:url(#cloud-squish)drop-shadow(0 .16rem #ffffff6b)drop-shadow(0 1.05rem 1.1rem #2d4f691c);animation:cloud-float var(--cloud-speed,96s) linear infinite;animation-delay:var(--cloud-delay,0s);transform-origin:50% 56%;will-change:transform;position:absolute}.soft-cloud:before,.soft-cloud:after,.soft-cloud span{content:"";background:radial-gradient(circle at 34% 24%,#fffffffa,#0000 24%),radial-gradient(circle at 70% 18%,#ffffffd1,#0000 30%),linear-gradient(#fff 0%,#fbfdff 52%,#dfeef8 100%);border-radius:999px;display:block;position:absolute;box-shadow:inset 0 .16rem .16rem #ffffffeb,inset 0 -.72rem 1.1rem #6f9eb82e,inset 0 -.08rem #2d4f6914}.soft-cloud:before{height:58%;bottom:0;left:5%;right:5%}.soft-cloud:after{border-radius:50%;width:42%;height:76%;top:6%;left:18%}.soft-cloud span:first-child{border-radius:50%;width:34%;height:84%;top:-4%;left:42%}.soft-cloud span:nth-child(2){border-radius:50%;width:32%;height:62%;top:20%;right:9%}.soft-cloud span:nth-child(3){border-radius:50%;width:28%;height:48%;top:28%;left:2%}.soft-cloud span:nth-child(4){opacity:.92;border-radius:50%;width:22%;height:42%;bottom:4%;right:2%}.cloud-a{--cloud-left:-8vw;--cloud-top:66vh;--cloud-width:clamp(17rem, 34vw, 34rem);--cloud-opacity:.78;--cloud-speed:128s;--cloud-delay:-9s;--cloud-rotate:-1.5deg;--cloud-drift-x:18vw;--cloud-drift-y:-4vh;--cloud-drift-x2:8vw;--cloud-drift-y2:-9vh;--cloud-drift-x3:24vw;--cloud-drift-y3:2vh}.cloud-b{--cloud-left:64vw;--cloud-top:9vh;--cloud-width:clamp(13rem, 25vw, 26rem);--cloud-opacity:.72;--cloud-speed:142s;--cloud-delay:-17s;--cloud-scale:.88;--cloud-rotate:2deg;--cloud-drift-x:-16vw;--cloud-drift-y:5vh;--cloud-drift-x2:-7vw;--cloud-drift-y2:11vh;--cloud-drift-x3:-22vw;--cloud-drift-y3:-2vh}.cloud-c{--cloud-left:72vw;--cloud-top:61vh;--cloud-width:clamp(15rem, 31vw, 32rem);--cloud-opacity:.82;--cloud-speed:156s;--cloud-delay:-3s;--cloud-rotate:1.2deg;--cloud-drift-x:-20vw;--cloud-drift-y:-5vh;--cloud-drift-x2:-9vw;--cloud-drift-y2:6vh;--cloud-drift-x3:-26vw;--cloud-drift-y3:-1vh}.cloud-d{--cloud-left:12vw;--cloud-top:21vh;--cloud-width:clamp(9rem, 18vw, 18rem);--cloud-opacity:.46;--cloud-speed:118s;--cloud-delay:-24s;--cloud-scale:.78;--cloud-rotate:-4deg;--cloud-drift-x:12vw;--cloud-drift-y:4vh;--cloud-drift-x2:21vw;--cloud-drift-y2:-3vh;--cloud-drift-x3:6vw;--cloud-drift-y3:9vh}.cloud-e{--cloud-left:31vw;--cloud-top:78vh;--cloud-width:clamp(11rem, 22vw, 23rem);--cloud-opacity:.54;--cloud-speed:168s;--cloud-delay:-31s;--cloud-scale:.72;--cloud-rotate:2.8deg;--cloud-drift-x:22vw;--cloud-drift-y:-6vh;--cloud-drift-x2:10vw;--cloud-drift-y2:-12vh;--cloud-drift-x3:29vw;--cloud-drift-y3:0vh}.cloud-f{--cloud-left:-10vw;--cloud-top:4vh;--cloud-width:clamp(10rem, 20vw, 22rem);--cloud-opacity:.4;--cloud-speed:136s;--cloud-delay:-14s;--cloud-scale:.7;--cloud-rotate:3deg;--cloud-drift-x:16vw;--cloud-drift-y:8vh;--cloud-drift-x2:30vw;--cloud-drift-y2:2vh;--cloud-drift-x3:8vw;--cloud-drift-y3:13vh}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}html.debug-perf *,html.debug-perf :before,html.debug-perf :after{box-shadow:none!important;filter:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.hero{z-index:var(--layer-mini-apps);perspective:1200px;place-items:center;min-height:100svh;padding:clamp(1rem,3vw,2.4rem) clamp(1rem,4vw,4rem);display:grid;position:relative;overflow:hidden}:is(.hero:has(.mini-app.is-front),.hero:has(.mini-app:focus-visible)){z-index:var(--layer-mini-app-front)}.sticker-board{z-index:calc(var(--layer-footer) - 1);height:var(--sticker-board-height,100svh);pointer-events:none;contain:layout style;will-change:opacity;min-height:100svh;position:absolute;top:0;left:0;right:0;overflow:visible}.floating-sticker{--sticker-lift:0;--sticker-press-x:0px;--sticker-press-y:0px;--sticker-press-rotate:0deg;--sticker-press-scale-x:1;--sticker-press-scale-y:1;z-index:var(--sticker-z,1);width:var(--sticker-size,clamp(5.4rem, 9.5vw, 8.8rem));aspect-ratio:1;cursor:grab;filter:none;opacity:.96;pointer-events:auto;touch-action:none;transform:translate3d(var(--sticker-x,50vw), var(--sticker-y,50vh), 0) translate3d(-50%, -50%, 0) translate3d(var(--sticker-press-x), calc(var(--sticker-press-y) - (var(--sticker-lift) * .36rem)), 0) rotate(var(--sticker-rotate,0deg)) rotate(var(--sticker-press-rotate)) scale(calc(var(--sticker-scale,1) * var(--sticker-press-scale-x)), calc(var(--sticker-scale,1) * var(--sticker-press-scale-y)));-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform, opacity;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0;left:0}.floating-sticker:before,.floating-sticker:after{content:none}.floating-sticker:focus-visible{outline:0}@media (hover:hover) and (pointer:fine){.floating-sticker:hover{--sticker-scale:1.035;opacity:1;filter:none;outline:0}}.floating-sticker.is-lifted{opacity:1}.floating-sticker.is-dragging{cursor:grabbing;filter:none;opacity:1}.floating-sticker img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;z-index:1;transform-origin:50% 58%;filter:none;width:100%;height:100%;animation:.76s cubic-bezier(.18,1.08,.18,1) both sticker-arrive;animation-delay:calc(var(--sticker-z,1) * 18ms);transition:filter .15s;display:block;position:relative}.floating-sticker.is-lifted img{filter:drop-shadow(0 .38rem .34rem #18232a29)drop-shadow(0 .9rem .9rem #2340562e)}.floating-sticker.is-dragging img{filter:drop-shadow(0 .52rem .42rem #18232a33)drop-shadow(0 1.18rem 1.16rem #2340563d)}.collage{z-index:1;width:min(84rem,100vw - clamp(2rem,8vw,8rem));height:clamp(34rem,72svh,47rem);transform:rotateX(calc(var(--scene-tilt-y) * -.22deg)) rotateY(calc(var(--scene-tilt-x) * .28deg));transform-style:preserve-3d;contain:layout style;will-change:transform;margin:0 auto;position:relative}.scene-wordmark{z-index:30;width:max-content;max-width:min(64rem,78vw);color:var(--ink);text-align:center;pointer-events:none;isolation:isolate;transform:translate3d(calc(-50% + (var(--float-x,0px) * var(--parallax,.7))), calc(-50% + (var(--float-y,0px) * var(--parallax,.7))), 92px) rotateX(calc(var(--scene-tilt-y) * -.22deg)) rotateY(calc(var(--scene-tilt-x) * .22deg)) scale(1);transform-style:preserve-3d;transform-origin:50%;backface-visibility:hidden;will-change:transform;place-items:center;padding:clamp(1.1rem,2.3vw,2.15rem) clamp(1.55rem,4.1vw,4.2rem);display:inline-grid;position:absolute;top:50%;left:50%}.scene-wordmark:before{content:"";z-index:-2;filter:blur(1.25rem);background:radial-gradient(at 46% 34%,#ffffff6b 0 18%,#fff0 44%),radial-gradient(#fffdf561 0 36%,#fffdf538 56%,#fffdf500 78%),radial-gradient(at 50% 55%,#5db2eb2e 0 42%,#5db2eb00 76%);border-radius:999px;position:absolute;inset:clamp(-1.5rem,-2.8vw,-1rem) clamp(-2rem,-4.8vw,-1.3rem);transform:scaleX(1.08)}.scene-wordmark:after{content:none}.wordmark-line{width:-moz-fit-content;width:fit-content;font-family:var(--serif);letter-spacing:0;color:var(--ink);text-shadow:0 -.01em #ffffff70,.01em .014em #2d250e1a,.02em .028em .018em #2d250e0f;font-style:italic;font-weight:400;line-height:.78;display:block;position:relative;transform:translateZ(20px)}.wordmark-line:before,.wordmark-line:after{content:attr(data-text);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.wordmark-line:before{z-index:-1;color:#fffdf557;-webkit-text-stroke:0;text-shadow:none;mix-blend-mode:screen;transform:translate3d(-.012em,-.016em,-1px)scale(1.002)}.wordmark-line:after{z-index:-2;color:#2d250e0e;-webkit-text-stroke:0;text-shadow:none;transform:translate3d(.018em,.022em,-2px)scale(1.002)}.wordmark-make{font-size:clamp(6.8rem,18vw,15rem)}.wordmark-software{margin-top:clamp(-.18rem,-.35vw,-.04rem);font-size:clamp(4.4rem,11vw,9.3rem)}.artifact{z-index:10;filter:none;position:absolute}.map-app,.palette-app,.clock-app,.mail-app,.weather-app,.file-app,.slider-app{z-index:8;opacity:.92}.chat-app,.window-card,.calculator-app,.todo-app,.music-app,.receipt,.pixel-app,.voice-app,.game-app,.coin-app{z-index:12}.mini-app{--active-pop:0;--drag-x:0px;--drag-y:0px;--float-x:0px;--float-y:0px;--avoid-x:0px;--avoid-y:0px;--depth:52px;appearance:none;border:2px solid var(--stroke-strong);border-radius:var(--tactile-radius);background:var(--plastic-gloss), var(--glass-surface);color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;box-shadow:var(--surface-shadow);-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);transform:translate3d(calc(var(--drag-x) + var(--avoid-x) + (var(--float-x) * var(--parallax,1))), calc(var(--drag-y) + var(--avoid-y) + (var(--float-y) * var(--parallax,1))), var(--depth)) rotateX(calc(var(--scene-tilt-y) * var(--tilt-mult,-.45deg))) rotateY(calc(var(--scene-tilt-x) * var(--tilt-mult,.45deg))) rotate(var(--app-rotate,0deg)) scale(calc(1 + (var(--active-pop) * .04) + (var(--app-pulse) * .035)));transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;padding:0;transition:background-color .24s}.mini-app:after{content:"";z-index:3;opacity:.62;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff7a,#0000);border-radius:999px;height:.8rem;position:absolute;inset:.22rem .32rem auto}.mini-app.is-front,.mini-app.is-tapped{box-shadow:var(--surface-shadow-hover)}.mini-app:focus-visible{outline:2px solid var(--ink);outline-offset:.2rem}.mini-app.is-active,.mini-app.is-tapped{--active-pop:1}.mini-app.is-front{z-index:100;filter:none}.mini-app button,.mini-app input{font:inherit}.mini-app>*{pointer-events:none}.mini-app button{appearance:none;cursor:pointer;border:0}.mini-app button:focus-visible,.mini-app input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app-action{border:1px solid var(--stroke-medium);background:radial-gradient(circle at 28% 18%, #ffffffb8, transparent 22%), linear-gradient(180deg, #ffffffb8, #fff0 52%), var(--yellow);min-height:1.35rem;color:var(--ink);text-transform:uppercase;box-shadow:var(--raised-button-shadow);transition:transform .14s var(--ease-tactile), box-shadow .14s ease;border-radius:999px;place-items:center;padding:.18rem .52rem;font-size:.58rem;font-weight:800;line-height:1;display:inline-grid}.app-action:hover,.app-action:focus-visible{box-shadow:var(--raised-button-shadow-hover);outline:0;transform:translateY(-.08rem)}.app-action:active,.mini-app button:active{box-shadow:var(--pressed-shadow);transform:translateY(.08rem)}.window-card{--app-rotate:-4deg;--app-speed:7.1s;background:linear-gradient(180deg, var(--blue) 0 1.2rem, transparent 1.2rem), repeating-linear-gradient(0deg, #103dff3d 0 2px, transparent 2px 10px), var(--paper);border:2px solid #111;width:clamp(7rem,10vw,10rem);height:clamp(6.6rem,9vw,9rem);top:38%;left:33%}.window-card:before{content:"";background:var(--mac-close);width:.42rem;height:.42rem;box-shadow:.72rem 0 var(--mac-minimize), 1.44rem 0 var(--mac-zoom);border-radius:50%;position:absolute;top:.38rem;left:.5rem}.window-tabs{z-index:2;gap:.24rem;display:flex;position:absolute;top:1.46rem;left:.42rem}.window-tabs button{min-height:1.4rem;color:var(--ink);text-transform:uppercase;background:#fffdf5e6;border-radius:.2rem;padding:.2rem .42rem;font-size:.52rem}.window-card[data-tab=css] .window-tabs button:nth-child(2),.window-card:not([data-tab]) .window-tabs button:first-child,.window-card[data-tab=html] .window-tabs button:first-child{background:var(--yellow)}.code-line{background:#2d250ea3;border-radius:999px;height:.16rem;position:absolute;left:.65rem;right:1rem;box-shadow:0 .52rem #2d250e6b,0 1.04rem #2d250e47}.code-line-a{top:3.5rem}.code-line-b{background:var(--red);top:5.15rem;right:3rem}.preview-dot{aspect-ratio:1;background:var(--green);border-radius:.35rem;width:1.4rem;animation:2.7s ease-in-out infinite preview-jump;position:absolute;bottom:.75rem;right:.72rem}.website-app{--app-rotate:4deg;--app-speed:8.4s;background:linear-gradient(180deg, var(--orange) 0 1.25rem, transparent 1.25rem), linear-gradient(135deg, #103dff29, transparent 55%), var(--paper);border:2px solid #111;border-radius:.6rem;width:clamp(8rem,12vw,12rem);min-height:clamp(6rem,9vw,9rem);top:17%;left:78%;overflow:hidden}.website-app:before{content:"";aspect-ratio:1;background:var(--mac-close);width:.36rem;box-shadow:.62rem 0 var(--mac-minimize), 1.24rem 0 var(--mac-zoom);border-radius:50%;position:absolute;top:.42rem;left:.45rem}.website-app .site-hero{background:radial-gradient(circle at 78% 40%, var(--yellow) 0 .55rem, transparent .6rem), linear-gradient(90deg, var(--sky-mid) 0 42%, #66cb31 42% 100%);border-radius:.35rem;height:2.4rem;position:absolute;top:2rem;left:.7rem;right:.7rem}.website-app .site-lines{background:linear-gradient(#111 0 .18rem, transparent .18rem) 0 0 / 76% .55rem repeat-y, linear-gradient(var(--red) 0 .18rem, transparent .18rem) 0 .2rem / 52% .55rem repeat-y;opacity:.8;height:1.9rem;position:absolute;bottom:.72rem;left:.7rem;right:.7rem}.site-tools{gap:.08rem;display:flex;position:absolute;top:.2rem;right:.38rem}.site-tools button{aspect-ratio:1;background:radial-gradient(circle, var(--dot,var(--yellow)) 0 .36rem, transparent .39rem);border-radius:50%;width:1.35rem;box-shadow:inset 0 0 0 1px #2d250e1a}.site-tools button:first-child{--dot:var(--sky-mid)}.site-tools button:nth-child(2){--dot:var(--coral)}.site-tools button:nth-child(3){--dot:var(--green)}.website-app.is-active .site-hero{background:radial-gradient(circle at 24% 44%, var(--paper) 0 .42rem, transparent .47rem), linear-gradient(90deg, var(--coral) 0 42%, var(--blue) 42% 100%)}.website-app[data-theme="1"] .site-hero{background:radial-gradient(circle at 24% 44%, var(--paper) 0 .42rem, transparent .47rem), linear-gradient(90deg, var(--coral) 0 44%, var(--orange) 44% 100%)}.website-app[data-theme="2"] .site-hero{background:radial-gradient(circle at 76% 42%, var(--yellow) 0 .5rem, transparent .54rem), linear-gradient(90deg, var(--green) 0 44%, var(--blue) 44% 100%)}.receipt{--app-rotate:1deg;--app-speed:8.8s;background:var(--paper);text-align:center;border:2px solid #1111112e;width:clamp(6.2rem,10vw,9rem);min-height:clamp(10rem,15vw,13rem);padding:1rem .8rem .85rem;bottom:clamp(1rem,4.4vw,3rem);right:clamp(4.4rem,8vw,7.2rem)}.receipt strong{font-family:var(--display);margin:.7rem 0;font-size:clamp(2.8rem,6vw,5.7rem);line-height:.8;display:block}.receipt span{text-transform:uppercase;border-top:1px dashed #111;padding-top:.45rem;font-size:.58rem;line-height:1.25;display:block}.receipt-add{background:var(--ink);min-width:4rem;min-height:1.55rem;color:var(--paper);margin:.6rem auto 0}.calendar{--app-rotate:-1deg;--app-speed:7.8s;background:var(--paper);border-bottom:.62rem solid #ded7c9;width:clamp(7rem,10vw,10rem);height:clamp(8rem,12vw,11rem);bottom:4%;left:2%}.calendar:before{content:"";background:var(--green);height:24%;display:block}.calendar:after{content:attr(data-day);pointer-events:none;color:var(--green);font-family:var(--display);place-items:center;font-size:clamp(4.8rem,9vw,8.4rem);line-height:.8;display:grid;position:absolute;inset:24% 0 0}.calendar button{z-index:3;border-radius:inherit;background:0 0;position:absolute;inset:0}.calendar button:before{content:"";aspect-ratio:1;background:linear-gradient(90deg, transparent 0 42%, var(--paper) 42% 58%, transparent 58%), linear-gradient(transparent 0 42%, var(--paper) 42% 58%, transparent 58%), var(--ink);border-radius:50%;width:1.35rem;position:absolute;top:.44rem;right:.48rem}.calendar-month{color:var(--paper);text-transform:uppercase;font-size:.58rem;font-weight:900;position:absolute;top:.52rem;left:.55rem}.clock-app{--app-rotate:8deg;--app-speed:7.3s;aspect-ratio:1;border:.72rem solid var(--sky-mid);background:radial-gradient(circle, #111 0 .26rem, transparent .3rem), conic-gradient(from 0deg, var(--orange) 0 10%, transparent 10% 100%), var(--paper);border-radius:50%;place-items:center;width:clamp(6rem,9vw,8.4rem);display:grid;top:2%;left:60%}.clock-face{border-radius:inherit;position:absolute;inset:0}.clock-face:before,.clock-face:after{content:"";transform-origin:50% 100%;background:#111;border-radius:999px;width:.18rem;position:absolute;top:50%;left:50%}.clock-face:before{height:34%;transform:translate(-50%, -100%) rotate(var(--clock-minute,48deg))}.clock-face:after{background:var(--red);height:25%;transform:translate(-50%, -100%) rotate(var(--clock-hour,-46deg))}.clock-time{min-width:3.2rem;color:var(--ink);text-align:center;background:#fffdf5cc;border-radius:999px;padding:.12rem .28rem;font-size:.58rem;font-weight:800;position:absolute;bottom:.72rem;left:50%;translate:-50%}.clock-toggle{position:absolute;top:-.25rem;right:-.25rem;transform:rotate(8deg)}.calculator-app{--app-rotate:-8deg;--app-speed:7.9s;width:clamp(6.4rem,9vw,8.4rem);color:var(--paper);background:#242424;border:2px solid #111;border-radius:.55rem;padding:.68rem;top:64%;left:42%}.calculator-app .calc-screen{color:#111;text-align:right;background:#bcf58b;border-radius:.28rem;align-items:center;min-height:1.8rem;margin-bottom:.48rem;padding:.26rem .38rem;font-size:clamp(.72rem,1vw,.9rem);display:grid}.calculator-app .calc-grid{grid-template-columns:repeat(3,1fr);gap:.25rem;display:grid}.calculator-app .calc-grid button{background:var(--key,var(--paper));min-height:1.1rem;color:var(--ink);border-radius:.22rem;font-size:.66rem;font-weight:900;display:block}.calculator-app .calc-grid button:nth-child(3n){--key:var(--orange)}.todo-app{--app-rotate:5deg;--app-speed:8.2s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#111;background:#fffdf5c7;border:2px solid #f08aaa;border-radius:.65rem;width:clamp(7rem,11vw,10rem);padding:.65rem .7rem;top:69%;left:18%}.todo-app label{text-transform:uppercase;cursor:pointer;grid-template-columns:1.3rem 1fr;align-items:center;gap:.42rem;min-height:1.45rem;font-size:clamp(.58rem,.82vw,.72rem);display:grid}.todo-app input{appearance:none;aspect-ratio:1;background:var(--paper);border:2px solid #f08aaa;border-radius:.18rem;width:1.25rem}.todo-app input:checked{background:linear-gradient(45deg, transparent 0 40%, var(--paper) 40% 55%, transparent 55%), #ff7da8}.todo-app label:has(input:checked){color:#2d250e94;text-decoration:line-through}.todo-app:after{content:"";width:calc(var(--done-ratio,0) * 100%);background:#ff7da8;border-radius:0 0 .55rem .55rem;height:.28rem;transition:width .26s cubic-bezier(.16,.84,.18,1);position:absolute;bottom:0;left:0}.terminal-app{--app-rotate:-5deg;--app-speed:7.6s;color:#83ff6b;background:#111;border:2px solid #111;border-radius:.5rem;width:clamp(8rem,12vw,11.5rem);min-height:5.6rem;font-size:clamp(.58rem,.78vw,.72rem);line-height:1.35;top:32%;left:4%;overflow:hidden}.terminal-app:before{content:"";background:radial-gradient(circle at .55rem 50%, var(--mac-close) 0 .22rem, transparent .24rem), radial-gradient(circle at 1.3rem 50%, var(--mac-minimize) 0 .22rem, transparent .24rem), radial-gradient(circle at 2.05rem 50%, var(--mac-zoom) 0 .22rem, transparent .24rem), #f6f0df;height:1.05rem;display:block}.terminal-app .terminal-line{min-height:3.1rem;padding:.55rem .65rem .15rem;display:block}.terminal-run{background:#83ff6b;position:absolute;bottom:.44rem;right:.55rem}.terminal-app .cursor{vertical-align:-.08em;background:currentColor;width:.5rem;height:.9em;margin-left:.1rem;animation:.78s steps(2,end) infinite blink;display:inline-block}.palette-app{--app-rotate:5deg;--app-speed:8.5s;background:linear-gradient(180deg, #fffdf5e6, #fffdf5a3), linear-gradient(135deg, var(--swatch-a,var(--red)), var(--swatch-b,var(--blue)));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:2px solid #2d250e57;border-radius:.72rem;gap:.32rem;width:clamp(7rem,10vw,9.4rem);padding:.62rem;display:grid;top:6%;left:22%;box-shadow:inset 0 -.45rem #2d250e0f}.theme-title{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;font-size:.56rem;font-weight:900}.palette-swatch{background:var(--strip);border-radius:999px;width:100%;height:.72rem;transition:transform .18s cubic-bezier(.16,.84,.18,1),filter .18s;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #2d250e29}.palette-swatch span{top:50%;left:var(--knob,54%);aspect-ratio:1;border:2px solid var(--ink);background:var(--paper);border-radius:50%;width:.9rem;transition:left .22s cubic-bezier(.16,.84,.18,1);position:absolute;translate:-50% -50%}.palette-swatch-a{--strip:linear-gradient(90deg, var(--red), var(--yellow), var(--green));--knob:38%}.palette-swatch-b{--strip:linear-gradient(90deg, var(--blue), var(--coral), #111);--knob:68%}.palette-swatch-c{--strip:linear-gradient(90deg, var(--orange), var(--sky-mid), var(--paper));--knob:52%}.palette-swatch:hover{filter:saturate(1.2);transform:translate(.18rem)}.weather-app{--app-rotate:4deg;--app-speed:8s;background:radial-gradient(circle at 28% 38%, var(--weather-sun,var(--yellow)) 0 1.2rem, transparent 1.25rem), linear-gradient(135deg, var(--weather-a,var(--sky-mid)), var(--weather-b,var(--powder)));border:2px solid #1111112e;border-radius:1rem;width:clamp(7.4rem,11vw,10rem);min-height:5.6rem;top:73%;left:58%;overflow:hidden}.weather-app:before,.weather-app:after{content:"";background:#ffffffdb;border-radius:999px;width:4rem;height:1.3rem;animation:4.5s ease-in-out infinite cloud-slide;position:absolute;bottom:.9rem}.weather-app:before{left:1rem}.weather-app:after{width:3rem;animation-delay:-1.2s;bottom:1.45rem;right:.8rem}.weather-temp{color:var(--ink);font-family:var(--sans);font-size:1.05rem;font-weight:900;position:absolute;top:.7rem;right:.8rem}.weather-next{background:#fffdf5d9;position:absolute;bottom:.55rem;left:.7rem}.music-app{--app-rotate:-9deg;--app-speed:7.4s;border:2px solid var(--paper);background:radial-gradient(circle at 28% 18%, #ffffff52, transparent 22%), linear-gradient(145deg, #174cff, var(--blue) 56%, #08238f);border-radius:.8rem;align-items:end;width:clamp(5rem,7vw,6.6rem);height:clamp(4.6rem,6.4vw,6rem);padding:.62rem;display:grid;top:61%;left:84%;box-shadow:inset 0 1px #ffffff6b,inset 0 -.48rem .78rem #1111112e,0 .3rem #2d250e29,0 .86rem 1.1rem #2d4f692e}.music-bars{align-items:end;gap:.28rem;width:100%;height:100%;padding-top:1.2rem;display:flex}.music-bars i{background:var(--bar,var(--yellow));min-width:.4rem;animation:.85s ease-in-out infinite equalize;animation-delay:var(--d,0s);transform-origin:bottom;border-radius:999px;flex:1;transition:scale .22s cubic-bezier(.16,.84,.18,1),opacity .18s;box-shadow:inset 0 1px #ffffff9e,0 .18rem #11111124}.music-bars i:first-child{--d:-.1s;height:42%}.music-bars i:nth-child(2){--d:-.35s;--bar:var(--green);height:72%}.music-bars i:nth-child(3){--d:-.55s;--bar:var(--orange);height:52%}.music-bars i:nth-child(4){--d:-.2s;--bar:var(--coral);height:88%}.music-app:not(.is-playing) .music-bars i{opacity:.78;animation-play-state:paused;scale:1 .55}.music-app.is-playing{animation:1.8s ease-in-out infinite music-glow}.music-app.is-playing .music-toggle{background:var(--yellow);color:var(--ink)}.music-toggle{color:var(--blue);text-transform:uppercase;background:#fffdf5eb;border-radius:999px;padding:.14rem .35rem;font-size:.5rem;font-weight:900;transition:background-color .18s,color .18s,transform .18s cubic-bezier(.16,.84,.18,1);position:absolute;top:.42rem;right:.48rem;box-shadow:inset 0 1px #ffffffc2,0 .18rem #11111129}.chat-app{--app-rotate:-7deg;--app-speed:8.1s;border:2px solid var(--paper);background:radial-gradient(circle at 22% 16%, #ffffff6b, transparent 22%), linear-gradient(145deg, #ff9bb9, var(--coral) 62%, #e95a8c);color:#111;width:clamp(7.2rem,11vw,10.2rem);min-height:5.9rem;font-family:var(--sans);border-radius:1.1rem 1.1rem 1.1rem .28rem;grid-template-rows:auto auto;align-content:stretch;gap:.58rem;padding:.72rem .72rem .62rem;font-weight:900;line-height:1.05;display:grid;top:28%;left:50%;box-shadow:inset 0 1px #ffffff75,inset 0 -.5rem .8rem #2d250e1a,0 .32rem #2d250e1f,0 .82rem 1rem #2d4f6924}.chat-app:after{content:"";aspect-ratio:1;background:#111;border-radius:50%;width:.52rem;animation:1.35s steps(2,jump-none) infinite typing-dots;position:absolute;bottom:.82rem;right:.75rem;box-shadow:.8rem 0 #111,1.6rem 0 #111}.chat-message{text-wrap:balance;align-self:start;min-height:2.7rem;padding-right:.2rem;line-height:1;display:block}.chat-send{z-index:1;background:var(--paper);place-self:end start;position:relative}.stamp-app{--app-rotate:7deg;--app-speed:7.2s;aspect-ratio:1;background:radial-gradient(circle, transparent 0 44%, #111 45% 47%, transparent 48%), repeating-radial-gradient(circle, #111 0 1px, transparent 1px 4px), var(--yellow);color:#111;width:clamp(5rem,7.5vw,7rem);font-family:var(--display);text-align:center;text-transform:uppercase;border-radius:50%;place-items:center;font-size:clamp(1rem,1.7vw,1.4rem);line-height:.9;display:grid;top:15%;left:10%}.stamp-app.is-active{background:radial-gradient(circle, transparent 0 44%, var(--paper) 45% 47%, transparent 48%), repeating-radial-gradient(circle, var(--paper) 0 1px, transparent 1px 4px), var(--blue);color:var(--paper)}.stamp-label{display:block}.stamp-hit{position:absolute;bottom:.42rem;right:-.22rem;transform:rotate(-9deg)}.chat-badge{--app-rotate:9deg;--app-speed:7.5s;aspect-ratio:1;background:var(--yellow);border-radius:50%;place-items:center;width:clamp(5rem,7vw,6.7rem);display:grid;bottom:38%;right:22%}.chat-badge:before{content:"";aspect-ratio:1.18;background:var(--green);width:52%;box-shadow:inset 0 0 0 .62rem var(--paper);border-radius:45% 45% 45% 18%}.bubble-count{z-index:2;aspect-ratio:1;pointer-events:none;background:var(--red);width:1.35rem;color:var(--paper);border-radius:50%;place-items:center;font-size:.7rem;font-weight:900;display:grid;position:absolute;top:.62rem;right:.7rem}.chat-badge button{z-index:3;border-radius:inherit;background:0 0;position:absolute;inset:0}.chat-badge.is-empty{opacity:.72;filter:grayscale(.3)drop-shadow(0 1rem .8rem #2d4f692e)}.mail-app{--app-rotate:7deg;--app-speed:7.7s;border:2px solid var(--ink);background:linear-gradient(145deg, transparent 0 48%, #2d250e38 48% 51%, transparent 51%), linear-gradient(35deg, transparent 0 48%, #2d250e38 48% 51%, transparent 51%), var(--paper);border-radius:.7rem;width:clamp(6.5rem,9vw,8.4rem);min-height:4.7rem;top:3%;left:75%}.mail-app strong{aspect-ratio:1;background:var(--red);width:1.8rem;color:var(--paper);border-radius:50%;place-items:center;font-size:.78rem;display:grid;position:absolute;top:-.45rem;right:-.38rem}.mail-app button{background:var(--sky-mid);position:absolute;bottom:.45rem;left:.55rem}.mail-app.is-active{background:linear-gradient(145deg,#0000 0 48%,#2d250e24 48% 51%,#0000 51%),linear-gradient(35deg,#0000 0 48%,#2d250e24 48% 51%,#0000 51%),#f7f1dc}.map-app{--app-rotate:-6deg;--app-speed:8.3s;background:radial-gradient(circle at var(--pin-x,68%) var(--pin-y,38%), var(--red) 0 .42rem, transparent .46rem), linear-gradient(115deg, transparent 0 38%, #fffdf5b8 38% 47%, transparent 47%), linear-gradient(25deg, var(--green) 0 30%, #b7e7ff 30% 62%, var(--yellow) 62% 100%);border:2px solid #2d250e66;border-radius:.8rem;width:clamp(6.8rem,10vw,9rem);min-height:5.4rem;top:4%;left:38%;overflow:hidden}.map-app:after{content:"";border-top:.22rem dashed var(--ink);opacity:.52;width:72%;position:absolute;top:58%;left:12%;transform:rotate(-12deg)}.map-app button{background:var(--paper);position:absolute;bottom:.45rem;right:.5rem}.timer-app{--app-rotate:10deg;--app-speed:7.2s;aspect-ratio:1;background:radial-gradient(circle, var(--paper) 0 48%, transparent 49%), conic-gradient(var(--orange) 0 calc(var(--timer-progress,35) * 1%), #2d250e29 0 100%);border:2px solid var(--paper);width:clamp(5.8rem,8vw,7rem);color:var(--ink);border-radius:50%;place-items:center;font-weight:900;display:grid;top:68%;left:70%}.timer-app button{color:#0000;background:0 0;border-radius:50%;position:absolute;inset:0}.timer-label{color:var(--ink);font-size:1.18rem;line-height:1}.photo-app{--app-rotate:-8deg;--app-speed:8.7s;background:0 0;width:clamp(5.6rem,8vw,7rem);height:clamp(5.4rem,7.8vw,6.8rem);top:42%;left:88%}.photo-app span{border:.34rem solid var(--paper);background:radial-gradient(circle at 68% 36%, var(--yellow) 0 .42rem, transparent .46rem), linear-gradient(150deg, var(--ink) 0 28%, var(--sky-mid) 28% 62%, var(--green) 62% 100%);width:64%;height:78%;position:absolute;box-shadow:0 .35rem .7rem #2d250e29}.photo-app span:first-child{top:.34rem;left:0;rotate:-10deg}.photo-app span:nth-child(2){top:0;left:1.25rem;rotate:8deg}.photo-app button{background:var(--yellow);position:absolute;bottom:-.1rem;right:-.25rem}.photo-app.is-active span:first-child{background:radial-gradient(circle at 34% 28%, var(--paper) 0 .38rem, transparent .42rem), linear-gradient(150deg, var(--coral) 0 36%, var(--yellow) 36% 66%, var(--blue) 66% 100%)}.memo-app{--app-rotate:3deg;--app-speed:7.9s;background:var(--yellow);width:clamp(7rem,11vw,10rem);min-height:5.7rem;color:var(--ink);text-transform:uppercase;border-radius:.8rem;padding:.72rem;font-size:.72rem;line-height:1.18;top:83%;left:29%;box-shadow:inset 0 -.65rem #2d250e14}.memo-app button{background:var(--ink);color:var(--paper);position:absolute;bottom:.5rem;right:.55rem}.voice-app{--app-rotate:-6deg;--app-speed:7.5s;border:2px solid var(--ink);width:clamp(6.4rem,9vw,8.4rem);min-height:4.9rem;color:var(--ink);background:radial-gradient(circle at 18% 14%,#ffffffc7,#0000 26%),linear-gradient(145deg,#fffdf5fa,#eef7ffeb);border-radius:1rem;padding:.65rem;top:58%;left:3%;box-shadow:inset 0 1px #ffffffb8,inset 0 -.5rem .75rem #2d250e14,0 .28rem #2d250e24,0 .78rem 1rem #2d4f6924}.voice-title{z-index:2;text-transform:uppercase;font-size:.56rem;font-weight:900;display:block;position:relative}.voice-status{z-index:3;aspect-ratio:1;color:#0000;width:.86rem;font-family:var(--mono);text-transform:uppercase;background:#fffdf5b8;border:1px solid #2d250e4d;border-radius:999px;justify-content:center;align-items:center;gap:0;padding:0;font-size:0;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:.62rem;right:4.75rem;box-shadow:inset 0 1px #ffffffb8}.voice-status:before{content:"";aspect-ratio:1;background:#9ca3af;border-radius:50%;width:.46rem;box-shadow:inset 0 1px #ffffff80}.voice-app.is-recording .voice-status{color:var(--ink);background:#ff5a4721}.voice-app.is-recording .voice-status:before{background:var(--red);animation:1.05s ease-in-out infinite record-dot;box-shadow:inset 0 1px #ffffff8f,0 0 #ff5a4780}.voice-bars{z-index:1;background:linear-gradient(#ffffff8f,#ffffff14),#63a7ff14;border:1px solid #2d250e29;border-radius:.52rem;align-items:end;gap:.22rem;height:2.1rem;padding:.28rem;display:flex;position:absolute;bottom:.78rem;left:.7rem;right:.7rem;box-shadow:inset 0 1px #ffffffb3,inset 0 -.26rem .48rem #2d250e0a}.voice-bars i{background:var(--blue);animation:.92s ease-in-out infinite voice-wave;animation-delay:var(--d,0s);transform-origin:bottom;opacity:.76;border-radius:999px;flex:1;scale:1 .48;box-shadow:inset 0 1px #ffffff85,0 .12rem #2d250e14}.voice-bars i:nth-child(2){--d:-.2s;background:var(--sky-mid)}.voice-bars i:nth-child(3){--d:-.4s;background:var(--orange)}.voice-bars i:nth-child(4){--d:-.6s;background:var(--coral)}.voice-bars i:nth-child(5){--d:-.8s;background:var(--green)}.voice-app:not(.is-recording) .voice-bars i{opacity:.5;animation-play-state:paused}.voice-app.is-recording .voice-bars i{opacity:1}.voice-toggle{z-index:4;background:var(--yellow);position:absolute;top:.48rem;right:.55rem}.pixel-app{--app-rotate:7deg;--app-speed:8.6s;border:2px solid var(--paper);background:var(--blue);border-radius:.72rem;width:clamp(5.8rem,8.4vw,7.6rem);padding:.62rem;top:42%;left:26%}.pixel-grid{grid-template-columns:repeat(4,1fr);gap:.18rem;display:grid}.pixel-grid i{aspect-ratio:1;background:var(--px,var(--paper));border-radius:.14rem;transition:background .18s,scale .18s}.pixel-grid i:nth-child(3n){--px:var(--yellow)}.pixel-grid i:nth-child(4n){--px:var(--green)}.pixel-grid i:nth-child(7n){--px:var(--coral)}.pixel-app.is-active .pixel-grid i:nth-child(odd){background:var(--orange);scale:.86}.pixel-shuffle{background:var(--paper);position:absolute;bottom:-.25rem;right:-.35rem}.file-app{--app-rotate:-3deg;--app-speed:8.1s;border:2px solid var(--ink);background:linear-gradient(180deg, var(--yellow) 0 1rem, transparent 1rem), var(--paper);border-radius:.65rem;width:clamp(6rem,9vw,8rem);min-height:5.1rem;padding:1.35rem .65rem .62rem;top:48%;left:64%}.file-tab{border:2px solid var(--ink);background:var(--yellow);text-transform:uppercase;border-bottom:0;border-radius:.42rem .42rem 0 0;padding:.22rem .52rem;font-size:.52rem;font-weight:900;position:absolute;top:-.62rem;left:.5rem}.file-count{font-family:var(--display);font-size:2.2rem;line-height:.82;display:block}.file-app:after{content:"";background:linear-gradient(var(--ink) 0 .16rem, transparent .16rem) 0 0 / 100% .42rem repeat-y;opacity:.56;border-radius:.28rem;width:2.5rem;height:1.6rem;position:absolute;bottom:.76rem;right:.6rem}.file-add{background:var(--sky-mid);margin-top:.42rem}.slider-app{--app-rotate:9deg;--app-speed:7.8s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffdf5c2;border:2px solid #111;border-radius:.8rem;gap:.55rem;width:clamp(6.4rem,9vw,8.6rem);padding:.72rem .7rem .9rem;display:grid;top:7%;left:45%}.slider-row{background:#2d250e3d;border-radius:999px;height:.26rem;position:relative}.slider-row i{top:50%;left:var(--mix,42%);aspect-ratio:1;background:var(--knob-color,var(--red));border-radius:50%;width:1rem;transition:left .26s cubic-bezier(.16,.84,.18,1);position:absolute;translate:-50% -50%}.slider-row:nth-child(2) i{--mix:70%;--knob-color:var(--blue)}.slider-row:nth-child(3) i{--mix:24%;--knob-color:var(--green)}.slider-app[data-step="1"] .slider-row:first-child i{left:72%}.slider-app[data-step="1"] .slider-row:nth-child(2) i{left:36%}.slider-app[data-step="1"] .slider-row:nth-child(3) i{left:58%}.slider-app[data-step="2"] .slider-row:first-child i{left:18%}.slider-app[data-step="2"] .slider-row:nth-child(2) i{left:82%}.slider-app[data-step="2"] .slider-row:nth-child(3) i{left:44%}.slider-mix{background:var(--yellow);position:absolute;bottom:.44rem;right:.48rem}.coin-app{--app-rotate:-10deg;--app-speed:7.1s;aspect-ratio:1;background:radial-gradient(circle, var(--paper) 0 32%, transparent 33%), repeating-radial-gradient(circle, #2d250e2e 0 1px, transparent 1px 5px), var(--orange);border:2px solid var(--paper);border-radius:50%;place-items:center;width:clamp(4.8rem,6.8vw,6.2rem);display:grid;top:56%;left:56%}.coin-face{aspect-ratio:1;background:var(--yellow);width:2.4rem;color:var(--ink);font-family:var(--display);border-radius:50%;place-items:center;font-size:1.4rem;transition:rotate .36s cubic-bezier(.16,.84,.18,1);display:grid}.coin-app.is-heads .coin-face{background:var(--sky-mid);rotate:y 180deg}.coin-flip{background:var(--paper);position:absolute;bottom:.2rem;right:-.36rem}.game-app{--app-rotate:6deg;--app-speed:8.4s;border:2px solid var(--paper);background:var(--coral);border-radius:.8rem;width:clamp(5.7rem,8vw,7.3rem);padding:.6rem;top:47%;left:13%}.game-board{grid-template-columns:repeat(3,1fr);gap:.22rem;display:grid}.game-board i{aspect-ratio:1;background:#fffdf5c2;border-radius:.22rem;box-shadow:inset 0 0 0 1px #2d250e1f}.game-board i:nth-child(5){background:var(--ink)}.game-app[data-step="1"] .game-board i:nth-child(5),.game-app[data-step="2"] .game-board i:nth-child(5),.game-app[data-step="3"] .game-board i:nth-child(5){background:#fffdf5c2}.game-app[data-step="1"] .game-board i:nth-child(2),.game-app[data-step="2"] .game-board i:nth-child(6),.game-app[data-step="3"] .game-board i:nth-child(8){background:var(--ink)}.game-move{background:var(--yellow);position:absolute;bottom:-.2rem;right:-.25rem}.details-desktop{z-index:var(--layer-windows);transform-style:flat;transform-origin:50% 42%;backface-visibility:hidden;contain:layout style;pointer-events:auto;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:clamp(1.55rem,3svh,3.8rem) clamp(2rem,4.5vw,5.8rem);width:min(82rem,100vw - clamp(1.5rem,7vw,8rem));min-height:clamp(60rem,118svh,78rem);margin:clamp(-2rem,-2vh,0rem) auto clamp(4.8rem,8svh,6.8rem);padding:clamp(1rem,2vw,1.75rem) 0;display:grid;position:relative}.desktop-window{--window-pad:clamp(.78rem, 1.35vw, 1.08rem);--window-gap:clamp(.58rem, 1.05vw, .82rem);--window-line:#2d250e47;--window-card-line:#2d250e57;isolation:isolate;box-sizing:border-box;pointer-events:auto;border-radius:var(--tactile-radius);width:100%;min-width:0;box-shadow:var(--mac-window-cast);filter:none;backface-visibility:hidden;translate:0;transform:translate3d(var(--window-drag-x,0px), var(--window-drag-y,0px), var(--window-depth,0px)) rotate(var(--window-rotate,0deg));transition:box-shadow .18s ease, transform .22s var(--ease-tactile);will-change:transform, opacity;background:0 0;grid-column:auto/span 4;position:relative;overflow:visible}.desktop-window-frame{isolation:isolate;min-height:inherit;border-radius:inherit;background-clip:border-box;background:var(--plastic-gloss), radial-gradient(circle at 10% 7%, #ffffffb8, transparent 28%), radial-gradient(circle at 88% 94%, var(--window-glow,#fff36e29), transparent 50%), linear-gradient(145deg, var(--window-a,#fffffff5), var(--window-b,#fffdf5eb) 45%, var(--window-c,#fffdf5e0)), #fffdf5db;outline-offset:-4px;height:100%;box-shadow:inset 0 0 0 2px #2d250edb, var(--mac-window-inset);clip-path:none;-webkit-backdrop-filter:blur(22px)saturate(1.22)contrast(1.04)brightness(1.03);backdrop-filter:blur(22px)saturate(1.22)contrast(1.04)brightness(1.03);backface-visibility:hidden;border:0;outline:1px solid #ffffff47;flex-direction:column;display:flex;position:relative;overflow:hidden;-webkit-mask-image:none;mask-image:none}.desktop-window-frame:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;-webkit-backdrop-filter:blur(12px)saturate(1.16);backdrop-filter:blur(12px)saturate(1.16);background:repeating-linear-gradient(90deg,#2d250e07 0 1px,#0000 1px .56rem),linear-gradient(135deg,#ffffff4d,#fffdf529 42%,#2d250e08),radial-gradient(at 22% 10%,#fff6,#0000 34%),radial-gradient(at 76% 92%,#ffffff29,#0000 44%),#fffdf51f;position:absolute;inset:0}.desktop-window::marker{content:none}.desktop-window-frame:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(#ffffff42,#fff0),radial-gradient(at 22% 0,#ffffff59,#0000 46%);height:42%;position:absolute;inset:2.15rem 0 auto}.desktop-window-frame>*{z-index:2;position:relative}.desktop-window.is-front{z-index:5}.desktop-window.is-dragging{--window-depth:0px;box-shadow:var(--mac-window-cast);filter:none}.desktop-window.is-dragging .desktop-window-frame{box-shadow:inset 0 0 0 2px #2d250edb, var(--mac-window-inset)}.desktop-window.is-dragging{--window-depth:0px;z-index:6;cursor:grabbing;transition:box-shadow .12s;animation-play-state:paused;translate:0}.desktop-window.is-resetting{transition:box-shadow .18s,transform .46s cubic-bezier(.16,.84,.18,1)}.window-chrome{background:repeating-linear-gradient(112deg, #ffffff38 0 .22rem, transparent .22rem .5rem), radial-gradient(circle at 16% 8%, #ffffffd1, transparent 28%), linear-gradient(180deg, #ffffffb8, #fffdf547), linear-gradient(90deg, var(--chrome-a,#63a7ff2e), var(--chrome-b,#fff36e38)), #fffdf55c;-webkit-backdrop-filter:blur(22px)saturate(1.34)contrast(1.04);backdrop-filter:blur(22px)saturate(1.34)contrast(1.04);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-bottom:2px solid #2d250e3d;align-items:center;gap:.42rem;min-height:2.15rem;padding:.48rem .76rem;display:flex;box-shadow:inset 0 1px #ffffffe0,inset 0 -.34rem .48rem #2d250e13}.window-chrome:before{content:"";aspect-ratio:1;background:var(--mac-close);width:.62rem;box-shadow:1rem 0 var(--mac-minimize), 2rem 0 var(--mac-zoom);filter:drop-shadow(0 1px #ffffff73)drop-shadow(0 .12rem #2d250e1f);border-radius:50%;flex:none}.window-chrome:active{cursor:grabbing}.window-title{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;margin-left:2.2rem;font-size:.64rem;font-weight:900}.events-window{--window-rotate:-1.2deg;--window-float-x:.18rem;--window-float-y:-.32rem;--window-float-duration:9.4s;--window-float-delay:-1.2s;--window-a:#fffdf5f0;--window-b:#e8f7ffe6;--window-c:#ffffffdb;--window-glow:#63a7ff29;--chrome-a:#63a7ff57;--chrome-b:#fff36e47;grid-area:1/5/auto/span 8;min-height:clamp(24rem,55svh,35rem)}.window-body{gap:var(--window-gap);padding:var(--window-pad);display:grid}.window-hero-copy{border:1px solid var(--stroke-soft);border-radius:var(--tactile-radius-sm);background:var(--glass-surface);min-width:0;box-shadow:var(--glass-inset), inset 0 1px 0 #ffffff94, inset 0 -.42rem .75rem #2d250e09;-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);gap:.42rem;padding:.68rem .74rem;display:grid;position:relative;overflow:hidden}.window-hero-copy:before,.letter-copy:before{content:"";opacity:.68;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ffffff6b,#0000);border-radius:999px;height:.78rem;position:absolute;inset:.3rem .46rem auto}.window-hero-copy>*,.letter-copy>*{z-index:1;position:relative}.window-hero-copy h2{color:var(--ink);font-family:var(--display);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(1.45rem,3vw,2.45rem);line-height:.9}.window-hero-copy p{color:#2d250ec2;max-width:42rem;margin:0;font-size:clamp(.72rem,.95vw,.92rem);line-height:1.35}.window-pill-row{color:var(--ink);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:.42rem;font-size:.62rem;font-weight:900;display:flex}.window-pill,.window-action{border:1px solid var(--stroke-medium);min-height:1.45rem;font-family:var(--mono);letter-spacing:0;background:var(--pill-bg,var(--yellow));box-shadow:var(--raised-button-shadow);background-image:radial-gradient(circle at 24% 20%,#ffffffc2,#0000 24%),linear-gradient(#ffffff94,#fff0 54%);border-radius:999px;place-items:center;padding:.2rem .62rem;display:inline-grid}.window-action{border:2px solid var(--stroke-strong);min-height:1.85rem;color:var(--ink);text-transform:uppercase;transition:transform .16s var(--ease-tactile), box-shadow .16s ease;padding:.35rem .85rem;font-size:.68rem;font-weight:900;text-decoration:none}.window-action-compact{min-height:1.5rem;padding:.22rem .68rem;font-size:.6rem}.window-action:hover,.window-action:focus-visible{box-shadow:var(--raised-button-shadow-hover);outline:0;transform:translateY(-.08rem)}.window-action:active{box-shadow:var(--pressed-shadow);transform:translateY(.08rem)}.window-card-grid{gap:var(--window-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.window-soft-card,.value-square{border-radius:var(--tactile-radius-sm);background-clip:padding-box;background:repeating-linear-gradient(135deg, #ffffff29 0 .22rem, #2d250e05 .22rem .48rem), radial-gradient(circle at 20% 16%, #ffffffad, transparent 22%), linear-gradient(180deg, #ffffff8a, #fff0 56%), var(--card-bg,var(--value-bg,var(--yellow)));min-height:3.65rem;box-shadow:var(--glass-inset), inset 0 1px 0 var(--rim-light), inset 0 -.32rem .58rem #2d250e14, 0 .22rem 0 #2d250e21, 0 .58rem .78rem #2d4f691c;-webkit-backdrop-filter:blur(4px)saturate(1.05);backdrop-filter:blur(4px)saturate(1.05);transform:rotate(var(--card-r,var(--value-r,-1deg)));border:2px solid #2d250e52;padding:.62rem;position:relative;overflow:hidden}.window-soft-card:before,.value-square:before,.letter-badge:after{content:"";opacity:.74;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ffffff75,#0000);border-radius:999px;height:.82rem;position:absolute;inset:.22rem .28rem auto}.window-soft-card:after,.value-square:after{content:"";aspect-ratio:1;opacity:.62;pointer-events:none;background:#ffffff75;border-radius:50%;width:.36rem;position:absolute;bottom:.44rem;right:.48rem;box-shadow:inset 0 1px #ffffffb8,0 .08rem #2d250e14}.window-soft-card{transform:rotate(var(--card-r,-1deg))}.window-soft-card strong,.window-soft-card span{z-index:1;display:block;position:relative}.window-soft-card strong{font-family:var(--mono);letter-spacing:0;text-transform:uppercase;font-size:.56rem;line-height:1.25}.window-soft-card span{color:#2d250ec2;margin-top:.3rem;font-size:.68rem;line-height:1.3}.luma-window-body{gap:var(--window-gap);height:clamp(21.6rem,55svh - 2rem,32.4rem);padding:var(--window-pad);grid-template-rows:auto auto minmax(18rem,1fr);display:grid}.event-ribbon .window-pill:first-child{--pill-bg:var(--yellow)}.event-ribbon{justify-content:space-between}.event-ribbon .window-action{margin-left:auto}.events-window iframe{background:var(--paper);border:0;border-radius:.52rem;width:100%;height:100%;min-height:18rem;display:block;box-shadow:inset 0 0 0 1px #2d250e1f,inset 0 .5rem .9rem #2d250e0d,0 1px #ffffffb8,0 .45rem .8rem #2d4f691f}.event-frame-wrap{overscroll-behavior:contain;border-radius:.64rem;gap:.5rem;min-height:0;display:grid;overflow:hidden}.event-frame-wrap[data-window-surface] iframe{pointer-events:auto}.contact-window{--window-rotate:1.2deg;--window-float-x:-.16rem;--window-float-y:-.26rem;--window-float-duration:8.6s;--window-float-delay:-3.4s;--window-a:#fffad8f0;--window-b:#ffe0ebe6;--window-c:#fffdf5db;--window-glow:#ff8a2a29;--chrome-a:#ff8a2a42;--chrome-b:#fb78a64d;flex-direction:column;grid-area:2/9/auto/span 4;min-height:clamp(23rem,44svh,31rem);display:flex}.contact-window-body{gap:var(--window-gap);background:radial-gradient(circle at 14% 10%,#ffffffd1,#0000 22%),linear-gradient(32deg,#0000 0 49.1%,#2d250e1f 49.3% 49.7%,#0000 49.9%) 50% 56%,linear-gradient(148deg,#0000 0 49.1%,#2d250e1a 49.3% 49.7%,#0000 49.9%) 50% 56%,linear-gradient(#0000 0 18%,#2d250e14 18.1% 18.4%,#0000 18.5%),repeating-linear-gradient(0deg,#0000 0 1.58rem,#2d250e12 1.58rem calc(1.58rem + 1px)) 0 .72rem,linear-gradient(90deg,#ff605c21 0 1px,#0000 1px 4.4rem) 2.9rem 0,linear-gradient(#fffdf5d1,#fffdf580);border-radius:.78rem;align-content:start;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff94,inset 0 0 0 1px #2d250e0d,inset 0 -1.8rem 2.8rem #2d250e09}.contact-window-body:before{content:none}.contact-window-body>*{z-index:1;position:relative}.letter-window{--window-rotate:-2deg;--window-float-x:-.12rem;--window-float-y:.22rem;--window-float-duration:10.2s;--window-float-delay:-2.2s;--window-a:#fffdf5f0;--window-b:#f7f4ece6;--window-c:#dee3ffdb;--window-glow:#fffdf52e;--chrome-a:#fff36e3d;--chrome-b:#63a7ff38;grid-area:1/1/auto/span 4;min-height:clamp(24rem,45svh,33rem)}.values-window{--window-rotate:1.7deg;--window-float-x:.15rem;--window-float-y:.18rem;--window-float-duration:9.8s;--window-float-delay:-4.8s;--window-a:#e8f5fff0;--window-b:#fffdf5e6;--window-c:#fff9b8db;--window-glow:#60d13024;--chrome-a:#60d13033;--chrome-b:#fb78a642;grid-area:2/1/auto/span 8;min-height:clamp(28rem,54svh,38rem)}.becoming-window{--window-rotate:-.9deg;--window-float-x:.12rem;--window-float-y:.18rem;--window-float-duration:9.2s;--window-float-delay:-5.4s;--window-a:#fffdf5f2;--window-b:#e8f5ffe6;--window-c:#ffe0ebd6;--window-glow:#fff36e2e;--chrome-a:#fff36e42;--chrome-b:#60d13033;grid-area:3/4/auto/span 6;min-height:clamp(10rem,18svh,14rem)}@media (min-width:641px) and (max-height:820px){.details-desktop{--details-scale-base:.72;--details-scale-lift:.05;transform-origin:50% 0;gap:clamp(1.15rem,2.5svh,2rem) clamp(1.65rem,3.7vw,4rem);min-height:clamp(29rem,58svh,38rem);margin-bottom:clamp(3.8rem,6svh,5.2rem);padding-top:clamp(.75rem,1.5vw,1.25rem)}.events-window{min-height:clamp(20rem,48svh,28rem)}.luma-window-body{height:clamp(17.5rem,48svh - 2rem,25rem)}.contact-window{min-height:clamp(11.8rem,28svh,14rem)}.letter-window{min-height:clamp(10.8rem,22svh,12.6rem)}.values-window{min-height:clamp(11.4rem,24svh,13.4rem)}}.letter-window-body{padding:var(--window-pad);display:block;position:relative}.letter-badge{right:calc(var(--window-pad) + .28rem);top:calc(var(--window-pad) + .28rem);aspect-ratio:1;background:radial-gradient(circle at 72% 28%, var(--yellow) 0 .24rem, transparent .28rem), radial-gradient(circle at 26% 18%, #ffffffb8, transparent 23%), linear-gradient(145deg, var(--sky-mid) 0 48%, var(--paper) 48% 100%);width:clamp(2.7rem,4vw,3.5rem);color:var(--ink);font-family:var(--display);box-shadow:inset 0 1px 0 var(--rim-light), inset 0 -.28rem .48rem #2d250e1a, 0 .2rem 0 #2d250e24, 0 .52rem .78rem #2d4f691f;z-index:3;border:2px solid #2d250ec7;border-radius:.48rem;place-items:center;font-size:clamp(2.55rem,4.2vw,3.4rem);line-height:.78;display:grid;position:absolute;overflow:hidden;transform:rotate(4deg)}.letter-copy{border:1px solid var(--stroke-soft);border-radius:var(--tactile-radius-sm);background:var(--paper-surface);gap:.68rem;min-width:0;min-height:calc(100% - .05rem);padding:clamp(.92rem,1.7vw,1.28rem);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8f,inset 0 -.38rem .66rem #2d250e09}.letter-kicker-app{background:radial-gradient(circle at 24% 18%, #ffffffb8, transparent 24%), linear-gradient(180deg, #fff9, #fff0 55%), var(--yellow);width:-moz-fit-content;width:fit-content;font-family:var(--mono);letter-spacing:0;text-transform:uppercase;box-shadow:var(--raised-button-shadow);border:1px solid #2d250e6b;border-radius:999px;padding:.24rem .55rem;font-size:.54rem;font-weight:900;display:inline-flex}.letter-copy h2,.values-window-body h2{color:var(--ink);font-family:var(--display);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(1.45rem,2.8vw,2.3rem);line-height:.9}.letter-copy p{color:#2d250ec7;max-width:31rem;font-family:var(--serif);margin:0;font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.28}.letter-note{font-family:var(--mono);letter-spacing:0;text-transform:uppercase;background:repeating-linear-gradient(135deg,#ffffff38 0 .24rem,#2d250e05 .24rem .52rem),linear-gradient(#ffffff6b,#ffffff0a),#fff36e33;border:1px solid #2d250e33;border-radius:.58rem;padding:.46rem .52rem;font-size:.56rem;line-height:1.45;box-shadow:inset 0 1px #ffffff8f,0 .16rem #2d250e14}.letter-copy .letter-signature{color:#2d250eb3;max-width:24rem;font-family:var(--serif);text-align:right;justify-self:end;gap:.18rem;margin-top:.2rem;font-size:clamp(.86rem,1.1vw,1rem);line-height:1.24;display:grid}.letter-signature strong{color:var(--ink);font-family:var(--display);font-size:clamp(1.45rem,2.6vw,2.15rem);font-style:italic;font-weight:400;line-height:.95}.values-window-body{gap:var(--window-gap);padding:var(--window-pad);display:grid}.values-window-heading{align-items:start;gap:.5rem;display:grid}.values-square-grid{gap:var(--window-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.value-square{min-height:5rem;padding:.66rem .68rem}.value-square strong{z-index:1;font-family:var(--mono);letter-spacing:0;text-transform:uppercase;margin-bottom:.34rem;font-size:.56rem;line-height:1.25;display:block;position:relative}.value-square span{z-index:1;color:#2d250ec2;font-size:.68rem;line-height:1.3;display:block;position:relative}.audience-ribbon{align-content:start}.audience-ribbon .window-pill:nth-child(3n+1){--pill-bg:var(--yellow)}.audience-ribbon .window-pill:nth-child(3n+2){--pill-bg:var(--powder)}.audience-ribbon .window-pill:nth-child(3n+3){--pill-bg:var(--blush)}.becoming-window-body{align-content:start}.system-note{border:2px dashed var(--stroke-medium);border-radius:var(--tactile-radius-sm);background:var(--paper-grain), linear-gradient(135deg, #fff36e57, #bde6ff47), var(--glass-surface);color:#2d250ec7;font-family:var(--mono);text-transform:uppercase;box-shadow:var(--glass-inset), 0 .18rem 0 #2d250e14;-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);grid-template-columns:auto 1fr;align-items:center;gap:.55rem;padding:.68rem .74rem;font-size:.62rem;font-weight:900;line-height:1.35;display:grid}.system-note-light{aspect-ratio:1;border:1px solid var(--stroke-medium);background:radial-gradient(circle at 34% 26%, #ffffffd1, transparent 24%), var(--orange);border-radius:50%;width:.82rem;display:block;box-shadow:inset 0 1px #ffffffad,0 0 .62rem #ff8a2a6b,0 .12rem #2d250e29}.value-square:nth-child(2){--value-bg:var(--powder);--value-r:1.4deg}.value-square:nth-child(3){--value-bg:var(--blush);--value-r:-1.8deg}.value-square:nth-child(4){--value-bg:var(--lime);--value-r:1deg}.value-square:nth-child(5){--value-bg:var(--yellow);--value-r:-1deg}.value-square:nth-child(6){--value-bg:var(--peach);--value-r:1.6deg}.floating-ambient-footer{--footer-collapsed-size:4.7rem;--footer-collapsed-half:2.35rem;--footer-border-width:2px;--footer-tab-size:3.72rem;--footer-tab-height:calc(var(--footer-tab-size) / 2);--footer-tab-half:calc(var(--footer-tab-size) / 2);--footer-border-color:var(--stroke-strong);--footer-organic-gradient:radial-gradient(ellipse at 12% 20%, #1aadfff2 0 20%, transparent 50%), radial-gradient(ellipse at 86% 18%, #fff36edb 0 18%, transparent 46%), radial-gradient(ellipse at 74% 88%, #60d130c2 0 20%, transparent 48%), radial-gradient(ellipse at 26% 78%, #ff8a2ab3 0 16%, transparent 44%), linear-gradient(135deg, #1aadffd1, #fffdf57a 48%, #fff36e8f);--footer-open-surface:var(--plastic-gloss), var(--paper-grain), radial-gradient(circle at 9% 14%, #ffffffb8, transparent 24%), radial-gradient(circle at 86% 18%, #fff36e29, transparent 26%), radial-gradient(circle at 68% 78%, #ffa1b81c, transparent 34%), radial-gradient(circle at 76% 100%, #60d13024, transparent 38%), linear-gradient(145deg, #fffdf5f0, #f7f4ece6 45%, #fffdf5db), #fffdf5db;--footer-tab-mask:var(--plastic-gloss), var(--paper-grain), radial-gradient(circle at 9% 14%, #ffffffb8, transparent 24%), radial-gradient(circle at 86% 18%, #fff36e29, transparent 26%), radial-gradient(circle at 68% 78%, #ffa1b81c, transparent 34%), radial-gradient(circle at 76% 100%, #60d13024, transparent 38%), linear-gradient(145deg, #fffdf5f0, #f7f4ece6 45%, #fffdf5db), var(--paper);left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + .9rem);z-index:var(--layer-footer);width:min(42rem,100vw - 1.5rem);height:auto;min-height:4.35rem;max-height:none;color:var(--ink);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;isolation:isolate;transform-origin:50% 100%;will-change:transform, opacity;contain:layout style;background:0 0;border:2px solid #0000;border-radius:1.35rem;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(.56rem,1.4vw,.95rem);padding:.82rem .72rem .62rem;transition:opacity .28s,scale .46s cubic-bezier(.16,.9,.18,1);display:grid;position:fixed;overflow:visible;translate:-50%;scale:1}.footer-morph-surface,.footer-morph-surface:before,.footer-morph-surface:after,.floating-ambient-footer:before,.floating-ambient-footer:after{content:"";pointer-events:none;position:absolute}.footer-morph-surface{z-index:-1;border:var(--footer-border-width) solid var(--footer-border-color);background:var(--footer-open-surface);box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(16px)saturate(1.18)contrast(1.03)brightness(1.03);backdrop-filter:blur(16px)saturate(1.18)contrast(1.03)brightness(1.03);clip-path:inset(0 round 1.35rem);filter:blur()saturate();opacity:1;transform-origin:50% 100%;will-change:clip-path, filter, opacity;background-attachment:fixed;border-radius:1.35rem;transition:clip-path .46s cubic-bezier(.16,.9,.18,1),border-radius .46s cubic-bezier(.16,.9,.18,1),filter .46s,opacity .36s,box-shadow .36s;inset:0;transform:translateZ(0)}.footer-morph-surface:before,.footer-morph-surface:after{content:none;left:auto;right:auto}.floating-ambient-footer:before{opacity:.8;mix-blend-mode:screen;background:radial-gradient(circle at 8% 52%,#ffffffb8,#0000 9%),radial-gradient(circle at 96% 48%,#ffffff94,#0000 8%),linear-gradient(90deg,#0000,#ffffff9e 18%,#ffffff29 52%,#0000);border-radius:999px;height:1.32rem;inset:.34rem .5rem auto}.floating-ambient-footer:after{filter:blur(.28rem);opacity:.28;z-index:-1;background:#2d250e47;border-radius:0 0 999px 999px;height:.8rem;bottom:-.42rem;left:1rem;right:1rem}.floating-ambient-mark{appearance:none;aspect-ratio:1;background:radial-gradient(circle at 30% 20%, #ffffffe6, transparent 28%), radial-gradient(circle at 72% 82%, #fff36e61, transparent 38%), var(--paper);width:3.35rem;height:3.35rem;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-position:0 0,18% 24%,84% 18%,72% 82%,28% 70%,50%,0 0;background-size:auto,230% 230%,220% 220%,238% 238%,216% 216%,180% 180%,auto;border:2px solid #2d250ed1;border-radius:50%;flex:none;place-items:center;padding:0;transition:opacity .18s,border-color .22s,background-color .22s,box-shadow .22s,scale .52s cubic-bezier(.16,1.42,.18,1),rotate .22s cubic-bezier(.16,.84,.18,1);animation:none;display:grid;overflow:hidden;rotate:-4deg;scale:1;box-shadow:inset 0 1px #ffffff2e,0 .16rem .2rem #2d250e29,0 .58rem .9rem #2d4f691f}span.floating-ambient-mark{cursor:default;pointer-events:none}.floating-ambient-mark img{object-fit:contain;filter:drop-shadow(0 1px #ffffff80)drop-shadow(0 .12rem .12rem #2d250e2e);width:2.16rem;height:2.16rem;display:block}.footer-logo-toggle:focus-visible,.footer-collapse-button:focus-visible{outline:2px solid var(--ink);outline-offset:.2rem}@media (hover:hover) and (pointer:fine){.footer-logo-toggle:hover,.footer-logo-toggle:focus-visible{scale:1.045;box-shadow:inset 0 1px #ffffff3d,0 .18rem .22rem #2d250e2e,0 .72rem 1.05rem #2d4f6929}}.floating-ambient-footer.is-collapsed{color:var(--paper);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border-color:#0000;scale:.985}.floating-ambient-footer.is-collapsed .footer-morph-surface{clip-path:inset(calc(100% - var(--footer-collapsed-size)) calc(50% - var(--footer-collapsed-half)) 0 calc(50% - var(--footer-collapsed-half)) round 999px);filter:blur(2.2px)saturate(.98);opacity:.96;border-radius:999px;box-shadow:inset 0 1px #ffffff2e,inset 0 -.42rem .72rem #0000001a,0 .24rem #2d250e29,0 .92rem 1.35rem #2d4f6921}.floating-ambient-footer.is-collapsed .footer-morph-surface:before,.floating-ambient-footer.is-collapsed .footer-morph-surface:after{opacity:0}.floating-ambient-footer.is-collapsed:before,.floating-ambient-footer.is-collapsed:after{content:none}.floating-ambient-footer.is-collapsed .floating-ambient-mark{width:var(--footer-collapsed-size);height:var(--footer-collapsed-size);background:radial-gradient(circle at 30% 20%, #ffffffe6, transparent 28%), radial-gradient(circle at 72% 82%, #fff36e6b, transparent 38%), var(--paper);z-index:1;pointer-events:auto;background-position:0 0,18% 24%,84% 18%,72% 82%,28% 70%,50%,0 0;background-size:auto,230% 230%,220% 220%,238% 238%,216% 216%,180% 180%,auto;border:2px solid #2d250edb;border-radius:50%;position:absolute;bottom:0;left:50%;right:auto;translate:-50%;rotate:0deg;box-shadow:inset 0 1px #ffffff29,inset 0 -.42rem .72rem #00000029,0 .24rem #2d250e33,0 .92rem 1.35rem #2d4f6929}.floating-ambient-footer.is-collapsed .floating-ambient-mark img{filter:drop-shadow(0 1px #ffffff80)drop-shadow(0 .18rem .16rem #2d250e38);width:70%;max-width:3.25rem;height:70%;max-height:3.25rem}.floating-ambient-footer.is-collapsed .floating-footer-copy,.floating-ambient-footer.is-collapsed .floating-footer-soon,.floating-ambient-footer.is-collapsed .footer-charms,.floating-ambient-footer.is-collapsed .footer-collapse-button{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.34rem)scale(.96)}.footer-collapse-button{appearance:none;top:calc((var(--footer-tab-height) * -1) + var(--footer-border-width));width:var(--footer-tab-size);height:var(--footer-tab-height);border:var(--footer-border-width) solid var(--footer-border-color);border-radius:var(--footer-tab-height) var(--footer-tab-height) 0 0;background:var(--footer-tab-mask);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:5;background-attachment:fixed;border-bottom:0;place-items:center;padding:0;transition:opacity .18s,visibility .18s;display:grid;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #fffc,inset 0 -.08rem .18rem #2d250e06}.footer-collapse-button:before{content:"";z-index:3;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);pointer-events:none;background:0 0;border-radius:1px;width:.62rem;height:.62rem;display:block;position:absolute;top:48%;left:50%;transform:translate(-50%,-56%)rotate(45deg)}.footer-collapse-button:after{content:none;z-index:1;width:var(--footer-tab-size);height:var(--footer-tab-height);filter:none;pointer-events:none;background:0 0;position:absolute;top:0;left:0}.footer-collapse-button:hover,.footer-collapse-button:active{transform:translate(-50%)}.floating-footer-copy{transform-origin:0;align-content:center;gap:.26rem;min-width:0;transition:opacity .22s,visibility .22s,transform .3s cubic-bezier(.16,.84,.18,1);display:grid}.floating-footer-title{background:var(--paper-surface);border:1px solid #2d250e2e;border-radius:.82rem;flex-wrap:wrap;align-items:center;gap:.5rem;width:-moz-fit-content;width:fit-content;min-width:0;padding:.24rem .32rem .28rem;display:flex;transform:rotate(-.45deg);box-shadow:inset 0 1px #ffffff9e,inset 0 0 0 1px #ffffff3d,inset 0 -.24rem .38rem #2d250e0a}.floating-footer-kicker{background:radial-gradient(circle at 24% 20%, #ffffffc7, transparent 25%), linear-gradient(180deg, #ffffff7a, #fff0), var(--paper);width:-moz-fit-content;width:fit-content;font-family:var(--mono);text-transform:uppercase;border:1px solid #2d250e52;border-radius:999px;align-items:center;gap:.28rem;padding:.14rem .48rem .16rem .2rem;font-size:.48rem;font-weight:900;line-height:1;display:inline-flex;transform:rotate(-1.4deg);box-shadow:inset 0 1px #ffffffa6,0 .14rem #2d250e1f}.floating-footer-kicker img{object-fit:contain;filter:brightness(0)saturate();opacity:.92;width:.92rem;height:.92rem;display:block}.floating-footer-kicker:before{content:none}.floating-footer-copy strong{color:var(--ink);font-family:var(--display);letter-spacing:0;text-transform:none;white-space:nowrap;font-size:clamp(1.05rem,1.65vw,1.32rem);font-style:italic;font-weight:400;line-height:.92}.floating-footer-soon{letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:900}.floating-footer-copy>span:not(.floating-footer-title){color:#2d250eb8;font-size:.72rem;line-height:1.2}.floating-footer-description{color:#2d250eb8;max-width:25rem;font-size:.72rem;line-height:1.18}.floating-footer-soon{background:radial-gradient(circle at 18% 18%, #ffffffdb, transparent 20%), repeating-linear-gradient(90deg, #ffffff29 0 .42rem, transparent .42rem .84rem), linear-gradient(180deg, #fff97f, var(--yellow) 48%, #f2d743);min-height:2.72rem;color:var(--ink);white-space:nowrap;border:2px solid #2d250eb8;border-radius:999px;place-items:center;padding:.32rem .95rem;text-decoration:none;transition:transform .18s cubic-bezier(.16,.84,.18,1),box-shadow .18s,opacity .22s,visibility .22s;display:inline-grid;transform:rotate(1.3deg);box-shadow:inset 0 1px #ffffffd1,inset 0 0 0 1px #ffffff47,inset 0 -.42rem #2d250e14,0 .28rem #2d250e2e}.floating-footer-soon:hover,.floating-footer-soon:focus-visible{outline:0;transform:translateY(-.08rem)rotate(1.3deg);box-shadow:inset 0 1px #ffffffdb,inset 0 -.42rem #2d250e14,0 .34rem #2d250e2e,0 .72rem .9rem #2d4f6924}.floating-footer-soon:active{box-shadow:var(--pressed-shadow);transform:translateY(.08rem)rotate(1.3deg)}.footer-charms{pointer-events:auto;transform-origin:100% 100%;gap:.4rem;margin:-.28rem;padding:.28rem;transition:opacity .2s,visibility .2s,transform .28s cubic-bezier(.16,.84,.18,1);display:flex;position:absolute;inset:auto 1.25rem calc(100% - .62rem) auto}.footer-charms i{--charm-y:0rem;--charm-delay:0s;aspect-ratio:1;background:var(--charm,var(--sky-mid));width:1.05rem;translate:0 var(--charm-y);scale:1;transform:rotate(var(--charm-r,-10deg));transform-origin:50% 82%;animation:5.8s cubic-bezier(.22,.82,.22,1) infinite footer-charm-bounce;animation-delay:var(--charm-delay);will-change:translate, scale;border:1px solid #2d250e75;border-radius:.34rem;display:block;box-shadow:inset 0 1px #ffffffad,0 .18rem #2d250e24}.footer-charms i:nth-child(2){--charm:var(--blush);--charm-r:7deg;--charm-y:.22rem;--charm-delay:.12s;border-radius:50%}.footer-charms i:nth-child(3){--charm:var(--green);--charm-r:13deg;--charm-y:-.04rem;--charm-delay:.24s}.footer-charms:hover i,.footer-charms i:hover{animation:.62s cubic-bezier(.16,1.18,.18,1) both footer-charm-pop}.footer-charms:hover i:nth-child(2),.footer-charms i:nth-child(2):hover{animation-delay:45ms}.footer-charms:hover i:nth-child(3),.footer-charms i:nth-child(3):hover{animation-delay:90ms}.tools-menu-backdrop{z-index:calc(var(--layer-menu) - 1);appearance:none;-webkit-backdrop-filter:blur(8px)saturate(1.08);backdrop-filter:blur(8px)saturate(1.08);cursor:pointer;background:#2d4f6933;border:0;position:fixed;inset:0}.tools-menu{top:calc(env(safe-area-inset-top,0px) + .92rem);right:calc(env(safe-area-inset-right,0px) + .92rem);z-index:var(--layer-menu);isolation:isolate;pointer-events:auto;grid-template-columns:2.82rem;align-items:center;gap:0;min-width:3.45rem;min-height:3.45rem;padding:.42rem;display:grid;position:fixed}.tools-menu.is-open{grid-template-columns:2.82rem minmax(0,1fr);align-items:stretch;gap:.72rem;padding:.72rem}.tools-menu.is-open .tools-menu-button{place-self:center}.tools-menu-surface{z-index:-1;background:var(--plastic-gloss), radial-gradient(circle at 18% 12%, #fffc, transparent 28%), linear-gradient(145deg, var(--yellow), var(--powder) 58%, var(--blush));box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(15px)saturate(1.18);backdrop-filter:blur(15px)saturate(1.18);border:2px solid #2d250ed1;border-radius:999px;transition:border-radius .52s cubic-bezier(.16,.9,.18,1),box-shadow .22s;position:absolute;inset:0}.tools-menu.is-open .tools-menu-surface{border-radius:1.18rem}.tools-menu-button{appearance:none;background:radial-gradient(circle at 34% 24%, #ffffffc7, transparent 30%), var(--paper);width:2.82rem;height:2.82rem;box-shadow:var(--raised-button-shadow);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:2px solid #2d250edb;border-radius:50%;place-items:center;padding:0;transition:box-shadow .16s;display:grid}.tools-menu-button span{background:var(--ink);width:1.05rem;height:.16rem;transition:transform .22s var(--ease-tactile), opacity .18s ease;border-radius:999px;grid-area:1/1}.tools-menu-button span:first-child{transform:translateY(-.38rem)}.tools-menu-button span:nth-child(3){transform:translateY(.38rem)}.tools-menu-button.is-close span:first-child{transform:rotate(45deg)}.tools-menu-button.is-close span:nth-child(2){opacity:0}.tools-menu-button.is-close span:nth-child(3){transform:rotate(-45deg)}.tools-menu-list{gap:.72rem;min-width:min(19.2rem,100vw - 6.4rem);padding:0;display:grid}.tools-menu-list button{appearance:none;background:radial-gradient(circle at 12% 8%, #ffffffc2, transparent 30%), var(--paper);min-height:4.08rem;color:var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-tactile), box-shadow .16s ease, background-color .18s ease;border:2px solid #2d250eb8;border-radius:.72rem;align-content:center;gap:.38rem;padding:.9rem 1.05rem;display:grid;box-shadow:inset 0 1px #ffffffc2,0 .18rem #2d250e24}.tools-menu-button:hover,.tools-menu-button:focus-visible{box-shadow:var(--raised-button-shadow-hover);outline:0}.tools-menu-button:active{box-shadow:var(--pressed-shadow)}.tools-menu-list button:hover,.tools-menu-list button:focus-visible{box-shadow:var(--raised-button-shadow-hover);outline:0;transform:translateY(-.08rem)}.tools-menu-list button:active{box-shadow:var(--pressed-shadow);transform:translateY(.08rem)}.tools-menu-list button strong{font-family:var(--mono);text-transform:uppercase;font-size:.9rem;line-height:1.05}.tools-menu-list button span{font-size:.86rem;line-height:1.2}.tools-menu-list button.is-active{background:radial-gradient(circle at 16% 12%, #ffffffd1, transparent 30%), var(--lime)}.tools-menu-button,.tools-menu-list button,.formation-home-button,.formation-export-button,.formation-privacy-button,.formation-code-card button,.formation-profile-form button,.formation-self-bubble,.formation-zoom-controls button,.formation-sidebar-tabs button,.formation-close-button{z-index:2;position:relative}.formation-page{background:radial-gradient(circle at 15% 20%, #fff36e57, transparent 18rem), radial-gradient(circle at 82% 10%, #ffa1b83d, transparent 16rem), var(--sky-gradient);min-height:100svh;color:var(--ink);padding:clamp(4.8rem,8vw,6.8rem) clamp(.82rem,3vw,2.4rem) clamp(7.8rem,12vw,10rem)}.formation-shell{width:min(78rem,100%);margin:0 auto}.formation-topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.formation-room-actions{flex-wrap:wrap;justify-content:flex-end;gap:.52rem;display:flex}.formation-home-button,.formation-live-pill,.formation-stats span,.formation-export-button,.formation-privacy-button,.formation-privacy-heading button,.formation-toast button,.formation-code-card button,.formation-profile-form button,.formation-self-bubble{background:var(--plastic-gloss), radial-gradient(circle at 20% 12%, #ffffffb8, transparent 30%), var(--paper);box-shadow:var(--raised-button-shadow);color:var(--ink);border:2px solid #2d250ed1;border-radius:999px}.formation-zoom-controls button{background:var(--plastic-gloss), radial-gradient(circle at 20% 12%, #ffffffb8, transparent 30%), var(--paper);box-shadow:var(--raised-button-shadow);color:var(--ink);border:2px solid #2d250ed1;border-radius:50%}.formation-home-button{appearance:none;font-family:var(--mono);text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-tactile), box-shadow .16s ease;padding:.68rem .9rem;font-size:.8rem}.formation-live-pill{font-family:var(--mono);text-transform:uppercase;padding:.58rem .8rem;font-size:.72rem}.formation-live-pill.is-connected{background:var(--plastic-gloss), radial-gradient(circle at 20% 12%, #ffffffb8, transparent 30%), var(--lime)}.formation-live-pill.is-connecting{animation:1.35s ease-in-out infinite gentle-pulse}.formation-live-pill.is-fallback{background:var(--plastic-gloss), radial-gradient(circle at 20% 12%, #ffffffb8, transparent 30%), var(--yellow)}.formation-status-chip{background:var(--plastic-gloss), radial-gradient(circle at 20% 12%, #ffffffb8, transparent 30%), var(--paper);min-height:2.45rem;box-shadow:var(--raised-button-shadow);color:var(--ink);font-family:var(--mono);text-transform:uppercase;cursor:default;z-index:7;border:2px solid #2d250ed1;border-radius:999px;outline:0;align-items:center;gap:.42rem;padding:.5rem .78rem;font-size:.72rem;display:inline-flex;position:relative}.formation-status-chip.is-draft{background:var(--plastic-gloss), radial-gradient(circle at 20% 12%, #ffffffb8, transparent 30%), #c9cfff}.formation-status-chip.is-collecting{background:var(--plastic-gloss), radial-gradient(circle at 20% 12%, #ffffffb8, transparent 30%), var(--lime)}.formation-status-chip.is-matching{background:var(--plastic-gloss), radial-gradient(circle at 20% 12%, #ffffffb8, transparent 30%), var(--yellow);animation:1.25s ease-in-out infinite gentle-pulse}.formation-status-chip.is-closed{background:var(--plastic-gloss), radial-gradient(circle at 20% 12%, #ffffffb8, transparent 30%), var(--peach)}.formation-status-dot{aspect-ratio:1;background:currentColor;border:2px solid #2d250eb8;border-radius:50%;width:.54rem;box-shadow:inset 0 1px #ffffffb3,0 .12rem #2d250e1f}.formation-status-popover{background:var(--plastic-gloss), radial-gradient(circle at 16% 10%, #ffffffd1, transparent 34%), var(--paper);width:min(21rem,100vw - 1.25rem);box-shadow:var(--mac-shadow-window-front);color:var(--ink);font-family:var(--sans);text-align:left;text-transform:none;opacity:0;pointer-events:none;transform-origin:88% 0;border:2px solid #2d250edb;border-radius:1rem;padding:.82rem;transition:opacity .16s,transform .26s cubic-bezier(.16,.84,.18,1);position:absolute;top:calc(100% + .54rem);right:0;transform:translateY(-.32rem)scale(.96)}.formation-status-chip:hover .formation-status-popover,.formation-status-chip:focus-visible .formation-status-popover,.formation-status-chip:focus-within .formation-status-popover{opacity:1;pointer-events:auto;transform:translate(0,0)scale(1)}.formation-status-chip:focus-visible{outline-offset:.12rem;outline:3px solid #103dff57}.formation-status-popover strong{font-family:var(--mono);text-transform:uppercase;font-size:.82rem;line-height:1.1;display:block}.formation-status-popover p{margin:.46rem 0 0;font-size:.92rem;line-height:1.28}.formation-status-popover small{font-family:var(--mono);text-transform:uppercase;opacity:.72;margin-top:.64rem;font-size:.66rem;display:block}.formation-phase-list{flex-wrap:wrap;gap:.36rem;margin-top:.7rem;display:flex}.formation-phase-chip{background:var(--paper);min-height:1.75rem;font-family:var(--mono);text-transform:uppercase;opacity:0;transition:opacity .18s,transform .3s cubic-bezier(.16,.84,.18,1);transition-delay:calc(var(--phase-index) * 42ms);border:2px solid #2d250e9e;border-radius:999px;align-items:center;padding:.32rem .48rem;font-size:.62rem;line-height:1;display:inline-flex;transform:translateY(.34rem)rotate(-1deg);box-shadow:inset 0 1px #ffffffb8,0 .13rem #2d250e1a}.formation-status-chip:hover .formation-phase-chip,.formation-status-chip:focus-visible .formation-phase-chip,.formation-status-chip:focus-within .formation-phase-chip{opacity:1;transform:translate(0,0)rotate(0)}.formation-phase-chip.is-draft{background:#c9cfff}.formation-phase-chip.is-collecting{background:var(--lime)}.formation-phase-chip.is-matching{background:var(--yellow)}.formation-phase-chip.is-closed{background:var(--peach)}.formation-phase-chip.is-current{outline-offset:.08rem;outline:3px solid #103dff3d}.formation-export-button,.formation-privacy-button{appearance:none;font-family:var(--mono);text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-tactile), box-shadow .16s ease, opacity .16s ease;padding:.64rem .84rem;font-size:.74rem}.formation-home-button:hover,.formation-home-button:focus-visible,.formation-export-button:hover:not(:disabled),.formation-export-button:focus-visible:not(:disabled),.formation-privacy-button:hover,.formation-privacy-button:focus-visible,.formation-code-card button:hover:not(:disabled),.formation-code-card button:focus-visible:not(:disabled),.formation-profile-form button:hover:not(:disabled),.formation-profile-form button:focus-visible:not(:disabled),.formation-self-bubble:hover:not(:disabled),.formation-self-bubble:focus-visible:not(:disabled),.formation-zoom-controls button:hover:not(:disabled),.formation-zoom-controls button:focus-visible:not(:disabled),.formation-sidebar-tabs button:hover:not(:disabled),.formation-sidebar-tabs button:focus-visible:not(:disabled),.formation-close-button:hover,.formation-close-button:focus-visible{box-shadow:var(--raised-button-shadow-hover);outline:0;transform:translateY(-.08rem)}.formation-home-button:active,.formation-export-button:active:not(:disabled),.formation-privacy-button:active,.formation-code-card button:active:not(:disabled),.formation-profile-form button:active:not(:disabled),.formation-self-bubble:active:not(:disabled),.formation-zoom-controls button:active:not(:disabled),.formation-sidebar-tabs button:active:not(:disabled),.formation-close-button:active{box-shadow:var(--pressed-shadow);transform:translateY(.08rem)}.formation-export-button:disabled{cursor:not-allowed;opacity:.56}.formation-live-area{grid-template-columns:minmax(0,1.12fr) minmax(18rem,.46fr);align-items:stretch;gap:clamp(.82rem,2vw,1.3rem);display:grid}.formation-code-card,.formation-stage,.formation-inspector,.formation-profile-form{border-radius:var(--tactile-radius);background:var(--plastic-gloss), var(--paper-grain), radial-gradient(circle at 12% 8%, #ffffffb8, transparent 28%), #fffdf5db;box-shadow:var(--mac-shadow-window);-webkit-backdrop-filter:blur(18px)saturate(1.16);backdrop-filter:blur(18px)saturate(1.16);border:2px solid #2d250edb;position:relative;overflow:hidden}.formation-code-gate{align-content:center;gap:1rem;width:min(36rem,100%);min-height:calc(100svh - clamp(9rem,16vw,13rem));margin:0 auto;display:grid;position:relative}.formation-code-card{gap:.82rem;padding:clamp(1.15rem,3vw,1.65rem);display:grid}.formation-code-card h1{max-width:12ch;font-family:var(--serif);letter-spacing:0;margin:0;font-size:clamp(2.4rem,7vw,4.8rem);line-height:.9}.formation-code-card input{background:var(--paper-grain), #fffdf5e6;width:min(14rem,100%);height:3.4rem;color:var(--ink);font-family:var(--mono);letter-spacing:.16rem;text-transform:uppercase;border:2px solid #2d250eb8;border-radius:.7rem;padding:0 .8rem;font-size:1.45rem;box-shadow:inset 0 .14rem .28rem #2d250e14}.formation-code-card button{width:max-content;min-height:2.9rem;font-family:var(--mono);text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-tactile), box-shadow .16s ease, opacity .16s ease;padding:.62rem .9rem;font-size:.8rem}.formation-code-card button:disabled{cursor:wait;opacity:.62}.formation-kicker{width:max-content;font-family:var(--mono);text-transform:uppercase;margin-bottom:.68rem;font-size:.76rem;display:inline-flex}.formation-inspector h2{max-width:13ch;font-family:var(--serif);letter-spacing:0;margin:0;font-size:clamp(2.3rem,6vw,5.4rem);line-height:.88}.formation-inspector p{max-width:48rem;margin:1rem 0 0;font-size:clamp(1rem,1.7vw,1.24rem);line-height:1.35}.formation-stats{flex-wrap:wrap;gap:.46rem;margin-top:1.1rem;display:flex}.formation-stats span{font-family:var(--mono);text-transform:uppercase;padding:.46rem .64rem;font-size:.74rem}.formation-profile-form input{background:var(--paper-grain), #fffdf5e0;min-width:0;height:2.75rem;color:var(--ink);font:inherit;border:2px solid #2d250e9e;border-radius:.58rem;padding:0 .74rem;box-shadow:inset 0 .14rem .28rem #2d250e14}.formation-profile-form input:disabled{opacity:.56}.formation-profile-form button{min-height:2.9rem;font-family:var(--mono);text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-tactile), box-shadow .16s ease, opacity .16s ease;grid-column:1/-1;font-size:.8rem}.formation-profile-form button:disabled,.formation-self-bubble:disabled{cursor:not-allowed;opacity:.56}.formation-self-dock{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);z-index:calc(var(--layer-tools) + 2);pointer-events:none;place-items:center;width:min(28rem,100vw - 1.5rem);display:grid;position:fixed;translate:-50%}.formation-self-dock>*{pointer-events:auto}.formation-self-bubble{appearance:none;cursor:pointer;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:min(28rem,100%);min-width:0;min-height:4rem;transition:transform .16s var(--ease-tactile), box-shadow .16s ease, opacity .16s ease;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.62rem;padding:.42rem .9rem .42rem .46rem;display:grid}.formation-self-bubble span{aspect-ratio:1;background:radial-gradient(circle at 32% 22%, #ffffffeb, transparent 28%), var(--plastic-gloss), var(--lime);width:3rem;font-family:var(--mono);text-transform:uppercase;border:2px solid #2d250ed1;border-radius:50%;place-items:center;font-size:1.25rem;line-height:1;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffc7,0 .16rem #2d250e24}.formation-self-bubble strong{min-width:0;font-family:var(--mono);text-transform:uppercase;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(.72rem,2.6vw,.78rem);line-height:1.05}.formation-self-bubble.has-profile span{font-size:1.05rem}.formation-profile-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;width:100%;padding:clamp(.9rem,1.8vw,1.18rem);display:grid}.formation-profile-heading{grid-column:1/-1;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.formation-profile-heading .formation-kicker{margin-bottom:0}.formation-profile-heading button{border-radius:50%;grid-column:auto;place-items:center;width:2.28rem;min-height:2.28rem;padding:0;font-size:1.25rem;line-height:1;display:grid}.formation-stage{--formation-board-base-width:clamp(58rem, 132vw, 98rem);--formation-board-base-height:clamp(48rem, 96svh, 68rem);overscroll-behavior:contain;touch-action:none;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;background:radial-gradient(circle at 24% 22%, #fff36e42, transparent 12rem), radial-gradient(circle at 70% 64%, #60d1302e, transparent 12rem), var(--paper-grain), var(--glass-surface);height:min(68svh,45rem);min-height:30rem;overflow:auto}.formation-stage.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.formation-stage::-webkit-scrollbar{width:0;height:0}.formation-zoom-controls{z-index:12;background:radial-gradient(circle at 18% 12%, #ffffffb8, transparent 34%), var(--paper-grain), #fffdf5e6;width:max-content;box-shadow:var(--raised-button-shadow);pointer-events:auto;border:2px solid #2d250ec2;border-radius:999px;grid-template-columns:2.28rem 3.35rem 2.28rem;place-items:center;margin:.72rem .72rem -3.25rem auto;padding:.28rem .42rem;display:inline-grid;position:sticky;top:.72rem;left:calc(100% - 9.75rem)}.formation-zoom-controls button{appearance:none;aspect-ratio:1;width:2.28rem;font-family:var(--mono);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-tactile), box-shadow .16s ease, opacity .16s ease;place-items:center;padding:0;font-size:1.05rem;line-height:1;display:grid}.formation-zoom-controls button:disabled{cursor:not-allowed;opacity:.45}.formation-zoom-controls span{min-width:0;font-family:var(--mono);text-align:center;font-size:.64rem;line-height:1}.formation-board-plane{width:calc(var(--formation-board-base-width) * var(--board-zoom,1));height:calc(var(--formation-board-base-height) * var(--board-zoom,1));min-width:calc(var(--formation-board-base-width) * var(--board-zoom,1));min-height:calc(var(--formation-board-base-height) * var(--board-zoom,1));position:relative}.formation-board-content{width:var(--formation-board-base-width);height:var(--formation-board-base-height);transform:scale(var(--board-zoom,1));transform-origin:0 0;background-color:#0000;background-image:linear-gradient(#103dff0b 1px,#0000 1px),linear-gradient(90deg,#103dff0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:2rem 2rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;top:0;left:0}.formation-empty{width:min(15rem,72%);font-family:var(--mono);text-align:center;text-transform:uppercase;background:#fffdf56b;border:2px dashed #2d250e57;border-radius:999px;padding:.86rem 1rem;font-size:.78rem;position:absolute;top:50%;left:50%;translate:-50% -50%}.formation-cluster-area{z-index:1;background:radial-gradient(circle at 18% 12%, #fff9, transparent 32%), var(--paper-grain), #fffdf547;pointer-events:none;border:2px solid #2d250eb3;border-radius:2rem;min-width:8.4rem;min-height:7.1rem;position:absolute;box-shadow:inset 0 0 0 .32rem #9bea6829,inset 0 -.8rem 1.8rem #2d250e0f,0 .7rem 1.5rem #2340561f}.formation-cluster-area span{background:var(--plastic-gloss), radial-gradient(circle at 22% 14%, #ffffffd1, transparent 34%), var(--paper);font-family:var(--mono);text-transform:uppercase;box-shadow:var(--raised-button-shadow);border:2px solid #2d250eb8;border-radius:999px;padding:.36rem .58rem;font-size:.7rem;position:absolute;top:-1.22rem;left:1.12rem}.formation-bubble{appearance:none;z-index:2;aspect-ratio:1;background:radial-gradient(circle at 32% 22%, #ffffffeb, transparent 24%), radial-gradient(circle at 72% 82%, #2d250e1f, transparent 32%), var(--bubble-color);width:clamp(3.65rem,6.1vw,4.65rem);color:var(--ink);text-align:center;cursor:pointer;will-change:left, top, transform;border:2px solid #2d250ed6;border-radius:50%;grid-template-rows:auto auto;align-content:center;place-items:center;gap:.1rem;padding:clamp(.38rem,.66vw,.52rem);display:grid;position:absolute;translate:-50% -50%;box-shadow:inset 0 1px #fffc,inset 0 -.58rem .8rem #2d250e14,0 .2rem #2d250e2e,0 .9rem 1.35rem #23405629}.formation-bubble.is-selected{z-index:4;outline-offset:.16rem;outline:3px solid #103dff80}.formation-bubble.is-owned{z-index:5;outline-offset:.14rem;outline:3px solid #9bea68c2}.formation-bubble.is-grouped{box-shadow:inset 0 1px #fffc,inset 0 -.58rem .8rem #2d250e14,0 .2rem #2d250e2e,0 0 0 .42rem #9bea682e,0 1rem 1.45rem #2340562e}.formation-bubble strong{max-width:100%;font-family:var(--mono);overflow-wrap:anywhere;-webkit-line-clamp:3;text-align:center;text-transform:uppercase;-webkit-box-orient:vertical;font-size:clamp(.48rem,.66vw,.58rem);line-height:1;display:-webkit-box;overflow:hidden}.formation-bubble em{overflow-wrap:anywhere;max-width:100%;font-size:clamp(.54rem,.72vw,.62rem);font-style:normal;line-height:1.04;font-family:var(--mono);opacity:.82}.formation-bubble-shine{pointer-events:none;background:#ffffffb8;border-radius:50%;width:.72rem;height:.36rem;position:absolute;inset:.42rem auto auto .62rem;rotate:-28deg}.formation-inspector{flex-direction:column;min-height:16rem;padding:clamp(.9rem,1.8vw,1.18rem);display:flex}.formation-sidebar-tabs{background:radial-gradient(circle at 18% 12%, #ffffffad, transparent 34%), var(--paper-grain), #fffdf58a;border:2px solid #2d250eb8;border-radius:1.1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem;margin:-.16rem 0 .95rem;padding:.28rem;display:grid;box-shadow:inset 0 .18rem .28rem #ffffff80,inset 0 -.2rem .28rem #2d250e14,0 .22rem #2d250e1f}.formation-sidebar-tabs button{color:#2d250ec7;min-width:0;min-height:2.28rem;font-family:var(--mono);text-transform:uppercase;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--ease-tactile), box-shadow .16s ease, color .16s ease, background-color .16s ease, opacity .16s ease;background:0 0;border:2px solid #0000;border-radius:.82rem;font-size:.66rem;line-height:1}.formation-sidebar-tabs button.is-active{background:var(--plastic-gloss), radial-gradient(circle at 20% 10%, #ffffffc7, transparent 36%), var(--lime);color:var(--ink);border-color:#2d250ec7;box-shadow:inset 0 1px #ffffffb8,inset 0 -.22rem #2d250e14,0 .18rem #2d250e24}.formation-sidebar-tabs button:disabled{cursor:not-allowed;opacity:.46}.formation-sidebar-panel{min-height:12.8rem}.formation-inspector-actions{border-top:1px solid #2d250e3d;gap:.62rem;margin-top:auto;padding-top:.82rem;display:grid}.formation-inspector-actions p{margin:0;font-size:.86rem;line-height:1.25}.formation-inspector h2{max-width:10ch;font-size:clamp(1.8rem,3.4vw,3.2rem)}.formation-inspector dl{gap:.58rem;margin:1rem 0 0;display:grid}.formation-inspector dl div{border-top:1px solid #2d250e3d;gap:.2rem;padding-top:.52rem;display:grid}.formation-inspector dt{font-family:var(--mono);text-transform:uppercase;font-size:.68rem}.formation-inspector dd{margin:0;line-height:1.22}.formation-group-roster{gap:0;margin:1rem 0 0;padding:0;list-style:none;display:grid}.formation-group-roster li{border-top:1px solid #2d250e3d;justify-content:space-between;align-items:center;gap:.68rem;min-height:3rem;padding:.42rem 0;display:flex}.formation-group-roster strong{min-width:0;font-size:.94rem;line-height:1.1}.formation-group-roster span{background:var(--lime);background-image:var(--plastic-gloss), radial-gradient(circle at 22% 14%, #ffffffc2, transparent 34%);font-family:var(--mono);text-transform:uppercase;border:2px solid #2d250eb8;border-radius:999px;flex:none;padding:.2rem .46rem;font-size:.58rem;line-height:1}.formation-privacy-entry{width:min(29rem,100%);margin-top:clamp(.82rem,2vw,1.3rem);margin-bottom:.25rem}.formation-privacy-entry.is-code-gate{right:calc(env(safe-area-inset-right,0px) + clamp(.82rem, 3vw, 1.4rem));bottom:calc(env(safe-area-inset-bottom,0px) + clamp(.82rem, 3vw, 1.4rem));z-index:calc(var(--layer-tools) + 1);width:max-content;margin:0;position:fixed}.formation-privacy-entry.is-floating{z-index:3;justify-content:flex-end;width:min(78rem,100%);margin:clamp(.94rem,2.2vw,1.45rem) auto 0;display:flex;position:relative}.formation-privacy-overlay{z-index:calc(var(--layer-footer) + 20);place-items:center;padding:clamp(.82rem,3vw,1.5rem);display:grid;position:fixed;inset:0}.formation-privacy-backdrop{appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#2d4f6947;border:0;position:absolute;inset:0}.formation-privacy-panel{z-index:1;border-radius:var(--tactile-radius);background:var(--plastic-gloss), var(--paper-grain), radial-gradient(circle at 18% 10%, #9bea6847, transparent 12rem), #fffdf5e6;width:min(35rem,100%);max-height:min(38rem,100svh - 2rem);box-shadow:var(--mac-shadow-window);-webkit-backdrop-filter:blur(18px)saturate(1.16);backdrop-filter:blur(18px)saturate(1.16);border:2px solid #2d250edb;padding:clamp(1.18rem,2.8vw,1.65rem);position:relative;overflow:hidden auto}.formation-privacy-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(.74rem,1.7vw,1rem);display:flex}.formation-privacy-heading .formation-kicker{margin-bottom:0}.formation-privacy-heading button{appearance:none;cursor:pointer;place-items:center;width:2.28rem;min-height:2.28rem;padding:0;font-size:1.25rem;line-height:1;display:grid}.formation-privacy-panel h2{font-family:var(--serif);letter-spacing:0;white-space:nowrap;margin:0;font-size:2.18rem;line-height:1}.formation-privacy-panel p{margin:1rem 0 0;font-size:.98rem;line-height:1.42}.formation-toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 6.35rem);z-index:calc(var(--layer-tools) + 8);background:var(--plastic-gloss), var(--paper-grain), radial-gradient(circle at 13% 12%, #ffffffe0, transparent 30%), #fffdf5e6;-webkit-backdrop-filter:blur(18px)saturate(1.16);backdrop-filter:blur(18px)saturate(1.16);width:min(31rem,100vw - 1.25rem);min-height:4.2rem;color:var(--ink);border:2px solid #2d250ee0;border-radius:1.1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.72rem;padding:.72rem .74rem;display:grid;position:fixed;translate:-50%;box-shadow:inset 0 1px #ffffffc7,0 .28rem #2d250e29,0 1rem 2.4rem #23405638}.formation-toast-dot{aspect-ratio:1;background:radial-gradient(circle at 32% 22%, #ffffffeb, transparent 28%), var(--lime);border:2px solid #2d250ec7;border-radius:50%;place-items:center;width:2.25rem;animation:2.2s ease-in-out infinite formation-status-wait;display:grid;box-shadow:inset 0 1px #ffffffc7,0 .16rem #2d250e24}.formation-toast.is-error .formation-toast-dot{background:radial-gradient(circle at 32% 22%, #ffffffeb, transparent 28%), var(--blush)}.formation-toast strong{font-family:var(--mono);text-transform:uppercase;font-size:.78rem;line-height:1.05;display:block}.formation-toast p{margin:.22rem 0 0;font-size:.88rem;line-height:1.22}.formation-toast button{appearance:none;cursor:pointer;place-items:center;width:2.18rem;min-height:2.18rem;padding:0;font-size:1.12rem;line-height:1;display:grid}.formation-close-button{text-transform:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:2.28rem;min-width:2.28rem;height:2.28rem;min-height:2.28rem;transition:transform .16s var(--ease-tactile), box-shadow .16s ease;border-radius:50%;grid-column:auto;place-items:center;padding:0;font-size:0;line-height:0;display:grid;position:relative}.formation-toast .formation-close-button{width:2.18rem;min-width:2.18rem;height:2.18rem;min-height:2.18rem}.formation-close-button:before,.formation-close-button:after{content:"";transform-origin:50%;background:currentColor;border-radius:999px;width:1.05rem;height:.16rem;position:absolute;top:50%;left:50%}.formation-close-button:before{transform:translate(-50%,-50%)rotate(45deg)}.formation-close-button:after{transform:translate(-50%,-50%)rotate(-45deg)}@keyframes formation-bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-.58rem)rotate(1.5deg)}}@keyframes gentle-pulse{0%,to{filter:brightness();transform:translateY(0)}50%{filter:brightness(1.08);transform:translateY(-.04rem)}}@keyframes formation-status-wait{0%,to{opacity:.45;transform:translate(0,0)scale(.86)}50%{opacity:.9;transform:translateY(-.42rem)scale(1)}}@keyframes ambient-mark-gradient{0%{background-position:0 0,18% 24%,84% 18%,72% 82%,28% 70%,50%,0 0}50%{background-position:0 0,30% 14%,72% 36%,84% 66%,18% 84%,58% 44%,0 0}to{background-position:0 0,12% 38%,94% 12%,58% 92%,38% 58%,42% 56%,0 0}}@keyframes footer-charm-bounce{0%,73%,to{translate:0 var(--charm-y);scale:1}77%{translate:0 calc(var(--charm-y) - .42rem);scale:.95 1.14}81%{translate:0 calc(var(--charm-y) + .08rem);scale:1.08 .92}85%{translate:0 calc(var(--charm-y) - .14rem);scale:1.02 1.04}90%{translate:0 var(--charm-y);scale:1}}@keyframes footer-charm-pop{0%{translate:0 var(--charm-y);scale:1}38%{translate:0 calc(var(--charm-y) - .24rem);scale:1.32 1.22}62%{translate:0 calc(var(--charm-y) + .08rem);scale:.94 .9}82%{translate:0 calc(var(--charm-y) - .04rem);scale:1.06 1.04}to{translate:0 var(--charm-y);scale:1}}@keyframes sticker-arrive{0%{rotate:-7deg;scale:.52}58%{rotate:2.4deg;scale:1.08}to{rotate:0deg;scale:1}}@keyframes cloud-float{0%,to{transform:translate3d(var(--cloud-x,0px), var(--cloud-y,0px), 0) scale(var(--cloud-scale,1)) rotate(var(--cloud-rotate,0deg))}28%{transform:translate3d(calc(var(--cloud-x,0px) + var(--cloud-drift-x,14vw)), calc(var(--cloud-y,0px) + var(--cloud-drift-y,-5vh)), 0) scale(calc(var(--cloud-scale,1) * 1.016)) rotate(calc(var(--cloud-rotate,0deg) + 1.2deg))}58%{transform:translate3d(calc(var(--cloud-x,0px) + var(--cloud-drift-x2,5vw)), calc(var(--cloud-y,0px) + var(--cloud-drift-y2,6vh)), 0) scale(calc(var(--cloud-scale,1) * .992)) rotate(calc(var(--cloud-rotate,0deg) - .8deg))}82%{transform:translate3d(calc(var(--cloud-x,0px) + var(--cloud-drift-x3,20vw)), calc(var(--cloud-y,0px) + var(--cloud-drift-y3,2vh)), 0) scale(calc(var(--cloud-scale,1) * 1.01)) rotate(calc(var(--cloud-rotate,0deg) + .5deg))}}@keyframes blink{50%{opacity:0}}@keyframes cloud-slide{0%,to{translate:-.4rem}50%{translate:.5rem -.08rem}}@keyframes equalize{0%,to{scale:1 .62}50%{scale:1}}@keyframes music-glow{0%,to{box-shadow:inset 0 1px #ffffff6b,inset 0 -.48rem .78rem #1111112e,0 .3rem #2d250e29,0 .86rem 1.1rem #2d4f692e}50%{box-shadow:inset 0 1px #ffffff7a,inset 0 -.48rem .78rem #11111129,0 .3rem #2d250e29,0 .92rem 1.22rem #2d4f6933,0 0 1.1rem #fff36e42}}@keyframes typing-dots{0%,to{opacity:.34;transform:translateY(0)}35%{opacity:1;transform:translateY(-.08rem)}70%{opacity:.68;transform:translateY(.03rem)}}@keyframes voice-wave{0%,to{scale:1 .42}50%{scale:1}}@keyframes record-dot{0%,to{scale:1;box-shadow:inset 0 1px #ffffff8f,0 0 #ff5a477a}50%{scale:1.18;box-shadow:inset 0 1px #ffffff8f,0 0 0 .28rem #ff5a4700}}@media (max-width:920px){.floating-sticker{--sticker-size:clamp(5.4rem, 16vw, 7.4rem)}.stamp-app,.voice-app,.mail-app{display:none}.hero{min-height:100svh;padding-top:1.2rem}.collage{width:min(42rem,100vw - 1.5rem);height:clamp(32rem,78svh,42rem)}}@media (max-width:640px){.play-page{min-height:auto;padding-bottom:clamp(11.5rem,24svh,14rem)}.tools-menu{top:calc(env(safe-area-inset-top,0px) + .62rem);right:calc(env(safe-area-inset-right,0px) + .62rem)}.tools-menu.is-open{gap:.58rem;padding:.58rem}.tools-menu-list{gap:.58rem;min-width:min(17.25rem,100vw - 5.25rem)}.tools-menu-list button{gap:.34rem;min-height:3.86rem;padding:.82rem .9rem}.formation-page{padding:4.55rem .68rem calc(11.25rem + env(safe-area-inset-bottom,0px))}.formation-topbar,.formation-live-area{grid-template-columns:1fr}.formation-topbar{overscroll-behavior-x:contain;overscroll-behavior-y:none;scrollbar-width:none;touch-action:pan-x;-webkit-overflow-scrolling:touch;justify-content:flex-start;align-items:center;gap:.52rem;margin-inline:-.68rem;padding:1.18rem 5.1rem .48rem .68rem;display:flex;overflow:auto hidden}.formation-room-actions{flex-wrap:nowrap;flex:none;justify-content:flex-start;gap:.52rem}.formation-topbar::-webkit-scrollbar{display:none}.formation-topbar>.formation-home-button,.formation-room-actions>*{flex:none}.formation-topbar .formation-home-button,.formation-live-pill,.formation-status-chip{white-space:nowrap}.formation-status-popover{transform-origin:12% 0;left:0;right:auto}.formation-profile-form{grid-template-columns:1fr}.formation-self-dock{bottom:calc(env(safe-area-inset-bottom,0px) + .68rem)}.formation-privacy-entry{width:100%;margin-bottom:.8rem}.formation-privacy-entry.is-code-gate{top:auto;right:calc(env(safe-area-inset-right,0px) + .68rem);bottom:calc(env(safe-area-inset-bottom,0px) + .68rem);width:max-content;left:auto}.formation-privacy-entry.is-floating{width:max-content;margin:.94rem 0 0 auto}.formation-privacy-panel{width:min(100%,100vw - 1.7rem);padding:1.12rem}.formation-privacy-heading{margin-bottom:.86rem}.formation-privacy-panel h2{font-size:1.82rem}.formation-privacy-panel p{margin-top:.92rem;line-height:1.4}.formation-toast{bottom:calc(env(safe-area-inset-bottom,0px) + 5.8rem);grid-template-columns:auto minmax(0,1fr) auto}.formation-stage{--formation-board-base-width:50rem;--formation-board-base-height:45rem;height:min(70svh,34rem);min-height:28rem}.formation-bubble{width:clamp(2.95rem,12.5vw,3.55rem);padding:.28rem}.formation-bubble strong{font-size:clamp(.39rem,1.6vw,.48rem);line-height:.98}.formation-bubble em{font-size:clamp(.42rem,1.8vw,.5rem)}.formation-bubble-shine{width:.54rem;height:.28rem;inset:.32rem auto auto .46rem}.formation-inspector{min-height:0}.floating-sticker{--sticker-size:clamp(4.8rem, 24vw, 6.8rem)}.stamp-app,.palette-app,.terminal-app,.mail-app,.chat-badge,.music-app,.timer-app,.voice-app,.slider-app,.coin-app{display:none}.hero{padding:.9rem .75rem 1rem}.collage{width:min(24rem,100vw - 1.5rem);height:min(84svh,44rem);min-height:min(42rem,100svh - 2rem);margin:0 auto}.scene-wordmark{width:min(21rem,90vw);padding:.9rem 1.1rem}.details-desktop{transform-origin:50% 0;contain:none;grid-template-columns:1fr;grid-auto-rows:max-content;gap:.9rem;width:min(100%,100vw - 1.35rem);margin:0 auto;padding:0 0 clamp(4.4rem,11svh,6.5rem);scroll-padding-bottom:clamp(11.5rem,24svh,14rem);display:grid;inset:0;overflow:visible}.desktop-window{--window-rotate:0deg;--window-drag-x:0px;--window-drag-y:0px;--window-depth:0px;clip-path:none;contain:none;width:100%;max-width:100%;height:auto;min-height:0;transform:translate3d(var(--window-drag-x,0px), var(--window-drag-y,0px), 0) rotate(var(--window-rotate,0deg));box-shadow:var(--mac-window-cast);filter:none;border:0;border-radius:.92rem;outline:0;grid-area:auto/1/auto/-1;transition:box-shadow .18s;position:relative;inset:auto;overflow:visible;-webkit-mask-image:none;mask-image:none}.desktop-window-frame{border-radius:inherit;box-shadow:inset 0 0 0 2px #2d250edb, var(--mac-window-inset);clip-path:none;-webkit-mask-image:none;mask-image:none}.desktop-window.is-dragging{--window-depth:0px;box-shadow:var(--mac-window-cast);filter:none}.desktop-window.is-dragging .desktop-window-frame{box-shadow:inset 0 0 0 2px #2d250edb, var(--mac-window-inset)}.window-chrome{cursor:default;touch-action:pan-y}.events-window{grid-row:auto;width:100%;min-height:26.5rem}.luma-window-body{height:auto}.events-window iframe{min-height:22.8rem}.contact-window,.letter-window,.values-window,.becoming-window{grid-area:auto/1/auto/-1;width:100%;min-width:0}.contact-window{min-height:30rem}.letter-window{min-height:21rem}.values-window{min-height:47rem}.becoming-window{min-height:12rem}.window-card-grid{grid-template-columns:1fr}.contact-window h2,.letter-copy h2,.values-window-body h2,.becoming-window h2{font-size:1.45rem}.letter-window-body{grid-template-columns:1fr}.letter-badge{width:3rem}.values-square-grid{grid-template-columns:1fr}.floating-ambient-footer{--footer-collapsed-size:4.55rem;--footer-collapsed-half:2.275rem;--footer-tab-size:3.15rem;border-radius:1.15rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.62rem;width:min(27rem,100vw - 1.5rem);padding:.94rem .72rem .7rem}.floating-ambient-footer.is-collapsed{width:min(27rem,100vw - 1.5rem);min-height:4.35rem;padding:.94rem .72rem .7rem}.floating-ambient-mark{width:3.05rem;height:3.05rem;margin-top:.06rem}.floating-ambient-footer.is-collapsed .floating-ambient-mark{width:var(--footer-collapsed-size);height:var(--footer-collapsed-size);margin-top:0}.floating-ambient-mark img{width:2.02rem;height:2.02rem}.floating-footer-copy{align-content:start;gap:.34rem}.floating-footer-title{grid-template-columns:minmax(0,1fr);gap:.24rem;width:100%;padding:.34rem .46rem .38rem;display:grid;transform:rotate(-.35deg)}.floating-footer-copy strong{font-size:clamp(1.42rem,7vw,1.92rem);line-height:.9}.floating-footer-kicker{justify-self:start;font-size:.44rem}.floating-footer-description{padding:0 .08rem;font-size:.76rem;line-height:1.18}.floating-footer-soon{grid-column:1/-1;width:100%;min-height:2.8rem}.footer-collapse-button{margin-top:0}.footer-charms{gap:.38rem;margin:0;padding:.22rem;top:-1.22rem;bottom:auto;right:1.18rem}.footer-charms i{border-radius:.36rem;width:1.14rem}.receipt{width:5.2rem;min-height:7.8rem;padding:.72rem .5rem .55rem;display:block;top:70%;bottom:auto;right:0}.receipt strong{margin:.42rem 0;font-size:3rem}.receipt span{font-size:.45rem}.window-card{width:6.5rem;height:6.2rem;top:31%;left:45%}.website-app{width:7.15rem;min-height:5.4rem;top:20%;left:42%}.calendar{width:5.7rem;height:6.4rem;top:59%;bottom:auto;left:0}.clock-app{width:5.3rem;top:2%;left:66%}.chat-badge{width:4.8rem;top:51%;bottom:auto;right:8%}.chat-app{width:6.8rem;top:24%;left:0}.calculator-app{width:5.9rem;padding:.5rem;top:55%;left:43%}.todo-app{width:6.3rem;padding:.5rem .52rem;top:74%;left:3%}.palette-app{width:6.55rem;top:5%;left:30%}.music-app{width:4.5rem;height:4.15rem;top:86%;left:4%;right:auto}.timer-app{width:4.8rem;top:86%;left:auto;right:8%}.memo-app{width:6.2rem;min-height:4.7rem;padding:.55rem;display:block;top:84%;left:16%}.weather-app{width:6.6rem;min-height:5rem;display:block;top:72%;left:43%}.stamp-app{width:4.7rem;top:2%;left:2%}.map-app{width:6.3rem;min-height:4.7rem;top:13%;left:6%}.mail-app{width:5.9rem;min-height:4.2rem;top:14%;left:66%}.terminal-app{width:7.2rem;min-height:4.8rem;top:39%;left:4%}.photo-app{width:4.9rem;height:4.8rem;top:35%;left:75%}.voice-app{width:5.6rem;min-height:4.2rem;top:62%;left:66%}.pixel-app{width:5.2rem;top:43%;left:63%}.file-app{width:5.8rem;min-height:4.5rem;top:75%;left:66%}.slider-app{width:5.9rem;padding:.58rem .58rem .8rem;top:65%;left:42%}.coin-app{width:4.5rem;top:88%;left:31%}.game-app{width:4.95rem;top:51%;left:9%}body:after{display:none}.soft-cloud{filter:none}.mini-app,.window-hero-copy,.letter-copy,.window-soft-card,.value-square,.system-note,.desktop-window-frame,.desktop-window-frame:before,.window-chrome,.floating-ambient-footer{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (hover:none),(pointer:coarse){.desktop-window.is-front,.desktop-window.is-dragging{--window-depth:0px;filter:none;box-shadow:var(--mac-window-cast)!important}.desktop-window.is-front .desktop-window-frame,.desktop-window.is-dragging .desktop-window-frame{box-shadow:inset 0 0 0 2px #2d250edb, var(--mac-window-inset)!important}.floating-sticker:before{filter:none}.floating-sticker img{animation:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.play-page{min-height:auto}.hero{min-height:100svh;position:relative}.details-desktop{opacity:1;margin:1rem auto;position:relative;inset:auto;transform:none}.desktop-window,.floating-sticker img,.floating-ambient-footer{animation:none!important}}
/*$vite$:1*/