@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0e7b7e0b829e3eb9-s.0taayl_akrchu.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/daf789e4474d0d90-s.02gqgcrlsvm4~.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9e9f04e3c37952ab-s.p.07uvnuj.ona6k.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Anton Fallback;src:local(Arial);ascent-override:129.7%;descent-override:36.29%;line-gap-override:0.0%;size-adjust:90.69%}.anton_351eb3f3-module__y2aRga__className{font-family:Anton,Anton Fallback;font-style:normal;font-weight:400}.anton_351eb3f3-module__y2aRga__variable{--font-anton:"Anton", "Anton Fallback"}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/41e95f694c5c4549-s.0r1jrq7neqdsq.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6c55a692938ebbbc-s.0g6rbszwfgn9y.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a218039a3287bcfd-s.p.17-1enzs_j91b.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.1110aazvokzp..woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.0esuu2f5si~v8.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.12skym0rqknxy.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b53057dbf91a7acf-s.0carvq6u72s58.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/798ea22d9983e047-s.106do9xzbuago.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../media/47fe1b7cd6e6ed85-s.p.0~mcdl10zdfb3.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/99ce71e74c11bc20-s.0hoqzal24odb4.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/8cf1ea7b03cdeb83-s.0.56594qx.-9o.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../media/829ba4228c966254-s.p.0ub.k0om~_-xi.woff2?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_8cc30f6e-module__AGmZFW__className{font-family:Poppins,Poppins Fallback;font-style:normal}.poppins_8cc30f6e-module__AGmZFW__variable{--font-poppins:"Poppins", "Poppins Fallback"}
@font-face{font-family:happySelfie;src:url(../media/happy_selfie-s.p.068c-l4g8.anv.otf?dpl=dpl_5EXWUHHffhj7CYHcf1oEoqVQNuQG)format("opentype");font-display:swap}@font-face{font-family:happySelfie Fallback;src:local(Arial);ascent-override:88.94%;descent-override:24.6%;line-gap-override:2.4%;size-adjust:91.86%}.happyselfie_7cce4ba7-module__Jfpm_q__className{font-family:happySelfie,happySelfie Fallback}.happyselfie_7cce4ba7-module__Jfpm_q__variable{--font-shantell:"happySelfie", "happySelfie Fallback"}
:root{--lime:#dfff00;--yellow:#fe0;--pink:#ff206e;--purple:#7b3cff;--blue:#00d4ff;--black:#0d0d0f;--dark:#1a1a1f;--gray:#6b6b73;--light:#f2f2f5;--off:#fafafb;--line:#0d0d0f21;--shadow:0 18px 42px #0d0d0f24;--shadow-hard:0 8px 0 #050507;--font-sf-pro:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--black);font-family:var(--font-poppins), system-ui, sans-serif;overscroll-behavior:none;background:#050507;margin:0}body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:100dvh;overflow:hidden}button,input,textarea,select{font:inherit}input,textarea,[contenteditable=true],[contenteditable=true] *{-webkit-user-select:text;user-select:text}a{color:inherit;text-decoration:none}.phone-shell{background:radial-gradient(circle at 92% 8%, #ff206e14, transparent 13rem), radial-gradient(circle at 8% 98%, #c6ff001f, transparent 14rem), var(--off);width:100%;max-width:430px;height:100dvh;min-height:100svh;margin:0 auto;position:relative;overflow:hidden}.phone-shell.dark{color:#fff;background:radial-gradient(circle at 10% 88%,#c6ff001a,#0000 14rem),radial-gradient(circle at 50% 5%,#7b3cff47,#0000 18rem),linear-gradient(#050507,#12101d 68%,#09090d)}.app-shell{width:100%;max-width:430px;height:100dvh;min-height:100svh;margin:0 auto;position:relative;overflow:hidden}.app-screen{gap:var(--app-gap,12px);grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:0;display:grid}.app-header,.app-footer{min-height:0}.app-main{min-height:0;overflow:hidden}.app-main.scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-y:auto}.app-main.scroll::-webkit-scrollbar{display:none}.screen-pad{padding:calc(24px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom))}.screen-fill{height:100%;min-height:0}.status{letter-spacing:0;justify-content:space-between;align-items:center;height:24px;font-size:12px;font-weight:800;display:flex}.status-spacer{visibility:hidden}.flow-back-button{color:#fff;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.flow-screen{padding:calc(12px + env(safe-area-inset-top)) 22px calc(18px + env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto;gap:12px;display:grid}.flow-screen>.status{display:none}.flow-screen>.flow-back-button{place-self:start;margin-top:2px}.flow-heading{text-align:center;align-content:start;justify-items:center;gap:7px;min-height:118px;display:grid;position:relative}.flow-title{color:#fff;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;letter-spacing:-.04em;text-align:center;text-shadow:0 5px #00000070;justify-items:center;gap:0;margin:0;font-size:clamp(45px,11.8vw,56px);font-weight:700;line-height:.98;display:grid;position:relative}.flow-title-stacked{width:min(100%,326px);line-height:.84}.flow-title-stacked>span{line-height:inherit;display:block}.flow-title-stacked .flow-title-underline{margin-top:-2px}.flow-title-underline{display:inline-block;position:relative}.flow-title-underline:after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='240' height='15' viewBox='0 0 240 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 9.4C38 6 65 7.3 96 7.9C130 8.6 162 6.5 195 5.4C213 4.7 227 5.2 236 3.6' stroke='%23C6FF00' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M10 12C51 8.8 89 10.1 125 10.5C161 10.8 191 8.5 231 7.2' stroke='%23C6FF00' stroke-opacity='.68' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;height:15px;position:absolute;bottom:-9px;left:2%;right:2%;transform:rotate(-1.4deg)}.flow-subtitle,.flow-heading p{color:#ffffff94;text-align:center;margin:10px 0 0;font-size:14px;font-weight:700;line-height:1.2}.flow-content{min-height:0}.flow-actions{align-content:end;padding-bottom:20px;display:grid}.flow-actions a,.flow-actions button,.flow-actions .cta,.onboarding-cta{min-height:68px;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;border-radius:18px}.brand-title{font-family:var(--font-anton), Impact, sans-serif;text-transform:uppercase;letter-spacing:0;text-shadow:5px 5px #000;line-height:.9}.text-logo{-webkit-text-stroke:2px #000;color:#fff;justify-items:start;font-size:clamp(76px,21vw,116px);display:grid}.text-logo-small{text-shadow:2px 2px #000;-webkit-text-stroke:1px #000;color:#fff;grid-auto-flow:column;align-items:center;gap:8px;font-size:24px;display:inline-grid}.logo-img{filter:drop-shadow(0 18px 18px #00000059);width:min(82vw,330px);height:auto;display:block}.logo-img-small{width:120px;height:auto;display:block}.onboarding-shell.phone-shell.dark{background:radial-gradient(circle at 14% 16%,#c6ff0012,#0000 9rem),radial-gradient(circle at 90% 24%,#ffffff0b,#0000 8rem),linear-gradient(#030304 0%,#09090c 56%,#030304 100%)}.onboarding-screen{padding:calc(28px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,2dvh,16px);display:grid;position:relative}.onboarding-account-button{top:calc(28px + env(safe-area-inset-top));z-index:8;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;position:absolute;right:20px}.onboarding-account-button.is-library{background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.onboarding-account-button.is-x-signin{color:#ffffffc7;min-height:32px;font-family:var(--font-poppins), sans-serif;letter-spacing:0;background:#ffffff0b;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.onboarding-account-button.is-x-signin:active{color:#fff;background:#ffffff14}.x-logo-mark{fill:currentColor;width:11px;height:11px;display:block}.onboarding-auth-button{top:calc(28px + env(safe-area-inset-top));z-index:8;color:#fff;max-width:154px;min-height:48px;font-family:var(--font-poppins), sans-serif;white-space:nowrap;text-overflow:ellipsis;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:0 15px;font-size:12px;font-weight:800;line-height:1;position:absolute;left:20px;overflow:hidden;box-shadow:0 12px 32px #00000042}.onboarding-auth-button.is-signed-in{color:#b6ff00}.onboarding-hero{place-items:center;min-height:0;padding:0;display:grid;position:relative;overflow:visible}.onboarding-art-group{width:var(--hero-stage-width,min(82vw, 336px));justify-items:center;gap:var(--hero-group-gap,clamp(58px, 15cqw, 76px));transform-origin:50%;max-width:100%;display:grid;position:relative;container-type:inline-size}.onboarding-logo-stage{width:100%;max-width:100%;position:relative}.onboarding-logo-lockup{z-index:2;width:100%;position:relative}.onboarding-logo{filter:drop-shadow(0 18px #00000075);z-index:2;width:100%;max-width:100%;transform:rotate(-1deg)}.onboarding-logo-lockup .onboarding-logo{width:100%}.onboarding-tagline{width:var(--hero-tagline-width,min(110%, 356px));color:#fff;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;text-align:center;text-shadow:0 5px #0000007a;z-index:2;justify-self:center;margin:0 auto;font-size:clamp(34px,13cqw,45px);font-weight:700;line-height:1.08}.onboarding-tagline span{text-align:center;width:100%;display:block}.onboarding-layout-item{pointer-events:none;-webkit-user-select:none;user-select:none;left:calc(var(--item-x) * 1%);top:calc(var(--item-y) * 1%);transform:translate(var(--item-anchor-x,-50%), var(--item-anchor-y,-50%)) rotate(calc(var(--item-rotate) * 1deg));position:absolute}.onboarding-banger{width:calc(var(--item-scale) * 1%);z-index:3}.onboarding-exclaim{width:calc(var(--item-scale) * 1%);z-index:1}.onboarding-doodle-star{z-index:3}.onboarding-doodle-music{opacity:.92;z-index:5}.onboarding-doodle-bolt{z-index:3}.onboarding-doodle-heart{opacity:.9;z-index:3}.onboarding-logo-spark{z-index:4;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.onboarding-actions{z-index:4;align-self:end;gap:12px;display:grid;transform:none}.onboarding-cta{color:#050507;min-height:76px;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;letter-spacing:.01em;background:#c6ff00;border:3px solid #c6ff001f;border-radius:18px;place-items:center;font-size:30px;font-weight:700;display:grid;box-shadow:inset 0 -5px #00000014,0 0 26px #c6ff002e}.display{font-family:var(--font-anton), Impact, sans-serif;text-transform:uppercase;letter-spacing:0;line-height:.95}.marker{font-family:var(--font-shantell), cursive;letter-spacing:0;font-weight:700}.lime-text{color:var(--lime)}.cta{color:#090909;background:linear-gradient(135deg, var(--lime), var(--yellow));width:100%;min-height:56px;font-family:var(--font-poppins), system-ui, sans-serif;letter-spacing:0;text-transform:uppercase;box-shadow:var(--shadow-hard), 0 18px 35px #c6ff003d;cursor:pointer;transform-origin:50%;border:0;border-radius:999px;padding:0 18px;font-size:14px;font-weight:900;transition:transform .12s,box-shadow .12s,filter .12s,opacity .12s}.cta:disabled{filter:grayscale();opacity:.55;cursor:not-allowed}.cta:not(:disabled):active,.onboarding-cta:active,.upload-sample-button:not(:disabled):active,.generating-play-button:active,.conversation-chip:not(:disabled):active,.flow-back-button:active{transform:scale(.97)}.cta:not(:disabled):active,.upload-sample-button:not(:disabled):active{box-shadow:0 5px #000000db,0 10px 20px #c6ff0029}@media (prefers-reduced-motion:reduce){.cta,.upload-sample-button,.generating-play-button,.generating-listen-callout,.conversation-chip,.flow-back-button,.result-player-screen .result-player-art,.result-player-screen .result-player-meta,.result-player-screen .result-player-quote,.result-player-screen .result-player-controls,.result-player-screen .result-player-nav,.result-player-screen .public-share-nav,.result-player-screen .public-share-credit{transition:none}.cta:not(:disabled):active,.onboarding-cta:active,.upload-sample-button:not(:disabled):active,.generating-play-button:active,.conversation-chip:not(:disabled):active,.flow-back-button:active{transform:none}}.cta.onboarding-cta{color:#050507;min-height:66px;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;letter-spacing:.01em;background:#c6ff00;border:3px solid #c6ff001f;border-radius:18px;font-size:22px;font-weight:700;box-shadow:inset 0 -5px #00000014,0 0 26px #c6ff002e}@media (max-height:760px){.onboarding-screen{padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom));gap:8px}.onboarding-tagline{font-size:clamp(31px,12cqw,40px)}.cta.onboarding-cta{min-height:58px;font-size:20px}}@media (max-height:680px){.onboarding-tagline{font-size:clamp(28px,12cqw,35px)}}.secondary{border:1px solid var(--line);width:100%;min-height:50px;color:var(--black);font-weight:800;font-family:var(--font-poppins), system-ui, sans-serif;cursor:pointer;background:#fff;border-radius:999px}.black-button{color:#fff;width:100%;min-height:54px;font-weight:900;font-family:var(--font-poppins), system-ui, sans-serif;letter-spacing:0;text-transform:uppercase;cursor:pointer;background:#050507;border:0;border-radius:999px;font-size:14px;box-shadow:0 8px #0d0d0f2e}.hero-layout-lab{color:#fff;width:100%;min-height:100dvh;font-family:var(--font-poppins), system-ui, sans-serif;background:#0b0b0f;grid-template-columns:320px minmax(0,1fr);gap:20px;padding:16px;display:grid}.hero-layout-panel{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;align-content:start;gap:12px;max-height:calc(100dvh - 32px);padding:16px;display:grid;position:sticky;top:16px;overflow:auto}.hero-layout-panel h1{margin:0;font-size:20px}.hero-layout-panel label{gap:6px;font-size:12px;font-weight:800;display:grid}.hero-layout-panel input,.hero-layout-panel select,.hero-layout-panel button{min-height:34px}.hero-layout-panel pre{background:#00000057;border-radius:12px;max-height:260px;margin:0;padding:12px;font-size:11px;overflow:auto}.hero-layout-save-status{color:var(--lime);margin:-4px 0 0;font-size:12px;font-weight:800}.hero-layout-hidden-controls{display:none}.hero-layout-previews{grid-template-columns:repeat(4,minmax(430px,1fr));align-items:start;gap:20px;min-width:0;padding-bottom:8px;display:grid;overflow-x:auto}.hero-layout-frame-card{gap:10px;display:grid}.hero-layout-frame-card header{color:#ffffffb8;justify-content:space-between;gap:8px;font-size:12px;display:flex}.hero-layout-frame{width:min(100%, var(--frame-width));aspect-ratio:var(--frame-aspect);background:#050507;border:1px solid #ffffff1f;border-radius:18px;max-height:none;margin:0 auto;overflow:hidden}@media (min-width:1320px){.hero-layout-previews{grid-template-columns:repeat(4,minmax(430px,1fr))}}@media (max-width:860px){.hero-layout-lab{grid-template-columns:1fr}.hero-layout-panel{max-height:none;position:static}}.hero-layout-frame-screen{background:radial-gradient(circle at 14% 16%,#c6ff0012,#0000 9rem),radial-gradient(circle at 90% 24%,#ffffff0b,#0000 8rem),linear-gradient(#030304 0%,#09090c 56%,#030304 100%);place-items:center;width:100%;height:100%;padding:14px;display:grid}.hero-layout-frame-screen iframe{background:#050507;border:0;width:100%;height:100%;display:block}.llm-flow-lab{grid-template-columns:320px minmax(0,1fr);height:100dvh;overflow:hidden}.llm-flow-panel button{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.llm-flow-checkbox{grid-template-columns:auto minmax(0,1fr);align-items:center}.llm-flow-checkbox input{min-height:0}.llm-flow-note,.llm-flow-error{margin:0;font-size:12px;line-height:1.45}.llm-flow-note{color:#ffffffa8}.llm-flow-error{color:#ff8fa3;font-weight:800}.llm-flow-workspace{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;min-width:0;max-height:calc(100dvh - 32px);padding-bottom:24px;padding-right:6px;display:grid;overflow:auto}.llm-flow-card{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:18px;grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0;min-height:280px;padding:14px;display:grid}.llm-flow-card.is-tall{grid-column:span 2;min-height:360px}.llm-flow-card span,.llm-flow-card h2{color:#ffffffc7;margin:0;font-size:13px;font-weight:900}.llm-flow-card header{justify-content:space-between;align-items:center;gap:12px;display:flex}.llm-flow-card textarea,.llm-flow-card pre{color:#ffffffe6;white-space:pre-wrap;background:#00000057;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;overflow:auto}.llm-flow-card textarea{resize:vertical}.llm-flow-card pre{margin:0}.llm-flow-art-preview{aspect-ratio:1;object-fit:cover;border-radius:16px;width:min(320px,100%)}@media (max-width:1100px){.llm-flow-workspace{grid-template-columns:1fr}.llm-flow-card.is-tall{grid-column:auto}}.slot-layout-preview-stage{background:radial-gradient(circle at 50% 44%,#c6ff0014,#0000 16rem),linear-gradient(#030304 0%,#09090c 56%,#030304 100%);border:1px solid #ffffff1f;border-radius:18px;width:min(100%,760px);height:min(72dvh,620px);min-height:420px}.slot-layout-preview-frame{background:radial-gradient(circle at 50% 44%,#c6ff0014,#0000 13rem),linear-gradient(#030304 0%,#09090c 56%,#030304 100%);width:100%;height:100%;min-height:0}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffeb;border-radius:16px}.sticker{color:#fff;font-family:var(--font-shantell), cursive;letter-spacing:0;background:#050507;border:3px solid #050507;border-radius:14px;font-weight:700;box-shadow:4px 4px #0000002e}.accent-pill{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;font-weight:800;font-family:var(--font-poppins), system-ui, sans-serif;letter-spacing:0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.screen-title{font-family:var(--font-anton), Impact, sans-serif;letter-spacing:0;text-align:center;margin:18px 0 8px;font-size:clamp(40px,10vw,46px);line-height:1}.screen-kicker{background:var(--lime);width:fit-content;color:var(--black);text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-flex}.underline{background:linear-gradient(to top, var(--lime) 0 22%, transparent 22% 100%);padding:0 2px;display:inline}.grid-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.option{cursor:pointer;background:#fff;border:1px solid #0d0d0f1f;border-radius:16px;place-items:center;gap:6px;min-height:86px;padding:10px;font-size:12px;font-weight:800;display:grid}.option span:last-child{font-family:var(--font-poppins), system-ui, sans-serif;letter-spacing:0;text-align:center;font-size:12px;line-height:1.05}.option.active{outline:2px solid var(--lime);border-color:var(--lime);box-shadow:0 0 0 5px #c6ff002e}.option span:first-child{font-size:32px}.grid-options.compact-options{gap:8px}.grid-options.compact-options .option{border-radius:14px;min-height:72px;padding:7px}.grid-options.compact-options .option span:first-child{font-size:25px}.grid-options.compact-options .option span:last-child{font-size:11px}.style-shell.phone-shell{color:#fff;background:radial-gradient(circle at 88% 8%,#c6ff000f,#0000 12rem),linear-gradient(#050506 0%,#101012 60%,#060607 100%)}.style-screen{grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0}.style-heading{min-height:118px}.style-title{margin:0}.genre-heading .style-title{font-size:clamp(44px,11.3vw,53px);display:block}.genre-heading{gap:8px}.genre-heading .style-title:after{content:none}.genre-heading .style-title-doodle{top:13px;right:-18px}.genre-heading p{margin-top:10px}.style-title:after{content:none}.style-heading p{margin-top:10px}.style-title-doodle{position:absolute;top:10px;right:16px}.style-grid{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:0;padding-top:12px;padding-bottom:8px;display:grid;overflow-y:auto}.style-grid::-webkit-scrollbar{display:none}.style-grid.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px;padding-top:0;padding-bottom:16px}.style-option{color:#fff;cursor:pointer;background:radial-gradient(circle at 50% 0,#ffffff14,#0000 7rem),#ffffff12;border:1px solid #ffffff14;border-radius:16px;place-items:center;gap:2px;min-height:90px;font-weight:900;display:grid}.genre-grid .style-option{border-radius:15px;align-content:center;min-height:104px;padding-top:8px}.style-option span:first-child{filter:drop-shadow(0 4px 8px #0006);font-size:31px;line-height:1;transform:translateY(4px)}.genre-grid .style-option span:first-child{font-size:28px;transform:translateY(5px)}.style-option span:last-child{font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;font-size:17px;font-weight:700;line-height:1;transform:translateY(-2px)}.genre-grid .style-option span:last-child{font-size:16px}.style-option.active{border-color:var(--lime);outline:2px solid var(--lime);box-shadow:0 0 0 5px #c6ff001f,0 0 20px #c6ff0047}.style-actions{align-self:end;padding-bottom:0}.style-auth-gate{gap:10px;display:grid}.style-auth-gate p{color:#ffffffb8;font-family:var(--font-poppins), sans-serif;text-align:center;margin:0;font-size:13px;font-weight:700;line-height:1.25}.style-cta{justify-content:center;align-items:center;gap:10px;font-size:26px;display:flex}.style-final-cta{background:var(--purple);color:#fff;box-shadow:var(--shadow-hard), 0 18px 35px #7b3cff3d}.style-slots-screen{grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0}.style-slots-heading{min-height:var(--slot-header-min-height,96px);padding-top:var(--slot-header-padding-top,0px)}.style-slots-title{max-width:100%;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;font-size:var(--slot-title-font-size,44px);letter-spacing:-.05em;text-align:center;white-space:nowrap;margin:0 auto;font-weight:800;line-height:.92}.style-slots-title:after{content:none}.flow-subtitle.style-slots-subtitle{max-width:320px;margin-top:var(--slot-subtitle-margin-top,10px);color:#ffffff8a;font-family:var(--font-poppins), system-ui, sans-serif;font-size:var(--slot-subtitle-font-size,13px);font-weight:300;line-height:1.25}.style-slots-star,.style-slots-music{pointer-events:none;position:absolute}.style-slots-star{left:var(--slot-star-left,2px);top:var(--slot-star-top,26px)}.style-slots-music{right:var(--slot-music-right,-4px);top:var(--slot-music-top,75px);transform:rotate(10deg)}.style-slots-summary{min-height:var(--slot-input-height,36px);width:min(100%, var(--slot-direction-width,313px));opacity:.78;background:linear-gradient(90deg,#74860e0e,#00000038 42%),#00000042;border:1.5px solid #74860ed1;border-radius:12px;grid-template-columns:minmax(0,1fr) 36px;justify-self:center;align-items:center;margin-top:0;transition:border-color .18s,box-shadow .18s,opacity .64s,translate .72s cubic-bezier(.2,.86,.24,1);display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #74860e0a,0 0 8px #74860e14}.style-slots-summary.is-active,.style-slots-summary:focus-within{min-height:calc(var(--slot-input-height,36px) + 4px);border-color:var(--lime);opacity:1;background:linear-gradient(90deg,#c6ff0014,#00000038 42%),#0000003d;box-shadow:0 0 0 1px #c6ff001f,0 0 18px #c6ff0029}.style-slots-summary input{color:#97ad18eb;min-width:0;height:100%;font-family:var(--font-poppins), system-ui, sans-serif;background:0 0;border:0;outline:0;padding:0 12px;font-size:10.5px;font-weight:500}.style-slots-summary.is-active input,.style-slots-summary:focus-within input{color:#fff;font-size:11px}.style-slots-summary input::placeholder{color:#97ad1894}.style-slots-summary.is-active input::placeholder,.style-slots-summary:focus-within input::placeholder{color:#ffffff80}.style-slots-summary button{z-index:2;color:#74860ee0;background:linear-gradient(90deg,#0000,#050506 42%);border:0;place-items:center;height:100%;transition:color .18s;display:grid;position:relative}.style-slots-summary.is-active button,.style-slots-summary:focus-within button{color:var(--lime)}.style-slots-summary:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#05050600,#050506);width:44px;position:absolute;top:2px;bottom:2px;right:34px}.style-slots-stage{width:100%;min-width:0;min-height:0;padding:0;position:relative;overflow:visible}.style-slots-stage.style-slots-intro-hidden .style-slots-machine,.style-slots-stage.style-slots-intro-hidden .style-slots-direction{opacity:0;pointer-events:none}.style-slots-stage.style-slots-intro-hidden .style-slots-machine{translate:0 12px;scale:.97}.style-slots-stage.style-slots-intro-machine .style-slots-machine,.style-slots-stage.style-slots-intro-spinning .style-slots-machine,.style-slots-stage.style-slots-intro-or .style-slots-machine,.style-slots-stage.style-slots-intro-ready .style-slots-machine{opacity:1;translate:0;scale:1}.style-slots-stage.style-slots-intro-hidden .style-slots-direction,.style-slots-stage.style-slots-intro-machine .style-slots-direction,.style-slots-stage.style-slots-intro-spinning .style-slots-direction{opacity:0;pointer-events:none;translate:0 12px}.style-slots-stage.style-slots-intro-or .style-slots-direction{opacity:1;pointer-events:none;translate:0}.style-slots-stage.style-slots-intro-ready .style-slots-direction{opacity:1;pointer-events:auto;translate:0}.style-slots-stage.style-slots-intro-hidden .style-slots-choice-divider,.style-slots-stage.style-slots-intro-machine .style-slots-choice-divider,.style-slots-stage.style-slots-intro-spinning .style-slots-choice-divider,.style-slots-stage.style-slots-intro-hidden .style-slots-direction-label,.style-slots-stage.style-slots-intro-machine .style-slots-direction-label,.style-slots-stage.style-slots-intro-spinning .style-slots-direction-label,.style-slots-stage.style-slots-intro-or .style-slots-direction-label,.style-slots-stage.style-slots-intro-hidden .style-slots-summary,.style-slots-stage.style-slots-intro-machine .style-slots-summary,.style-slots-stage.style-slots-intro-spinning .style-slots-summary,.style-slots-stage.style-slots-intro-or .style-slots-summary{opacity:0;translate:0 8px}.style-slots-stage.style-slots-intro-or .style-slots-choice-divider,.style-slots-stage.style-slots-intro-ready .style-slots-choice-divider,.style-slots-stage.style-slots-intro-ready .style-slots-direction-label,.style-slots-stage.style-slots-intro-ready .style-slots-summary{opacity:1;translate:0}.style-slots-stage.style-slots-intro-ready.is-wheel-active .style-slots-direction-label{color:#c6ff004d;text-shadow:none}.style-slots-stage.style-slots-intro-ready.is-wheel-active .style-slots-summary{box-shadow:none;opacity:.58;filter:grayscale(.8)saturate(.35)brightness(.78);background:linear-gradient(90deg,#ffffff05,#0003),#ffffff06;border-color:#ffffff14}.style-slots-stage:not(.style-slots-intro-ready) .style-slots-reels,.style-slots-stage:not(.style-slots-intro-ready) .style-slots-bar-control{pointer-events:none}.style-slots-stack{align-content:center;justify-items:center;gap:var(--slot-stack-gap,14px);width:100%;min-width:0;max-width:100%;height:100%;min-height:0;transform:translateY(var(--slot-stack-offset-y,0px));grid-template-rows:auto auto;display:grid;overflow:visible}.style-slots-reel-labels{z-index:8;color:var(--lime);font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;text-align:center;text-transform:uppercase;text-shadow:0 0 12px #c6ff0052;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:6%;font-size:clamp(13px,3.2vw,18px);font-weight:900;line-height:1;display:grid;position:absolute;top:0;left:17%;right:19%}.style-slots-reel-label{z-index:58;color:var(--lime);font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;text-align:center;text-transform:uppercase;text-shadow:0 0 7px #c6ff008c,0 2px #00000075;pointer-events:none;font-size:clamp(12px,3vw,17px);font-weight:900;line-height:1;transition:color .26s,opacity .26s,text-shadow .26s,filter .26s;position:absolute;top:-31px;left:50%;transform:translate(-50%)}.style-slots-stage:not(.style-slots-intro-ready) .style-slots-reel:not(.is-intro-settled) .style-slots-reel-label{color:#ffffff47;opacity:.68;text-shadow:0 2px #0000005c;filter:grayscale()}.style-slots-stage:not(.style-slots-intro-ready) .style-slots-reel.is-intro-settled .style-slots-reel-label{color:var(--lime);opacity:1;text-shadow:0 0 7px #c6ff008c,0 2px #00000075;filter:none}.style-slots-machine{--slot-machine-height:var(--slot-machine-height-value,301px);height:min(var(--slot-machine-height), calc(100% - 12px));filter:drop-shadow(0 18px 34px #0000006b);justify-content:center;align-items:stretch;line-height:0;display:inline-flex;position:absolute;top:46%;left:50%;transform:translate(calc(5px - 50%),-50%)scaleX(.92)}.style-slots-stack .style-slots-machine{max-width:100%;height:min(var(--slot-machine-height), clamp(220px, 38dvh, var(--slot-machine-fit-height,236px)));transform:translate(var(--slot-machine-offset-x,0px), var(--slot-machine-offset-y,0px)) scale(var(--slot-machine-scale,1.15));transform-origin:50%;opacity:1;justify-self:center;transition:opacity .42s,translate .42s cubic-bezier(.2,.86,.24,1),scale .42s cubic-bezier(.2,.86,.24,1);position:relative;top:auto;left:auto}.style-slots-machine.is-direction-mode .style-slots-reel-card.is-selected{color:#ffffff57;height:var(--slot-card-height,64px);border-radius:var(--slot-card-corner,5px);text-shadow:none;background:radial-gradient(#ffffff09,#0000 74%),linear-gradient(#ffffff0e,#ffffff03),#101012a8;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff09,0 8px 14px #0000002e}.style-slots-machine.is-direction-mode .style-slots-reel-label,.style-slots-machine.is-direction-mode .style-slots-reel-arrow{color:#ffffff38;opacity:.32;text-shadow:none;filter:grayscale()}.style-slots-machine.is-direction-mode .style-slots-reel-arrow.top{border-bottom-color:#ffffff3d}.style-slots-machine.is-direction-mode .style-slots-reel-arrow.bottom{border-top-color:#ffffff3d}.style-slots-machine.is-direction-mode .style-slots-reel-card:not(.is-selected){color:#fff3;opacity:.48;filter:saturate(.35)brightness(.78)}.style-slots-machine.is-direction-mode .style-slots-corner-spark,.style-slots-machine.is-direction-mode .style-slots-lever-spark{opacity:.28;filter:grayscale()drop-shadow(0 0 4px #ffffff14)}.style-slots-reel.is-spinning .style-slots-reel-label,.style-slots-reel.is-spinning .style-slots-reel-arrow{color:#ffffff47;opacity:.42;text-shadow:0 2px #00000057;filter:grayscale()drop-shadow(0 0 3px #ffffff14)}.style-slots-reel.is-spinning .style-slots-reel-arrow.top{border-bottom-color:#ffffff52}.style-slots-reel.is-spinning .style-slots-reel-arrow.bottom{border-top-color:#ffffff52}.style-slots-corner-spark{z-index:20;transform-origin:50%;filter:drop-shadow(0 0 8px #c6ff009e)drop-shadow(0 0 16px #c6ff0052);pointer-events:none;position:absolute;bottom:3%;left:7%;transform:translate(-62%,62%)rotate(135deg)scale(.8)}.style-slots-lever-spark{left:var(--slot-lever-spark-x,91%);top:var(--slot-lever-spark-y,19%);z-index:30;transform:translate(-50%, -50%) rotate(var(--slot-lever-spark-rotate,-18deg)) scale(var(--slot-lever-spark-scale,.78));transform-origin:50%;filter:drop-shadow(0 0 8px #c6ff00b3)drop-shadow(0 0 18px #a755ff57);pointer-events:none;position:absolute}.style-slots-machine img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:none;width:auto;max-width:none;height:100%;display:block}.style-slots-base-wrap{flex:none;height:100%;line-height:0;position:relative}.style-slots-base{z-index:1;aspect-ratio:2324/1792;pointer-events:none;position:relative}.style-slots-reels{left:var(--slot-reels-left,9.8%);right:var(--slot-reels-right,10.9%);top:var(--slot-reels-top,8.4%);bottom:var(--slot-reels-bottom,10.3%);z-index:5;column-gap:var(--slot-reels-gap,5.5%);cursor:grab;pointer-events:auto;touch-action:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:absolute}.style-slots-reels:active{cursor:grabbing}.style-slots-reel{perspective:var(--slot-perspective,635px);transform-style:preserve-3d;cursor:grab;touch-action:none;background:0 0;border-radius:0;position:relative;overflow:visible}.style-slots-reel:active{cursor:grabbing}.style-slots-reel:first-child{transform:rotateY(calc(-1 * var(--slot-side-bow,3deg)));transform-origin:100%}.style-slots-reel:nth-child(3){transform:rotateY(var(--slot-side-bow,3deg));transform-origin:0%}.style-slots-reel:before,.style-slots-reel:after{content:"";z-index:28;pointer-events:none;height:25%;position:absolute;left:-6%;right:-6%}.style-slots-reel:before{background:linear-gradient(#000000f0 0%,#000000b8 34%,#0000 100%);top:-1px}.style-slots-reel:after{background:linear-gradient(#0000 0%,#000000b8 66%,#000000f0 100%);bottom:-1px}.style-slots-reel-arrow{z-index:56;opacity:1;filter:drop-shadow(0 0 7px #c6ff00b8)drop-shadow(0 0 14px #c6ff0052);pointer-events:none;width:0;height:0;transition:opacity .22s,filter .22s,border-color .22s;position:absolute;left:50%;transform:translate(-50%)}.style-slots-reel-arrow.top{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:5px solid var(--lime);top:-3px}.style-slots-reel-arrow.bottom{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid var(--lime);bottom:-3px}.style-slots-reel-card{--slot-card-depth:max(var(--slot-card-index), -1 * var(--slot-card-index));--slot-card-angle:calc((var(--slot-card-index) * var(--slot-face-angle,-36deg)) + var(--slot-reel-rotation,0deg));--slot-card-radius:var(--slot-card-radius-depth,86px);z-index:calc(4 - var(--slot-card-depth));width:min(var(--slot-card-width-percent,82%), var(--slot-card-max-width,92px));height:var(--slot-card-height,58px);aspect-ratio:auto;border-radius:var(--slot-card-corner,5px);color:#ffffffa8;min-height:0;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;text-align:center;white-space:normal;backface-visibility:hidden;opacity:calc(1 - min(var(--slot-card-depth), 4) * .1);transform:translate(-50%, -50%) rotateX(var(--slot-card-angle)) translateZ(var(--slot-card-radius));background:radial-gradient(#ffffff14,#0000 74%),linear-gradient(#ffffff1c,#ffffff04),#161618b8;border:1px solid #ffffff14;padding:0;font-size:clamp(9px,2.1vw,13px);font-weight:800;line-height:.9;display:block;position:absolute;top:50%;left:50%;overflow:visible;box-shadow:inset 0 1px #ffffff14,0 8px 14px #0000003d}.style-slots-reel-card-text{text-align:center;white-space:normal;text-wrap:balance;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:auto;max-width:none;padding:3px 8px;display:flex;position:absolute;inset:0;transform:translateY(.04em)}.style-slots-reel-card-label{display:block}.style-slots-reel-card-emoji{font-family:var(--font-poppins), system-ui, sans-serif;filter:drop-shadow(0 0 5px #c6ff003d);margin-top:0;font-size:1.08em;line-height:.9;display:block}.style-slots-reel-card-text.is-surprise{font-family:var(--font-poppins), system-ui, sans-serif;padding:0;font-size:clamp(24px,6.2vw,34px);line-height:1}.style-slots-reel-card.is-compact-label{letter-spacing:-.03em;font-size:clamp(8px,1.9vw,11px)}.style-slots-reel-card.is-tiny-label{letter-spacing:-.04em;font-size:clamp(7px,1.68vw,10px);line-height:.88}.style-slots-reel-card.is-selected{z-index:40;opacity:1;color:#fff;height:var(--slot-selected-card-height,58px);border-radius:var(--slot-selected-card-corner,5px);text-shadow:0 0 10px #7b3cff8c;background:radial-gradient(#7b3cff57,#0000 72%),linear-gradient(#ffffff29,#7b3cff29),#211a36;border-color:#7b3cfff5;box-shadow:0 0 0 1px #7b3cff57,0 0 24px #7b3cff85,0 12px 22px #0000007a,inset 0 1px #ffffff2e}.style-slots-bar-control{cursor:grab;touch-action:none;background:0 0;border:0;flex:none;height:100%;margin-left:-1px;padding:0}.style-slots-bar-control:active{cursor:grabbing}.style-slots-bar{aspect-ratio:360/1792;pointer-events:none}.style-slots-stage.style-slots-intro-spinning .style-slots-bar-control{animation:.42s cubic-bezier(.18,.86,.22,1) both styleSlotsIntroLever}@keyframes styleSlotsIntroLever{0%,to{translate:0}45%{translate:0 18px}}.style-slots-actions{gap:var(--slot-actions-gap,14px);padding-bottom:0;display:grid}.style-slots-direction{gap:var(--slot-direction-gap,12px);width:min(100%, var(--slot-direction-width,313px));transform:translateY(var(--slot-direction-offset-y,0px));opacity:1;justify-items:center;transition:opacity .3s,translate .34s cubic-bezier(.2,.86,.24,1);display:grid}.style-slots-choice-divider{width:min(var(--slot-divider-width,47%), 292px);color:#ffffff80;margin:0 0 var(--slot-divider-margin-bottom,7px);grid-template-columns:minmax(32px,.72fr) auto minmax(32px,.72fr);align-items:center;gap:10px;transition:opacity .36s,translate .42s cubic-bezier(.2,.86,.24,1);display:grid}.style-slots-choice-divider span{background:linear-gradient(90deg,#fff0,#ffffff4d);height:1px}.style-slots-choice-divider span:last-child{background:linear-gradient(90deg,#ffffff4d,#fff0)}.style-slots-choice-divider em{font-family:var(--font-poppins), system-ui, sans-serif;text-transform:lowercase;font-size:14px;font-style:normal;font-weight:600;line-height:1}.style-slots-direction-label{margin:0 0 var(--slot-label-input-gap,-5px);color:#c6ff00e0;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;font-size:var(--slot-direction-label-font-size,17px);letter-spacing:.03em;text-align:center;text-transform:uppercase;text-shadow:0 0 12px #c6ff0057;font-weight:900;line-height:1;transition:opacity .64s,translate .72s cubic-bezier(.2,.86,.24,1)}.style-slots-cta{min-height:var(--slot-cta-height,72px);background:var(--lime);color:#050506;box-shadow:var(--shadow-hard), 0 18px 36px #c6ff0038;justify-content:center;align-items:center;gap:1px;font-size:28px;display:grid}.style-slots-cta-main{justify-content:center;align-items:center;gap:12px;line-height:1;display:inline-flex}.style-slots-signed-out-cta{justify-items:center;gap:7px;display:grid}.style-slots-cta-sub{color:#c6ff00b8;font-family:var(--font-poppins), system-ui, sans-serif;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:11px;font-weight:800;line-height:1}.style-slots-cta-signed-in{background:var(--purple);color:#fff;box-shadow:var(--shadow-hard), 0 18px 35px #7b3cff3d;gap:12px;display:flex}.style-slots-cta-pending,.style-slots-cta-pending:disabled{color:#ffffffbd;filter:none;opacity:1;background:#2a2a2f;box-shadow:inset 0 1px #ffffff14,0 12px 28px #0000003d}@media (max-height:720px){.style-heading{min-height:96px}.style-option{min-height:76px}.genre-grid .style-option{min-height:82px}.style-option span:first-child,.genre-grid .style-option span:first-child{font-size:25px}.style-option span:last-child,.genre-grid .style-option span:last-child{font-size:14px}.style-cta{min-height:58px;font-size:22px}.style-slots-heading{min-height:var(--slot-header-min-height,96px)}.style-slots-title{font-size:var(--slot-title-font-size,44px)}.style-slots-cta{min-height:62px;font-size:24px}.style-slots-summary{min-height:var(--slot-input-height,36px)}.style-slots-summary.is-active,.style-slots-summary:focus-within{min-height:calc(var(--slot-input-height,36px) + 4px)}}@media (max-height:640px){.style-heading{min-height:82px}.style-grid{gap:8px;padding-top:6px}.style-option{min-height:66px}.genre-grid .style-option{min-height:70px}.style-slots-heading{min-height:var(--slot-header-min-height,96px)}.style-slots-actions{gap:10px}.style-slots-summary{min-height:var(--slot-input-height,36px)}.style-slots-summary.is-active,.style-slots-summary:focus-within{min-height:calc(var(--slot-input-height,36px) + 4px)}.style-slots-direction-label{font-size:var(--slot-direction-label-font-size,17px)}.style-slots-machine{--slot-machine-height:var(--slot-machine-height-value,clamp(238px, 68vw, 306px))}}.generating-shell.phone-shell{color:#fff;background:radial-gradient(circle at 50% 42%,#c6ff001a,#0000 15rem),radial-gradient(circle at 85% 12%,#7b3cff14,#0000 13rem),linear-gradient(#050506 0%,#101012 62%,#060607 100%)}.generating-screen{min-height:100dvh;padding:22px 26px 28px;display:grid}.generating-stage{--generation-responsive-ring-size:min(var(--generation-ring-size,min(74vw, 270px)), clamp(210px, 36dvh, 270px));min-height:0;padding-top:var(--generation-stage-padding-top,28px);align-content:start;justify-items:center;gap:clamp(10px,2.2dvh,18px);display:grid;position:relative}.generating-stage.is-ready{padding-top:var(--generation-stage-padding-top,28px)}.generating-title{color:#fff;max-width:360px;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;letter-spacing:-.04em;text-align:center;text-shadow:0 5px #00000070;margin:0;font-size:clamp(45px,11.8vw,56px);font-weight:700;line-height:1}.generating-stage.is-ready .generating-title{text-shadow:0 0 18px #7b3cff47,0 5px #00000070;margin-top:0;margin-bottom:clamp(20px,5.6dvh,45px);font-size:clamp(52px,13.4vw,64px);line-height:.92;position:relative}.generating-stage.is-ready .generating-title:after{content:"";background-image:url("data:image/svg+xml,%3Csvg width='260' height='18' viewBox='0 0 260 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12C43 6 79 8.5 116 9.2C154 10 191 7.4 224 5.8C239 5.1 249 5.2 255 3.8' stroke='%23DFFF00' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M16 15C57 11.6 101 12.5 139 12.9C181 13.2 218 10.5 248 8.8' stroke='%23DFFF00' stroke-opacity='.72' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;height:16px;position:absolute;bottom:-14px;left:8%;right:8%;transform:rotate(-2deg)}.generating-stage.is-ready .generating-doodle,.generating-stage.is-ready .generating-title-spark,.generating-stage.is-ready .generating-ring-spark{display:none}.generating-ring{width:var(--generation-responsive-ring-size);aspect-ratio:1;transform:translate(var(--generation-ring-x,0px), var(--generation-ring-y,0px));filter:drop-shadow(0 0 24px #c6ff0038);place-items:center;display:grid;position:relative}.generating-ring.is-complete{filter:drop-shadow(0 0 34px #7b3cff80)drop-shadow(0 0 26px #c6ff0033)}.generating-ring svg{width:100%;height:100%;position:absolute;inset:0}.generating-ring-track,.generating-ring-progress{fill:none;stroke-linecap:round}.generating-ring-track{stroke:#c6ff0026;stroke-width:8px}.generating-ring-progress{stroke:var(--lime);stroke-width:10px;transform-origin:50%;transition:stroke-dashoffset .8s;transform:rotate(-90deg)}.generating-ring-cap{fill:var(--lime);filter:drop-shadow(0 0 10px #c6ff00b8);transition:cx .8s,cy .8s}.generating-ring strong{color:var(--lime);font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;letter-spacing:-.05em;text-shadow:0 0 18px #c6ff0066,0 5px #0000004d;font-size:clamp(70px,19vw,98px);font-weight:700}.generating-status{text-align:center;place-items:center;gap:6px;min-height:clamp(34px,7dvh,54px);display:grid}.generating-status span{color:#fff;font-size:16px;font-weight:300}.generating-status small{color:#ffffff80;font-size:13px;font-weight:300}.generating-doodle{pointer-events:none;position:absolute}.generating-doodle-left{left:var(--generation-doodle-left-x,10px);top:var(--generation-doodle-left-y,33%);transform:rotate(var(--generation-doodle-left-rotate,0deg))}.generating-doodle-right{right:var(--generation-doodle-right-x,8px);top:var(--generation-doodle-right-y,23%);opacity:.92;transform:rotate(var(--generation-doodle-right-rotate,0deg))}.generating-doodle-bottom{right:var(--generation-doodle-bottom-x,36px);bottom:var(--generation-doodle-bottom-y,18%);transform:rotate(var(--generation-doodle-bottom-rotate,0deg))}.generating-title-spark{right:var(--generation-title-spark-x,25px);top:var(--generation-title-spark-y,8px);z-index:2;transform:rotate(var(--generation-title-spark-rotate,-8deg));position:absolute}.generating-ready-spark{z-index:2;opacity:0;pointer-events:none;position:absolute}.generating-stage.is-ready .generating-ready-spark{opacity:1}.generating-ready-spark-left{left:var(--generation-ready-spark-left-x,26px);top:var(--generation-ready-spark-left-y,32px);transform:rotate(var(--generation-ready-spark-left-rotate,182deg))}.generating-ready-spark-right{right:var(--generation-ready-spark-right-x,25px);top:var(--generation-ready-spark-right-y,25px);transform:rotate(var(--generation-ready-spark-right-rotate,-4deg))}.generating-ring-spark{left:var(--generation-ring-spark-x,-5%);bottom:var(--generation-ring-spark-y,2%);z-index:2;transform:rotate(var(--generation-ring-spark-rotate,138deg));position:absolute}.generating-ready-doodle{z-index:3;pointer-events:none;position:absolute}.generating-ready-doodle-purple-star{left:var(--generation-ready-doodle-star-x,-12%);top:var(--generation-ready-doodle-star-y,20%);transform:rotate(var(--generation-ready-doodle-star-rotate,-14deg))}.generating-ready-doodle-purple-music{right:var(--generation-ready-doodle-music-x,-12%);top:var(--generation-ready-doodle-music-y,0%);transform:rotate(var(--generation-ready-doodle-music-rotate,11deg))}.generating-ready-doodle-white-heart{right:var(--generation-ready-doodle-heart-x,-8%);bottom:var(--generation-ready-doodle-heart-y,10%);transform:rotate(var(--generation-ready-doodle-heart-rotate,8deg))}.generating-play-button{--generation-play-glow-a:123 60 255;--generation-play-glow-b:255 32 110;--generation-play-glow-c:255 78 46;z-index:2;isolation:isolate;width:clamp(138px,38vw,168px);height:clamp(138px,38vw,168px);color:var(--lime);box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.generating-play-button:before{content:"";z-index:-1;background:radial-gradient(circle at 50% 50%, #7b3cff75 0%, #7b3cff2e 36%, transparent 62%), conic-gradient(from var(--art-border-angle), rgb(var(--generation-play-glow-a) / .78), rgb(var(--generation-play-glow-b) / .72), rgb(var(--generation-play-glow-c) / .58), rgb(var(--generation-play-glow-a) / .78));filter:blur(13px);opacity:.9;border-radius:50%;animation:5.8s linear infinite result-art-border-spin,3.2s ease-in-out infinite alternate generation-play-glow-pulse;position:absolute;inset:8%}.generating-play-button:after{content:"";z-index:-1;background:radial-gradient(circle at 35% 28%, rgb(var(--generation-play-glow-b) / .54), transparent 44%), radial-gradient(circle at 68% 72%, rgb(var(--generation-play-glow-a) / .58), transparent 48%);filter:blur(10px);opacity:.78;border-radius:50%;animation:4.6s ease-in-out infinite alternate generation-play-glow-drift;position:absolute;inset:22%}.generating-play-glyph{z-index:1;width:100%;height:100%;display:block;position:relative;transform:translate(4px)}@keyframes generation-play-glow-pulse{to{opacity:1;transform:scale(1.08)rotate(8deg)}}@keyframes generation-play-glow-drift{to{opacity:.96;transform:translate(6px,-4px)scale(1.12)}}.generating-play-glyph img{object-fit:contain;filter:drop-shadow(0 0 10px #c6ff0073)drop-shadow(0 4px #0003);width:100%;height:100%;display:block}.generating-listen-callout{color:var(--lime);font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;font-size:var(--generation-listen-font,18px);letter-spacing:.01em;text-shadow:0 4px #00000047;transform:rotate(var(--generation-listen-rotate,-6deg)) translate(var(--generation-listen-x,-6px), var(--generation-listen-y,-24px));cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;font-weight:700;display:inline-flex}.generating-listen-callout span{width:var(--generation-listen-arrow-size,44px);height:calc(var(--generation-listen-arrow-size,44px) * .82);transform:translate(var(--generation-listen-arrow-x,7px), var(--generation-listen-arrow-y,-20px)) scaleX(var(--generation-listen-arrow-flip,-1)) rotate(var(--generation-listen-arrow-rotate,69deg));background-image:url("data:image/svg+xml,%3Csvg width='54' height='44' viewBox='0 0 54 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43 34C31 20 18 17 8 22' stroke='%23DFFF00' stroke-width='4.6' stroke-linecap='round'/%3E%3Cpath d='M8 22C14 19 18 15 21 9' stroke='%23DFFF00' stroke-width='4.6' stroke-linecap='round'/%3E%3Cpath d='M8 22C15 23 20 27 24 33' stroke='%23DFFF00' stroke-width='4.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;font-size:0;display:inline-block}.generating-sticker{filter:drop-shadow(0 10px #0000004d);width:min(52vw,clamp(142px,24dvh,189px));margin-top:clamp(-8px,-1dvh,-2px);display:block;transform:translateY(-6px)rotate(-2deg)}.generating-sticker img{width:100%;height:auto;display:block}.upload-shell.phone-shell{background:radial-gradient(circle at 84% 8%,#ff206e14,#0000 14rem),radial-gradient(circle at 10% 92%,#c6ff0024,#0000 13rem),#fbfbfc}.upload-screen{grid-template-rows:auto auto minmax(0,1fr) auto}.upload-title{margin:0}.upload-picker-stack{align-content:start;gap:12px;height:100%;min-height:0;padding:clamp(18px,4.2dvh,38px) 0 clamp(10px,2dvh,16px);display:grid}.upload-dropzone{cursor:pointer;text-align:center;border-style:dashed;place-items:center;min-height:196px;padding:0;transition:min-height .16s,transform .16s,border-color .16s;display:grid;position:relative}.upload-file-input{z-index:6;opacity:0;pointer-events:auto;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.upload-file-input:disabled{pointer-events:none}.upload-file-input::file-selector-button{cursor:pointer}.upload-file-input::-webkit-file-upload-button{cursor:pointer}.upload-dropzone.has-files{background:radial-gradient(circle at 50% 12%,#c6ff002e,#0000 7rem),#fffffff0;border-color:#c6ff00d9;min-height:128px}.upload-dropzone small{color:var(--gray);margin-top:6px}.upload-file-row{box-shadow:none;grid-template-columns:52px 1fr 24px;align-items:center;gap:12px;padding:8px 10px;display:grid}.upload-file-row>img{object-fit:cover;background:var(--light);border:1px solid #0d0d0f1a;border-radius:12px;width:52px;height:52px}.upload-file-row span{gap:1px;min-width:0;display:grid}.upload-file-row small{color:var(--gray);font-size:12px}.upload-shell-dark.phone-shell{color:#fff;background:radial-gradient(circle at 92% 12%,#c6ff000d,#0000 11rem),linear-gradient(#070708 0%,#101011 60%,#070708 100%)}.upload-shell-dark .upload-screen{grid-template-rows:auto auto minmax(0,1fr) auto}.upload-heading{min-height:118px;position:relative}.upload-heading p{color:#ffffff94}.flow-subtitle.upload-subtitle{color:#ffffff8a;white-space:nowrap;max-width:none;font-size:14px;font-weight:300;line-height:1.2}.upload-shell-dark .upload-title{width:min(100%,326px)}.upload-shell-dark .upload-title:after{content:none;content:none}.upload-title-star{z-index:1;position:absolute;top:16px;right:4px}.upload-dropzone-dark{aspect-ratio:1/1.08;background:#0a0a0b;border:2px dashed #c6ff00c7;border-radius:28px;width:100%;height:auto;min-height:0;max-height:min(100%,392px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 18px 42px #0003}.upload-dropzone-dark.is-busy{opacity:.78}.upload-dropzone-dark.has-polaroids .upload-dropzone-content{transform:translateY(-28px)}.upload-dropzone-overlay{z-index:2;background:radial-gradient(circle at 50% 46%,#0000001a,#0000 6rem),linear-gradient(#0000001a 0%,#0000009e 40%,#0003 100%);position:absolute;inset:0}.upload-dropzone-content{z-index:4;color:#fff;text-align:center;text-shadow:0 3px 10px #00000094;pointer-events:none;place-items:center;gap:11px;font-weight:800;display:grid;position:relative}.upload-icon-ring{border:2px solid var(--lime);width:72px;height:72px;color:var(--lime);background:#00000059;border-radius:50%;place-items:center;display:grid;box-shadow:0 0 28px #c6ff002e}.upload-polaroids{z-index:7;pointer-events:none;justify-content:center;align-items:flex-end;max-width:calc(100% - 34px);display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.upload-polaroid{width:clamp(56px,17vw,68px);height:clamp(72px,22vw,86px);transform:rotate(var(--polaroid-rotation));pointer-events:auto;background:#fff;border-radius:8px;padding:4px 4px 12px;display:block;position:relative;box-shadow:0 10px 24px #00000061}.upload-polaroid:hover,.upload-polaroid:focus-within{z-index:5}.upload-polaroid+.upload-polaroid{margin-left:-10px}.upload-polaroid img{object-fit:cover;background:#111;border-radius:5px;width:100%;height:100%;display:block}.upload-polaroid button{z-index:8;color:#fff;width:28px;height:28px;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;opacity:0;cursor:pointer;background:radial-gradient(circle at 35% 25%,#222,#050507 64%);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0 0 3px;font-size:24px;font-weight:700;line-height:1;transition:opacity .14s,transform .14s;display:flex;position:absolute;top:-12px;right:-12px;transform:rotate(-5deg)scale(.86);box-shadow:0 5px #00000052,0 7px 15px #00000057}.upload-polaroid:hover button,.upload-polaroid:focus-within button{opacity:1;transform:rotate(-5deg)scale(1)}@media (pointer:coarse){.upload-polaroid button{opacity:.92;transform:rotate(-5deg)scale(1)}}.mock-chat-screen{z-index:1;opacity:.86;background:radial-gradient(circle at 70% 18%,#286eff2e,#0000 8rem),linear-gradient(#111217,#050507);border:1px solid #ffffff12;border-radius:22px;padding:clamp(9px,3.4%,14px);position:absolute;inset:clamp(10px,3.6%,18px);overflow:hidden;transform:none}.mock-chat-screen:after{content:"";background:linear-gradient(#0000,#00000061);position:absolute;inset:0}.mock-chat-status{color:#fff9;justify-content:space-between;font-size:9px;font-weight:800;display:flex}.mock-chat-name{color:#ffffff85;text-align:center;margin:clamp(4px,1.5dvh,7px) 0 clamp(6px,1.8dvh,12px);font-size:9px}.mock-chat-lines{z-index:1;gap:clamp(4px,1.2dvh,8px);display:grid;position:relative}.mock-bubble{color:#ffffffd1;width:fit-content;max-width:74%;font-family:var(--font-sf-pro);border-radius:13px;padding:clamp(5px,1.3dvh,7px) clamp(8px,2.4vw,10px);font-size:clamp(8px,2.3vw,10px);font-weight:500;line-height:1.18}.mock-bubble.them{background:#ffffff1a;justify-self:start}.mock-bubble.me{background:#1769ff;justify-self:end}.upload-bottom-actions{z-index:10;align-content:end;margin-top:-2px;padding-bottom:0;display:grid;position:relative}.upload-sample-button{color:#fff;width:100%;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;text-align:left;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1c;border-radius:18px;grid-template-columns:54px 1fr 28px;align-items:center;gap:10px;padding:0 22px;font-size:23px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff14}.upload-sample-button span{color:var(--lime);place-items:center;display:grid}.upload-process-button{background:var(--lime);color:#050507;text-align:center;border-color:#c6ff008c;grid-template-columns:54px 1fr 28px;font-size:23px;box-shadow:inset 0 -4px #0000001f,0 0 28px #c6ff002e}.upload-process-button span{color:#050507}.upload-process-button .animated-doodle{--doodle-size:34px;filter:invert()}@media (max-height:700px){.upload-heading{min-height:96px}.upload-dropzone-dark{aspect-ratio:1/.72;border-radius:24px;max-height:min(100%,320px)}.upload-icon-ring{width:58px;height:58px}.upload-sample-button{min-height:58px}.mock-chat-lines .mock-bubble:nth-child(n+5){display:none}}@media (max-height:620px){.upload-heading{min-height:84px}.upload-dropzone-dark{aspect-ratio:1/.64;max-height:min(100%,288px)}.mock-chat-lines{gap:3px}.mock-chat-lines .mock-bubble:nth-child(n+4){display:none}}.phone-shell.editor-shell{height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.editor-screen{flex-direction:column;width:100%;height:100%;min-height:0;padding-bottom:16px;display:flex}.editor-header{flex:none}.message-list{gap:10px;margin-top:18px;display:grid}.editor-message-list{overscroll-behavior:contain;scrollbar-width:none;flex:auto;min-height:0;padding:2px 0 8px;overflow-y:auto}.editor-message-list::-webkit-scrollbar{display:none}.editor-controls{flex:none;gap:10px;padding-top:14px;display:grid}.editor-control-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.editor-shell .fixed-actions{background:0 0;flex:none;width:100%;padding:14px 0 6px;position:static;transform:none}.message-row{grid-template-columns:52px 1fr 44px;align-items:center;gap:10px;min-height:0;display:grid}.bubble{background:#fff;border:1px solid #0d0d0f1a;border-radius:18px;align-items:center;min-width:0;min-height:50px;padding:11px 13px;font-size:15px;line-height:1.25;display:flex}.bubble.me{color:#fff;background:#0a64ff;border-color:#0a64ff}.bubble.system{color:var(--gray);text-align:center;background:0 0;border:0;font-size:12px}.bubble input,.bubble textarea{resize:none;width:100%;min-height:1.25em;color:inherit;background:0 0;border:0;outline:0;line-height:1.25;display:block;overflow:hidden}.speaker-select{min-height:34px;color:var(--black);text-align:center;text-transform:uppercase;background:#fff;border:1px solid #0d0d0f1f;border-radius:999px;padding:0 4px;font-size:10px;font-weight:900}.check{border:2px solid var(--line);width:36px;height:36px;font-weight:900;font-family:var(--font-poppins), system-ui, sans-serif;cursor:pointer;background:#fff;border-radius:10px}.check.on{background:var(--lime);border-color:var(--lime)}.art-card{background:#100a1d;border-radius:24px;padding:14px;box-shadow:0 22px 60px #14052859}.compact-art{width:min(100%,330px);margin:0 auto}@property --art-border-angle{syntax:"<angle>";inherits:true;initial-value:145deg}.result-player-shell.phone-shell.dark{background:radial-gradient(circle at 87% 18%,#7b3cff29,#0000 12rem),radial-gradient(circle at 12% 82%,#c6ff001a,#0000 13rem),linear-gradient(#020203 0%,#09090b 54%,#020203 100%)}.result-screen-shell{--result-player-width:min(100%, clamp(286px, 82vw, 318px));color:#fff;height:100%;min-height:0;padding:24px clamp(18px,5vw,24px) 18px;position:relative}.result-player-screen{grid-template-rows:auto auto auto auto auto auto minmax(0,1fr);align-content:stretch;gap:clamp(6px,1.15vh,10px);display:grid}.result-player-screen .result-player-art,.result-player-screen .result-player-meta,.result-player-screen .result-player-quote,.result-player-screen .result-player-controls,.result-player-screen .result-player-nav,.result-player-screen .public-share-nav,.result-player-screen .public-share-credit{transition:opacity .26s,transform .32s cubic-bezier(.2,.86,.24,1)}.result-player-screen:not(.is-art-ready) .result-player-art,.result-player-screen:not(.is-art-ready) .result-player-meta{opacity:0;pointer-events:none;transform:translateY(8px)scale(.985)}.result-player-screen:not(.is-player-ready) .result-player-quote,.result-player-screen:not(.is-player-ready) .result-player-controls,.result-player-screen:not(.is-player-ready) .result-player-nav,.result-player-screen:not(.is-player-ready) .public-share-nav,.result-player-screen:not(.is-player-ready) .public-share-credit{opacity:0;pointer-events:none;transform:translateY(8px)}.result-player-screen,.lyrics-player-screen{--result-player-width:min(100%, clamp(286px, 82vw, 318px))}.result-player-header{grid-template-columns:38px 1fr 38px;align-items:center;min-height:41px;display:grid}.result-player-header>:first-child{justify-self:start}.result-player-header>:last-child{justify-self:end}.result-player-header strong{font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;letter-spacing:.03em;justify-self:center;font-size:18px;font-weight:800}.result-player-header a,.result-player-header button,.result-player-meta button,.result-control-row button,.result-player-nav button{color:inherit;cursor:pointer;background:0 0;border:0}.result-player-art{--art-glow-a:223 255 0;--art-glow-b:123 60 255;--art-glow-c:255 32 110;isolation:isolate;width:var(--result-player-width);background:conic-gradient(from var(--art-border-angle), rgb(var(--art-glow-a) / .95), rgb(var(--art-glow-b) / .86), rgb(var(--art-glow-c) / .9), #ffffff57, rgb(var(--art-glow-a) / .95));box-shadow:-18px -10px 54px rgb(var(--art-glow-a) / .15), 18px 8px 76px rgb(var(--art-glow-b) / .28), 0 0 44px rgb(var(--art-glow-c) / .14), 0 26px 72px #00000052;border:0;border-radius:24px;justify-self:center;margin-top:4px;padding:5px;animation-name:result-art-border-spin,result-art-shadow-pulse;animation-duration:10s,8s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-direction:normal,alternate;animation-play-state:paused;animation-delay:0s,0s;animation-fill-mode:none,none;animation-timeline:auto,auto;position:relative;overflow:visible}.result-player-art:before{content:"";pointer-events:none;z-index:-1;background:conic-gradient(from var(--art-border-angle), rgb(var(--art-glow-a) / .34), rgb(var(--art-glow-b) / .34), rgb(var(--art-glow-c) / .32), rgb(var(--art-glow-a) / .34));filter:blur(28px);opacity:.92;border-radius:42px;animation:9s ease-in-out infinite alternate paused result-art-glow-drift;position:absolute;inset:-26px}.result-player-art.is-playing,.result-player-art.is-playing:before{animation-play-state:running}.result-player-art.is-chorus{box-shadow:-24px -14px 70px rgb(var(--art-glow-a) / .22), 24px 12px 92px rgb(var(--art-glow-b) / .38), 0 0 60px rgb(var(--art-glow-c) / .22), 0 30px 80px #00000057;animation-duration:4.5s,3.2s}.result-player-art.is-chorus:before{filter:blur(34px);animation-duration:3.4s;inset:-34px}.result-player-art>img,.result-player-art>div:not(.result-chat-overlay){z-index:1;width:100%;display:block;position:relative;border:0!important;border-radius:19px!important}.result-artwork-empty{aspect-ratio:1;background:radial-gradient(circle at 28% 18%, rgb(var(--art-glow-a) / .12), transparent 32%), radial-gradient(circle at 76% 78%, rgb(var(--art-glow-b) / .14), transparent 36%), linear-gradient(145deg, #ffffff09, #ffffff03);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 0 38px #ffffff06}@keyframes result-art-border-spin{to{--art-border-angle:505deg}}@keyframes result-art-glow-drift{to{opacity:.96;transform:scale(1.04)}}@keyframes result-art-shadow-pulse{to{box-shadow:18px -8px 62px rgb(var(--art-glow-b) / .22), -16px 12px 78px rgb(var(--art-glow-c) / .24), 0 0 50px rgb(var(--art-glow-a) / .16), 0 26px 72px #00000052}}.result-doodle{z-index:2;pointer-events:none;filter:drop-shadow(0 4px #0000004d);position:absolute}.result-doodle-heart{font-size:32px;top:18px;left:16px;transform:rotate(-13deg)}.result-doodle-chat{background:var(--pink);color:#fff;border-radius:22px;place-items:center;min-width:50px;height:36px;font-size:24px;font-weight:900;display:grid;top:16px;right:18px}.result-chat-overlay{z-index:3;pointer-events:none;flex-direction:column;justify-content:flex-end;gap:8px;display:flex;position:absolute;inset:30% 18px 26px;overflow:visible}.result-live-chat-bubble{max-width:min(88%,272px);font-family:var(--font-sf-pro);letter-spacing:0;filter:drop-shadow(0 12px 18px #0000006b);border-radius:23px;padding:12px 16px;font-size:15px;font-weight:400;line-height:1.18;animation:5s cubic-bezier(.2,1.1,.3,1) both result-chat-float;position:relative;box-shadow:0 0 0 1px #fff3,0 3px #0000006b,0 18px 28px #000000bd,0 26px 58px #00000094,0 0 28px #c6ff0029}.result-live-chat-bubble.them{color:#1c1c1e;background:#e5e5ea;border-bottom-left-radius:8px;align-self:flex-start}.result-live-chat-bubble.me{color:#fff;background:#007aff;border-bottom-right-radius:8px;align-self:flex-end}.result-live-chat-bubble:after{content:"";background:inherit;width:17px;height:18px;position:absolute;bottom:-1px}.result-live-chat-bubble.them:after{clip-path:polygon(100% 0,0 100%,100% 100%);border-bottom-right-radius:15px 13px;left:-5px}.result-live-chat-bubble.me:after{clip-path:polygon(0 0,0 100%,100% 100%);border-bottom-left-radius:15px 13px;right:-5px}.result-live-chat-bubble.typing{border-bottom-right-radius:23px;border-bottom-left-radius:23px;align-items:center;gap:4px;width:auto;min-width:48px;min-height:28px;padding:8px 12px;animation-duration:5s;display:inline-flex}.result-live-chat-bubble.typing:before,.result-live-chat-bubble.typing:after{content:"";background:inherit;clip-path:none;border-radius:999px;display:block;position:absolute}.result-live-chat-bubble.typing:before{width:12px;height:12px;bottom:-5px;box-shadow:0 8px 12px #00000052}.result-live-chat-bubble.typing:after{width:7px;height:7px;bottom:-10px;box-shadow:0 6px 10px #00000047}.result-live-chat-bubble.typing.them:before{left:6px}.result-live-chat-bubble.typing.them:after{left:2px}.result-live-chat-bubble.typing.me:before{right:6px}.result-live-chat-bubble.typing.me:after{right:2px}.result-live-chat-bubble.typing i{opacity:.48;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite result-typing-dot}.result-live-chat-bubble.typing i:nth-child(2){animation-delay:.12s}.result-live-chat-bubble.typing i:nth-child(3){animation-delay:.24s}.result-live-chat-bubble:not(.active){opacity:.95}.result-live-chat-bubble.active{box-shadow:0 0 0 1px #ffffff3d,0 3px #00000075,0 20px 34px #000000c7,0 30px 68px #0000009e,0 0 36px #c6ff003d}@keyframes result-chat-float{0%{opacity:0;transform:translateY(10px)scale(.96)}10%,82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.98)}}@keyframes result-typing-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:.95;transform:translateY(-3px)}}.result-player-meta{width:var(--result-player-width);grid-template-columns:1fr auto;justify-self:center;align-items:center;gap:12px;min-height:38px;display:grid}.result-player-meta>div{min-width:0}.result-title-marquee{white-space:nowrap;max-width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0% 78%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 78%,#0000 100%)}.result-title-marquee-track{min-width:max-content;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;text-shadow:0 4px #00000057;margin:0;font-size:clamp(26px,7.2vw,31px);font-weight:700;line-height:1.02;display:inline-block}.result-title-marquee.is-scrollable .result-title-marquee-track{animation:9s ease-in-out 1.2s infinite result-title-scroll}@keyframes result-title-scroll{0%,16%{transform:translate(0)}58%,76%{transform:translateX(calc(-100% + var(--result-player-width) - 52px))}to{transform:translate(0)}}.result-player-subtitle,.result-player-meta p{color:#ffffff8f;white-space:nowrap;margin:2px 0 0;font-size:14px;font-weight:700}.result-player-meta button{color:var(--lime);place-items:center;display:grid}.result-player-meta .result-heart-button{color:#c6ff00e6;min-width:44px;min-height:38px;font-family:var(--font-poppins), sans-serif;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:900;line-height:1;transition:color .16s,transform .16s,opacity .16s;display:inline-flex}.result-player-meta .result-heart-button.is-hearted{color:#ff206e;filter:drop-shadow(0 0 12px #ff206e6b)}.result-player-meta .result-heart-button:active{transform:scale(.94)}.result-player-meta .result-heart-button:disabled{cursor:default;opacity:.62}.result-player-quote{width:var(--result-player-width);min-height:56px;color:var(--lime);font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;text-align:center;background:#ffffff0f;border-radius:999px;justify-content:center;justify-self:center;align-items:center;gap:7px;padding:7px 14px;font-size:16px;font-weight:500;line-height:1.08;display:flex;box-shadow:inset 0 -1px #ffffff0f}.result-player-quote.is-live strong{place-items:center;min-height:2.35em;font-weight:500;display:grid}.result-player-quote.is-small{font-size:14px}.result-player-quote.is-xs{font-size:12.5px;line-height:1.03}.result-player-quote.is-chorus{color:#efff7a;background:#c6ff001a;box-shadow:inset 0 -1px #ffffff14,0 0 24px #c6ff0014}.result-player-controls{width:var(--result-player-width);place-self:end center;gap:5px;display:grid}.result-track-line{cursor:pointer;touch-action:none;background:#ffffff38;border-radius:999px;height:6px;position:relative}.result-track-line:before{content:"";position:absolute;inset:-10px 0}.result-track-line span{border-radius:inherit;background:var(--lime);width:24%;height:100%;display:block;position:relative}.result-track-line span:after{content:"";background:var(--lime);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.result-player-times{color:#ffffff8f;justify-content:space-between;font-size:13px;font-weight:700;display:flex}.result-now-playing{color:var(--lime);letter-spacing:.08em;text-transform:uppercase;justify-self:center;font-size:11px;font-weight:900}.result-control-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:1px;display:grid}.result-control-row svg{width:34px;height:34px}.result-control-row>button:first-child{justify-self:end}.result-control-row>button:last-child{justify-self:start}.result-play-button{border-radius:50%;place-items:center;width:68px;height:68px;transition:background .18s,color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;box-shadow:0 0 26px #c6ff004d;background:var(--lime)!important;color:#050507!important}.result-play-button[aria-label=Pause]{overflow:visible;color:#fff!important;background:#7b3cff!important;box-shadow:0 0 44px #7b3cffeb,0 0 96px #7b3cff7a,0 14px 42px #0000006b!important}.result-play-button[aria-label=Pause]:before{content:"";z-index:-1;filter:blur(4px);background:radial-gradient(circle,#7b3cffd1,#7b3cff47 48%,#0000 72%);border-radius:50%;animation:1.4s ease-in-out infinite alternate result-pause-glow;position:absolute;inset:-24px}.result-play-button svg{width:34px;height:34px}.result-pause-mark{z-index:1;filter:drop-shadow(0 0 7px #ffffff61)drop-shadow(0 0 16px #c6ff002e);pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(2,7px);place-content:center;gap:5px;width:30px;height:30px;display:inline-grid;position:relative}.result-pause-mark i{background:currentColor;border-radius:999px;width:7px;height:22px;animation:.82s ease-in-out infinite alternate result-pause-bar;display:block}.result-pause-mark i:nth-child(2){animation-delay:0s}@keyframes result-pause-bar{to{opacity:.72;transform:scaleY(.78)}}@keyframes result-pause-glow{to{opacity:.72;transform:scale(1.08)}}.result-play-button:disabled{opacity:.55;filter:grayscale()}.result-player-note,.result-player-error,.result-share-link{text-align:center;margin:0;font-size:11px;font-weight:800}.result-player-note{color:#ffffff94}.result-player-error{color:#ff8aa9}.result-share-link{color:var(--lime);font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif}.result-player-nav{width:var(--result-player-width);text-align:center;grid-template-columns:repeat(3,1fr);place-self:end center;align-items:end;gap:14px;margin-top:10px;padding-top:0;display:grid}.result-player-nav a,.result-player-nav button{color:#ffffffeb;letter-spacing:-.01em;background:0 0;border:0;border-radius:0;align-content:center;justify-items:center;gap:4px;min-height:48px;font-size:12px;font-weight:800;display:grid}.result-player-nav button:nth-child(2){color:var(--lime)}.result-player-nav svg{stroke-width:2px;width:27px;height:27px}.result-player-nav button:disabled{opacity:.45;cursor:default}.lyrics-player-screen{grid-template-rows:auto auto auto auto;align-content:start;gap:0;min-height:0;display:grid}.lyrics-player-screen,.library-screen{animation:.22s cubic-bezier(.2,.86,.24,1) both app-page-enter}@keyframes app-page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lyrics-player-screen .result-player-header{margin-bottom:0}.lyrics-toggle{z-index:2;background:#ffffff14;border:1px solid #ffffff1a;border-radius:19px;flex:none;grid-template-columns:1fr 1fr;gap:5px;width:100%;padding:5px;display:grid;position:relative;box-shadow:0 10px 22px #00000029}.lyrics-toggle button{z-index:1;color:#ffffffad;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:16px;min-height:42px;font-size:14px;font-weight:900;position:relative}.lyrics-toggle button.active{color:#050507;background:#c6ff00f0}.lyrics-panel{min-height:0;height:min(536px, calc(100dvh - 224px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));background:radial-gradient(circle at 100% 0,#7b3cff24,#0000 14rem),#ffffff13;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;align-self:start;gap:12px;margin-top:14px;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.lyrics-loading-placeholder,.lyrics-chat-placeholder{min-height:1px}.lyrics-lines,.lyrics-chat-thread{scrollbar-width:none;flex:auto;min-height:0;padding:4px 6px 10px;overflow-y:auto}.lyrics-lines::-webkit-scrollbar{display:none}.lyrics-chat-thread::-webkit-scrollbar{display:none}.lyrics-lines p,.lyrics-lines pre{color:#ffffffd1;font:inherit;white-space:pre-wrap;border-radius:14px;margin:0 0 13px;padding:2px 4px;font-size:15px;font-weight:500;line-height:1.42;transition:color .16s,background .16s,transform .16s}.lyrics-lines p.active{color:var(--lime);text-shadow:0 0 18px #c6ff002e;background:#c6ff0014;transform:translate(2px)}.lyrics-lines p span{color:#ffffff7a;text-transform:uppercase;letter-spacing:.05em;margin:18px 0 5px;font-size:12px;font-weight:800;display:block}.lyrics-chat-thread{flex-direction:column;gap:10px;display:flex}.lyrics-chat-thread p{width:fit-content;max-width:80%;font-family:var(--font-sf-pro);border-radius:20px;margin:0;padding:10px 13px;font-size:15px;line-height:1.2}.lyrics-chat-thread p.them{color:#050507;background:#e5e5ea;align-self:flex-start}.lyrics-chat-thread p.me{color:#fff;background:#007aff;align-self:flex-end}.lyrics-mini-player{color:#050507;background:#fafaf8f2;border-radius:25px;grid-template-columns:58px minmax(0,1fr) 52px;align-items:center;gap:12px;min-height:78px;margin-top:14px;padding:10px;display:grid;box-shadow:0 -10px 36px #00000047,0 0 42px #c6ff001a}.lyrics-mini-player.is-clickable{cursor:pointer}.lyrics-mini-art{border-radius:15px;width:58px;height:58px;overflow:hidden;box-shadow:0 0 0 2px #7b3cff2e}.lyrics-mini-art img,.lyrics-mini-art>div{border:0!important;border-radius:15px!important;width:100%!important;height:100%!important}.lyrics-mini-copy{gap:4px;min-width:0;display:grid}.lyrics-mini-copy strong,.lyrics-mini-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lyrics-mini-copy strong{font-size:15px;font-weight:900}.lyrics-mini-copy small{color:#050507a3;font-size:12px;font-weight:700}.lyrics-mini-player .track-line{cursor:pointer;background:#05050724;border-radius:999px;height:5px;margin-top:3px}.lyrics-mini-player .track-line span{border-radius:inherit;background:var(--lime);height:100%;display:block}.lyrics-mini-player>button{background:var(--lime);color:#050507;border:0;border-radius:50%;place-items:center;width:52px;height:52px;transition:background .18s,box-shadow .18s;display:grid;position:relative}.lyrics-mini-player>button[aria-label=Pause]{color:#fff;background:#7b3cff;box-shadow:0 0 26px #7b3cffa8,0 0 54px #7b3cff47}.lyrics-mini-player>button[aria-label=Pause]:before{content:"";z-index:-1;filter:blur(3px);background:radial-gradient(circle,#7b3cff8c,#7b3cff2e 52%,#0000 72%);border-radius:50%;position:absolute;inset:-11px}.lyrics-mini-player .result-pause-mark{filter:drop-shadow(0 0 5px #ffffff52);grid-template-columns:repeat(2,6px);gap:5px;width:26px;height:26px}.lyrics-mini-player .result-pause-mark i{width:6px;height:19px}.public-share-nav{text-align:center;grid-template-columns:repeat(2,minmax(84px,1fr));justify-self:center;align-items:end;gap:24px;width:min(70%,220px);margin-top:18px;display:grid}.public-share-nav button,.public-share-nav a{color:#ffffffeb;letter-spacing:-.01em;background:0 0;border:0;border-radius:0;align-content:center;justify-items:center;gap:5px;min-height:52px;font-size:12px;font-weight:800;display:grid}.public-share-nav button:first-child{color:var(--lime)}.public-share-nav svg{stroke-width:2px;width:28px;height:28px}.public-share-credit{width:var(--result-player-width);color:#ffffff94;letter-spacing:.08em;text-align:center;justify-self:center;margin:12px 0 0;font-size:12px;font-weight:900}@media (max-height:760px){.result-player-screen{--result-player-width:min(100%, 282px);gap:5px;padding-top:18px;padding-bottom:14px}.result-play-button{width:60px;height:60px}}@media (max-height:700px){.result-player-screen{--result-player-width:min(100%, 258px);gap:4px;padding-top:14px;padding-bottom:12px}.result-player-header{min-height:34px}.result-player-meta h1,.result-title-marquee-track{font-size:clamp(21px,6vw,25px)}.result-player-quote{min-height:40px;padding-block:6px;font-size:12px}.result-control-row{margin-top:0}.result-player-nav a,.result-player-nav button{min-height:42px;font-size:11px}.result-player-nav svg{width:23px;height:23px}}@media (max-height:640px){.result-player-screen{--result-player-width:min(100%, 228px);gap:3px;padding-top:10px;padding-bottom:10px}.result-player-art{margin-top:0;padding:4px}.result-player-quote{min-height:36px;font-size:11px}.result-play-button{width:54px;height:54px}}.player-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:22px;padding:14px}.sticky-actions{z-index:3;gap:10px;margin-top:18px;display:grid;position:sticky;bottom:24px}.fixed-actions{background:linear-gradient(to top, var(--off) 76%, #fafafb00);z-index:3;gap:10px;width:min(100%,430px);padding:30px 20px 24px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.icon-chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);min-height:34px;color:var(--black);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.chip.active{color:#fff;background:#050507;border-color:#0000;box-shadow:0 7px #0d0d0f24}.brand-note{background:#7b3cff14;border:1px solid #7b3cff38;border-radius:16px;padding:12px 14px}.lyric-card{color:#ffffffdb;background:#ffffff14;border:1px solid #ffffff1a;border-radius:22px;padding:18px}.track-line{background:#ffffff47;border-radius:999px;height:5px;overflow:hidden}.track-line>span{background:linear-gradient(90deg, var(--lime), var(--yellow));width:34%;height:100%;display:block}.mini-art{object-fit:cover;background:linear-gradient(135deg,#391080,#ff206e) 0 0/cover;border-radius:9px;width:48px;height:48px}.library-shell.phone-shell.dark{background:radial-gradient(circle at 88% 8%,#c6ff0012,#0000 12rem),radial-gradient(circle at 12% 88%,#7b3cff1f,#0000 13rem),linear-gradient(#050506 0%,#101012 62%,#060607 100%)}.library-screen{min-height:0;padding-bottom:calc(100px + env(safe-area-inset-bottom));grid-template-rows:auto auto auto minmax(0,1fr) auto;align-content:start;gap:0;display:grid}.library-top-title{font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;letter-spacing:0;font-size:22px;display:inline-block;position:relative}.library-title-music{filter:drop-shadow(0 0 6px #ffffff47);transform:rotate(12deg)}.library-tabs{background:radial-gradient(circle at 100% 0,#7b3cff38,#0000 10rem),#ffffff0f;border:1px solid #ffffff14;border-radius:999px;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:12px;padding:5px;display:grid}.library-tabs button{color:#ffffff8f;min-height:36px;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;background:0 0;border:0;border-radius:999px;font-size:13px;font-weight:800}.library-tabs button.active{background:var(--lime);color:#050507;box-shadow:0 0 22px #c6ff0038}.library-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-content:start;gap:8px;min-height:0;margin-top:12px;padding:1px 0 8px;display:grid;position:relative;overflow-y:auto}.library-list:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(#050507f5,#05050700);height:34px;margin-bottom:-34px;display:block;position:sticky;top:-1px}.library-list:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#05050700,#050507f0);height:46px;margin-top:-46px;display:block;position:sticky;bottom:-8px}.library-card-skeleton{pointer-events:none;grid-template-columns:62px minmax(0,1fr)}.library-skeleton-art,.library-skeleton-copy i,.library-skeleton-copy b,.library-skeleton-copy em{background:linear-gradient(90deg,#ffffff14,#ffffff29,#ffffff14) 0 0/220% 100%;border-radius:999px;animation:1.2s ease-in-out infinite library-skeleton-shimmer;display:block}.library-skeleton-art{border-radius:14px;width:62px;height:62px}.library-skeleton-copy{gap:8px;display:grid}.library-skeleton-copy i{width:78%;height:18px}.library-skeleton-copy b{width:92%;height:12px}.library-skeleton-copy em{width:34px;height:12px}@keyframes library-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.library-list::-webkit-scrollbar{display:none}.experiment-samples-copy{color:#ffffff94;margin:-2px 0 8px;font-size:14px;font-weight:800;line-height:1.35}.library-card{color:#fff;background:radial-gradient(circle at 18% 0,#ffffff14,#0000 7rem),linear-gradient(90deg,#fff1,#7b3cff0e),#ffffff06;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;min-height:86px;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0000002e}.library-card-main{min-width:0;color:inherit;grid-template-columns:62px minmax(0,1fr) 34px;align-items:center;gap:11px;display:grid}.library-mini-art{border:1px solid #ffffff29;border-radius:14px;width:62px;height:62px;box-shadow:0 8px 20px #00000038}.library-card-copy{min-width:0}.library-card-copy strong{color:#fff;font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.1;display:block;overflow:hidden}.library-card-copy small{color:#ffffff94;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;font-weight:400;display:block;overflow:hidden}.library-card-copy em{color:var(--lime);margin-top:4px;font-size:12px;font-style:normal;font-weight:900;display:block}.library-card-play{color:var(--lime);filter:drop-shadow(0 0 7px #c6ff006b);place-items:center;display:grid}.library-card-heart{color:#ffffffc7;background:#ffffff0d;border:0;border-radius:999px;place-items:center;width:34px;height:34px;transition:color .15s,transform .15s,background .15s,opacity .15s;display:grid}.library-card-heart.is-hearted{color:#ff206e;filter:drop-shadow(0 0 10px #ff206e59);background:#ff206e1f}.library-card-heart:active{transform:scale(.92)}.library-card-heart:disabled{cursor:default;opacity:.5}.library-empty-state{color:#ffffff8f;text-align:center;margin:24px 0 0;font-size:14px;font-weight:800}.library-screen .lyrics-mini-player{border:1px solid #ffffff2e;align-self:end;margin-top:12px;box-shadow:0 0 0 1px #c6ff0038,0 -12px 42px #0006}.library-shell .bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050507d1;border-top-color:#ffffff14;width:100%}.library-shell .nav-item{color:#ffffffb8}.library-shell .nav-item.active{color:var(--lime)}.range{width:100%;accent-color:var(--lime)}.doodle{font-family:var(--font-shantell), cursive;pointer-events:none;font-weight:700;position:absolute}.doodle-badge{background:var(--lime);width:44px;height:44px;color:var(--black);pointer-events:none;border:3px solid #050507;border-radius:50%;place-items:center;font-size:24px;display:grid;position:absolute;box-shadow:4px 4px #0000002e}.animated-doodle{--doodle-size:72px;--doodle-duration:.52s;--doodle-delay:0s;width:var(--doodle-size);height:var(--doodle-size);background-image:var(--doodle-sprite);background-position:0 0;background-repeat:no-repeat;background-size:calc(var(--doodle-size) * 5) var(--doodle-size);image-rendering:auto;will-change:background-position, transform;transform-origin:50% 52%;animation:doodle-flicker var(--doodle-duration) steps(4, end) infinite var(--doodle-delay), doodle-wobble calc(var(--doodle-duration) * 2) ease-in-out infinite var(--doodle-delay);display:inline-block}@keyframes doodle-flicker{to{background-position-x:calc(var(--doodle-size) * -4)}}@keyframes doodle-wobble{0%,to{transform:rotate(-4deg)scale(.98)}35%{transform:rotate(5deg)scale(1.03)}70%{transform:rotate(-2deg)scale(1)}}.animated-spark,.animated-spark img{pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.animated-spark img{object-fit:contain;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.animated-doodle,.generating-sticker,.lyrics-player-screen,.library-screen,.library-skeleton-art,.library-skeleton-copy i,.library-skeleton-copy b,.library-skeleton-copy em{animation:none}}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#fafafbe6;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,430px);padding:10px 16px 18px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--black);background:0 0;border:0;place-items:center;gap:4px;font-size:11px;font-weight:800;display:grid}.nav-item.active{color:#82ab00}.conversation-shell.phone-shell{color:#fff;background:radial-gradient(circle at 92% 8%,#c6ff000f,#0000 11rem),linear-gradient(#060607 0%,#101012 62%,#060607 100%)}.conversation-shell .editor-screen{padding-bottom:calc(18px + env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto auto;display:grid}.conversation-header{min-height:118px}.conversation-title{gap:0;margin:0 auto}.conversation-title:after{content:none}.conversation-title-star,.conversation-title-lines{pointer-events:none;position:absolute}.conversation-title-star{top:48px;left:18px}.conversation-title-lines{top:48px;right:22px;transform:rotate(15deg)}.conversation-scroll-frame{min-height:0;position:relative;overflow:hidden}.conversation-scroll-frame:before,.conversation-scroll-frame:after{content:"";z-index:30;pointer-events:none;opacity:0;height:46px;transition:opacity .18s;position:absolute;left:0;right:0}.conversation-scroll-frame:before{background:linear-gradient(#060607fa,#06060700);top:0}.conversation-scroll-frame:after{background:linear-gradient(#06060700,#060607fa);bottom:0}.conversation-scroll-frame.can-scroll-up:before,.conversation-scroll-frame.can-scroll-down:after{opacity:1}.conversation-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:auto;height:100%;min-height:0;margin-top:0;padding:10px 0 20px;overflow-y:auto}.conversation-scroll.is-drag-locked{touch-action:none;overflow-y:hidden}.conversation-scroll::-webkit-scrollbar{display:none}.conversation-list{gap:13px;display:grid}.conversation-scroll.is-revealing .conversation-row{animation:.52s cubic-bezier(.2,.86,.24,1) both conversationBubbleReveal}.conversation-scroll.is-revealing .conversation-row:first-child{animation-delay:40ms}.conversation-scroll.is-revealing .conversation-row:nth-child(2){animation-delay:90ms}.conversation-scroll.is-revealing .conversation-row:nth-child(3){animation-delay:.14s}.conversation-scroll.is-revealing .conversation-row:nth-child(4){animation-delay:.19s}.conversation-scroll.is-revealing .conversation-row:nth-child(5){animation-delay:.24s}.conversation-scroll.is-revealing .conversation-row:nth-child(n+6){animation-delay:.29s}.conversation-row{grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-height:44px;display:grid;position:relative}@keyframes conversationBubbleReveal{0%{opacity:0;filter:blur(5px);transform:translateY(14px)scale(.985)}62%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.conversation-row:before,.conversation-row:after{content:"";background:var(--lime);opacity:0;border-radius:999px;height:3px;transition:opacity .12s,transform .12s;position:absolute;left:36px;right:12px;transform:scaleX(.72)}.conversation-row.me:before,.conversation-row.me:after{left:12px;right:36px}.conversation-row.drop-before:before{opacity:1;top:-8px;transform:scaleX(1)}.conversation-row.drop-after:after{opacity:1;bottom:-8px;transform:scaleX(1)}.conversation-row.dragging{z-index:5}.conversation-row.coach-target{z-index:50}.conversation-row.coach-target .conversation-bubble{outline:2px solid var(--lime);box-shadow:0 0 0 6px #dfff0029,0 16px 34px #0000006b}.conversation-row.coach-target .conversation-bubble.them,.conversation-row.dragging .conversation-bubble.them{border-bottom-left-radius:2px}.conversation-row.coach-target .conversation-bubble.me,.conversation-row.dragging .conversation-bubble.me{border-bottom-right-radius:2px}.conversation-row.coach-target .conversation-bubble:after,.conversation-row.dragging .conversation-bubble:after{opacity:0}.conversation-row.me{grid-template-columns:minmax(0,1fr) 24px}.conversation-row.me .conversation-grip{grid-area:1/2}.conversation-row.me .conversation-bubble{grid-area:1/1;justify-self:end}.conversation-grip{color:#ffffff2e;cursor:grab;opacity:0;background:0 0;border:0;place-items:center;width:24px;height:36px;transition:opacity .16s,color .16s;display:grid}.conversation-row:hover .conversation-grip,.conversation-row:focus-within .conversation-grip{color:#ffffff80;opacity:1}.conversation-select-hit{background:0 0;border:0;position:absolute;inset:0}.conversation-bubble{z-index:1;min-width:88px;max-width:min(78%,274px);font-family:var(--font-sf-pro);touch-action:manipulation;border-radius:19px;padding:12px 15px;transition:outline-color .16s,box-shadow .16s;position:relative}.conversation-bubble.them{color:#fff;background:#1d1d1f;border-bottom-left-radius:7px;justify-self:start}.conversation-bubble.me{color:#fff;background:#0a64ff;border-bottom-right-radius:7px}.conversation-bubble:after{content:"";background:inherit;width:15px;height:17px;position:absolute;bottom:0}.conversation-bubble.them:after{clip-path:polygon(100% 0,0 100%,100% 100%);border-bottom-right-radius:13px;left:-5px}.conversation-bubble.me:after{clip-path:polygon(0 0,0 100%,100% 100%);border-bottom-left-radius:13px;right:-5px}.conversation-row.dragging .conversation-bubble{left:var(--bubble-drag-left);top:var(--bubble-drag-top);z-index:80;width:var(--bubble-drag-width);min-height:var(--bubble-drag-height);outline:2px solid var(--lime);touch-action:none;transition:none;position:fixed;transform:scale(1.03)rotate(-1deg);box-shadow:0 0 0 5px #c6ff0029,0 14px 32px #0000003d}.conversation-row.dragging .conversation-grip{opacity:0}.conversation-bubble-text{width:100%;color:inherit;font:inherit;font-family:var(--font-sf-pro);text-align:left;white-space:pre-wrap;cursor:text;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;font-weight:500;line-height:1.35;display:block}.conversation-bubble textarea{resize:none;width:100%;min-height:1.35em;color:inherit;font:inherit;font-family:var(--font-sf-pro);background:0 0;border:0;outline:0;font-weight:500;line-height:1.35;display:block;overflow:hidden}.conversation-chip{color:#fff;min-height:50px;font-family:var(--font-poppins), system-ui, sans-serif;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.conversation-add-line{width:100%}.conversation-scroll-add-line{width:calc(100% - 32px);margin:18px 16px 2px}.conversation-chip:disabled{opacity:.48;cursor:not-allowed}.conversation-chip.danger:not(:disabled){color:var(--lime)}.conversation-coach-layer{z-index:40;pointer-events:none;animation:.3s ease-out both conversationCoachLayerIn;position:absolute;inset:0}.conversation-scroll-frame.coach-exiting .conversation-coach-layer{animation:.22s ease-in both conversationCoachLayerOut}.conversation-coach-layer:before{content:"";background:radial-gradient(circle at 24% 18%,#0000 0 72px,#000000b3 110px),#00000085;animation:.32s ease-out both conversationCoachScrimIn;position:absolute;inset:0}.conversation-scroll-frame.coach-exiting .conversation-coach-layer:before{animation:.22s ease-in both conversationCoachScrimOut}.conversation-coach-card{color:#fff;width:min(210px,56vw);font-family:var(--font-shantell), var(--font-poppins), system-ui, sans-serif;letter-spacing:0;text-shadow:0 3px #0000007a;gap:3px;font-size:21px;font-weight:800;line-height:1.03;animation:.36s cubic-bezier(.18,.9,.22,1) both conversationCoachCardIn;display:grid;position:absolute;top:74px;right:4px;transform:none}.conversation-scroll-frame.coach-exiting .conversation-coach-card{animation:.22s ease-in both conversationCoachCardOut}@keyframes conversationCoachLayerIn{0%{opacity:0}to{opacity:1}}@keyframes conversationCoachLayerOut{0%{opacity:1}to{opacity:0}}@keyframes conversationCoachScrimIn{0%{opacity:0}to{opacity:1}}@keyframes conversationCoachScrimOut{0%{opacity:1}to{opacity:0}}@keyframes conversationCoachCardIn{0%{opacity:0;translate:0 10px;scale:.96}to{opacity:1;translate:0;scale:1}}@keyframes conversationCoachCardOut{0%{opacity:1;translate:0;scale:1}to{opacity:0;translate:0 8px;scale:.98}}.conversation-coach-card p{margin:0}.conversation-coach-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050507c2;border:1px solid #dfff0047;border-radius:18px;padding:10px 12px 11px;box-shadow:0 0 0 4px #00000029,0 14px 28px #0000005c}.conversation-coach-drag-copy{gap:12px;display:grid}.conversation-coach-drag-copy p{margin:0}.conversation-coach-pill span{min-width:24px;color:var(--lime);font-family:var(--font-poppins), system-ui, sans-serif;text-shadow:0 2px #0000008c;place-items:center;font-size:27px;line-height:.8;display:inline-grid}.conversation-coach-pill-side,.conversation-coach-pill-reorder{align-items:center;gap:8px;display:flex}.conversation-coach-pill-reorder{text-align:center;justify-items:center;gap:1px;padding-top:7px;padding-bottom:7px;display:grid}.conversation-coach-arrow{width:96px;height:64px;margin-bottom:-14px;margin-left:-72px;overflow:visible}.conversation-coach-arrow path{fill:none;stroke:var(--lime);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px #00000073)}.conversation-scroll-frame.coach-press .conversation-coach-card,.conversation-scroll-frame.coach-edit .conversation-coach-card{top:var(--conversation-coach-top,86px);width:max-content;max-width:calc(100% - 48px);left:50%;right:auto;transform:translate(-50%)}.conversation-scroll-frame.coach-press .conversation-coach-arrow,.conversation-scroll-frame.coach-edit .conversation-coach-arrow{display:none}.conversation-scroll-frame.coach-press .conversation-coach-pill,.conversation-scroll-frame.coach-edit .conversation-coach-pill{white-space:nowrap}.conversation-coach-skip{color:#ffffffc2;pointer-events:auto;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;min-height:36px;padding:0 12px;font-size:13px;font-weight:800;position:absolute;bottom:12px;right:8px}.conversation-scroll-frame.coach-drag .conversation-coach-layer:before{background:#000000c7}.conversation-scroll-frame.coach-drag .conversation-coach-card{width:min(320px,100% - 40px);max-width:none;padding:0;font-size:19px;inset:55% auto auto 50%;transform:translate(-50%,-50%)}.conversation-scroll-frame.coach-drag .conversation-coach-arrow{display:none}.conversation-scroll-frame.coach-edit .conversation-coach-layer:before{background:radial-gradient(circle at 74% 30%,#0000 0 76px,#000000b3 116px),#00000085}.conversation-shell .editor-controls{padding-top:8px}.conversation-delete-drop{min-height:54px;color:var(--lime);font-family:var(--font-poppins), system-ui, sans-serif;text-transform:uppercase;letter-spacing:.02em;background:#c6ff001a;border:2px dashed #c6ff0085;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:900;display:flex}.conversation-shell .conversation-actions{background:0 0;flex:none;width:100%;padding:0;position:static;transform:none}.conversation-cta{letter-spacing:.01em;justify-content:center;align-items:center;gap:10px;font-size:23px;display:flex}@media (min-width:800px){body{place-items:center;min-height:100dvh;padding:16px 0;display:grid}.phone-shell{border:1px solid var(--line);width:min(390px,46.2085dvh - 14.7867px);height:min(100dvh - 32px,844px);min-height:0;box-shadow:var(--shadow);border-radius:30px;overflow:hidden auto}.phone-shell.editor-shell{height:min(100dvh - 32px,844px);min-height:0;overflow:hidden}.phone-shell::-webkit-scrollbar{display:none}.screen-fill{min-height:100%}.fixed-actions,.bottom-nav{width:100%;position:absolute;bottom:0;left:0;right:0;transform:none}}