:root{--bg: #000000;--bg-dark: #101010;--bg-lite: #1d1d1d;--bg-bright: #2c2c2c;--main: #2950ff;--main-light: #94a8ff;--hover-light: #e4e4e4;--hover-dark: #3a3a3a;--text: #ffffff;--muted: rgba(255,255,255,.5);--err: #ff6b7d;--check: #6fe36f;--create-grad: radial-gradient(ellipse 50% 170% at 50% 50%, #0040ff 0%, #0d5cfd 25%, #1979fb 50%, #32b3f8 100%);--font: "Unbounded", -apple-system, "PingFang SC", sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "PingFang SC", sans-serif;--side: 200px;color-scheme:dark}:root:lang(ja){--font: "Unbounded", -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}:root:lang(ko){--font: "Unbounded", -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-text: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:300 12px/1.5 var(--font);overflow-x:hidden}img{display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0;font-weight:300}b,strong,th{font-weight:700}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--main-light);outline-offset:2px}.soon{opacity:.35;cursor:default}.btn{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 10px;border-radius:20px;font-size:12px;white-space:nowrap;transition:opacity .15s,background-color .15s,border-color .15s}@media(hover:hover){.btn:hover{opacity:.88}}.btn:disabled{opacity:.4;cursor:default}.btn.line{padding:0 11px;border:1px solid var(--bg-bright)}@media(hover:hover){.btn.line:hover{border-color:#ffffff59;opacity:1}}.btn.white{background:#fff;color:#000}.btn.blue{background:var(--main);color:#fff}.btn.gray{background:var(--bg-bright);color:#fff}.btn.big{height:58px;border-radius:16px;font-size:14px}.top{position:sticky;top:0;z-index:20;height:82px;padding:0 max(24px,calc((100vw - 1112px)/2));display:flex;align-items:center;justify-content:space-between;background:#000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.top-l{display:flex;align-items:center;gap:60px}.logo{display:flex;align-items:center;gap:4px;font-size:20px;font-weight:700;line-height:25px;white-space:nowrap;flex-shrink:0}.logo img{width:20px;height:20px;object-fit:cover;border-radius:4px}.top-nav{display:flex;align-items:center;gap:30px;font-size:12px;line-height:15px}.top-nav a,.top-nav span{display:inline-flex;align-items:center;opacity:.8}@media(hover:hover){.top-nav a:hover{opacity:1}}.top-nav .soon{opacity:.35}.top-r{display:flex;align-items:center;gap:20px}.top-r form{margin:0}.hero{position:relative;overflow:hidden;isolation:isolate;min-height:min(1000px,calc(100vh - 82px));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center}.hero-wave,.hero-glow{position:absolute;z-index:-1;pointer-events:none;user-select:none}.hero-wave{inset:0;width:100%;height:100%}.hero-glow{left:-22.69%;top:-10.5%;width:145.37%;height:143.1%}.hero:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:min(45%,420px);pointer-events:none;background:linear-gradient(to bottom,#0000,#0000000d,#00000029,#00000054,#00000087,#000000ba 75%,#000000e6 88%,#000)}.hero h1{font-size:60px;line-height:74px;max-width:600px}.hero .lead{margin-top:10px;font-size:14px;line-height:17px;color:var(--muted);max-width:600px}.hero h1,.hero .lead{text-shadow:0 0 18px #000,0 0 40px rgba(0,0,0,.6)}.hero-input{position:relative;width:100%;max-width:600px;height:155px;margin-top:40px;border-radius:20px;text-align:left;overflow:hidden;background:linear-gradient(90deg,#0000004d,#3a3e464d);box-shadow:0 0 80px #ffffff4d}@property --ring{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.hero-input:before{content:"";position:absolute;inset:0;z-index:1;padding:1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--ring),transparent 0%,transparent 55%,rgba(255,255,255,.35) 75%,#fff 85%,rgba(255,255,255,.35) 92%,transparent 100%),#ffffff2e;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:ring 8s linear infinite}@keyframes ring{to{--ring: 360deg}}@media(prefers-reduced-motion:reduce){.hero-input:before{animation:none}}.hero-input textarea{width:100%;height:111px;resize:none;background:none;border:0;outline:none;color:#fff;font:300 14px/17px var(--font);padding:19px 19px 0}.hero-input textarea::placeholder{color:#ffffff80}.hero-input .idea-hint{font:300 14px/17px var(--font)}.hero-tools{position:absolute;left:9px;right:9px;bottom:9px;display:flex;gap:10px}.tool{height:34px;min-width:44px;padding:0 10px;border-radius:20px;background:var(--bg-lite);display:flex;align-items:center;justify-content:center;font-size:12px;transition:background-color .15s}.tool:first-child{min-width:48px;padding:0 20px}@media(hover:hover){.tool:hover{background:var(--bg-bright)}}.tool.hero-tool,.tool.hero-tool:first-child{min-width:0;gap:4px;padding:0 20px;background:#1d1d1d80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tool.hero-tool.icon{padding:0 20px 0 10px}@media(hover:hover){.tool.hero-tool:hover{background:#3a3a3ab3}}.tool.hero-tool:focus-visible{outline:2px solid var(--main-light);outline-offset:3px}.hero-tool b{font-size:12px;font-weight:400}.hero-tool span{font-size:10px;line-height:12px;font-weight:300}.hero-tool img{flex:none;width:24px;height:24px}.hero-tool img[src*=microphone]{padding:3px}@media(max-width:600px){.home .tool.hero-tool,.home .tool.hero-tool.icon{width:34px;min-width:34px;padding:0}.hero-tool span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.create{margin-left:auto;height:34px;min-width:90px;padding:0 20px;border-radius:20px;background:var(--main);box-shadow:inset 0 0 8px var(--main-light);font-size:12px;transition:filter .15s}@media(hover:hover){.create:hover{filter:brightness(1.12)}}.sec{padding:100px 16px;scroll-margin-top:82px}.sec h2{font-size:60px;line-height:74px;text-align:center}.cards{display:grid;grid-template-columns:repeat(3,400px);gap:10px;justify-content:center;margin-top:60px}.card{background:var(--bg-dark);border:1px solid var(--bg-bright);border-radius:20px;padding:20px}.feat{height:447px;display:flex;flex-direction:column;gap:20px;transition:border-color .2s}@media(hover:hover){a.feat:hover{border-color:#444}}.feat h3{font-size:20px;line-height:25px;display:flex;align-items:center;gap:8px}.feat p{height:140px;font-size:14px;line-height:28px;opacity:.8}.feat .shot{height:200px;flex-shrink:0;border-radius:10px;overflow:hidden;background:var(--bg-lite)}.feat .shot>img,.feat .shot>svg{display:block;width:100%;height:100%;object-fit:cover}.chip{font-size:10px;line-height:18px;padding:0 8px;border-radius:9px;border:1px solid var(--bg-bright);color:var(--muted);white-space:nowrap}.cycle{position:relative;display:flex;width:fit-content;height:34px;margin:20px auto 0;border-radius:20px;background:var(--bg-dark)}.cycle button{position:relative;z-index:1;min-width:100px;padding:0 10px;border-radius:20px;font-size:12px;display:flex;align-items:center;justify-content:center;color:#fff9;transition:color .2s}.cycle button[aria-pressed=true]{color:#fff}.cycle{--spring: linear(0, .019, .071, .145, .235, .333, .433, .533, .627, .714, .792, .86, .918, .966, 1.004, 1.034, 1.056, 1.07, 1.079, 1.083, 1.083, 1.08, 1.074, 1.068, 1.06, 1.051, 1.043, 1.035, 1.027, 1.02, 1.014, 1.009, 1.005, 1.001, .998, .996, .995, .994, .993, .993, 1)}.cycle-thumb{position:absolute;top:0;bottom:0;left:var(--thumb-x, 0);width:var(--thumb-w, 100px);border-radius:20px;background:var(--bg-bright);transition:left .55s var(--spring),width .55s var(--spring)}@media(prefers-reduced-motion:reduce){.cycle-thumb{transition:none}}.cycle.no-anim .cycle-thumb{transition:none}.cycle:not(.ready) .cycle-thumb{opacity:0}.cycle:not(.ready) button[aria-pressed=true]{background:var(--bg-bright)}.cycle+.cards{margin-top:60px}.cycle-save{margin-left:6px;padding:2px 6px;border-radius:8px;background:#ffffff1a;color:#fff9;font-size:10px;line-height:12px;white-space:nowrap}.num{display:inline-flex;font-variant-numeric:tabular-nums}.od{display:inline-block;height:25px;overflow:hidden}.od-s{display:flex;flex-direction:column;translate:0 calc(var(--d, 0) * -25px);transition:translate .6s cubic-bezier(.2,.8,.2,1)}.od-s>span,.od-c{display:block;height:25px;line-height:25px}.js .reveal h2 .ln{display:inline-block;opacity:0;translate:0 40px}.js .reveal .cycle{opacity:0;translate:0 12px}.js .reveal.in h2 .ln{opacity:1;translate:0 0;transition:opacity .8s ease,translate .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * .12s)}.js .reveal.in .cycle{opacity:1;translate:0 0;transition:opacity .6s ease .3s,translate .7s cubic-bezier(.2,.8,.2,1) .3s}@media(prefers-reduced-motion:reduce){.js .reveal h2 .ln,.js .reveal .cycle{opacity:1;translate:none;transition:none}}.plan{min-height:600px;display:flex;flex-direction:column;gap:20px}.plan{background:radial-gradient(130% 100% at 100% 0,#1d1d1d,var(--bg-dark))}.plan.hot,.sub .plan.pick{border:1px solid var(--main);background:radial-gradient(130% 100% at 100% 0,#0c1641,#0e1328 50%,var(--bg-dark))}.plan{position:relative;z-index:1}.plan:not(.hot):not(.pick){box-shadow:0 0 40px #00000080}.plan.hot{z-index:0;box-shadow:0 0 100px #2950ff80}.plan h3{font-size:32px;line-height:40px}.price{display:flex;align-items:baseline;gap:4px;height:25px;line-height:25px}.price b{font-size:20px;font-weight:300}.price>span{font-size:14px;color:var(--muted)}.price>.ccy{font-size:12px}.plan .saves{min-height:12px;font-size:10px;line-height:12px;opacity:.5}.plan-btn{width:100%;height:58px;border-radius:20px;font-size:14px}@property --glow-x{syntax: "<percentage>"; inherits: false; initial-value: 30%;}@property --glow-y{syntax: "<percentage>"; inherits: false; initial-value: 40%;}@property --edge{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.plan.hot .plan-btn.blue:not(:disabled){position:relative;isolation:isolate;background:radial-gradient(60% 140% at var(--glow-x) var(--glow-y),#6f8dff 0%,rgba(111,141,255,0) 70%),var(--main);animation:plan-drift 7s ease-in-out infinite}.sub .plan.pick .plan-btn:not(:disabled),.create{position:relative;isolation:isolate}.plan.hot .plan-btn.blue:not(:disabled):before,.sub .plan.pick .plan-btn:not(:disabled):before,.create:before{content:"";position:absolute;inset:0;padding:1.5px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--edge),transparent 0%,transparent 55%,rgba(255,255,255,.35) 75%,#fff 85%,rgba(255,255,255,.35) 92%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:plan-edge 5s linear infinite}@keyframes plan-drift{0%,to{--glow-x: 25%;--glow-y: 35%}25%{--glow-x: 60%;--glow-y: 20%}50%{--glow-x: 78%;--glow-y: 70%}75%{--glow-x: 40%;--glow-y: 85%}}@keyframes plan-edge{to{--edge: 360deg}}@media(prefers-reduced-motion:reduce){.plan.hot .plan-btn.blue,.plan-btn:before,.create:before{animation:none}}.plan ul{list-style:none;margin:0;padding:0;display:grid;gap:20px}.plan li{display:grid;grid-template-columns:20px 1fr;column-gap:4px;align-items:center;font-size:14px;line-height:20px}.plan li .plan-songs{font-size:11px;opacity:.5;white-space:nowrap}.plan li:before{content:"";width:20px;height:20px;background:url(/public/assets/check-green.svg) center / 20px no-repeat}.plan li.no:before{background:url(/public/assets/cross-gray.svg) center / 14px no-repeat}.plan ul.studio{grid-column:1 / -1;margin-top:10px;padding:10px;gap:10px;border-radius:10px;background:var(--bg-lite)}.plan ul.studio li{font-size:10px;line-height:20px}.faq-list{width:100%;max-width:800px;margin:60px auto 0;display:grid;gap:20px}.faq details{border-bottom:1px solid var(--bg-bright)}.faq summary{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:12px}.faq summary::-webkit-details-marker{display:none}.faq summary img{transition:transform .2s;flex-shrink:0}.faq details[open] summary img{transform:rotate(180deg)}.faq details p{padding:0 34px 24px 0;margin-top:-12px;font-size:11px;line-height:20px;color:#fff9}.foot{padding:40px 100px;min-height:225px;display:flex;gap:60px}.foot div{display:flex;flex-direction:column;gap:20px}.foot h4{font-size:14px;line-height:17px;font-weight:700}.foot a,.foot span{font-size:10px;line-height:12px;opacity:.8}@media(hover:hover){.foot a:hover{opacity:1}}.foot .soon{opacity:.35}.dlg-back,.cxl-back{position:fixed;inset:0;z-index:50;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.dlg-back[hidden],.cxl-back[hidden]{display:none}.dlg{position:relative;width:437px;max-width:100%;padding:21px;border-radius:20px;background:var(--bg-dark);border:1px solid var(--bg-bright);display:none;flex-direction:column;animation:dlg-in .2s ease}.dlg.on{display:flex}@media(max-width:600px){.dlg-back{padding:0;place-items:stretch}.dlg{width:100%;min-height:100%;max-height:100%;overflow-y:auto;border:0;border-radius:0;padding:calc(70px + env(safe-area-inset-top,0px)) 20px calc(30px + env(safe-area-inset-bottom,0px))}.dlg-x{top:calc(14px + env(safe-area-inset-top,0px));right:14px}}@keyframes dlg-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.dlg-x{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:15px;display:grid;place-items:center;opacity:.6}@media(hover:hover){.dlg-x:hover{opacity:1;background:var(--bg-lite)}}.dlg-head{text-align:center;padding:0 30px}.dlg-head h2{font-size:20px;line-height:25px}.dlg-head p{margin-top:10px;font-size:11px;line-height:15px;color:var(--muted)}.dlg-body{margin-top:60px;display:flex;flex-direction:column;gap:10px}.field{height:58px;width:100%;border-radius:16px;font:300 14px var(--font);color:#fff}input.field{background:none;border:1px solid var(--bg-bright);padding:0 31px;outline:none}input.field::placeholder{color:#fff6}input.field:focus{border-color:#ffffff59}input.field.bad{border-color:var(--err)}.google{background:var(--bg-lite);display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .15s}@media(hover:hover){.google:hover{background:var(--bg-bright)}}.or{text-align:center;font-size:12px;line-height:15px;color:var(--muted)}.dlg-err{min-height:15px;font-size:11px;line-height:15px;color:var(--err);text-align:center}.dlg-google-err{margin:0;font-size:14px;line-height:normal;color:var(--err);text-align:center;white-space:pre-line;text-wrap:balance}.dlg-google-err[hidden]{display:none}.dlg>.btn.big{margin-top:40px;width:100%}.pw-wrap{position:relative}.pw-wrap input.field{padding-right:62px}.pw-wrap input::-ms-reveal,.pw-wrap input::-ms-clear{display:none}.pw-eye{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;opacity:.5;transition:opacity .15s,background-color .15s}@media(hover:hover){.pw-eye:hover{opacity:1;background:var(--bg-lite)}}.pw-eye:focus-visible{opacity:1;outline:2px solid var(--main-light);outline-offset:2px}.pw-eye[aria-pressed=true]{opacity:.8}.forgot{align-self:flex-end;font-size:11px;line-height:15px;color:var(--main-light);border-radius:4px;transition:opacity .15s}@media(hover:hover){.forgot:hover{text-decoration:underline;text-underline-offset:4px}}.forgot:focus-visible{outline:2px solid var(--main-light);outline-offset:3px}.dlg-alt{margin-top:14px;text-align:center;font-size:11px;color:var(--muted)}.dlg-alt button{color:var(--main-light)}@media(hover:hover){.dlg-alt button:hover{text-decoration:underline}}.verify{margin-top:90px}.sent{text-align:center;font-size:12px;line-height:15px;color:var(--muted)}.sent b{font-weight:300}.code{display:flex;justify-content:center;gap:10px;margin-top:20px}.code input{width:62px;height:58px;border-radius:16px;background:none;border:1px solid var(--bg-bright);color:#fff;text-align:center;font:300 20px var(--font);outline:none}.code input:focus{border-color:#ffffff59}.resend{align-self:flex-end;margin-top:10px;font-size:12px;line-height:15px;color:var(--main-light)}.resend:disabled{opacity:.5}.dlg-row{display:flex;gap:10px;margin-top:40px}.dlg-row .back{width:100px;flex-shrink:0;background:var(--bg-lite)}.dlg-row .btn.blue{flex:1}.demo{margin-top:12px;text-align:center;font-size:10px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:40px;z-index:60;transform:translate(-50%,20px);padding:10px 16px;border-radius:16px;background:var(--bg-bright);font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.on{opacity:1;transform:translate(-50%)}.onb-page{background:radial-gradient(ellipse 70% 80% at 50% 12%,rgba(41,80,255,.13),transparent 65%),var(--bg)}.onb-page{position:relative;isolation:isolate;background:#050505}.onb-page:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:url(/public/assets/hero-glow.svg) center / cover no-repeat;opacity:.72;mix-blend-mode:screen}.onb-page main:not(.onb-main){min-height:calc(100vh - 82px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:52px;padding:16px;text-align:center}.onb-go{width:min(285px,100%);height:58px;margin-top:36px;border-radius:16px;font-size:14px}.onb-step{font-size:200px;line-height:248px;font-weight:300}.err h1{font-size:24px;margin-top:-40px}.err .lead{color:var(--muted);margin-top:-40px}body.sub{padding:10px;display:flex;flex-direction:column;gap:10px}.sub-main{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:80px;padding:20px 20px 80px;border-radius:30px;background:var(--bg-dark)}.sub-glow{position:absolute;z-index:-1;left:-16.09%;top:-200px;width:132.17%;height:1002px;transform:rotate(180deg);pointer-events:none;user-select:none}.sub-sum{width:100%;display:flex;align-items:center;gap:40px;padding:30px;border-radius:20px;background:linear-gradient(90deg,#1d1d1d80,#10101080)}.sub-items{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:40px;overflow-x:auto;scrollbar-width:none}.sub-items::-webkit-scrollbar{display:none}.sub-item{display:flex;flex-direction:column;gap:20px;font-size:12px;line-height:15px;white-space:nowrap}.sub-item span{opacity:.5}.sub-item b{font-weight:300}.sub-rule{width:1px;height:47px;background:#ffffff4d}.sub-acts{display:flex;align-items:center;gap:10px;margin-left:auto}.sub-acts .btn{height:34px;padding:0 20px;border-radius:20px}.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:100px;height:34px;padding:0 10px;border-radius:20px;background:var(--bg-bright);font-size:12px;white-space:nowrap;transition:background-color .15s}@media(hover:hover){.pill-btn:hover{background:var(--hover-dark)}}.pill-btn.back img{transform:rotate(90deg)}.sub-sec{width:100%;display:flex;flex-direction:column;align-items:center}.sub-sec h2{font-size:32px;line-height:40px;font-weight:400;text-align:center}.sub .cycle{background:#00000080}.sub .cycle-thumb,.sub .cycle:not(.ready) button[aria-pressed=true]{background:#000}.sub-sec .cards,.sub .cycle+.cards,.sub-sec .faq-list,.sub-sec>h2+.hf-grid{margin-top:40px}.sub .plan{min-height:0}.sub .plan h3{font-weight:400}.sub .plan.pick,.sub .plan.pick .plan-btn{box-shadow:0 0 100px #2950ff80}.plan-btn.down{color:#ffffff80}.sub-features{padding:100px 0}.sub-features .hf-tool h3{font-size:20px;line-height:25px;font-weight:400}.sub-features .hf-model{align-self:stretch;width:min(1220px,100%);margin-left:auto;margin-right:auto}.cxl{position:relative;width:480px;max-width:100%;padding:20px;border-radius:20px;background:var(--bg-dark);border:1px solid var(--bg-bright);box-shadow:0 0 40px #00000080;display:none;flex-direction:column;align-items:center;gap:20px;text-align:center}.cxl.on{display:flex}.cxl{overflow:hidden}.cxl.fixed{height:300px;justify-content:space-between}.cxl h2{font-size:20px;line-height:25px;font-weight:400}.cxl p{font-size:12px;line-height:15px}.cxl hr{width:100%;margin:0;border:0;border-top:1px solid var(--bg-bright)}.cxl-loses{width:100%;margin:0;padding:20px;list-style:none;display:flex;flex-wrap:wrap;gap:20px 40px;border-radius:20px;background:var(--bg-lite)}.cxl-loses li{display:flex;align-items:center;gap:4px;height:20px;font-size:14px;white-space:nowrap}.cxl-loses li:before{content:"";width:20px;height:20px;background:url(/public/assets/cross-red.svg) center / 14px no-repeat}.cxl-btn{width:100%;height:50px;padding:0 30px;border-radius:20px;font-size:14px;display:flex;align-items:center;justify-content:center;white-space:nowrap;transition:opacity .15s,border-color .15s}.cxl-btn.blue{background:var(--main)}@media(hover:hover){.cxl-btn.blue:hover{opacity:.9}}.cxl-btn.gray{background:var(--bg-bright)}.cxl-btn.gray:disabled{color:#ffffff4d;cursor:default}.cxl-btn.line{height:42px;background:var(--bg-dark);border:1px solid var(--bg-bright)}@media(hover:hover){.cxl-btn.line:hover{border-color:#ffffff59}}.cxl-btn.line.small{height:50px;padding:0 20px;font-size:12px}.cxl-btn:disabled:not(.gray){opacity:.5;cursor:default}.cxl-row{width:100%;display:flex;gap:10px}.cxl-row .cxl-btn{flex:1;width:auto}.cxl-btn.blue.small{height:50px;padding:0 20px;font-size:12px}.cxl-btn.blue:disabled{background:var(--main-dark, #152880);color:#ffffff4d;opacity:1}.cxl-why{width:100%;display:flex;flex-direction:column;gap:10px}.cxl-why button{height:42px;padding:0 20px;border-radius:16px;background:var(--bg-lite);font-size:12px;text-align:left;transition:background-color .15s,box-shadow .15s}@media(hover:hover){.cxl-why button:hover{background:var(--bg-bright)}}.cxl-why button[aria-checked=true]{background:var(--bg-bright);box-shadow:inset 0 0 0 1px var(--studio-blue, #698fff)}.cxl-why button:focus-visible,.cxl-note-in:focus-visible{outline:2px solid var(--main-light);outline-offset:3px}.cxl-note-in{width:100%;min-height:84px;padding:12px 20px;border-radius:16px;background:var(--bg);border:1px solid var(--bg-bright);color:#fff;font:300 12px/18px var(--font);resize:vertical;transition:border-color .15s}.cxl-note-in::placeholder{color:#ffffff80}.cxl-note-in:focus{outline:none;border-color:#ffffff59}.cxl-wait{display:flex;flex-direction:column;align-items:center;gap:10px}.cxl-wait p,.cxl-note{width:300px;max-width:100%;line-height:24px!important}.cxl-note b{font-weight:700}.cxl-spin{width:24px;height:24px;border-radius:50%;background:conic-gradient(from 90deg,#fff,#fff0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));animation:cxl-spin .9s linear infinite}@keyframes cxl-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.cxl-spin{animation-duration:2.4s}}.plan .plan-btn[hidden],.plan-now[hidden]{display:none}.plan-now{height:58px;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.5}@media(max-width:1300px){:root{--side: 40px}.cards{grid-template-columns:repeat(3,minmax(0,400px))}}@media(max-width:900px){.sub-items{gap:30px}.top-nav{display:none}.cards{grid-template-columns:minmax(0,400px)}.feat,.plan{height:auto;min-height:0}.feat p{height:auto}.plan>ul{padding-bottom:20px}.sec h2,.hero h1{font-size:40px;line-height:48px}.foot{padding:40px 16px;flex-wrap:wrap}}@media(max-width:520px){:root{--side: 16px}.top-r{gap:8px}.top-r .btn.white{padding:0 12px}.logo{font-size:16px}.top-r .btn{font-size:11px}.hero h1{font-size:34px;line-height:42px}.sec h2{font-size:30px;line-height:38px}.code input{width:52px}.onb-step{font-size:140px;line-height:180px}}.song-body{min-height:100vh}.song-page{position:relative;max-width:1040px;margin:0 auto;padding:48px 16px 120px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:72px;align-items:start}.sp-glow{position:fixed;left:calc(50% - 300px);top:-200px;width:1300px;height:900px;translate:-50% 0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,#8533ff,#2084ee) center / cover;filter:blur(100px) saturate(1.4);opacity:.45;mask-image:radial-gradient(40% 44% at 50% 45%,#000 15%,transparent 100%);-webkit-mask-image:radial-gradient(40% 44% at 50% 45%,#000 15%,transparent 100%)}.sp-side{position:sticky;top:114px;display:flex;flex-direction:column}.sp-art{position:relative;flex-shrink:0;width:100%;aspect-ratio:1;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#8533ff,#2084ee);box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff0f;margin-bottom:22px}.sp-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sp-from{font-size:11px;color:var(--muted);margin-bottom:6px}.sp-from a,.sp-from span{color:#fff}.sp-from a{text-decoration:underline;text-decoration-color:#ffffff4d;text-underline-offset:3px}@media(hover:hover){.sp-from a:hover{text-decoration-color:#fff}}.sp-side h1{font-size:24px;line-height:1.2;font-weight:700;overflow-wrap:anywhere}.sp-meta{margin-top:6px;display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffb3}.sp-when{color:#fff6}.sp-avatar{flex:none;width:20px;height:20px;border-radius:50%;object-fit:cover}.sp-style{margin-top:8px;font-size:11px;line-height:1.6;color:#fff6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.sp-player{margin-top:22px;display:flex;flex-direction:column;align-items:center}.sp-bar{position:relative;align-self:stretch;height:14px;cursor:pointer;touch-action:none}.sp-bar:before{content:"";position:absolute;left:0;right:0;top:6px;height:3px;border-radius:2px;background:#ffffff2e}.sp-fill{position:absolute;left:0;top:6px;height:3px;width:0;border-radius:2px;background:#fff}.sp-knob{position:absolute;top:2px;left:0;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#fff;opacity:0;transition:opacity .15s}.sp-bar:focus-visible .sp-knob,.sp-bar.drag .sp-knob{opacity:1}@media(hover:hover){.sp-bar:hover .sp-knob{opacity:1}}.sp-times{align-self:stretch;display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.sp-play{margin-top:10px;width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 8px 24px #00000059;transition:transform .15s}@media(hover:hover){.sp-play:hover{transform:scale(1.05)}}.sp-play .i-pause,.sp-play.on .i-play{display:none}.sp-play.on .i-pause{display:inline}.sp-cover{margin-top:22px;width:100%}.sp-sheen{display:inline-block;width:24px;height:6px;border-radius:3px;vertical-align:middle;background:linear-gradient(90deg,#ffffff24 0 20%,#fff9 50%,#ffffff24 80% 100%) 0 0 / 40px 100% repeat-x;animation:sp-sheen 1.2s linear infinite}@keyframes sp-sheen{to{background-position:40px 0}}.sp-dur.in{animation:sp-in .4s cubic-bezier(.2,.8,.2,1) backwards}@keyframes sp-in{0%{opacity:0}}.sp-play{position:relative;--ps-color: #000;--ps-size: 22px}.sp-play.wait svg{opacity:.35;transition:opacity .2s}.sp-play.wait:after{content:"";position:absolute;inset:-4px;border-radius:50%;pointer-events:none;background:conic-gradient(transparent 0 65%,var(--main-light) 85%,#fff);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));animation:cxl-spin 1.4s linear infinite}.sp-cover.wait{gap:8px;cursor:progress}.sp-cover.wait:before{content:"";width:12px;height:12px;box-sizing:border-box;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);border-top-color:#fff;animation:cxl-spin .8s linear infinite}.sp-failed{margin-top:22px;font-size:12px;line-height:1.6;color:#fff9}@media(prefers-reduced-motion:reduce){.sp-sheen,.sp-dur.in{animation:none}.sp-cover.wait:before{animation-duration:2.4s}.sp-play.wait:after{animation-duration:4s}}.sp-link{margin-top:12px;align-self:center;font-size:11px;color:var(--muted);transition:color .15s}@media(hover:hover){.sp-link:hover{color:#fff}}.sp-lyrics{padding-top:4px}.sp-lyrics:after{content:"";display:block;position:sticky;bottom:0;height:30vh;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.75) 55%,#000)}.sp-sec+.sp-sec{margin-top:34px}.sp-sec h3{font-size:10px;line-height:14px;font-weight:300;letter-spacing:.14em;text-transform:uppercase;color:#ffffff47;margin-bottom:8px}.sp-sec p{font-size:20px;line-height:1.7;color:#ffffffeb;overflow-wrap:anywhere}.sp-sec p i{font-style:normal;font-size:10px;color:#ffffff47}.sp-none{font-size:20px;color:#ffffff59}@media(max-width:860px){.song-page{grid-template-columns:minmax(0,1fr);gap:44px;padding-top:28px}.sp-glow{left:50%}.sp-side{position:static;max-width:360px;width:100%;justify-self:center}.sp-sec p,.sp-none{font-size:16px}}@media(max-width:800px),(max-height:479px)and (pointer:coarse){.top{padding:0 20px}}.auth-page{min-height:100vh;display:flex;flex-direction:column}.auth-main{flex:1;display:flex}.auth-page .dlg-back{position:static;flex:1;z-index:auto;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:40px 16px 80px}.auth-page .dlg{background:none;border:0;box-shadow:none}.auth-page .dlg-x{display:none}.auth-page .dlg-head{padding:0}.auth-page .dlg-head h2{font-size:30px;line-height:38px;font-weight:300}@media(max-width:600px){.auth-page .dlg-back{padding:0}.auth-page .dlg{min-height:calc(100dvh - 82px)}}@media(max-width:700px),(max-height:479px)and (pointer:coarse){:is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=button],[type=submit],[type=color]),textarea,select),.idea-hint{font-size:16px!important}.hero-input textarea,.hero-input .idea-hint{line-height:20px}.sub-sum{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px 10px;padding:16px;border-radius:16px}.sub-sum>.back{grid-column:1;grid-row:1;justify-self:start;width:auto;min-width:0}.sub-acts{grid-column:2;grid-row:1;justify-self:end;margin-left:0;gap:8px}.sub-sum .pill-btn,.sub-acts .btn{height:28px;padding:0 12px;font-size:11px;gap:4px}.sub-sum .pill-btn img{width:12px;height:12px}.sub-sum .sub-items{grid-column:1 / -1;grid-row:2;flex-wrap:nowrap;gap:24px;margin:0 -16px;padding:0 16px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 24px),transparent)}.sub-sum .sub-items::-webkit-scrollbar{display:none}.sub-sum .sub-item{gap:8px;font-size:11px;line-height:14px}.sub-sum .sub-item span{font-size:10px;line-height:12px}.sub-sum .sub-rule{display:block;flex:none;height:34px}}.plan .plan-note-mark{margin-left:3px;font-size:10px;line-height:0;font-weight:300;opacity:.6;vertical-align:super}body .cards .plan.plan>.plan-footnote{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:4px;align-items:baseline;margin:auto 0 0;padding:20px 0 0;border-top:1px solid var(--bg-bright);font:300 11px/15px var(--font);color:#fff9}.plan .plan-footnote>span:first-child{text-align:center}@media(max-width:900px){body .pricing-plans .cards .plan{min-height:0}body .cards .plan.plan:has(>.plan-footnote)>ul{padding-bottom:0}}@media(hover:none){html{-webkit-tap-highlight-color:transparent}:is(button,a[href],[role=button],summary,label[for]):active:not(:disabled):not([aria-disabled=true]){opacity:.7}}@media(hover:none){.sp-knob{opacity:1}}