.creator-stage{background:#050507;min-height:100dvh;position:relative;container:creator-stage/inline-size}.creator-stagePreviewing{height:100%}.creator-page{color:#fafafa;background:#09090b;min-height:100dvh;position:relative;overflow-x:clip;container:creator-page/inline-size}@container creator-stage (min-width:640px){.creator-stage:before{content:"";pointer-events:none;background:radial-gradient(46% 34% at 50% 0%, rgb(var(--accent-rgb) / .14), transparent 74%), radial-gradient(60% 44% at 50% 108%, rgb(var(--accent-rgb) / .07), transparent 72%);position:absolute;inset:0}.creator-page{width:min(100% - 3rem,34rem);min-height:min(56rem,100dvh - 8rem);box-shadow:0 48px 120px -48px #000000e6, 0 0 80px -32px rgb(var(--accent-rgb) / .35);border:1px solid #ffffff17;border-radius:1.5rem;margin:3rem auto 0;overflow:clip}.creator-previewing{min-height:0}}.creator-previewing{min-height:100%}.creator-shell{z-index:1;width:100%;max-width:44rem;margin:0 auto;padding:4.4rem 1.25rem 6rem;position:relative}@container creator-page (min-width:640px){.creator-shell{padding:5rem 2rem 7rem}}.creator-marquee .creator-shell{text-align:center;max-width:34rem}.creator-chrome{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;padding:.9rem;display:flex;position:absolute;inset:0 0 auto}.creator-chromeBadge{pointer-events:auto;color:#ffffffc2;cursor:pointer;background:0 0;border:0;place-items:center;width:2.5rem;height:2.5rem;transition:color .16s;display:grid}.creator-chromeBadge:hover{color:#fff}.creator-chromeBadge:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .8);outline-offset:2px}.creator-chromeBadge[aria-disabled]{cursor:default}.creator-chromeLogo{width:1.25rem;height:auto}@media (prefers-reduced-motion:reduce){.creator-chromeBadge{transition:none}}.creator-banner{z-index:1;--banner-fade:linear-gradient(to bottom, black 0%, #000000eb 18%, #000000ad 38%, #00000059 58%, #0000001a 76%, transparent 94%);height:clamp(15rem,78cqw,21rem);-webkit-mask-image:var(--banner-fade);mask-image:var(--banner-fade);-webkit-mask-image:var(--banner-fade);position:absolute;inset:0 0 auto}.creator-shellWithBanner{padding-top:clamp(8.5rem,44cqw,12rem)}.creator-backdrop{pointer-events:none;position:absolute;inset:0;overflow:hidden}.creator-backdropLayer{position:absolute;inset:0}.creator-bgAurora>span{filter:blur(90px);will-change:transform;border-radius:50%;position:absolute}.creator-bgAurora>span:first-child{background:rgb(var(--accent-rgb) / .55);width:62%;height:52%;animation:28s ease-in-out infinite alternate creator-auroraA;top:-18%;left:-14%}.creator-bgAurora>span:nth-child(2){background:rgb(var(--accent-rgb) / .3);width:54%;height:46%;animation:34s ease-in-out infinite alternate creator-auroraB;top:6%;right:-12%}.creator-bgAurora>span:nth-child(3){background:rgb(var(--accent-rgb) / .22);width:58%;height:44%;animation:44s ease-in-out infinite alternate-reverse creator-auroraA;bottom:-16%;left:8%}.creator-bgAurora>span:nth-child(4){background:#ffffff12;width:40%;height:34%;animation:38s ease-in-out infinite alternate creator-auroraB;bottom:8%;right:4%}@keyframes creator-auroraA{0%{transform:translate(0,0)scale(1)}to{transform:translate(8%,6%)scale(1.18)}}@keyframes creator-auroraB{0%{transform:translate(0,0)scale(1.12)}to{transform:translate(-9%,-5%)scale(.92)}}.creator-bgNebula:before{content:"";aspect-ratio:1;background:conic-gradient(from 0deg, rgb(var(--accent-rgb) / .42), transparent 28%, #ffffff14 46%, transparent 62%, rgb(var(--accent-rgb) / .32) 84%, rgb(var(--accent-rgb) / .42));filter:blur(80px);width:150%;animation:120s linear infinite creator-nebulaSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes creator-nebulaSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.creator-bgStars>span{will-change:transform;position:absolute;inset:-30%}.creator-bgStars>span:first-child{background-image:radial-gradient(1px 1px at 6% 11%,#ffffff80,#0000),radial-gradient(1px 1px at 23% 4%,#ffffff61,#0000),radial-gradient(1px 1px at 41% 19%,#ffffff75,#0000),radial-gradient(1px 1px at 58% 7%,#ffffff4d,#0000),radial-gradient(1px 1px at 77% 15%,#ffffff70,#0000),radial-gradient(1px 1px at 91% 27%,#ffffff57,#0000),radial-gradient(1px 1px at 13% 38%,#ffffff6b,#0000),radial-gradient(1px 1px at 34% 52%,#ffffff4d,#0000),radial-gradient(1px 1px at 52% 44%,#ffffff7a,#0000),radial-gradient(1px 1px at 69% 61%,#ffffff52,#0000),radial-gradient(1px 1px at 86% 49%,#fff6,#0000),radial-gradient(1px 1px at 9% 73%,#ffffff5c,#0000),radial-gradient(1px 1px at 29% 88%,#ffffff70,#0000),radial-gradient(1px 1px at 47% 79%,#ffffff47,#0000),radial-gradient(1px 1px at 64% 93%,#ffffff61,#0000),radial-gradient(1px 1px at 82% 81%,#ffffff57,#0000);background-size:520px 520px;animation:180s ease-in-out infinite alternate creator-starDriftFar}.creator-bgStars>span:nth-child(2){background-image:radial-gradient(1.4px 1.4px at 17% 9%, rgb(var(--accent-rgb) / .85), transparent), radial-gradient(1.4px 1.4px at 44% 23%, #fffc, transparent), radial-gradient(1.4px 1.4px at 71% 12%, rgb(var(--accent-rgb) / .7), transparent), radial-gradient(1.4px 1.4px at 88% 34%, #ffffff9e, transparent), radial-gradient(1.4px 1.4px at 26% 47%, #ffffffb8, transparent), radial-gradient(1.4px 1.4px at 56% 58%, rgb(var(--accent-rgb) / .8), transparent), radial-gradient(1.4px 1.4px at 8% 66%, #fff9, transparent), radial-gradient(1.4px 1.4px at 38% 84%, rgb(var(--accent-rgb) / .68), transparent), radial-gradient(1.4px 1.4px at 67% 76%, #ffffffc2, transparent), radial-gradient(1.4px 1.4px at 94% 91%, #ffffff8c, transparent);background-size:370px 370px;animation:120s ease-in-out infinite alternate creator-starDriftMid,9s ease-in-out infinite alternate creator-starTwinkle}.creator-bgStars>span:nth-child(3){background-image:radial-gradient(2.2px 2.2px at 21% 16%, #fffffff2, #ffffff1f 42%, transparent 70%), radial-gradient(2.2px 2.2px at 63% 31%, rgb(var(--accent-rgb) / .95), rgb(var(--accent-rgb) / .14) 42%, transparent 70%), radial-gradient(2.2px 2.2px at 86% 62%, #ffffffe6, #ffffff1a 42%, transparent 70%), radial-gradient(2.2px 2.2px at 33% 71%, #ffffffd9, #ffffff1a 42%, transparent 70%), radial-gradient(2.2px 2.2px at 74% 88%, rgb(var(--accent-rgb) / .9), rgb(var(--accent-rgb) / .12) 42%, transparent 70%), radial-gradient(2.2px 2.2px at 47% 4%, #fffc, #ffffff1a 42%, transparent 70%);background-size:290px 290px;animation:80s ease-in-out infinite alternate creator-starDriftNear,6s ease-in-out infinite alternate-reverse creator-starTwinkle}.creator-bgStars:before{content:"";background:linear-gradient(112deg, transparent 28%, rgb(var(--accent-rgb) / .16) 46%, #ffffff0d 54%, transparent 72%), radial-gradient(60% 40% at 78% 12%, rgb(var(--accent-rgb) / .12), transparent 70%);filter:blur(46px);animation:90s ease-in-out infinite alternate creator-starBand;position:absolute;inset:-20%}@keyframes creator-starDriftFar{0%{transform:translate(0,0)}to{transform:translate(-1.6%,1.2%)}}@keyframes creator-starDriftMid{0%{transform:translate(0,0)}to{transform:translate(2.8%,-1.8%)}}@keyframes creator-starDriftNear{0%{transform:translate(0,0)}to{transform:translate(-4.4%,2.6%)}}@keyframes creator-starTwinkle{0%{opacity:.55}to{opacity:1}}@keyframes creator-starBand{0%{transform:translate(0,0)scale(1)}to{transform:translate(3%,-2%)scale(1.1)}}.creator-bgEmber>span{will-change:transform;position:absolute;inset:-10% 0}.creator-bgEmber>span:first-child{background-image:radial-gradient(2px 2px at 12% 20%, rgb(var(--accent-rgb) / 1), transparent 68%), radial-gradient(2px 2px at 47% 55%, rgb(var(--accent-rgb) / .9), transparent 68%), radial-gradient(2px 2px at 78% 32%, #fffc, transparent 68%), radial-gradient(2px 2px at 31% 82%, rgb(var(--accent-rgb) / .85), transparent 68%), radial-gradient(2px 2px at 88% 71%, rgb(var(--accent-rgb) / .8), transparent 68%), radial-gradient(2px 2px at 62% 8%, #ffffffa6, transparent 68%), radial-gradient(2px 2px at 6% 46%, rgb(var(--accent-rgb) / .75), transparent 68%);background-size:200px 200px;animation:22s linear infinite creator-emberRise}.creator-bgEmber>span:nth-child(2){background-image:radial-gradient(2.8px 2.8px at 24% 38%, rgb(var(--accent-rgb) / .72), transparent 70%), radial-gradient(2.8px 2.8px at 63% 12%, #ffffff80, transparent 70%), radial-gradient(2.8px 2.8px at 84% 64%, rgb(var(--accent-rgb) / .62), transparent 70%), radial-gradient(2.8px 2.8px at 9% 77%, rgb(var(--accent-rgb) / .58), transparent 70%), radial-gradient(2.8px 2.8px at 45% 90%, rgb(var(--accent-rgb) / .5), transparent 70%);filter:blur(1px);background-size:330px 330px;animation:41s linear infinite creator-emberRiseWide}.creator-bgEmber>span:nth-child(3){background-image:radial-gradient(4px 4px at 41% 26%, rgb(var(--accent-rgb) / .46), transparent 70%), radial-gradient(4px 4px at 72% 68%, rgb(var(--accent-rgb) / .36), transparent 70%), radial-gradient(4px 4px at 16% 51%, #ffffff42, transparent 70%);filter:blur(3px);background-size:460px 460px;animation:63s linear infinite creator-emberRiseFar}.creator-bgEmber:before{content:"";background:linear-gradient(to bottom, rgb(var(--accent-rgb) / .1), rgb(var(--accent-rgb) / .05) 45%, rgb(var(--accent-rgb) / .14) 100%), radial-gradient(120% 40% at 50% 108%, rgb(var(--accent-rgb) / .34), transparent 74%);position:absolute;inset:0}@keyframes creator-emberRise{0%{transform:translate(0,0)}to{transform:translateY(-200px)}}@keyframes creator-emberRiseWide{0%{transform:translate(0,0)}to{transform:translateY(-330px)}}@keyframes creator-emberRiseFar{0%{transform:translate(0,0)}to{transform:translateY(-460px)}}.creator-bgDots{background-image:radial-gradient(#ffffff29 1px,#0000 1px);background-size:20px 20px;-webkit-mask-image:linear-gradient(#000 0%,#00000059 60%,#0000 100%);mask-image:linear-gradient(#000 0%,#00000059 60%,#0000 100%)}.creator-bgLines{background-image:linear-gradient(to right, #ffffff0e 1px, transparent 1px), linear-gradient(to bottom, #ffffff0e 1px, transparent 1px), linear-gradient(to right, rgb(var(--accent-rgb) / .16) 1px, transparent 1px), linear-gradient(to bottom, rgb(var(--accent-rgb) / .16) 1px, transparent 1px);background-size:26px 26px,26px 26px,130px 130px,130px 130px;-webkit-mask-image:linear-gradient(#000 0%,#0000004d 62%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000004d 62%,#0000 100%)}.creator-bgLattice{position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0006 58%,#0000 100%);mask-image:linear-gradient(#000 0%,#0006 58%,#0000 100%)}.creator-backdropGrain{mix-blend-mode:overlay;width:100%;height:100%;position:absolute;inset:0}.creator-readability{pointer-events:none;background:linear-gradient(#09090b57 0%,#09090b9e 46%,#09090bcc 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.creator-bgStars:before,.creator-bgEmber>span,.creator-bgEmber:before,.creator-bgAurora>span,.creator-bgNebula:before,.creator-bgStars>span{animation:none}}.creator-header{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.creator-marquee .creator-header{gap:1.25rem}.creator-identity{flex-direction:column;align-items:center;gap:1rem;min-width:0;display:flex}.creator-marquee .creator-identity{gap:1rem}.creator-avatarFrame{background:#131317;border:1px solid #ffffff1f;border-radius:999px;flex:none;width:clamp(6rem,24cqw,7.5rem);height:clamp(6rem,24cqw,7.5rem);position:relative;overflow:hidden}.creator-marquee .creator-avatarFrame{box-shadow:0 8px 40px -12px rgb(var(--accent-rgb) / .5)}.creator-names{text-align:center;min-width:0}.creator-name{letter-spacing:-.021em;margin:0;font-size:1.5rem;font-weight:600;line-height:1.2}@container creator-page (min-width:640px){.creator-name{font-size:1.75rem}}.creator-marquee .creator-name{letter-spacing:-.03em}.creator-cta{letter-spacing:-.011em;white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:.5rem;flex:none;justify-content:center;align-items:center;gap:.4rem;height:2.5rem;padding:0 1.1rem;font-size:.875rem;font-weight:560;text-decoration:none;transition:transform .12s,box-shadow .16s,background-color .16s,border-color .16s;display:inline-flex;position:relative}.creator-cta:active{transform:translateY(.5px)}.creator-cta:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .8);outline-offset:2px}.creator-marquee .creator-cta{height:2.875rem;padding:0 1.5rem;font-size:.9375rem}.creator-ctaSolid{background:linear-gradient(180deg, #ffffff26, #fff0 46%), var(--accent);border-color:rgb(var(--accent-rgb) / .9);color:var(--ink);box-shadow:inset 0 1px 0 #ffffff38, 0 1px 2px #00000073, 0 4px 14px -6px rgb(var(--accent-rgb) / .45)}.creator-ctaSolid:hover{box-shadow:inset 0 1px 0 #ffffff4d, 0 1px 2px #00000073, 0 6px 20px -6px rgb(var(--accent-rgb) / .65)}@container creator-page (max-width:639px){.creator-cta{width:100%}}.creator-section{margin-top:3rem}.creator-sectionHead{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.875rem;display:flex}.creator-marquee .creator-sectionHead{justify-content:center}.creator-sectionTitle{letter-spacing:.09em;text-transform:uppercase;color:#71717a;margin:0;font-size:.6875rem;font-weight:500}.creator-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.creator-gridLarge{grid-template-columns:1fr}.creator-carousel{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;padding-inline:1.25rem;overscroll-behavior-x:contain;text-align:left;touch-action:pan-x;cursor:grab;gap:.5rem;margin-inline:-1.25rem;padding-bottom:.75rem;scroll-padding-inline:1.25rem;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 5rem calc(100% - 5rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 5rem calc(100% - 5rem),#0000 100%)}.creator-carouselTrack{will-change:scroll-position;gap:.5rem;width:max-content;display:flex}.creator-carousel::-webkit-scrollbar{display:none}.creator-carouselShell{position:relative}.creator-carouselDragging{cursor:grabbing}.creator-carouselDragging *{pointer-events:none}.creator-carouselGroup{flex:none;align-items:flex-start;gap:.5rem;display:flex}@container creator-page (min-width:640px){.creator-carousel{margin-inline:-2rem;padding-inline:2rem;scroll-padding-inline:2rem}}.creator-carousel .creator-item{scroll-snap-align:start;flex:none;align-self:flex-start;width:9.5rem}.creator-carousel .creator-caption{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@container creator-page (min-width:640px){.creator-carousel .creator-item{width:12.5rem}}.creator-item{text-align:left;flex-direction:column;gap:.5rem;min-width:0;display:flex}.creator-tile{aspect-ratio:9/16;background:#101014;border:1px solid #ffffff12;border-radius:.625rem;position:relative;overflow:hidden}.creator-tileMedia{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.creator-tileMediaContain{object-fit:contain}.creator-tilePlaceholder{text-align:center;color:#52525b;place-items:center;padding:.75rem;font-size:.75rem;display:grid;position:absolute;inset:0}.creator-caption{color:#d4d4d8;margin:0;font-size:.75rem;font-weight:500;line-height:1.4}.creator-caption a:hover{text-underline-offset:2px;text-decoration:underline}.creator-soundToggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fafafa;cursor:pointer;opacity:0;background:#00000080;border:1px solid #ffffff24;border-radius:999px;place-items:center;width:1.75rem;height:1.75rem;transition:opacity .14s;display:grid;position:absolute;bottom:.5rem;right:.5rem}.creator-tile:hover .creator-soundToggle,.creator-soundToggle:focus-visible,.creator-soundToggle[data-on=true]{opacity:1}.creator-bio{white-space:pre-line;color:#b4b4bb;text-align:center;max-width:36rem;margin:.625rem auto 0;font-size:.9375rem;line-height:1.7}.creator-socials{flex-wrap:wrap;justify-content:center;gap:.15rem;margin:.85rem 0 0;padding:0;list-style:none;display:flex}.creator-social{color:#a1a1aa;border-radius:999px;place-items:center;width:2.5rem;height:2.5rem;margin:-.5rem;padding:.5rem;transition:color .16s,background-color .16s,transform .16s;display:grid}.creator-social:hover{color:#fafafa;background:rgb(var(--accent-rgb) / .14);transform:translateY(-1px)}.creator-social:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .8);outline-offset:2px;color:#fafafa}.creator-socialGlyph{width:1.25rem;height:1.25rem}.creator-marquee .creator-social{width:2.75rem;height:2.75rem}.creator-marquee .creator-socialGlyph{width:1.4rem;height:1.4rem}@media (prefers-reduced-motion:reduce){.creator-social{transition:color .16s,background-color .16s}.creator-social:hover{transform:none}}.creator-profileLinks{gap:.25rem;width:min(100%,26rem);margin:1rem auto 0;padding:0;list-style:none;display:grid}.creator-profileLinks .creator-link{text-align:center;border:0;justify-content:center;padding:.625rem 2rem;position:relative}.creator-profileLinks .creator-link:hover{padding-left:2rem}.creator-profileLinks .creator-linkHost{font-size:0;position:absolute;right:.625rem}.creator-link{color:#fafafa;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem .25rem;font-size:.9375rem;text-decoration:none;transition:padding-left .16s,color .16s,background-color .16s,border-color .16s;display:flex}.creator-link:hover{color:#fff;padding-left:.5rem}.creator-marquee .creator-link{background:#ffffff09;border:1px solid #ffffff1a;border-radius:.625rem;justify-content:center;padding:.9rem 1.1rem;font-weight:500;position:relative;box-shadow:inset 0 1px #ffffff0f}.creator-marquee .creator-link:hover{border-color:rgb(var(--accent-rgb) / .4);background:#ffffff12;padding-left:1.1rem}.creator-linkHost{color:#71717a;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.4rem;font-size:.8125rem;display:flex;overflow:hidden}.creator-marquee .creator-linkHost{font-size:0;position:absolute;right:1.1rem}.creator-linkArrow{opacity:.45;transition:opacity .16s,transform .16s}.creator-link:hover .creator-linkArrow{opacity:1;transform:translate(1px,-1px)}.creator-closing{border-top:1px solid #ffffff12;flex-direction:column;align-items:flex-start;margin-top:3.5rem;padding-top:2rem;display:flex}.creator-marquee .creator-closing{align-items:center}.creator-stickyBar{z-index:20;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090be6;border-top:1px solid #ffffff14;position:sticky;bottom:0}@container creator-page (min-width:640px){.creator-stickyBar{display:none}}@container creator-stage (min-width:640px){.creator-stickyBar{display:none}}@media (prefers-reduced-motion:reduce){.creator-carousel{scroll-snap-type:x mandatory;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.creator-carouselGroup:not(:first-child){display:none}.creator-cta,.creator-link,.creator-linkArrow,.creator-soundToggle{transition:none}.creator-link:hover{padding-left:.25rem}.creator-linkArrow{transform:none}}.creator-pageWithBanner .creator-backdrop{-webkit-mask-image:linear-gradient(#00000038 0,#0006 clamp(6.75rem,35.1cqw,9.45rem),#000 clamp(15rem,78cqw,21rem));mask-image:linear-gradient(#00000038 0,#0006 clamp(6.75rem,35.1cqw,9.45rem),#000 clamp(15rem,78cqw,21rem))}.creator-tileVideo{cursor:pointer}.creator-banner{animation:.7s cubic-bezier(.22,.61,.36,1) both creator-bannerIn}.creator-shell>*{animation:.52s cubic-bezier(.22,.61,.36,1) both creator-riseIn}.creator-shell>:first-child{animation-delay:70ms}.creator-shell>:nth-child(2){animation-delay:.15s}.creator-shell>:nth-child(3){animation-delay:.23s}.creator-shell>:nth-child(4){animation-delay:.31s}.creator-shell>:nth-child(n+5){animation-delay:.38s}@keyframes creator-bannerIn{0%{opacity:0}to{opacity:1}}@keyframes creator-riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.creator-banner,.creator-shell>*{animation:none}}.creator-remix{z-index:2;border:1px solid rgb(var(--accent-rgb) / .9);background:var(--accent);min-height:2rem;color:var(--ink);border-radius:999px;align-items:center;padding:.4rem .9rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:filter .14s;display:inline-flex;position:absolute;top:.5rem;left:.5rem}.creator-remix:after{content:"";position:absolute;inset:-.5rem}.creator-remix:hover{filter:brightness(1.08)}.creator-remix:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .8);outline-offset:2px}.flow-stage{isolation:isolate;background:#050507;position:relative;overflow-x:clip}.flow-stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(56% 64% at 50% 0%, rgb(var(--accent-rgb) / .15), transparent 74%);height:40rem;position:absolute;inset:0 0 auto}@media (max-width:1023.98px){html:has(.flow-stage){scroll-padding-bottom:11rem}}.flow-frame{--frame-h:min(62vh, 560px);aspect-ratio:var(--r);width:min(100%, calc(var(--frame-h) * var(--r)));max-width:100%}@media (min-width:1024px){.flow-frame{--frame-h:min(78vh, 760px);--frame-w:min(40rem, calc(100vw - 36rem), calc(var(--frame-h) * var(--r)));width:var(--frame-w)}.flow-match .flow-frame--wide{--frame-w:min(56rem, calc(100vw - 32rem), calc(var(--frame-h) * var(--r)))}.flow-match{flex-direction:column;display:flex}.flow-match>.flow-showcase{flex-direction:column;flex:1 0 auto;display:flex}.flow-match .flow-frame--fill{aspect-ratio:auto;min-height:calc(var(--frame-w) / var(--r));max-height:min(calc(var(--frame-w) / var(--r) * 1.12), calc(100dvh - 3rem));flex:1 0 auto;position:sticky;top:1.5rem}}.flow-cta{letter-spacing:-.012em;background:linear-gradient(180deg, #fff3, #fff0 55%), var(--accent);width:100%;height:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #0003, 0 1px 2px #00000080, 0 12px 32px -12px rgb(var(--accent-rgb) / .75);border-radius:.875rem;gap:.5rem;font-size:1rem;font-weight:600;transition:transform .14s,box-shadow .18s;position:relative;overflow:hidden}.flow-cta:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff38 50%,#0000 65%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.flow-cta:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff57, inset 0 -1px 0 #0003, 0 2px 4px #00000080, 0 18px 40px -12px rgb(var(--accent-rgb) / .9);transform:translateY(-1px)}.flow-cta:hover:not(:disabled):after{transform:translate(120%)}.flow-cta:active:not(:disabled){transform:translateY(.5px)}.flow-cta:disabled{cursor:default;opacity:.55}@media (prefers-reduced-motion:reduce){.flow-cta{transition:none}.flow-cta:after{display:none}}.flow-reveal{animation:.48s cubic-bezier(.2,.7,.2,1) both flow-reveal}@media (prefers-reduced-motion:reduce){.flow-reveal{animation:none}}.creator-tileAudio{background:radial-gradient(circle at 50% 45%, rgb(var(--accent-rgb) / .32), rgb(var(--accent-rgb) / .06) 72%);position:absolute;inset:0}.creator-audioToggle{opacity:1;width:3.5rem;height:3.5rem;margin:auto;inset:0}@keyframes flow-reveal{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:none}}