:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}.motion-lab{--ink:#493f38;--muted:#7d7067;--line:#70533924;min-height:100vh;color:var(--ink);background:linear-gradient(150deg,#fff8ee 0%,#eaf6ff 40%,#fff0f5 70%,#eff9ef 100%);font-family:Inter,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}.motion-stage-glow{pointer-events:none;background:radial-gradient(circle at 18% 18%,#ffcad994,#0000 20%),radial-gradient(circle at 78% 14%,#ffe295ad,#0000 22%),radial-gradient(circle at 72% 72%,#a6dacb73,#0000 25%),radial-gradient(circle at 30% 84%,#b1c0f66b,#0000 24%);position:fixed;inset:0}.motion-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff94;justify-content:space-between;align-items:center;height:74px;padding:0 28px;display:flex;position:relative}.motion-brand{align-items:center;gap:11px;display:flex}.motion-brand>span{background:linear-gradient(145deg,#ffe5ef,#fff1b6 48%,#bce8d9);border-radius:15px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 12px 30px #78533e1f}.motion-brand strong{letter-spacing:.14em;display:block}.motion-brand small{color:#8a7f77;margin-top:3px;font-size:9px;display:block}.motion-status{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;font-size:11px;display:flex}.motion-status i{background:#6dac82;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #6dac821f}.motion-copy{z-index:10;width:min(650px,100vw - 40px);padding:10vh 0 0 7vw;position:relative}.motion-copy>span{letter-spacing:.18em;color:#9b765f;font-size:10px}.motion-copy h1{letter-spacing:-.065em;max-width:760px;margin:18px 0 16px;font-size:clamp(46px,7vw,92px);line-height:.94}.motion-copy p{max-width:570px;color:var(--muted);font-size:16px;line-height:1.65}.motion-actions{gap:10px;margin-top:24px;display:flex}.motion-actions button{border:1px solid var(--line);height:42px;color:var(--ink);background:#ffffffc2;border-radius:14px;align-items:center;gap:7px;padding:0 14px;display:flex;box-shadow:0 12px 28px #644d3714}.motion-actions button:last-child{background:linear-gradient(90deg,#ffe2ee,#fff0b5,#c9eadc)}.motion-console{z-index:15;grid-template-columns:1fr 1fr;gap:12px;width:min(420px,42vw);display:grid;position:absolute;top:128px;right:4vw}.preset-list,.motion-inspector{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff9e;border-radius:22px;padding:14px;box-shadow:0 22px 60px #5f48311f}.console-title{letter-spacing:.15em;color:#8c7869;align-items:center;gap:7px;margin-bottom:10px;font-size:9px;display:flex}.preset-list>button{width:100%;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:12px 1fr;align-items:center;gap:9px;padding:10px;display:grid}.preset-list>button:hover,.preset-list>button.active{border-color:var(--line);background:#fff;box-shadow:0 10px 24px #684f3414}.preset-list>button>i{background:linear-gradient(145deg,#ffb9cf,#f7cf72,#83c8aa);border-radius:50%;width:10px;height:10px}.preset-list strong,.preset-list small{display:block}.preset-list small{color:#8b7f76;margin-top:3px;line-height:1.35}.motion-inspector label{color:#796f68;margin-top:13px;font-size:10px;display:block}.motion-inspector label b{float:right;color:#4f6663}.motion-inspector input{accent-color:#75a88f;width:100%;margin-top:7px}.tier-buttons{grid-template-columns:repeat(4,1fr);gap:5px;margin-top:16px;display:grid}.tier-buttons button{border:1px solid var(--line);color:#776c64;background:#fff;border-radius:9px;padding:7px 4px;font-size:9px}.tier-buttons button.active{color:#fff;background:#4f746a}.layer-legend{border-top:1px solid var(--line);gap:7px;margin-top:15px;padding-top:13px;display:grid}.layer-legend span{color:#7c7168;align-items:center;gap:6px;font-size:9px;display:flex}.motion-garden{--garden-density:1;--garden-speed:1;z-index:2;pointer-events:none;transform-style:preserve-3d;position:fixed;inset:0;overflow:hidden}.motion-garden.is-interactive{perspective:1000px}.garden-backdrop{filter:saturate(calc(.8 + var(--garden-density)*.2));position:absolute;inset:0}.wash{filter:blur(54px);opacity:calc(.2*var(--garden-density));animation:washDrift calc(14s/var(--garden-speed)) ease-in-out infinite;border-radius:50%;position:absolute}.wash-a{background:#ffc5da;width:360px;height:240px;top:28%;left:-5%}.wash-b{background:#ffe0a0;width:390px;height:250px;animation-delay:-4s;top:14%;right:8%}.wash-c{background:#b9e7d4;width:420px;height:280px;animation-delay:-8s;bottom:-5%;left:35%}.ribbon-stream{fill:none;stroke-linecap:round;width:110%;height:40%;opacity:calc(.22*var(--garden-density));filter:drop-shadow(0 10px 18px #b8728b1f);position:absolute;left:-5%}.ribbon-stream path{stroke-width:18px;stroke:url(#none)}.ribbon-one{animation:ribbonFloat calc(12s/var(--garden-speed)) ease-in-out infinite;top:4%}.ribbon-one path{stroke:#f2a8c0}.ribbon-two{animation:ribbonFloat calc(16s/var(--garden-speed)) ease-in-out infinite reverse;bottom:2%}.ribbon-two path{stroke:#f5cf76}.preset-celestial-flora .ribbon-one path{stroke:#a8baf4}.preset-celestial-flora .ribbon-two path{stroke:#cab2f4}.preset-paper-garden .ribbon-one path{stroke:#d6a47d}.preset-paper-garden .ribbon-two path{stroke:#8fbd95}.botanical-cluster{filter:drop-shadow(0 18px 24px #5f57331f);width:230px;height:310px;opacity:calc(.82*var(--garden-density));transform-origin:bottom;animation:plantSway calc(7s/var(--garden-speed)) ease-in-out infinite;position:absolute;bottom:-40px}.cluster-left{left:-38px}.cluster-right{animation-delay:-3s;right:-30px;transform:scaleX(-1)}.stem{transform-origin:bottom;background:linear-gradient(#83b67d,#4e8b66);border-radius:100%;width:8px;height:250px;position:absolute;bottom:0}.stem-a{left:70px;transform:rotate(-18deg)}.stem-b{height:220px;left:130px;transform:rotate(20deg)}.stem-c{left:80px;transform:rotate(-12deg)}.stem-d{height:205px;left:145px;transform:rotate(24deg)}.flower{width:78px;height:78px;display:block;position:absolute}.flower-a{top:18px;left:22px}.flower-b{top:60px;left:120px;transform:scale(.8)}.flower-c{top:24px;left:30px}.flower-d{top:72px;left:125px;transform:scale(.78)}.flower b{transform-origin:21px 38px;background:linear-gradient(145deg,#ffd6e4,#f8a9c2);border-radius:60% 40% 65% 35%;width:42px;height:52px;position:absolute;top:2px;left:18px}.flower b:nth-child(2){transform:rotate(90deg)}.flower b:nth-child(3){transform:rotate(180deg)}.flower b:nth-child(4){transform:rotate(270deg)}.flower span{background:#f6cf6d;border-radius:50%;width:24px;height:24px;position:absolute;top:27px;left:27px;box-shadow:inset 0 0 0 5px #ffffff59}.preset-paper-garden .flower b{background:linear-gradient(145deg,#f5d7b6,#d59b78)}.preset-celestial-flora .flower b{background:linear-gradient(145deg,#d9dfff,#aeb8f5)}.petal,.leaf,.sparkle,.paper-bit{opacity:calc(var(--garden-density)*.9);display:block;position:absolute}.petal{width:16px;height:24px;left:calc((var(--i)*5.7% + 2%));animation:petalFall calc((9s + var(--i)*.37s)/var(--garden-speed)) linear infinite;animation-delay:calc(var(--i)*-.61s);background:linear-gradient(145deg,#fff4f7,#f3a9c2);border-radius:70% 30%;top:-8%}.petal.p1{background:linear-gradient(145deg,#fff3c6,#efc75e)}.petal.p2{background:linear-gradient(145deg,#daf4e8,#7fc29f)}.petal.p3{background:linear-gradient(145deg,#e9e5ff,#aaa8ed)}.petal.p4{width:12px;height:20px}.petal.p5{width:20px;height:13px}.leaf{width:26px;height:45px;left:calc((var(--i)*10.7% - 3%));animation:leafLift calc((12s + var(--i)*.46s)/var(--garden-speed)) ease-in-out infinite;animation-delay:calc(var(--i)*-.8s);background:linear-gradient(145deg,#bde1a8,#5d9b72);border-radius:80% 10%;bottom:-12%}.leaf.l1{background:linear-gradient(145deg,#d9e7ad,#8eaf68)}.leaf.l2{transform:scale(.7)}.leaf.l3{background:linear-gradient(145deg,#a9dbc9,#5eaa8d)}.leaf.l4{transform:scale(1.2)}.sparkle{width:8px;height:8px;left:calc((var(--i)*9.1% + 1%));top:calc((var(--i)*13.7% + 8%));animation:sparklePulse calc((2.8s + var(--i)*.13s)/var(--garden-speed)) ease-in-out infinite;animation-delay:calc(var(--i)*-.21s);background:#fff;border-radius:50%;box-shadow:0 0 15px #fff6b5}.sparkle:before,.sparkle:after{content:"";background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sparkle:before{width:22px;height:1px}.sparkle:after{width:1px;height:22px}.paper-bit{width:14px;height:18px;left:calc((var(--i)*7.8% + 2%));animation:confettiFall calc((8s + var(--i)*.31s)/var(--garden-speed)) linear infinite;animation-delay:calc(var(--i)*-.52s);background:#f8b7cf;border-radius:3px;top:-8%}.paper-bit.c1{background:#f5cf76}.paper-bit.c2{background:#9bd5bf}.paper-bit.c3{background:#aebbf4}.paper-bit.c4{background:#fff}.paper-bit.c5{background:#d59b78}.preset-sunday-bloom .confetti-field{opacity:.28}.preset-ribbon-parade .confetti-field{opacity:1}.preset-paper-garden .petal-field{opacity:.45}.preset-celestial-flora .leaf-field{opacity:.28}.butterfly{width:42px;height:30px;animation:butterflyPath calc(11s/var(--garden-speed)) ease-in-out infinite;opacity:calc(.75*var(--garden-density));display:block;position:absolute}.butterfly b{transform-origin:100%;width:23px;height:28px;animation:wing calc(.5s/var(--garden-speed)) ease-in-out infinite;background:linear-gradient(145deg,#ffc8db,#e28aaa);border-radius:70% 30% 60% 40%;position:absolute;top:0}.butterfly b:last-child{transform-origin:0;right:0;transform:scaleX(-1)}.butterfly-a{top:24%;left:18%}.butterfly-b{animation-delay:-4s;top:38%;right:22%;transform:scale(.7)}.butterfly-c{animation-delay:-7s;bottom:18%;left:56%;transform:scale(.55)}.preset-celestial-flora .butterfly b{background:linear-gradient(145deg,#d7dcff,#969fe8)}.bokeh{filter:blur(2px);animation:bokehFloat calc(9s/var(--garden-speed)) ease-in-out infinite;background:#ffffff7a;border-radius:50%;position:absolute}.b1{width:120px;height:120px;top:8%;left:7%}.b2{width:80px;height:80px;animation-delay:-3s;top:22%;right:12%}.b3{width:150px;height:150px;animation-delay:-6s;bottom:6%;left:48%}.b4{width:55px;height:55px;animation-delay:-1s;top:12%;right:38%}.motion-garden.is-paused *{animation-play-state:paused!important}.tier-C .motion-garden .petal-field,.tier-C .motion-garden .leaf-field,.tier-C .motion-garden .sparkle-field,.tier-C .motion-garden .confetti-field,.tier-C .motion-garden .butterfly,.tier-C .motion-garden .ribbon-stream,.tier-B .motion-garden .confetti-field,.tier-B .motion-garden .butterfly-b,.tier-B .motion-garden .butterfly-c{display:none}.tier-A .motion-garden .confetti-field{opacity:.35}.burst-layer{z-index:30;pointer-events:none;position:fixed;top:50%;left:50%}.burst-layer i{width:18px;height:26px;transform:rotate(calc(var(--i)*27deg)) translateY(0);background:linear-gradient(145deg,#fff,#f4a8c2);border-radius:70% 30%;animation:1.5s cubic-bezier(.16,.82,.32,1) both bloomBurst;position:absolute}.burst-layer i:nth-child(3n){background:#f3cc6c}.burst-layer i:nth-child(3n+1){background:#8ec9ac}@keyframes washDrift{50%{transform:translate(35px,-18px)scale(1.08)}}@keyframes ribbonFloat{50%{transform:translateY(22px)rotate(.8deg)}}@keyframes plantSway{50%{transform:rotate(3deg)}}@keyframes petalFall{0%{transform:translateY(-12vh)rotate(0)}40%{transform:translate3d(35px,44vh,60px)rotate(160deg)}to{transform:translate3d(-22px,112vh,-30px)rotate(420deg)}}@keyframes leafLift{0%{transform:translateY(12vh)rotate(10deg)}50%{transform:translate3d(48px,-45vh,80px)rotate(170deg)}to{transform:translate(-25px,-112vh)rotate(330deg)}}@keyframes sparklePulse{0%,to{opacity:.1;transform:scale(.35)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}}@keyframes confettiFall{0%{transform:translateY(-12vh)rotateX(0)rotate(0)}to{transform:translate(55px,112vh)rotateX(720deg)rotate(420deg)}}@keyframes butterflyPath{0%,to{transform:translateZ(80px)rotate(-8deg)}35%{transform:translate3d(80px,-45px,110px)rotate(12deg)}70%{transform:translate3d(-35px,55px,70px)rotate(-16deg)}}@keyframes wing{50%{transform:scaleX(.18)}}@keyframes bokehFloat{50%{opacity:.65;transform:translate3d(26px,-20px,30px)scale(1.12)}}@keyframes bloomBurst{0%{opacity:1;transform:rotate(calc(var(--i)*27deg)) translateY(0) scale(.5)}to{opacity:0;transform:rotate(calc(var(--i)*27deg)) translateY(-240px) scale(1.2)}}@media (max-width:980px){.motion-console{grid-template-columns:1fr 1fr;width:auto;margin:28px 20px 120px;position:relative;top:auto;right:auto}.motion-copy{padding:8vh 20px 0}.motion-copy h1{font-size:56px}}@media (max-width:680px){.motion-header{padding:0 14px}.motion-brand small{display:none}.motion-copy h1{font-size:46px}.motion-console{grid-template-columns:1fr;margin-bottom:100px}.botanical-cluster{transform-origin:bottom;transform:scale(.72)}.cluster-right{transform:scaleX(-1)scale(.72)}.ribbon-stream{height:30%}}@media (prefers-reduced-motion:reduce){.motion-garden *,.burst-layer *{animation:none!important}.motion-garden .petal-field,.motion-garden .leaf-field,.motion-garden .confetti-field,.motion-garden .butterfly{display:none}}