._panel_13z0c_1{position:fixed;top:100px;left:100px;width:260px;background-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / 1);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' shape-rendering='crispEdges'><g fill='rgba(255,255,255,0.03)'><rect x='2' y='2' width='6' height='2'/><rect x='2' y='4' width='2' height='2'/><rect x='30' y='28' width='4' height='4'/></g><g fill='rgba(255,255,255,0.04)'><rect x='14' y='6' width='4' height='4'/></g><g fill='rgba(0,0,0,0.09)'><rect x='24' y='2' width='8' height='2'/></g><g fill='rgba(255,255,255,0.025)'><rect x='38' y='10' width='2' height='6'/><rect x='40' y='14' width='4' height='2'/><rect x='42' y='38' width='2' height='6'/><rect x='38' y='42' width='6' height='2'/></g><g fill='rgba(0,0,0,0.08)'><rect x='4' y='18' width='2' height='6'/><rect x='6' y='22' width='4' height='2'/><rect x='10' y='34' width='8' height='2'/></g><g fill='rgba(255,255,255,0.035)'><rect x='18' y='20' width='6' height='2'/><rect x='20' y='22' width='2' height='2'/><rect x='24' y='40' width='2' height='2'/><rect x='22' y='42' width='6' height='2'/><rect x='24' y='44' width='2' height='2'/></g></svg>");background-size:48px 48px;border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .4);border-radius:var(--r-3);box-shadow:var(--box-shadow);z-index:900;display:none;flex-direction:column;overflow:hidden;user-select:none}._panel_13z0c_1._open_13z0c_25{display:flex}._header_13z0c_29{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-4);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 14%) / 1);border-bottom:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .3);cursor:grab;flex-shrink:0;touch-action:none}._header_13z0c_29:active{cursor:grabbing}._title_13z0c_55{flex:1;font-size:var(--t-xs);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / 1);font-weight:500;letter-spacing:.04em;text-transform:uppercase}._actions_13z0c_66{display:flex;gap:var(--s-2)}._icon-btn_13z0c_71{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:none;border-radius:var(--r-2);cursor:pointer;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 60%) / 1);transition:background .15s ease}._icon-btn_13z0c_71:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / 1);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 90%) / 1)}._now-playing_13z0c_97{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}._visualizer_13z0c_104{position:relative;height:58px;overflow:hidden;background-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / 1);background-image:linear-gradient(180deg,hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .9),hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / .96)),repeating-linear-gradient(90deg,transparent 0,transparent 7px,rgba(255,255,255,.05) 7px,rgba(255,255,255,.05) 8px);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 -10px 20px #0000003d;image-rendering:pixelated;touch-action:none}._visualizer_13z0c_104:before,._visualizer_13z0c_104:after{content:"";position:absolute;inset:0;pointer-events:none}._visualizer_13z0c_104:before{background:linear-gradient(90deg,rgba(112,245,255,.14),transparent 16% 84%,rgba(255,107,200,.14)),repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 1px,transparent 1px,transparent 4px);opacity:.45}._visualizer_13z0c_104:after{inset:auto 8px 7px;height:2px;background:#8dff7a61;box-shadow:24px -34px #70f5ff5c,70px -28px #ffd25e47,112px -39px #ff6bc852,170px -22px #8dff7a47}._visualizer-playing_13z0c_174{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 -10px 20px #0000003d,0 0 18px #70f5ff24}._visualizer-canvas_13z0c_181{display:block;position:relative;z-index:1;width:100%;height:100%;background-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / 1);image-rendering:crisp-edges}._track-name_13z0c_193{font-size:var(--t-xs);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 85%) / 1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._times_13z0c_203{display:flex;justify-content:space-between;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 55%) / 1);font-variant-numeric:tabular-nums;span{font-size:var(--t-micro)}}._progress_13z0c_216{width:100%;height:5px;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / 1);overflow:hidden;cursor:pointer;position:relative}._progress-fill_13z0c_228{height:100%;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 65%) / 1);width:0;pointer-events:none}._bottom-row_13z0c_237{display:flex;align-items:center;justify-content:center;gap:var(--s-4)}._controls_13z0c_244{display:flex;align-items:center;gap:var(--s-3);flex-shrink:0;margin-left:auto}._control-btn_13z0c_252{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:0;cursor:pointer;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 75%) / 1);transition:background .15s ease}._control-btn_13z0c_252:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / 1)}._shuffle-active_13z0c_275{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 95%) / 1);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / 1)}._play-btn_13z0c_284{width:22px;height:22px;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / 1)}._play-btn_13z0c_284:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / 1)}._play-btn_13z0c_284 ._icon-pause_13z0c_298,._play-btn_13z0c_284._playing_13z0c_302 ._icon-play_13z0c_302{display:none}._play-btn_13z0c_284._playing_13z0c_302 ._icon-pause_13z0c_298{display:inline}._volume-row_13z0c_310{display:flex;align-items:center;gap:var(--s-1);flex:1;min-width:0}._volume-icon_13z0c_318{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / 1);flex-shrink:0;display:inline-flex}._volume-track_13z0c_326{flex:1;position:relative;height:5px;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / 1);cursor:pointer;touch-action:none}._volume-fill_13z0c_337{position:absolute;top:0;left:0;height:100%;width:0;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 65%) / 1);pointer-events:none}._volume-thumb_13z0c_349{position:absolute;top:-3px;left:0;width:4px;height:11px;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 90%) / 1);transform:translate(-2px);pointer-events:none}._tracklist_13z0c_362{border-top:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .3);max-height:200px;overflow-y:auto;padding:var(--s-2) 0}._track_13z0c_193{display:block;width:100%;text-align:left;padding:var(--s-2) var(--s-4);background:transparent;border:none;cursor:pointer;font-size:var(--t-xs);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 65%) / 1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._track_13z0c_193:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / 1);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 90%) / 1)}._track-active_13z0c_399{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 90%) / 1);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / 1)}._trigger_1i1eh_1{position:fixed;bottom:var(--s-8);right:var(--s-9);z-index:800;cursor:pointer;padding:var(--s-3);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .85);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;border-radius:50%;width:4rem;aspect-ratio:1;box-shadow:var(--box-shadow);transition:border-color .15s ease,background .15s ease}@media(max-width:720px){._trigger_1i1eh_1{right:var(--s-6);bottom:var(--s-6)}}._trigger_1i1eh_1:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .95)}._active_1i1eh_37{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / .95);border-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .4)}._auth-btn_wjdhb_1{--auth-btn-hs: 305 100%;cursor:pointer;font-size:var(--t-sm);padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);background:hsl(var(--auth-btn-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .85);color:hsl(var(--auth-btn-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);border:1px solid hsl(var(--auth-btn-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .25);transition:background .15s ease;text-decoration:none;font-family:inherit;&:hover{background:hsl(var(--auth-btn-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .9)}}._auth-placeholder_wjdhb_26{display:inline-block;width:92px;height:26px;border-radius:var(--r-pill);border:1px solid hsl(var(--auth-btn-hs, 305 100%) calc(var(--l-offset) + var(--l-mult) * 30%) / .25);background:linear-gradient(100deg,hsl(305 100% calc(var(--l-offset) + var(--l-mult) * 16%) / .85) 30%,hsl(305 100% calc(var(--l-offset) + var(--l-mult) * 26%) / .85),hsl(305 100% calc(var(--l-offset) + var(--l-mult) * 16%) / .85) 70%);background-size:200% 100%;animation:_auth-skeleton-shimmer_wjdhb_1 1.2s ease-in-out infinite}@keyframes _auth-skeleton-shimmer_wjdhb_1{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){._auth-placeholder_wjdhb_26{animation:none}}._overlay_a2nx5_1{position:fixed;inset:0;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / 0);backdrop-filter:blur(0);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:background .2s ease,backdrop-filter .2s ease,opacity .2s ease}._overlay-open_a2nx5_20{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .65);backdrop-filter:blur(2px);opacity:1;pointer-events:auto}._modal_a2nx5_29{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .95);border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 25%) / .3);border-radius:var(--r-4);padding:var(--s-8);width:min(90vw,360px);box-shadow:var(--box-shadow);transform:scale(.95);opacity:0;transition:transform .2s ease,opacity .2s ease;form{display:flex;flex-direction:column;gap:var(--s-5)}}._overlay-open_a2nx5_20 ._modal_a2nx5_29{transform:scale(1);opacity:1}._modal-title-row_a2nx5_60{display:flex;align-items:center;justify-content:center;gap:var(--s-6);margin-bottom:var(--s-5)}._modal-title_a2nx5_60{font-size:var(--t-3xl);color:var(--purple-80);margin:0;font-weight:500}._modal-title-pixl5_a2nx5_75{width:auto;height:7rem;image-rendering:pixelated;margin-bottom:var(--s-5)}._modal-subtitle_a2nx5_82{font-size:var(--t-sm);color:var(--purple-80);margin-bottom:var(--s-5);white-space:nowrap;text-align:center}._google-btn_a2nx5_90{cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-5);border-radius:var(--r-3);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 95%) / 1);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / 1);font-size:var(--t-base);font-weight:500;margin-bottom:var(--s-5);border:none;transition:background .15s ease;font-family:inherit;&:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 92%) / 1)}&:disabled{cursor:default;opacity:.7}}._divider_a2nx5_124{display:flex;align-items:center;gap:var(--s-5);margin-block:var(--s-5);font-size:var(--t-micro);color:var(--purple-70);&:before,&:after{content:"";flex:1;height:1px;background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .3)}}._email-input_a2nx5_144{width:100%;user-select:text;font-size:var(--t-base);font-family:var(--inter-font)}._submit-btn_a2nx5_151{cursor:pointer;width:100%;padding:var(--s-5);border-radius:var(--r-3);background-color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 19%) / 1);color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);border:1px solid hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .1);box-shadow:inset 0 0 10px 10px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .15),0 0 0 1px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / 1),0 -1px 0 2px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / 1),0 2px 0 2px hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / 1);font-size:var(--t-base);font-weight:500;font-family:inherit;transition:background-color .2s ease-in;&:hover{background-color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 21%) / 1)}&:disabled{cursor:default;opacity:.7}}._message_a2nx5_199{font-size:var(--t-micro);margin-top:var(--s-7);color:var(--purple-80);text-align:center}._error-message_a2nx5_206{font-size:var(--t-xs);margin-top:var(--s-6);min-height:1.6rem;text-align:center;&:empty{display:none}}._error-message-error_a2nx5_217{color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 60%) / 1)}._error-message-success_a2nx5_223{color:hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1)}._create-btn_9qss0_1{display:flex;align-items:center;gap:var(--s-2);--create-btn-hs: var(--purple-90-hs);cursor:pointer;font-size:var(--t-sm);padding:var(--s-2) var(--s-5);border-radius:var(--r-pill);background:hsl(var(--create-btn-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .85);color:hsl(50 60% calc(var(--l-offset) + var(--l-mult) * 80%) / .85);border:1px solid hsl(var(--accent-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .2);transition:background .15s ease;text-decoration:none;font-family:inherit;&:hover{background:hsl(var(--create-btn-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .9)}@media(max-width:720px){display:none}}._wrapper_1bode_1{position:relative;display:inline-block;line-height:0}._bubble_1bode_7{position:absolute;top:50%;left:100%;margin-left:var(--s-6);padding:var(--s-3) var(--s-5);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 95%) / .85);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / 1);border-radius:var(--r-4);font-size:var(--t-sm);font-weight:500;white-space:nowrap;line-height:1;box-shadow:var(--box-shadow-less);opacity:0;transform:translate(-4px,-50%) scale(.9);transform-origin:left center;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.2,.8,.2,1.4);z-index:10;&:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 95%) / .85)}}._wrapper_1bode_1:hover ._bubble_1bode_7,._wrapper_1bode_1:focus-within ._bubble_1bode_7{opacity:1;transform:translateY(-50%) scale(1)}._navbar_8ms36_1{position:relative;display:flex;gap:var(--s-9);align-items:center;justify-content:space-between;color:var(--purple-92);padding:var(--s-7) var(--s-8) var(--s-8);z-index:100}._navbar-stuck_8ms36_12{position:fixed;top:0;left:0;right:0;animation:_navbar-slide-down_8ms36_1 .25s ease;padding-block:var(--s-6)}@keyframes _navbar-slide-down_8ms36_1{0%{opacity:0;transform:translateY(-2.4rem)}to{opacity:1;transform:translateY(0)}}._navbar-leaving_8ms36_32{animation:_navbar-slide-up_8ms36_1 .25s ease forwards}@keyframes _navbar-slide-up_8ms36_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2.4rem)}}._navbar-title_8ms36_47{position:absolute;left:50%;transform:translate(-50%);font-weight:500;font-size:var(--t-2xl);letter-spacing:.05em;color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1);display:flex;align-items:center;gap:var(--s-4);text-decoration:none}._editor-link_8ms36_63{display:inline-flex;align-items:center;padding:var(--s-2) var(--s-5);border-radius:999px;background:var(--purple-20);color:var(--purple-80);font-size:var(--t-sm);text-decoration:none;border:1px solid var(--purple-50-a1);transition:background .15s ease;&:hover{background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 22%) / 1)}}._navbar-left_8ms36_82{display:flex;align-items:center;gap:var(--s-6);@media(max-width:720px){display:none}}._right-section_8ms36_92{display:flex;gap:var(--s-8);align-items:center}._button-group_8ms36_98{display:flex;gap:var(--s-5);align-items:center}@media(max-width:720px){._navbar_8ms36_1{padding:var(--s-6);gap:var(--s-5)}._right-section_8ms36_92{gap:var(--s-7)}._navbar-stuck_8ms36_12{display:none}._navbar-title_8ms36_47{position:static;transform:none;font-size:var(--t-xl)}._logo_8ms36_124{display:none}}:root{--card-tint-default: hsl(305 100% 30%);--purple-100-hs: 278 100%;--purple-90-hs: 278 90%;--accent-hs: 305 100%;--orange-hs: 0 60%;--l-mult: 1;--l-offset: 0%;--bgPurple: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / 1 );--bgDarkPurple: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 7%) / 1 );--lightPink: hsl( var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1 );--black: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / 1 );--black-a15: rgb(0 0 0 / .15);--black-a25: rgb(0 0 0 / .25);--white-a05: rgb(255 255 255 / .05);--purple-6: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / 1 );--purple-7: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 7%) / 1 );--purple-8: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / 1 );--purple-9: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9%) / 1 );--purple-10: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / 1 );--purple-11: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 11%) / 1 );--purple-12: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / 1 );--purple-13: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 13%) / 1 );--purple-14: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 14%) / 1 );--purple-15: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / 1 );--purple-16: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / 1 );--purple-26: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 26%) / 1 );--purple-20: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / 1 );--purple-50: hsl( var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / 1 );--purple-60: hsl( var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 60%) / 1 );--purple-70: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / 1 );--purple-72: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 72%) / 1 );--purple-80: hsl( var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 75%) / 1 );--purple-85: hsl( var(--purple-90-hs) calc(var(--l-offset) + var(--l-mult) * 85%) / 1 );--purple-88: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 88%) / 1 );--purple-92: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 92%) / 1 );--purple-4-a2: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .2 );--purple-4-a3: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .3 );--purple-4-a45: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .45 );--purple-4-a6: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .6 );--purple-4-a65: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 4%) / .65 );--purple-6-a15: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / .15 );--purple-6-a85: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 6%) / .85 );--purple-8-a45: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / .45 );--purple-8-a75: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / .75 );--purple-9-a85: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9%) / .85 );--purple-10-a15: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .15 );--purple-10-a5: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .5 );--purple-10-a65: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .65 );--purple-10-a85: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .85 );--purple-10-a9: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 10%) / .9 );--purple-11-a9: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 11%) / .9 );--purple-12-a9: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .9 );--purple-14-a9: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 14%) / .9 );--purple-15-a2: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .2 );--purple-30-a15: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .15 );--purple-16-a6: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .6 );--purple-16-a75: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 16%) / .75 );--purple-18-a6: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 18%) / .6 );--purple-20-a1: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .1 );--purple-20-a85: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .85 );--purple-30-a2: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .2 );--purple-30-a25: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .25 );--purple-30-a3: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .3 );--purple-30-a85: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 30%) / .85 );--purple-35-a5: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 35%) / .5 );--purple-50-a02: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .02 );--purple-50-a1: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .1 );--purple-50-a15: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .15 );--purple-50-a2: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .2 );--purple-50-a3: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .3 );--purple-50-a4: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .4 );--purple-50-a5: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .5 );--purple-55-a5: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 55%) / .5 );--purple-60-a35: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 60%) / .35 );--purple-70-a15: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / .15 );--purple-70-a5: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / .5 );--purple-70-a8: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 70%) / .8 );--purple-75-a7: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 75%) / .7 );--purple-76-a725: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 76%) / .725 );--purple-80-a1: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .1 );--purple-80-a25: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .25 );--purple-80-a4: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .4 );--purple-80-a85: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .85 );--purple-80-a9: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .9 );--orange-20: hsl(var(--orange-hs) 20%);--orange-80: hsl(var(--orange-hs) 80%);--orange-90: hsl(var(--orange-hs) 90%);--accent-14: hsl(var(--accent-hs) 14%);--accent-18: hsl(var(--accent-hs) 18%);--accent-80: hsl(var(--accent-hs) 80%);--color-accent: hsl(305 100% 60%);--color-accent-soft: hsla(305 100% 60% / .15);--color-accent-softer: hsla(305 100% 60% / .05);--color-magenta: hsl(307 90% 70%);--color-cyan: hsl(184 90% 70%);--color-orange: hsl(28 100% 72%);--color-orange-bg: hsla(28 100% 18% / .8);--color-danger: hsl(0 80% 65%);--color-danger-bg: hsla(0 60% 18% / .8);--color-success: hsl(145 80% 72%);--color-success-bg: hsla(145 60% 15% / .8)}button{border:none;border-radius:4px;padding:.8rem 1.6rem;background:transparent;color:var(--lightPink);font-family:var(--pixel-font);font-size:1.4rem;display:flex;align-items:center;justify-content:center;white-space:nowrap}button:disabled{opacity:.75;transition:opacity .2s ease-in-out;pointer-events:none}.select-wrapper{position:relative;display:inline-block;fill:var(--purple-80);& select{min-width:5.2rem}}.select-wrapper:after{content:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 3 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 0L0 -1.31134e-07L1.5 2L3 0Z' fill='hsla(278, 100%, 80%, 1)'/%3E%3C/svg%3E%0A");position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:1.2rem}select{appearance:none;background:var(--purple-16-a6);color:var(--purple-80);border:1px solid var(--purple-50-a1);border-radius:30px;padding:.4rem 1rem;font-size:1.5rem;cursor:pointer;outline:none;font-family:inherit}option{background:var(--purple-12);font-size:1.4rem;&:checked{background:var(--purple-20)}}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;border-radius:50px;background:var(--purple-16-a6);&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.5rem;height:1.5rem;background:var(--purple-50);border-radius:50%;cursor:none;&.is-dragging{cursor:none}}&::-webkit-slider-runnable-track{height:1.5rem;border:none;border-radius:50px}&::-webkit-slider-thumb:hover{background:var(--purple-60)}}label,span{font-size:1.3rem;color:var(--purple-80);white-space:nowrap}span{font-variant-numeric:tabular-nums}input[type=checkbox]{appearance:none;background:var(--purple-50);border:1px solid var(--purple-50-a1);border-radius:30px;padding:4px;font-size:1.4rem;cursor:pointer;outline:none;width:1.6rem;height:1.6rem;font-family:inherit;transition:opacity .15s ease-in-out;opacity:.35;&:checked{opacity:1}}input,textarea{width:100%;padding:.8rem 1rem;height:3.8rem;border-radius:4px;border:1px solid hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 50%) / .15);background:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / .85);color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .95);font-size:1.4rem;font-family:inherit;&::placeholder{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .75)}}textarea{height:14rem;resize:none;padding:1rem;font-size:1.4rem;&::placeholder{color:hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / .75)}}*{margin:0;padding:0;box-sizing:border-box;&:focus-visible{outline:none}}:root{--pixel-font: "Pixelify Sans", sans-serif;--inter-font: "Inter", sans-serif;--bg: linear-gradient( to bottom, hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / 1), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 9%) / 1), hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8.5%) / 1) );--mainColor: hsl( var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 80%) / 1 );--box-shadow: 0 0 0px 1px var(--purple-15), 0 -1px 0px .4rem var(--purple-8), 0 0px 0px .5rem hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .7);--box-shadow-less: 0 0 0px 1px var(--purple-15), 0 -1px 0px .1rem var(--purple-8), 0 0px 0px .2rem hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .6);--box-shadow-lesser: 0 0 0px 1px hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 15%) / .75), 0 -1px 0px .05rem rgba(255, 255, 255, .1), 0 0px 0px .1rem hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 20%) / .5);--r-1: 2px;--r-2: 3px;--r-3: 4px;--r-4: 6px;--r-pill: 30px;--s-1: .2rem;--s-2: .4rem;--s-3: .6rem;--s-4: .8rem;--s-5: 1rem;--s-6: 1.4rem;--s-7: 1.8rem;--s-8: 2.4rem;--s-9: 3rem;--s-10: 4rem;--s-11: 5rem;--t-micro: 1.1rem;--t-xs: 1.2rem;--t-sm: 1.3rem;--t-base: 1.4rem;--t-md: 1.5rem;--t-lg: 1.6rem;--t-xl: 2rem;--t-2xl: 2.4rem;--t-3xl: 3.2rem;--t-4xl: 4rem;--t-5xl: 5.6rem}html{font-size:62.5%;font-family:var(--pixel-font)}body{background:var(--bg);font-optical-sizing:auto;font-weight:400;font-style:normal;height:100%;min-height:100dvh;color:var(--mainColor)}.landing-layout{min-height:100dvh;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 50% 0%,hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 12%) / .6),transparent 60%),hsl(var(--purple-100-hs) calc(var(--l-offset) + var(--l-mult) * 8%) / 1);color:var(--purple-80);overflow-x:hidden}