._button_1fjj9_1{display:flex;align-items:center;justify-content:center;gap:var(--sp-s);width:100%;border-radius:var(--br-s);color:var(--color-white);font-size:var(--fs-l);height:6.4rem;transition:all .2s ease-in-out}._button_1fjj9_1:disabled{filter:grayscale(1);cursor:not-allowed}._sm_1fjj9_18{height:4.3rem;font-size:var(--fs-m)}._md_1fjj9_23{height:6.4rem;font-size:var(--fs-l)}._lg_1fjj9_28{height:8rem;font-size:var(--fs-xl)}._primary_1fjj9_33{background-color:var(--color-primary)}._primary_1fjj9_33:active{background-color:var(--color-button-primary-hover)}._secondary_1fjj9_40{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-font-button-secondary)}._secondary_1fjj9_40:active{background-color:var(--color-button-secondary-hover)}._header_6lx3r_1{display:flex;align-items:center;gap:var(--sp-s);height:var(--header-height);background-color:var(--color-bg-primary);padding:0 var(--sp-m);padding-left:var(--sp-s);position:sticky;top:0;left:0;z-index:3}._backButton_6lx3r_15{width:4rem;height:4rem;flex-shrink:0}._loader_1bf8h_1{border-color:var(--color-white);border-style:solid;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:_rotation_1bf8h_1 1s linear infinite}@keyframes _rotation_1bf8h_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._sm_1bf8h_19{width:2.4rem;height:2.4rem;border-width:3px}._md_1bf8h_25{width:4.8rem;height:4.8rem;border-width:5px}._lg_1bf8h_31{width:7.2rem;height:7.2rem;border-width:7px}._container_mq3w2_1{padding:var(--sp-m);display:flex;flex-direction:column}._buttonContainer_mq3w2_7{position:relative}._errorText_mq3w2_11{position:absolute;top:calc(100% + var(--sp-s));left:50%;width:100%;line-height:1.2;transform:translate(-50%);color:var(--color-red);text-align:center}._input_1yuck_1{background:none;border:1px solid var(--color-border);border-radius:var(--br-m);padding:var(--sp-m);outline:none}._container_nacft_1{background-color:var(--color-bg-secondary);border-radius:var(--br-m);padding:var(--sp-l) var(--sp-s);font-weight:400!important;font-style:italic;font-size:var(--fs-l);line-height:2.4rem;overflow-y:auto;white-space:pre-line}._container_sb2y5_1{position:relative;height:100%}._mainContent_sb2y5_6{padding:var(--sp-m);height:100dvh;overflow:hidden;display:flex;flex-direction:column}._mainContent_sb2y5_6 button{flex-shrink:0}._trackBlockContainer_17b2x_1{margin:var(--sp-m) 0 var(--sp-l);display:flex;flex-direction:column;gap:var(--sp-m)}._trackBlockContainer_17b2x_1>p{line-height:2.5rem}._trackInfoTitle_17b2x_11{font-size:var(--fs-l);display:flex;align-items:center;gap:var(--sp-s)}._trackInfoName_17b2x_18{font-size:var(--fs-m);display:flex;align-items:center;gap:var(--sp-s)}._trackInfoImageContainer_17b2x_25{width:2rem;height:2rem}._trackInfoImage_17b2x_25{width:100%;height:100%}._container_1prme_1{height:6rem;width:100%;background:linear-gradient(to right,var(--color-primary) 0%,var(--color-primary) 50%,var(--color-bg-secondary) 50%,var(--color-bg-secondary) 100%);border-radius:var(--br-m);display:flex;justify-content:flex-end;overflow:hidden}._trackContainer_1prme_11{padding:var(--sp-s);padding-left:var(--sp-xxs);display:flex;align-items:center;justify-content:space-between;height:6rem;width:calc(100% - var(--sp-xxs));background-color:var(--color-bg-secondary);border-top-left-radius:var(--br-m);border-bottom-left-radius:var(--br-m)}._leftPartContainer_1prme_24{display:flex;align-items:center;gap:var(--sp-s);flex:1;min-width:0;overflow:hidden}._trackButtonContainer_1prme_33{width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--br-m);background-color:#2b7fff20;flex-shrink:0}._trackButton_1prme_33{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:var(--br-full);background-color:#00000050;cursor:pointer}._trackInfoContainer_1prme_55{display:flex;flex-direction:column;gap:var(--sp-xxs);min-width:0;overflow:hidden}._trackName_1prme_63{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._trackDuration_1prme_69{color:var(--color-font-secondary)}._downloadButton_1prme_73{flex-shrink:0;color:var(--color-primary);width:5rem;height:5rem;display:flex;align-items:center;justify-content:center}._loader_1prme_83{animation:_rotate_1prme_1 1s linear infinite}@keyframes _rotate_1prme_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._container_101d5_1{margin-top:var(--sp-l)}._divider_101d5_5{margin:0 auto;width:29rem;height:.3rem;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2509803922) 50%,transparent 100%)}._carousel_101d5_12{position:relative;height:21rem;overflow:hidden}._carouselItemsContainer_101d5_18{display:flex;flex-direction:column;align-items:center;will-change:transform}._carouselItem_101d5_18{padding:var(--sp-s);font-size:1.8rem;will-change:transform,opacity;color:var(--color-white)}._carouselFrame_101d5_32{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:5rem;border-radius:var(--br-l);border:1px solid rgba(255,255,255,.1254901961);background-color:#00000010}._exampleCard_1u2gr_1{border:1px solid rgba(0,0,0,.1254901961);border-radius:var(--br-m);padding:var(--sp-s);display:flex;flex-direction:column;gap:var(--sp-s)}._imageContainer_1u2gr_10{width:12rem;height:12rem;position:relative;overflow:hidden;border-radius:var(--br-s)}._coverImage_1u2gr_18{width:100%;height:100%}._playButton_1u2gr_23{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--br-full);background:#00000050;display:flex;align-items:center;justify-content:center;cursor:pointer}._infoContainer_1u2gr_39{display:flex;flex-direction:column;gap:var(--sp-xxs);color:var(--color-black)}._exampleName_1u2gr_46{font-weight:700}._exampleAuthor_1u2gr_50{font-size:var(--fs-s)}._viewport_muj4a_1{overflow:hidden}._container_muj4a_5{display:flex;gap:var(--sp-s);margin:0 var(--sp-s);touch-action:pan-y pinch-zoom}._container_ubcxb_1{position:relative;display:flex;width:fit-content;margin:0 auto}._logo_ubcxb_8{font-size:var(--fs-logo);font-style:italic;color:var(--color-white);font-weight:700}._textGradient_ubcxb_15{background-image:var(--gradient-logo);color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:.4rem}._logoIcon_ubcxb_22{position:absolute;top:0;left:99%}._mainContainer_gwbn1_1{background-color:#fff;height:100dvh}._heroContainer_gwbn1_6{padding:var(--sp-l) var(--sp-m) var(--sp-xxxl);position:relative;background-color:#00000020;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);overflow:hidden;border-radius:0 0 var(--br-l) var(--br-l)}._heroContainer_gwbn1_6:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#13112a;z-index:-2}._circle1_gwbn1_25,._circle2_gwbn1_26,._circle3_gwbn1_27,._circle4_gwbn1_28{position:absolute;z-index:-1;border-radius:50%;filter:blur(120px)}._circle1_gwbn1_25{background:#2f42cd;top:-90px;right:-50px;width:250px;height:250px}._circle2_gwbn1_26{background:#c84fb9;top:100px;left:-50px;width:250px;height:250px}._circle3_gwbn1_27{background:#0d82a1;top:120px;right:-20px;width:250px;height:250px}._circle4_gwbn1_28{background:#3d367c;top:-80px;left:-77px;width:314px;height:320px}._examplesSection_gwbn1_67{padding:var(--sp-xxxl) 0 var(--sp-s);max-height:100%;overflow-x:hidden}._examplesHeader_gwbn1_73{font-size:var(--fs-xl);font-weight:700;color:#000;margin-bottom:var(--sp-m);margin-left:var(--sp-m)}._buttonContainer_gwbn1_81{position:relative}._startButton_gwbn1_85{position:absolute;top:0;z-index:2;left:var(--sp-m);right:var(--sp-m);transform:translateY(-50%);display:flex;align-items:center;gap:var(--sp-s);justify-content:center;border-radius:var(--br-full);padding:var(--sp-m);width:auto;background:var(--gradient-button);font-weight:700;font-size:var(--fs-xl);color:#fff;transition:all .2s ease-in-out}._startButton_gwbn1_85:active{filter:brightness(.85)}._noteIcon_gwbn1_109{width:2.8rem;height:2.8rem}._option_sf2sy_1{position:relative;background-color:var(--color-bg-option);border-radius:var(--br-m);padding:var(--sp-s) var(--sp-l);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.3rem;cursor:pointer;outline:2px solid var(--color-border-option)}._userOption_sf2sy_15{grid-column:1/-1;flex-direction:row;height:max-content}._userOption_sf2sy_15 ._optionLabel_sf2sy_20{width:auto}._userOptionContainer_sf2sy_24{display:flex;flex-direction:column;gap:var(--sp-m)}._selected_sf2sy_30{color:var(--color-primary);background-color:var(--color-bg-selected);outline:rgba(var(--color-bg-selected),.2);outline:2px solid var(--color-border-primary)}._optionImageContainer_sf2sy_37{width:5rem;height:5rem}._optionImage_sf2sy_37{width:100%;height:100%}._optionLabel_sf2sy_20{width:10rem;text-align:center;line-height:120%}._checkIconContainer_sf2sy_53{position:absolute;top:1rem;right:1rem;width:2.4rem;height:2.4rem;border-radius:var(--br-full);background-color:var(--color-primary);display:flex;align-items:center;justify-content:center}._checkIcon_sf2sy_53{margin-top:.2rem}._submitButton_sf2sy_70{position:absolute;top:1.1rem;right:1.1rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--br-s);background-color:var(--color-primary)}._submitButton_sf2sy_70:disabled{filter:grayscale(1);cursor:not-allowed}._progressContainer_w6z6a_1{display:flex;justify-content:flex-start;border-radius:var(--br-full);height:.6rem;overflow:hidden;flex-grow:1}._progressBar_w6z6a_10{background:var(--color-primary);height:100%}._inputContainer_qmzy7_1{position:relative;width:100%;display:flex;flex-direction:column;height:max-content}._input_qmzy7_1{background:none;border:1px solid var(--color-border);border-radius:var(--br-m);padding:var(--sp-m);outline:none;height:100%;resize:none;field-sizing:content}._withOffset_qmzy7_20{padding-right:5rem}._step_1522k_1{position:relative;height:100%}._mainContent_1522k_6{padding:var(--sp-m)}._options_1522k_10{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:var(--sp-m);margin-bottom:var(--sp-m)}._screenHeight_1522k_18{height:calc(100dvh - var(--header-height));overflow:hidden;display:flex;flex-direction:column}._screenHeight_1522k_18 button{flex-shrink:0}._lyricsHeight_1522k_28{height:55vh}._overlay_k6ylb_1{position:absolute;top:0;left:0;width:100vw;height:100dvh;background-color:var(--color-bg-primary);padding:15rem var(--sp-m) var(--sp-m)}._container_k6ylb_11{margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}._spinnerContainer_k6ylb_19{width:12rem;height:12rem;position:relative;margin-bottom:var(--sp-xl)}._spinner_k6ylb_19{width:100%;height:100%;animation:_spin_k6ylb_19 2s linear infinite}._spinnerImage_k6ylb_32{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5rem;height:5rem}._title_k6ylb_41{font-weight:700;font-size:var(--fs-xl);margin-bottom:var(--sp-m);white-space:nowrap;animation:_fadeInAndOut_k6ylb_1 2s ease-in-out infinite}@keyframes _spin_k6ylb_19{to{transform:rotate(360deg)}}@keyframes _fadeInAndOut_k6ylb_1{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{transform:translateY(100%);opacity:0}}._recordButton_1sq8h_1{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--br-s);transition:all .2s ease-in;width:4.2rem;height:4.2rem}._recordActive_1sq8h_14{background-color:var(--color-primary)}._recordActive_1sq8h_14:after{content:"";position:absolute;width:1rem;height:1rem;top:0;right:0;border-radius:var(--br-full);background-color:var(--color-red);animation:_pulse_1sq8h_1 1.5s infinite}._recordActive_1sq8h_14 ._recordIcon_1sq8h_28{stroke:var(--color-white)}@keyframes _pulse_1sq8h_1{0%{transform:scale(1.5)}50%{transform:scale(1)}to{transform:scale(1.5)}}._container_1b246_1{margin-top:15rem;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 var(--sp-m)}._iconContainer_1b246_10{width:12rem;height:12rem;border:4px solid #ff0000;border-radius:var(--br-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-xxl)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:SF Pro Display;src:url(/assets/SFProDisplay-BlackItalic-CiyVYZjb.woff2) format("woff2");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/assets/SFProDisplay-Bold-0l4KfETz.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/assets/SFProDisplay-Medium-DpO1fEiL.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/assets/SFProDisplay-RegularItalic-Cd54jwrv.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #e9ecef;--color-bg-option: #ffffff20;--color-bg-selected: #cee1ff;--color-button-secondary-hover: #00000020;--color-font-primary: #000000;--color-font-secondary: #00000070;--color-font-tertiary: #00000030;--color-font-button-secondary: #000000;--color-border: #00000030;--color-border-option: #00000030}[data-theme=dark]{--color-bg-primary: #13112a;--color-bg-secondary: #1d1b32;--color-bg-option: #ffffff20;--color-bg-selected: #1a1a2e;--color-button-secondary-hover: #ffffff20;--color-font-primary: #ffffff;--color-font-secondary: #ffffff70;--color-font-tertiary: #ffffff30;--color-font-button-secondary: #ffffff;--color-border: #ffffff70;--color-border-option: transparent}:root{--fs-logo: 4.8rem;--fs-xl: 2.4rem;--fs-l: 2rem;--fs-m: 1.6rem;--fs-s: 1.2rem;--br-full: 9999rem;--br-l: 2rem;--br-m: 1.6rem;--br-s: 1rem;--sp-xxxxl: 8rem;--sp-xxxl: 6rem;--sp-xxl: 4rem;--sp-xl: 3rem;--sp-l: 2rem;--sp-m: 1.6rem;--sp-s: 1rem;--sp-xs: .8rem;--sp-xxs: .5rem;--header-height: 7rem;--color-primary: #2b7fff;--color-border-primary: #2b7fff20;--color-white: #fff;--color-black: #000;--color-red: #f03e3e;--color-button-primary-hover: #2266cc;--gradient-button: linear-gradient( -208deg, #2b7fff 15%, #2b7fff 40%, #e449ed 100% );--gradient-logo: linear-gradient(150deg, #2b7fff 0%, #e449ed 90%)}*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%}body{font-family:SF Pro Display,sans-serif;font-size:var(--fs-m);font-weight:500;background-color:var(--color-bg-primary);color:var(--color-font-primary)}.app{width:100%;min-height:100dvh}button{cursor:pointer;border:none;background:none;font-family:inherit;-webkit-tap-highlight-color:transparent}input,textarea{font-family:inherit;color:inherit;font-size:inherit}.pageHeader{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--sp-s)}.pageSubheader{margin-bottom:var(--sp-m);line-height:130%}.mt-2{margin-top:var(--sp-s)}.mb-2{margin-bottom:var(--sp-s)}.mt-3{margin-top:var(--sp-m)}.mb-3{margin-bottom:var(--sp-m)}.mt-4{margin-top:var(--sp-xl)}.mb-4{margin-bottom:var(--sp-xl)}.mb-5{margin-bottom:var(--sp-xxl)}