@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:#fef2f2;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-950:#460809;--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-300:#ffb96d;--color-orange-400:#ff8b1a;--color-orange-500:#fe6e00;--color-orange-600:#f05100;--color-orange-700:#c53c00;--color-orange-900:#7e2a0c;--color-orange-950:#441306;--color-amber-50:#fffbeb;--color-amber-100:#fef3c6;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-700:#b75000;--color-amber-900:#7b3306;--color-amber-950:#461901;--color-emerald-50:#ecfdf5;--color-emerald-100:#d0fae5;--color-emerald-200:#a4f4cf;--color-emerald-300:#5ee9b5;--color-emerald-400:#00d294;--color-emerald-500:#00bb7f;--color-emerald-600:#009767;--color-emerald-700:#007956;--color-emerald-800:#005f46;--color-emerald-900:#004e3b;--color-emerald-950:#002c22;--color-teal-50:#f0fdfa;--color-teal-100:#cbfbf1;--color-teal-500:#00baa7;--color-teal-900:#0b4f4a;--color-teal-950:#022f2e;--color-sky-300:#77d4ff;--color-sky-400:#00bcfe;--color-sky-500:#00a5ef;--color-sky-600:#0084cc;--color-sky-700:#0069a4;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-blue-900:#1c398e;--color-blue-950:#162456;--color-violet-50:#f5f3ff;--color-violet-100:#ede9fe;--color-violet-300:#c4b4ff;--color-violet-400:#a685ff;--color-violet-500:#8d54ff;--color-violet-600:#7f22fe;--color-violet-700:#7008e7;--color-violet-900:#4d179a;--color-violet-950:#2f0d68;--color-rose-50:#fff1f2;--color-rose-100:#ffe4e6;--color-rose-400:#ff667f;--color-rose-500:#ff2357;--color-rose-600:#e70044;--color-rose-700:#c20039;--color-rose-900:#8b0836;--color-rose-950:#4d0218;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-500:#62748e;--color-slate-900:#0f172b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-xl:24px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-vazirmatn);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-950:lab(13.003% 29.04 16.7519);--color-orange-50:lab(97.7008% 1.53735 5.90649);--color-orange-100:lab(94.7127% 3.58394 14.3151);--color-orange-300:lab(80.8059% 21.7313 50.4455);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-orange-600:lab(57.1026% 64.2584 89.8886);--color-orange-700:lab(46.4615% 57.7275 70.8507);--color-orange-900:lab(30.2951% 36.0434 37.671);--color-orange-950:lab(14.1747% 23.4515 19.4461);--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-amber-950:lab(15.8111% 20.9107 23.3752);--color-emerald-50:lab(97.8462% -6.94966 1.85487);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-300:lab(83.9203% -48.7124 13.8849);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-emerald-800:lab(35.3675% -33.1188 8.04002);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-emerald-950:lab(15.0582% -17.9507 2.38369);--color-teal-50:lab(98.3189% -4.74921 -.111711);--color-teal-100:lab(95.1845% -17.4212 -.425422);--color-teal-500:lab(67.3859% -49.0983 -2.63511);--color-teal-900:lab(29.506% -21.4706 -3.59886);--color-teal-950:lab(16.6371% -15.3183 -3.81732);--color-sky-300:lab(80.3307% -20.2945 -31.385);--color-sky-400:lab(70.687% -23.6078 -45.9483);--color-sky-500:lab(63.3038% -18.433 -51.0407);--color-sky-600:lab(51.7754% -11.4712 -49.8349);--color-sky-700:lab(41.6013% -9.10804 -42.5647);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-blue-950:lab(15.6723% 8.86232 -32.2945);--color-violet-50:lab(96.2416% 2.28849 -5.51657);--color-violet-100:lab(93.0838% 4.35197 -9.88284);--color-violet-300:lab(76.7419% 18.3911 -37.0706);--color-violet-400:lab(62.8239% 34.9159 -60.0512);--color-violet-500:lab(49.9355% 55.1776 -81.8963);--color-violet-600:lab(41.088% 68.9966 -91.995);--color-violet-700:lab(35.2783% 67.9912 -88.793);--color-violet-900:lab(24.3783% 45.7525 -61.4902);--color-violet-950:lab(14.0706% 33.3353 -46.7553);--color-rose-50:lab(96.2369% 4.94155 1.28011);--color-rose-100:lab(92.8221% 9.86832 2.60075);--color-rose-400:lab(64.4125% 63.0291 19.2068);--color-rose-500:lab(56.101% 79.4328 31.4532);--color-rose-600:lab(49.1882% 81.577 36.0311);--color-rose-700:lab(41.1651% 71.6251 30.3087);--color-rose-900:lab(29.7104% 51.514 12.6253);--color-rose-950:lab(14.2323% 34.0086 9.80922);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-900:lab(7.78673% 1.82345 -15.0537)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.section-kicker{color:var(--music-accent);letter-spacing:.04em;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;display:flex}.section-title{max-width:13ch;color:var(--music-ink);letter-spacing:-.045em;font-size:clamp(1.9rem,3.6vw,3.25rem);font-weight:900;line-height:1.17}.brand-button,.outline-button{justify-content:center;align-items:center;gap:.6rem;min-height:3.25rem;padding-inline:1.5rem;font-size:.875rem;font-weight:800;transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .28s,border-color .28s,box-shadow .28s;display:inline-flex}.brand-button{background:var(--music-accent);color:#fff;box-shadow:0 10px 24px #0754d82e}.brand-button:hover{background:#0649bd;transform:translateY(-2px)}.outline-button{border:1px solid var(--music-border);color:var(--music-ink);background:#fffc}.outline-button:hover{border-color:var(--music-accent);transform:translateY(-2px)}.brand-button:focus-visible,.outline-button:focus-visible{outline:3px solid var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.brand-button:focus-visible,.outline-button:focus-visible{outline:3px solid color-mix(in oklch, var(--music-accent) 28%, transparent)}}.brand-button:focus-visible,.outline-button:focus-visible{outline-offset:3px}.instrument-crop{aspect-ratio:1;background-image:url(/images/generated/instrument-atlas.webp);background-repeat:no-repeat;background-size:200% 200%;transition:transform .52s cubic-bezier(.22,1,.36,1)}.group:hover .instrument-crop{transform:scale(1.025)}.atlas-drums{background-position:0 0}.atlas-guitar{background-position:100% 0}.atlas-bass{background-position:0 100%}.atlas-piano{background-position:100% 100%}@media (min-width:768px){.learning-journey>li:not(:last-child):after{content:"";z-index:2;top:2.55rem;background:#cbd4e1;width:1.5rem;height:1px;position:absolute;inset-inline-end:-.75rem}}@media (prefers-reduced-motion:no-preference){.reveal{animation:cubic-bezier(.22,1,.36,1) both section-reveal;animation-timeline:view();animation-range:entry 4% cover 22%}}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.landing-page section .reveal:nth-child(2){animation-range:entry 8% cover 24%}.landing-page section .reveal:nth-child(3){animation-range:entry 12% cover 28%}.landing-page section .reveal:nth-child(4){animation-range:entry 16% cover 32%}.landing-page section .reveal:nth-child(5){animation-range:entry 20% cover 36%}}.night-stage{background:#061536;position:relative;overflow:hidden}.night-stage:after{content:"";filter:blur(3rem);background:#3370e229;border-radius:999px;width:30rem;height:30rem;position:absolute;inset:12% auto auto 50%;transform:translate(-50%)}.night-staff{opacity:.18;background:repeating-linear-gradient(#0000 0 3rem,#78a6ff 3rem calc(3rem + 1px));height:45%;position:absolute;inset:17% -10% auto;transform:rotate(5deg)}.cta-lines{opacity:.6;background:repeating-linear-gradient(#0000 0 3.5rem,#edf0f4 3.5rem calc(3.5rem + 1px));position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-0\.5{inset:calc(var(--spacing) * -.5)}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-x-0\.5{inset-inline:calc(var(--spacing) * .5)}.inset-x-1{inset-inline:calc(var(--spacing) * 1)}.inset-x-4{inset-inline:calc(var(--spacing) * 4)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.inset-y-2{inset-block:calc(var(--spacing) * 2)}.-start-1{inset-inline-start:calc(var(--spacing) * -1)}.-start-24{inset-inline-start:calc(var(--spacing) * -24)}.-start-\[3px\]{inset-inline-start:-3px}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.start-3{inset-inline-start:calc(var(--spacing) * 3)}.start-4{inset-inline-start:calc(var(--spacing) * 4)}.start-6{inset-inline-start:calc(var(--spacing) * 6)}.start-9{inset-inline-start:calc(var(--spacing) * 9)}.start-\[18\%\]{inset-inline-start:18%}.-end-16{inset-inline-end:calc(var(--spacing) * -16)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.end-1{inset-inline-end:calc(var(--spacing) * 1)}.end-1\.5{inset-inline-end:calc(var(--spacing) * 1.5)}.end-3{inset-inline-end:calc(var(--spacing) * 3)}.end-\[13\%\]{inset-inline-end:13%}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.-top-3{top:calc(var(--spacing) * -3)}.top-0{top:calc(var(--spacing) * 0)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-3{top:calc(var(--spacing) * 3)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-\[17\%\]{top:17%}.top-\[calc\(var\(--header-height\)\+1px\)\]{top:calc(var(--header-height) + 1px)}.top-full{top:100%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1{bottom:calc(var(--spacing) * 1)}.bottom-1\/4{bottom:25%}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-\[28\%\]{bottom:28%}.bottom-\[calc\(1rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(1rem + env(safe-area-inset-bottom))}.bottom-\[calc\(3\.75rem\+env\(safe-area-inset-bottom\)\+1rem\)\]{bottom:calc(3.75rem + env(safe-area-inset-bottom) + 1rem)}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.z-\[95\]{z-index:95}.order-1{order:1}.order-2{order:2}.order-3{order:3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.ms-1{margin-inline-start:calc(var(--spacing) * 1)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.ms-auto{margin-inline-start:auto}.me-1{margin-inline-end:calc(var(--spacing) * 1)}.me-auto{margin-inline-end:auto}.-mt-5{margin-top:calc(var(--spacing) * -5)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-auto{margin-top:auto}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[1320\/2868\]{aspect-ratio:1320/2868}.aspect-square{aspect-ratio:1}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-36{width:calc(var(--spacing) * 36);height:calc(var(--spacing) * 36)}.size-\[1\.35rem\]{width:1.35rem;height:1.35rem}.size-\[1\.125rem\]{width:1.125rem;height:1.125rem}.size-\[calc\(100\%\+0\.25rem\)\]{width:calc(100% + .25rem);height:calc(100% + .25rem)}.size-full{width:100%;height:100%}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-32{height:calc(var(--spacing) * 32)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-44{height:calc(var(--spacing) * 44)}.h-48{height:calc(var(--spacing) * 48)}.h-52{height:calc(var(--spacing) * 52)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-\[3\.4rem\]{height:3.4rem}.h-\[3\.25rem\]{height:3.25rem}.h-\[24rem\]{height:24rem}.h-\[calc\(100\%-3\.9rem\)\]{height:calc(100% - 3.9rem)}.h-\[min\(78dvh\,46rem\)\]{height:min(78dvh,46rem)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-0{max-height:calc(var(--spacing) * 0)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[26rem\]{max-height:26rem}.max-h-\[40\%\]{max-height:40%}.max-h-\[50dvh\]{max-height:50dvh}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[92dvh\]{max-height:92dvh}.max-h-\[min\(560px\,calc\(100dvh-var\(--header-height\)-3rem\)\)\]{max-height:min(560px, calc(100dvh - var(--header-height) - 3rem))}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-13{min-height:calc(var(--spacing) * 13)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-48{min-height:calc(var(--spacing) * 48)}.min-h-\[3\.25rem\]{min-height:3.25rem}.min-h-\[4\.15rem\]{min-height:4.15rem}.min-h-\[5\.5rem\]{min-height:5.5rem}.min-h-\[20rem\]{min-height:20rem}.min-h-\[24rem\]{min-height:24rem}.min-h-\[34rem\]{min-height:34rem}.min-h-\[50vh\]{min-height:50vh}.min-h-\[60vh\]{min-height:60vh}.min-h-\[100svh\]{min-height:100svh}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2\/3{width:66.6667%}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-5\/6{width:83.3333%}.w-6{width:calc(var(--spacing) * 6)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-36{width:calc(var(--spacing) * 36)}.w-44{width:calc(var(--spacing) * 44)}.w-52{width:calc(var(--spacing) * 52)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-96{width:calc(var(--spacing) * 96)}.w-\[4\.5rem\]{width:4.5rem}.w-\[12\.375rem\]{width:12.375rem}.w-\[36\%\]{width:36%}.w-\[62\%\]{width:62%}.w-\[78vw\]{width:78vw}.w-\[82vw\]{width:82vw}.w-\[min\(22rem\,calc\(100vw-2rem\)\)\]{width:min(22rem,100vw - 2rem)}.w-\[min\(84vw\,18rem\)\]{width:min(84vw,18rem)}.w-\[min\(88vw\,21rem\)\]{width:min(88vw,21rem)}.w-\[min\(100\%\,20rem\)\]{width:min(100%,20rem)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-10{max-width:calc(var(--spacing) * 10)}.max-w-24{max-width:calc(var(--spacing) * 24)}.max-w-\[8rem\]{max-width:8rem}.max-w-\[12rem\]{max-width:12rem}.max-w-\[14rem\]{max-width:14rem}.max-w-\[17rem\]{max-width:17rem}.max-w-\[19rem\]{max-width:19rem}.max-w-\[20rem\]{max-width:20rem}.max-w-\[22rem\]{max-width:22rem}.max-w-\[23rem\]{max-width:23rem}.max-w-\[39rem\]{max-width:39rem}.max-w-\[82\%\]{max-width:82%}.max-w-\[85\%\]{max-width:85%}.max-w-\[88\%\]{max-width:88%}.max-w-\[280px\]{max-width:280px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-24{min-width:calc(var(--spacing) * 24)}.min-w-\[11rem\]{min-width:11rem}.min-w-\[15rem\]{min-width:15rem}.min-w-\[36rem\]{min-width:36rem}.min-w-\[40rem\]{min-width:40rem}.min-w-\[44rem\]{min-width:44rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-90{rotate:-90deg}.rotate-0{rotate:none}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-ns-resize{cursor:ns-resize}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-y{scroll-snap-type:y var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.snap-start{scroll-snap-align:start}.scroll-mt-14{scroll-margin-top:calc(var(--spacing) * 14)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.\[scrollbar-width\:none\]{scrollbar-width:none}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border>:not(:last-child)),:where(.divide-border\/60>:not(:last-child)){border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){:where(.divide-border\/60>:not(:last-child)){border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[1\.15rem\]{border-radius:1.15rem}.rounded-\[1\.25rem\]{border-radius:1.25rem}.rounded-\[1rem\]{border-radius:1rem}.rounded-\[2\.35rem\]{border-radius:2.35rem}.rounded-\[2\.65rem\]{border-radius:2.65rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-ee-sm{border-end-end-radius:var(--radius-sm)}.rounded-es-sm{border-end-start-radius:var(--radius-sm)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-b-md{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-s-2{border-inline-start-style:var(--tw-border-style);border-inline-start-width:2px}.border-s-\[3px\]{border-inline-start-style:var(--tw-border-style);border-inline-start-width:3px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--accent\)\],.border-\[var\(--accent\)\]\/40{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--accent\)\]\/40{border-color:color-mix(in oklab, var(--accent) 40%, transparent)}}.border-\[var\(--music-accent\)\],.border-\[var\(--music-accent\)\]\/20{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--music-accent\)\]\/20{border-color:color-mix(in oklab, var(--music-accent) 20%, transparent)}}.border-\[var\(--music-accent\)\]\/30{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--music-accent\)\]\/30{border-color:color-mix(in oklab, var(--music-accent) 30%, transparent)}}.border-\[var\(--music-accent\)\]\/35{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--music-accent\)\]\/35{border-color:color-mix(in oklab, var(--music-accent) 35%, transparent)}}.border-\[var\(--music-accent\)\]\/40{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--music-accent\)\]\/40{border-color:color-mix(in oklab, var(--music-accent) 40%, transparent)}}.border-\[var\(--music-border\)\],.border-\[var\(--music-border\)\]\/70{border-color:var(--music-border)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--music-border\)\]\/70{border-color:color-mix(in oklab, var(--music-border) 70%, transparent)}}.border-border,.border-border\/10{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/10{border-color:color-mix(in oklab, var(--border) 10%, transparent)}}.border-border\/25{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/25{border-color:color-mix(in oklab, var(--border) 25%, transparent)}}.border-border\/30{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/30{border-color:color-mix(in oklab, var(--border) 30%, transparent)}}.border-border\/40{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/40{border-color:color-mix(in oklab, var(--border) 40%, transparent)}}.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/50{border-color:color-mix(in oklab, var(--border) 50%, transparent)}}.border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/60{border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.border-border\/70{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/70{border-color:color-mix(in oklab, var(--border) 70%, transparent)}}.border-border\/80{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.border-border\/80{border-color:color-mix(in oklab, var(--border) 80%, transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-500\/20{border-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/20{border-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.border-emerald-500\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/40{border-color:color-mix(in oklab, var(--color-emerald-500) 40%, transparent)}}.border-foreground{border-color:var(--foreground)}.border-orange-500\/20{border-color:#fe6e0033}@supports (color:color-mix(in lab, red, red)){.border-orange-500\/20{border-color:color-mix(in oklab, var(--color-orange-500) 20%, transparent)}}.border-orange-500\/25{border-color:#fe6e0040}@supports (color:color-mix(in lab, red, red)){.border-orange-500\/25{border-color:color-mix(in oklab, var(--color-orange-500) 25%, transparent)}}.border-sky-500\/25{border-color:#00a5ef40}@supports (color:color-mix(in lab, red, red)){.border-sky-500\/25{border-color:color-mix(in oklab, var(--color-sky-500) 25%, transparent)}}.border-transparent{border-color:#0000}.border-violet-500\/25{border-color:#8d54ff40}@supports (color:color-mix(in lab, red, red)){.border-violet-500\/25{border-color:color-mix(in oklab, var(--color-violet-500) 25%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.border-white\/25{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.border-s-amber-500{border-inline-start-color:var(--color-amber-500)}.border-s-blue-500{border-inline-start-color:var(--color-blue-500)}.border-s-emerald-500{border-inline-start-color:var(--color-emerald-500)}.border-s-orange-500{border-inline-start-color:var(--color-orange-500)}.border-s-rose-500{border-inline-start-color:var(--color-rose-500)}.border-s-slate-500{border-inline-start-color:var(--color-slate-500)}.border-s-teal-500{border-inline-start-color:var(--color-teal-500)}.border-s-violet-600{border-inline-start-color:var(--color-violet-600)}.bg-\[\#4d82e6\]{background-color:#4d82e6}.bg-\[\#071a3d\]{background-color:#071a3d}.bg-\[\#071a3d\]\/70{background-color:#071a3db3;background-color:lab(9.56697% 4.30293 -25.2394/.7)}.bg-\[\#111318\]{background-color:#111318}.bg-\[\#e7edf1\]{background-color:#e7edf1}.bg-\[\#eaf2ff\]{background-color:#eaf2ff}.bg-\[\#effff9\]{background-color:#effff9}.bg-\[\#f7f8fa\]{background-color:#f7f8fa}.bg-\[\#f8faff\]{background-color:#f8faff}.bg-\[\#ffc33b\]{background-color:#ffc33b}.bg-\[var\(--accent\)\],.bg-\[var\(--accent\)\]\/5{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--accent\)\]\/5{background-color:color-mix(in oklab, var(--accent) 5%, transparent)}}.bg-\[var\(--accent\)\]\/10{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--accent\)\]\/10{background-color:color-mix(in oklab, var(--accent) 10%, transparent)}}.bg-\[var\(--music-accent\)\],.bg-\[var\(--music-accent\)\]\/10{background-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-accent\)\]\/10{background-color:color-mix(in oklab, var(--music-accent) 10%, transparent)}}.bg-\[var\(--music-accent\)\]\/15{background-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-accent\)\]\/15{background-color:color-mix(in oklab, var(--music-accent) 15%, transparent)}}.bg-\[var\(--music-accent-soft\)\],.bg-\[var\(--music-accent-soft\)\]\/15{background-color:var(--music-accent-soft)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-accent-soft\)\]\/15{background-color:color-mix(in oklab, var(--music-accent-soft) 15%, transparent)}}.bg-\[var\(--music-accent-soft\)\]\/20{background-color:var(--music-accent-soft)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-accent-soft\)\]\/20{background-color:color-mix(in oklab, var(--music-accent-soft) 20%, transparent)}}.bg-\[var\(--music-accent-soft\)\]\/30{background-color:var(--music-accent-soft)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-accent-soft\)\]\/30{background-color:color-mix(in oklab, var(--music-accent-soft) 30%, transparent)}}.bg-\[var\(--music-accent-soft\)\]\/35{background-color:var(--music-accent-soft)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-accent-soft\)\]\/35{background-color:color-mix(in oklab, var(--music-accent-soft) 35%, transparent)}}.bg-\[var\(--music-accent-soft\)\]\/40{background-color:var(--music-accent-soft)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-accent-soft\)\]\/40{background-color:color-mix(in oklab, var(--music-accent-soft) 40%, transparent)}}.bg-\[var\(--music-accent-soft\)\]\/50{background-color:var(--music-accent-soft)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-accent-soft\)\]\/50{background-color:color-mix(in oklab, var(--music-accent-soft) 50%, transparent)}}.bg-\[var\(--music-bg\)\]{background-color:var(--music-bg)}.bg-\[var\(--music-border\)\]{background-color:var(--music-border)}.bg-\[var\(--music-hover\)\]\/80{background-color:var(--music-hover)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-hover\)\]\/80{background-color:color-mix(in oklab, var(--music-hover) 80%, transparent)}}.bg-\[var\(--music-surface\)\],.bg-\[var\(--music-surface\)\]\/40{background-color:var(--music-surface)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-surface\)\]\/40{background-color:color-mix(in oklab, var(--music-surface) 40%, transparent)}}.bg-\[var\(--music-surface\)\]\/60{background-color:var(--music-surface)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-surface\)\]\/60{background-color:color-mix(in oklab, var(--music-surface) 60%, transparent)}}.bg-\[var\(--music-surface\)\]\/70{background-color:var(--music-surface)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-surface\)\]\/70{background-color:color-mix(in oklab, var(--music-surface) 70%, transparent)}}.bg-\[var\(--music-surface\)\]\/80{background-color:var(--music-surface)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-surface\)\]\/80{background-color:color-mix(in oklab, var(--music-surface) 80%, transparent)}}.bg-\[var\(--music-violet\)\]\/10{background-color:var(--music-violet)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--music-violet\)\]\/10{background-color:color-mix(in oklab, var(--music-violet) 10%, transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/15{background-color:color-mix(in oklab, var(--color-amber-500) 15%, transparent)}}.bg-background,.bg-background\/40{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/40{background-color:color-mix(in oklab, var(--background) 40%, transparent)}}.bg-background\/60{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/60{background-color:color-mix(in oklab, var(--background) 60%, transparent)}}.bg-background\/85{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/85{background-color:color-mix(in oklab, var(--background) 85%, transparent)}}.bg-background\/90{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/90{background-color:color-mix(in oklab, var(--background) 90%, transparent)}}.bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.bg-background\/95{background-color:color-mix(in oklab, var(--background) 95%, transparent)}}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\/35{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/45{background-color:#00000073}@supports (color:color-mix(in lab, red, red)){.bg-black\/45{background-color:color-mix(in oklab, var(--color-black) 45%, transparent)}}.bg-black\/55{background-color:#0000008c}@supports (color:color-mix(in lab, red, red)){.bg-black\/55{background-color:color-mix(in oklab, var(--color-black) 55%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/10{background-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.bg-blue-500\/15{background-color:#3080ff26}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/15{background-color:color-mix(in oklab, var(--color-blue-500) 15%, transparent)}}.bg-border,.bg-border\/70{background-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.bg-border\/70{background-color:color-mix(in oklab, var(--border) 70%, transparent)}}.bg-card,.bg-card\/60{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/60{background-color:color-mix(in oklab, var(--card) 60%, transparent)}}.bg-card\/80{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/80{background-color:color-mix(in oklab, var(--card) 80%, transparent)}}.bg-card\/90{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/90{background-color:color-mix(in oklab, var(--card) 90%, transparent)}}.bg-card\/95{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.bg-card\/95{background-color:color-mix(in oklab, var(--card) 95%, transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/5{background-color:#00bb7f0d}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/5{background-color:color-mix(in oklab, var(--color-emerald-500) 5%, transparent)}}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-foreground,.bg-foreground\/10{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.bg-foreground\/10{background-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.bg-muted{background-color:var(--muted)}.bg-muted-foreground\/30{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/30{background-color:color-mix(in oklab, var(--muted-foreground) 30%, transparent)}}.bg-muted\/20{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/20{background-color:color-mix(in oklab, var(--muted) 20%, transparent)}}.bg-muted\/30{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/30{background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/40{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-muted\/75{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/75{background-color:color-mix(in oklab, var(--muted) 75%, transparent)}}.bg-muted\/90{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/90{background-color:color-mix(in oklab, var(--muted) 90%, transparent)}}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-500\/5{background-color:#fe6e000d}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/5{background-color:color-mix(in oklab, var(--color-orange-500) 5%, transparent)}}.bg-orange-500\/10{background-color:#fe6e001a}@supports (color:color-mix(in lab, red, red)){.bg-orange-500\/10{background-color:color-mix(in oklab, var(--color-orange-500) 10%, transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-500\/10{background-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/10{background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.bg-sky-500\/5{background-color:#00a5ef0d}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/5{background-color:color-mix(in oklab, var(--color-sky-500) 5%, transparent)}}.bg-sky-500\/10{background-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/10{background-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-500{background-color:var(--color-slate-500)}.bg-teal-50{background-color:var(--color-teal-50)}.bg-teal-500{background-color:var(--color-teal-500)}.bg-transparent{background-color:#0000}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-500\/5{background-color:#8d54ff0d}@supports (color:color-mix(in lab, red, red)){.bg-violet-500\/5{background-color:color-mix(in oklab, var(--color-violet-500) 5%, transparent)}}.bg-violet-500\/10{background-color:#8d54ff1a}@supports (color:color-mix(in lab, red, red)){.bg-violet-500\/10{background-color:color-mix(in oklab, var(--color-violet-500) 10%, transparent)}}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle_at_30\%_20\%\,rgb\(109_162_255\/0\.24\)\,transparent_40\%\)\,linear-gradient\(145deg\,var\(--music-surface-raised\)\,var\(--music-surface\)\)\]{background-image:radial-gradient(circle at 30% 20%,#6da2ff3d,transparent 40%),linear-gradient(145deg,var(--music-surface-raised),var(--music-surface))}.from-\[\#071a3d\]\/15{--tw-gradient-from:#071a3d26;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color:lab(0% 0 0)){.from-\[\#071a3d\]\/15{--tw-gradient-from:lab(9.56697% 4.30293 -25.2394/.15)}}.from-black\/40{--tw-gradient-from:#0006}@supports (color:color-mix(in lab, red, red)){.from-black\/40{--tw-gradient-from:color-mix(in oklab, var(--color-black) 40%, transparent)}}.from-black\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/45{--tw-gradient-from:#00000073}@supports (color:color-mix(in lab, red, red)){.from-black\/45{--tw-gradient-from:color-mix(in oklab, var(--color-black) 45%, transparent)}}.from-black\/45{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-500{--tw-gradient-from:var(--color-violet-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-white\/\[0\.55\]{--tw-gradient-from:#ffffff8c}@supports (color:color-mix(in lab, red, red)){.from-white\/\[0\.55\]{--tw-gradient-from:color-mix(in oklab, var(--color-white) 55.0%, transparent)}}.from-white\/\[0\.55\]{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#071a3d\]\/40{--tw-gradient-via:#071a3d66;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}@supports (color:lab(0% 0 0)){.via-\[\#071a3d\]\/40{--tw-gradient-via:lab(9.56697% 4.30293 -25.2394/.4)}}.via-transparent{--tw-gradient-via:transparent;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#071a3d\]{--tw-gradient-to:#071a3d;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#FFF8F0\]\/\[0\.72\]{--tw-gradient-to:#fff8f0b8;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}@supports (color:lab(0% 0 0)){.to-\[\#FFF8F0\]\/\[0\.72\]{--tw-gradient-to:lab(97.9633% 1.40795 4.72587/.72)}}.to-\[var\(--music-accent\)\]{--tw-gradient-to:var(--music-accent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-clip-padding{background-clip:padding-box}.bg-center{background-position:50%}.fill-amber-400{fill:var(--color-amber-400)}.fill-current{fill:currentColor}.fill-none{fill:none}.stroke-\[var\(--music-accent\)\]{stroke:var(--music-accent)}.stroke-\[3\]{stroke-width:3px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-\[0\.3rem\]{padding:.3rem}.p-\[28\%\]{padding:28%}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[4\.75rem\]{padding-inline:4.75rem}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-7{padding-block:calc(var(--spacing) * 7)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.ps-9{padding-inline-start:calc(var(--spacing) * 9)}.ps-10{padding-inline-start:calc(var(--spacing) * 10)}.ps-11{padding-inline-start:calc(var(--spacing) * 11)}.pe-1\.5{padding-inline-end:calc(var(--spacing) * 1.5)}.pe-2\.5{padding-inline-end:calc(var(--spacing) * 2.5)}.pe-3{padding-inline-end:calc(var(--spacing) * 3)}.pe-10{padding-inline-end:calc(var(--spacing) * 10)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pt-28{padding-top:calc(var(--spacing) * 28)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pb-\[max\(0\.75rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(.75rem, env(safe-area-inset-bottom))}.pb-\[max\(1rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1rem, env(safe-area-inset-bottom))}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.font-sans{font-family:var(--font-vazirmatn)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.95rem\]{font-size:.95rem}.text-\[0\.9375rem\]{font-size:.9375rem}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[clamp\(1\.9rem\,3\.6vw\,3\.2rem\)\]{font-size:clamp(1.9rem,3.6vw,3.2rem)}.text-\[clamp\(1\.9rem\,3\.6vw\,3\.25rem\)\]{font-size:clamp(1.9rem,3.6vw,3.25rem)}.text-\[clamp\(1\.65rem\,4vw\,2\.25rem\)\]{font-size:clamp(1.65rem,4vw,2.25rem)}.text-\[clamp\(2rem\,3\.8vw\,3\.5rem\)\]{font-size:clamp(2rem,3.8vw,3.5rem)}.text-\[clamp\(2rem\,4vw\,3\.65rem\)\]{font-size:clamp(2rem,4vw,3.65rem)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.22\]{--tw-leading:1.22;line-height:1.22}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.035em\]{--tw-tracking:-.035em;letter-spacing:-.035em}.tracking-\[-0\.045em\]{--tw-tracking:-.045em;letter-spacing:-.045em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#8db5ff\]{color:#8db5ff}.text-\[\#9fc0ff\]{color:#9fc0ff}.text-\[\#a9c6ff\]{color:#a9c6ff}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--music-accent\)\],.text-\[var\(--music-accent\)\]\/70{color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.text-\[var\(--music-accent\)\]\/70{color:color-mix(in oklab, var(--music-accent) 70%, transparent)}}.text-\[var\(--music-accent-foreground\)\]{color:var(--music-accent-foreground)}.text-\[var\(--music-ink\)\]{color:var(--music-ink)}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-900{color:var(--color-amber-900)}.text-background{color:var(--background)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-900{color:var(--color-emerald-900)}.text-foreground,.text-foreground\/90{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.text-foreground\/90{color:color-mix(in oklab, var(--foreground) 90%, transparent)}}.text-muted-foreground,.text-muted-foreground\/40{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/40{color:color-mix(in oklab, var(--muted-foreground) 40%, transparent)}}.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/50{color:color-mix(in oklab, var(--muted-foreground) 50%, transparent)}}.text-muted-foreground\/55{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/55{color:color-mix(in oklab, var(--muted-foreground) 55%, transparent)}}.text-muted-foreground\/65{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/65{color:color-mix(in oklab, var(--muted-foreground) 65%, transparent)}}.text-muted-foreground\/70{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/70{color:color-mix(in oklab, var(--muted-foreground) 70%, transparent)}}.text-muted-foreground\/80{color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.text-muted-foreground\/80{color:color-mix(in oklab, var(--muted-foreground) 80%, transparent)}}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-orange-900{color:var(--color-orange-900)}.text-red-600{color:var(--color-red-600)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-rose-900{color:var(--color-rose-900)}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-slate-500{color:var(--color-slate-500)}.text-slate-900{color:var(--color-slate-900)}.text-teal-900{color:var(--color-teal-900)}.text-transparent{color:#0000}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-violet-900{color:var(--color-violet-900)}.text-white{color:var(--color-white)}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/65{color:#ffffffa6}@supports (color:color-mix(in lab, red, red)){.text-white\/65{color:color-mix(in oklab, var(--color-white) 65%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[var\(--music-accent\)\]{accent-color:var(--music-accent)}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_8px_30px_rgb\(7_26_61\/0\.05\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#071a3d0d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_28px_rgb\(7_26_61\/0\.14\)\]{--tw-shadow:0 10px 28px var(--tw-shadow-color,#071a3d24);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_30px_rgb\(7_26_61\/0\.08\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#071a3d14);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_40px_color-mix\(in_oklch\,var\(--music-accent\)_22\%\,transparent\)\]{--tw-shadow:0 18px 40px var(--tw-shadow-color,var(--music-accent))}@supports (color:color-mix(in lab, red, red)){.shadow-\[0_18px_40px_color-mix\(in_oklch\,var\(--music-accent\)_22\%\,transparent\)\]{--tw-shadow:0 18px 40px var(--tw-shadow-color,color-mix(in oklch,var(--music-accent) 22%,transparent))}}.shadow-\[0_18px_40px_color-mix\(in_oklch\,var\(--music-accent\)_22\%\,transparent\)\]{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_22px_55px_rgb\(7_26_61\/0\.24\)\]{--tw-shadow:0 22px 55px var(--tw-shadow-color,#071a3d3d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--music-shadow-soft\)\]{--tw-shadow:var(--music-shadow-soft);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[var\(--accent\)\]\/15{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ring-\[var\(--accent\)\]\/15{--tw-ring-color:color-mix(in oklab, var(--accent) 15%, transparent)}}.ring-\[var\(--accent\)\]\/40{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.ring-\[var\(--accent\)\]\/40{--tw-ring-color:color-mix(in oklab, var(--accent) 40%, transparent)}}.ring-\[var\(--music-accent\)\]\/10{--tw-ring-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.ring-\[var\(--music-accent\)\]\/10{--tw-ring-color:color-mix(in oklab, var(--music-accent) 10%, transparent)}}.ring-\[var\(--music-accent\)\]\/30{--tw-ring-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.ring-\[var\(--music-accent\)\]\/30{--tw-ring-color:color-mix(in oklab, var(--music-accent) 30%, transparent)}}.ring-\[var\(--music-accent-soft\)\]{--tw-ring-color:var(--music-accent-soft)}.ring-background{--tw-ring-color:var(--background)}.ring-border\/50{--tw-ring-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.ring-border\/50{--tw-ring-color:color-mix(in oklab, var(--border) 50%, transparent)}}.ring-foreground,.ring-foreground\/20{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/20{--tw-ring-color:color-mix(in oklab, var(--foreground) 20%, transparent)}}.ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale-\[15\%\]{--tw-grayscale:grayscale(15%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,box-shadow\,transform\]{transition-property:background-color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background\]{transition-property:background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,width\]{transition-property:left,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\]{transition-property:margin;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,background-color\]{transition-property:width,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\]{--tw-ease:cubic-bezier(.16,1,.3,1);transition-timing-function:cubic-bezier(.16,1,.3,1)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.\[-ms-overflow-style\:none\]{-ms-overflow-style:none}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.group-hover\:-translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:border-\[var\(--music-accent\)\]\/45:is(:where(.group):hover *){border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.group-hover\:border-\[var\(--music-accent\)\]\/45:is(:where(.group):hover *){border-color:color-mix(in oklab, var(--music-accent) 45%, transparent)}}.group-hover\:text-\[\#7f9ed1\]:is(:where(.group):hover *){color:#7f9ed1}.group-hover\:text-\[var\(--music-accent\)\]:is(:where(.group):hover *){color:var(--music-accent)}.group-hover\:text-\[var\(--music-ink\)\]:is(:where(.group):hover *){color:var(--music-ink)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:grayscale-0:is(:where(.group):hover *){--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.marker\:hidden ::marker{display:none}.marker\:hidden::marker{display:none}.marker\:hidden ::-webkit-details-marker{display:none}.marker\:hidden::-webkit-details-marker{display:none}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.first\:pt-0:first-child{padding-top:calc(var(--spacing) * 0)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[var\(--music-accent\)\]\/25:hover{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--music-accent\)\]\/25:hover{border-color:color-mix(in oklab, var(--music-accent) 25%, transparent)}}.hover\:border-\[var\(--music-accent\)\]\/30:hover{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--music-accent\)\]\/30:hover{border-color:color-mix(in oklab, var(--music-accent) 30%, transparent)}}.hover\:border-\[var\(--music-accent\)\]\/35:hover{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--music-accent\)\]\/35:hover{border-color:color-mix(in oklab, var(--music-accent) 35%, transparent)}}.hover\:border-\[var\(--music-accent\)\]\/40:hover{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--music-accent\)\]\/40:hover{border-color:color-mix(in oklab, var(--music-accent) 40%, transparent)}}.hover\:border-\[var\(--music-accent\)\]\/45:hover{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--music-accent\)\]\/45:hover{border-color:color-mix(in oklab, var(--music-accent) 45%, transparent)}}.hover\:border-\[var\(--music-accent\)\]\/55:hover{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[var\(--music-accent\)\]\/55:hover{border-color:color-mix(in oklab, var(--music-accent) 55%, transparent)}}.hover\:border-foreground\/15:hover{border-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:border-foreground\/15:hover{border-color:color-mix(in oklab, var(--foreground) 15%, transparent)}}.hover\:border-white\/45:hover{border-color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/45:hover{border-color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.hover\:bg-\[var\(--music-accent\)\]\/45:hover{background-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--music-accent\)\]\/45:hover{background-color:color-mix(in oklab, var(--music-accent) 45%, transparent)}}.hover\:bg-\[var\(--music-accent\)\]\/90:hover{background-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--music-accent\)\]\/90:hover{background-color:color-mix(in oklab, var(--music-accent) 90%, transparent)}}.hover\:bg-\[var\(--music-accent-hover\)\]:hover{background-color:var(--music-accent-hover)}.hover\:bg-\[var\(--music-accent-soft\)\]:hover,.hover\:bg-\[var\(--music-accent-soft\)\]\/25:hover{background-color:var(--music-accent-soft)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[var\(--music-accent-soft\)\]\/25:hover{background-color:color-mix(in oklab, var(--music-accent-soft) 25%, transparent)}}.hover\:bg-\[var\(--music-hover\)\]:hover{background-color:var(--music-hover)}.hover\:bg-amber-100\/80:hover{background-color:#fef3c6cc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-100\/80:hover{background-color:color-mix(in oklab, var(--color-amber-100) 80%, transparent)}}.hover\:bg-background\/80:hover{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-background\/80:hover{background-color:color-mix(in oklab, var(--background) 80%, transparent)}}.hover\:bg-blue-100\/80:hover{background-color:#dbeafecc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-blue-100\/80:hover{background-color:color-mix(in oklab, var(--color-blue-100) 80%, transparent)}}.hover\:bg-card:hover{background-color:var(--card)}.hover\:bg-emerald-100\/80:hover{background-color:#d0fae5cc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-emerald-100\/80:hover{background-color:color-mix(in oklab, var(--color-emerald-100) 80%, transparent)}}.hover\:bg-foreground\/20:hover{background-color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-foreground\/20:hover{background-color:color-mix(in oklab, var(--foreground) 20%, transparent)}}.hover\:bg-muted:hover,.hover\:bg-muted\/20:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/20:hover{background-color:color-mix(in oklab, var(--muted) 20%, transparent)}}.hover\:bg-muted\/30:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/30:hover{background-color:color-mix(in oklab, var(--muted) 30%, transparent)}}.hover\:bg-muted\/40:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/40:hover{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-muted\/60:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/60:hover{background-color:color-mix(in oklab, var(--muted) 60%, transparent)}}.hover\:bg-muted\/70:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/70:hover{background-color:color-mix(in oklab, var(--muted) 70%, transparent)}}.hover\:bg-muted\/80:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/80:hover{background-color:color-mix(in oklab, var(--muted) 80%, transparent)}}.hover\:bg-orange-100\/80:hover{background-color:#ffedd5cc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-orange-100\/80:hover{background-color:color-mix(in oklab, var(--color-orange-100) 80%, transparent)}}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-rose-100\/80:hover{background-color:#ffe4e6cc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-100\/80:hover{background-color:color-mix(in oklab, var(--color-rose-100) 80%, transparent)}}.hover\:bg-slate-200\/80:hover{background-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-slate-200\/80:hover{background-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.hover\:bg-teal-100\/80:hover{background-color:#cbfbf1cc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-teal-100\/80:hover{background-color:color-mix(in oklab, var(--color-teal-100) 80%, transparent)}}.hover\:bg-violet-100\/80:hover{background-color:#ede9fecc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-violet-100\/80:hover{background-color:color-mix(in oklab, var(--color-violet-100) 80%, transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.hover\:text-\[var\(--music-accent\)\]:hover{color:var(--music-accent)}.hover\:text-\[var\(--music-accent-hover\)\]:hover{color:var(--music-accent-hover)}.hover\:text-emerald-700:hover{color:var(--color-emerald-700)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_18px_45px_rgb\(7_26_61\/0\.1\)\]:hover{--tw-shadow:0 18px 45px var(--tw-shadow-color,#071a3d1a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[var\(--music-shadow\)\]:hover{--tw-shadow:var(--music-shadow);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-\[var\(--music-shadow-soft\)\]:hover{--tw-shadow:var(--music-shadow-soft);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-0:focus{border-style:var(--tw-border-style);border-width:0}.focus\:border-\[var\(--accent\)\]:focus{border-color:var(--accent)}.focus\:border-\[var\(--music-accent\)\]:focus,.focus\:border-\[var\(--music-accent\)\]\/50:focus{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.focus\:border-\[var\(--music-accent\)\]\/50:focus{border-color:color-mix(in oklab, var(--music-accent) 50%, transparent)}}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-3:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-\[var\(--accent\)\]\/15:focus{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[var\(--accent\)\]\/15:focus{--tw-ring-color:color-mix(in oklab, var(--accent) 15%, transparent)}}.focus\:ring-\[var\(--music-accent\)\]\/15:focus{--tw-ring-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.focus\:ring-\[var\(--music-accent\)\]\/15:focus{--tw-ring-color:color-mix(in oklab, var(--music-accent) 15%, transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-border:focus-visible{border-color:var(--border)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--music-accent\)\]\/20:focus-visible{--tw-ring-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-\[var\(--music-accent\)\]\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--music-accent) 20%, transparent)}}.focus-visible\:ring-\[var\(--music-accent\)\]\/25:focus-visible{--tw-ring-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-\[var\(--music-accent\)\]\/25:focus-visible{--tw-ring-color:color-mix(in oklab, var(--music-accent) 25%, transparent)}}.focus-visible\:ring-\[var\(--music-accent\)\]\/40:focus-visible{--tw-ring-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-\[var\(--music-accent\)\]\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--music-accent) 40%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}.active\:bg-muted\/80:active{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.active\:bg-muted\/80:active{background-color:color-mix(in oklab, var(--muted) 80%, transparent)}}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-\[backdrop-filter\]\:bg-background\/75{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-\[backdrop-filter\]\:bg-background\/75{background-color:color-mix(in oklab, var(--background) 75%, transparent)}}.supports-\[backdrop-filter\]\:bg-background\/80{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-\[backdrop-filter\]\:bg-background\/80{background-color:color-mix(in oklab, var(--background) 80%, transparent)}}.supports-\[backdrop-filter\]\:bg-background\/90{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.supports-\[backdrop-filter\]\:bg-background\/90{background-color:color-mix(in oklab, var(--background) 90%, transparent)}}.supports-\[backdrop-filter\]\:backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media (min-width:40rem){.sm\:absolute{position:absolute}.sm\:inset-x-10{inset-inline:calc(var(--spacing) * 10)}.sm\:top-3\.5{top:calc(var(--spacing) * 3.5)}.sm\:top-\[58\%\]{top:58%}.sm\:bottom-0{bottom:calc(var(--spacing) * 0)}.sm\:mt-0{margin-top:calc(var(--spacing) * 0)}.sm\:mt-5{margin-top:calc(var(--spacing) * 5)}.sm\:mt-7{margin-top:calc(var(--spacing) * 7)}.sm\:mt-8{margin-top:calc(var(--spacing) * 8)}.sm\:mt-12{margin-top:calc(var(--spacing) * 12)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.sm\:h-7{height:calc(var(--spacing) * 7)}.sm\:w-\[13\.5rem\]{width:13.5rem}.sm\:w-\[18rem\]{width:18rem}.sm\:w-\[19rem\]{width:19rem}.sm\:w-auto{width:auto}.sm\:max-w-\[68\%\]{max-width:68%}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:min-w-\[12rem\]{min-width:12rem}.sm\:min-w-\[18rem\]{min-width:18rem}.sm\:shrink-0{flex-shrink:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-12{gap:calc(var(--spacing) * 12)}.sm\:gap-x-12{column-gap:calc(var(--spacing) * 12)}.sm\:rounded-3xl{border-radius:var(--radius-3xl)}.sm\:rounded-\[2\.7rem\]{border-radius:2.7rem}.sm\:rounded-\[3rem\]{border-radius:3rem}.sm\:rounded-xl{border-radius:var(--radius-xl)}.sm\:rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.sm\:border{border-style:var(--tw-border-style);border-width:1px}.sm\:border-border\/70{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.sm\:border-border\/70{border-color:color-mix(in oklab, var(--border) 70%, transparent)}}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-14{padding-block:calc(var(--spacing) * 14)}.sm\:py-16{padding-block:calc(var(--spacing) * 16)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:py-24{padding-block:calc(var(--spacing) * 24)}.sm\:pt-28{padding-top:calc(var(--spacing) * 28)}.sm\:pt-32{padding-top:calc(var(--spacing) * 32)}.sm\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.sm\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.sm\:text-start{text-align:start}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}}@media (min-width:48rem){.md\:mt-10{margin-top:calc(var(--spacing) * 10)}.md\:block{display:block}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-44{height:calc(var(--spacing) * 44)}.md\:max-h-\[min\(420px\,85dvh\)\]{max-height:min(420px,85dvh)}.md\:max-h-\[min\(560px\,90dvh\)\]{max-height:min(560px,90dvh)}.md\:w-full{width:100%}.md\:max-w-sm{max-width:var(--container-sm)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:items-center{align-items:center}.md\:rounded-2xl{border-radius:var(--radius-2xl)}.md\:p-4{padding:calc(var(--spacing) * 4)}.md\:py-14{padding-block:calc(var(--spacing) * 14)}.md\:pt-0{padding-top:calc(var(--spacing) * 0)}.md\:pt-6{padding-top:calc(var(--spacing) * 6)}}@media (min-width:64rem){.lg\:static{position:static}.lg\:bottom-1\.5{bottom:calc(var(--spacing) * 1.5)}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:-mx-1{margin-inline:calc(var(--spacing) * -1)}.lg\:mx-0{margin-inline:calc(var(--spacing) * 0)}.lg\:ms-20{margin-inline-start:calc(var(--spacing) * 20)}.lg\:ms-60{margin-inline-start:calc(var(--spacing) * 60)}.lg\:mt-0{margin-top:calc(var(--spacing) * 0)}.lg\:mt-14{margin-top:calc(var(--spacing) * 14)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.lg\:size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.lg\:size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.lg\:size-\[1\.125rem\]{width:1.125rem;height:1.125rem}.lg\:h-10{height:calc(var(--spacing) * 10)}.lg\:h-\[3\.75rem\]{height:3.75rem}.lg\:h-\[38\.5rem\]{height:38.5rem}.lg\:h-\[min\(78dvh\,44rem\)\]{height:min(78dvh,44rem)}.lg\:h-auto{height:auto}.lg\:h-full{height:100%}.lg\:min-h-0{min-height:calc(var(--spacing) * 0)}.lg\:min-h-\[31rem\]{min-height:31rem}.lg\:w-28{width:calc(var(--spacing) * 28)}.lg\:w-\[15\.75rem\]{width:15.75rem}.lg\:w-\[44\%\]{width:44%}.lg\:max-w-\[7\.5rem\]{max-width:7.5rem}.lg\:max-w-\[34\.1rem\]{max-width:34.1rem}.lg\:max-w-none{max-width:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-\[1\.08fr_\.92fr\]{grid-template-columns:1.08fr .92fr}.lg\:grid-cols-\[17rem_minmax\(0\,1fr\)\]{grid-template-columns:17rem minmax(0,1fr)}.lg\:grid-cols-\[20rem_1fr\]{grid-template-columns:20rem 1fr}.lg\:grid-cols-\[280px_1fr\]{grid-template-columns:280px 1fr}.lg\:grid-cols-\[minmax\(0\,1\.35fr\)_minmax\(20rem\,0\.65fr\)\]{grid-template-columns:minmax(0,1.35fr) minmax(20rem,.65fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_12rem_12rem_11rem_auto\]{grid-template-columns:minmax(0,1fr) 12rem 12rem 11rem auto}.lg\:grid-cols-\[minmax\(0\,1fr\)_21rem\]{grid-template-columns:minmax(0,1fr) 21rem}.lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\]{grid-template-columns:minmax(0,1fr) 22rem}.lg\:grid-cols-\[minmax\(0\,280px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,280px) minmax(0,1fr)}.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:gap-1\.5{gap:calc(var(--spacing) * 1.5)}.lg\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.lg\:gap-5{gap:calc(var(--spacing) * 5)}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:gap-9{gap:calc(var(--spacing) * 9)}.lg\:gap-16{gap:calc(var(--spacing) * 16)}:where(.lg\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.lg\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}.lg\:overflow-hidden{overflow:hidden}.lg\:overflow-visible{overflow:visible}.lg\:rounded-2xl{border-radius:var(--radius-2xl)}.lg\:rounded-lg{border-radius:var(--radius-lg)}.lg\:rounded-xl{border-radius:var(--radius-xl)}.lg\:border{border-style:var(--tw-border-style);border-width:1px}.lg\:border-0{border-style:var(--tw-border-style);border-width:0}.lg\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.lg\:border-dashed{--tw-border-style:dashed;border-style:dashed}.lg\:border-\[var\(--music-accent\)\]\/30{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.lg\:border-\[var\(--music-accent\)\]\/30{border-color:color-mix(in oklab, var(--music-accent) 30%, transparent)}}.lg\:border-border,.lg\:border-border\/80{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.lg\:border-border\/80{border-color:color-mix(in oklab, var(--border) 80%, transparent)}}.lg\:bg-\[var\(--music-accent-soft\)\]{background-color:var(--music-accent-soft)}.lg\:bg-background{background-color:var(--background)}.lg\:bg-card{background-color:var(--card)}.lg\:bg-transparent{background-color:#0000}.lg\:p-0{padding:calc(var(--spacing) * 0)}.lg\:p-5{padding:calc(var(--spacing) * 5)}.lg\:p-6{padding:calc(var(--spacing) * 6)}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-1{padding-inline:calc(var(--spacing) * 1)}.lg\:px-2{padding-inline:calc(var(--spacing) * 2)}.lg\:px-5{padding-inline:calc(var(--spacing) * 5)}.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.lg\:py-6{padding-block:calc(var(--spacing) * 6)}.lg\:py-8{padding-block:calc(var(--spacing) * 8)}.lg\:py-20{padding-block:calc(var(--spacing) * 20)}.lg\:py-24{padding-block:calc(var(--spacing) * 24)}.lg\:py-28{padding-block:calc(var(--spacing) * 28)}.lg\:pe-3{padding-inline-end:calc(var(--spacing) * 3)}.lg\:pe-16{padding-inline-end:calc(var(--spacing) * 16)}.lg\:pt-2{padding-top:calc(var(--spacing) * 2)}.lg\:pt-8{padding-top:calc(var(--spacing) * 8)}.lg\:pt-24{padding-top:calc(var(--spacing) * 24)}.lg\:pb-0{padding-bottom:calc(var(--spacing) * 0)}.lg\:pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.lg\:pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.lg\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.lg\:text-start{text-align:start}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.lg\:text-\[11px\]{font-size:11px}.lg\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.lg\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.lg\:backdrop-blur-none{--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.lg\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.lg\:\[direction\:ltr\]{direction:ltr}.lg\:\[direction\:rtl\]{direction:rtl}@media (hover:hover){.lg\:hover\:border-\[var\(--music-accent\)\]\/25:hover{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.lg\:hover\:border-\[var\(--music-accent\)\]\/25:hover{border-color:color-mix(in oklab, var(--music-accent) 25%, transparent)}}.lg\:hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.lg\:hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.lg\:hover\:opacity-100:hover{opacity:1}}}@media (min-width:80rem){.xl\:w-\[42\%\]{width:42%}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:p-14{padding:calc(var(--spacing) * 14)}.xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}.dark\:block:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){display:block}.dark\:hidden:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){display:none}.dark\:border-emerald-800\/60:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){border-color:#005f4699}@supports (color:color-mix(in lab, red, red)){.dark\:border-emerald-800\/60:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab, var(--color-emerald-800) 60%, transparent)}}.dark\:bg-\[\#e9eef3\]:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:#e9eef3}.dark\:bg-\[var\(--music-surface\)\]:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:var(--music-surface)}.dark\:bg-amber-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:#46190180}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-amber-950) 50%, transparent)}}.dark\:bg-blue-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:#16245680}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-blue-950) 50%, transparent)}}.dark\:bg-emerald-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:#002c2280}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-emerald-950) 50%, transparent)}}.dark\:bg-orange-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:#44130680}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-orange-950) 50%, transparent)}}.dark\:bg-rose-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:#4d021880}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-rose-950) 50%, transparent)}}.dark\:bg-slate-900\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:#0f172b80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-900\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-slate-900) 50%, transparent)}}.dark\:bg-teal-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:#022f2e80}@supports (color:color-mix(in lab, red, red)){.dark\:bg-teal-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-teal-950) 50%, transparent)}}.dark\:bg-violet-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:#2f0d6880}@supports (color:color-mix(in lab, red, red)){.dark\:bg-violet-950\/50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-violet-950) 50%, transparent)}}.dark\:bg-white\/10:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/10:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:from-black\/\[0\.62\]:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){--tw-gradient-from:#0000009e}@supports (color:color-mix(in lab, red, red)){.dark\:from-black\/\[0\.62\]:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){--tw-gradient-from:color-mix(in oklab, var(--color-black) 62%, transparent)}}.dark\:from-black\/\[0\.62\]:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-black\/\[0\.82\]:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){--tw-gradient-to:#000000d1}@supports (color:color-mix(in lab, red, red)){.dark\:to-black\/\[0\.82\]:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){--tw-gradient-to:color-mix(in oklab, var(--color-black) 82%, transparent)}}.dark\:to-black\/\[0\.82\]:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:text-\[\#C4B5FD\]:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:#c4b5fd}.dark\:text-amber-100:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-amber-100)}.dark\:text-amber-400:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-amber-400)}.dark\:text-blue-100:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-blue-100)}.dark\:text-blue-400:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-blue-400)}.dark\:text-emerald-50:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-emerald-50)}.dark\:text-emerald-100:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-emerald-100)}.dark\:text-emerald-200\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:#a4f4cfb3}@supports (color:color-mix(in lab, red, red)){.dark\:text-emerald-200\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:color-mix(in oklab, var(--color-emerald-200) 70%, transparent)}}.dark\:text-emerald-300:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-emerald-300)}.dark\:text-emerald-400:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-emerald-400)}.dark\:text-orange-100:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-orange-100)}.dark\:text-orange-300:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-orange-300)}.dark\:text-orange-400:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-orange-400)}.dark\:text-rose-100:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-rose-100)}.dark\:text-rose-400:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-rose-400)}.dark\:text-sky-300:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-sky-300)}.dark\:text-sky-400:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-sky-400)}.dark\:text-slate-100:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-slate-100)}.dark\:text-teal-100:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-teal-100)}.dark\:text-violet-100:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-violet-100)}.dark\:text-violet-300:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-violet-300)}.dark\:text-violet-400:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){color:var(--color-violet-400)}.dark\:shadow-\[0_24px_60px_rgb\(0_0_0\/0\.32\)\]:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){--tw-shadow:0 24px 60px var(--tw-shadow-color,#00000052);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:invert:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *){--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (hover:hover){.dark\:hover\:bg-amber-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:#461901b3}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-amber-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--color-amber-950) 70%, transparent)}}.dark\:hover\:bg-blue-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:#162456b3}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-blue-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--color-blue-950) 70%, transparent)}}.dark\:hover\:bg-emerald-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:#002c22b3}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-emerald-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--color-emerald-950) 70%, transparent)}}.dark\:hover\:bg-orange-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:#441306b3}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-orange-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--color-orange-950) 70%, transparent)}}.dark\:hover\:bg-red-950\/30:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:#4608094d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-red-950\/30:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--color-red-950) 30%, transparent)}}.dark\:hover\:bg-rose-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:#4d0218b3}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-rose-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--color-rose-950) 70%, transparent)}}.dark\:hover\:bg-slate-900\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:#0f172bb3}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-slate-900\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--color-slate-900) 70%, transparent)}}.dark\:hover\:bg-teal-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:#022f2eb3}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-teal-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--color-teal-950) 70%, transparent)}}.dark\:hover\:bg-violet-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:#2f0d68b3}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-violet-950\/70:where(.dark,.dark *,[data-theme=dark],[data-theme=dark] *):hover{background-color:color-mix(in oklab, var(--color-violet-950) 70%, transparent)}}}.\[\&_img\]\:h-\[85px\] img{height:85px}.\[\&_img\]\:w-auto img{width:auto}.\[\&_img\]\:max-w-\[85px\] img{max-width:85px}.\[\&_img\]\:object-contain img{object-fit:contain}@media (min-width:64rem){.lg\:\[\&_svg\]\:size-10 svg{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.app-shell{background-color:var(--background);min-height:100dvh;color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}.app-main{flex:1;width:100%}.landing-page section{isolation:isolate;position:relative;overflow:clip}.landing-page>section:nth-child(n+2){content-visibility:auto;contain-intrinsic-size:auto 760px}.landing-page>section:first-child{background-color:#f3f4f8}.landing-page>section:nth-child(2){background-color:#fff}.landing-page>section:nth-child(3){background-color:#f7f8fc}.landing-page>section:nth-child(4){background-color:#f3f4f8}.landing-page>section:nth-child(5){background-color:#fff}.landing-page>section:nth-child(6){background-color:#0b3a4c}.dark .landing-page>section:first-child{background-color:#0a0b0f}.dark .landing-page>section:nth-child(2){background-color:#141920}.dark .landing-page>section:nth-child(3){background-color:#1a2029}.dark .landing-page>section:nth-child(4){background-color:#0a0b0f}.dark .landing-page>section:nth-child(5){background-color:#141920}.dark .landing-page>section:nth-child(6){background-color:#0a0b0f}.landing-page>section.hero-section{background:radial-gradient(circle at 12% 24%,#1f7b841f,#0000 34%),radial-gradient(circle at 88% 14%,#0b3a4c1a,#0000 30%),linear-gradient(135deg,#f7f8fc 0%,#eef3f5 58%,#e9f0f1 100%)}.dark .landing-page>section.hero-section{background:radial-gradient(circle at 12% 24%,#1f7b8438,#0000 34%),radial-gradient(circle at 88% 14%,#30697424,#0000 30%),linear-gradient(135deg,#10151b 0%,#0a0b0f 58% 100%)}.hero-eyebrow{color:var(--music-accent);font-size:.78rem;font-weight:800}.hero-platform-button{border:1px solid var(--music-border)}@supports (color:color-mix(in lab, red, red)){.hero-platform-button{border:1px solid color-mix(in oklch, var(--music-border) 86%, var(--music-accent))}}.hero-platform-button{background:var(--music-surface);box-shadow:var(--music-shadow-soft)}.dark .site-header[data-surface=false] .logo-wordmark-dark{display:none}.dark .site-header[data-surface=false] .logo-wordmark-light{display:block}.hero-platform-button:hover{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.hero-platform-button:hover{border-color:color-mix(in oklch, var(--music-accent) 50%, var(--music-border))}}.hero-platform-button:hover{background:var(--music-surface-raised);transform:translateY(-2px)}.hero-phone{transform-origin:bottom;animation:7s ease-in-out infinite hero-phone-float}.hero-phone:nth-child(2){animation-delay:-2.4s}@keyframes hero-phone-float{0%,to{translate:0}50%{translate:0 -7px}}@media (prefers-reduced-motion:reduce){.hero-phone{animation:none}}.hero-layout{z-index:1;position:relative}.hero-media:before,.hero-media:after{content:"";pointer-events:none;border:1px solid var(--music-accent);position:absolute}@supports (color:color-mix(in lab, red, red)){.hero-media:before,.hero-media:after{border:1px solid color-mix(in oklch, var(--music-accent) 22%, transparent)}}.hero-media:before{border-radius:1.75rem;inset:1.25rem -1rem -1rem 1.25rem;transform:rotate(-2.5deg)}.hero-media:after{background:var(--music-accent);border-radius:999px;width:7rem;height:7rem;inset:auto auto -2rem -2rem}@supports (color:color-mix(in lab, red, red)){.hero-media:after{background:color-mix(in oklch, var(--music-accent) 10%, transparent)}}.section-journey{background:#f3f4f8}.section-instruments{background:#fff}.section-instructors{background:#f7f8fc}.section-features{background:#f3f4f8}.section-cta{background:radial-gradient(circle at 15% 85%,#6da2ff33,#0000 28%),#0b3a4c}.premium-instrument-card,.premium-instructor-card{box-shadow:0 14px 36px #071a3d12}.premium-instrument-card:hover,.premium-instructor-card:hover{box-shadow:0 20px 48px #071a3d24}.dark .section-journey{background:#0a0b0f}.dark .section-instruments{background:#141920}.dark .section-instructors{background:#1a2029}.dark .section-features{background:#0a0b0f}.dark .section-cta{background:radial-gradient(circle at 15% 85%,#6da2ff29,#0000 28%),#0a0b0f}.dark .premium-instrument-card,.dark .premium-instructor-card{box-shadow:0 16px 40px #00000038}.dark .landing-page .bg-white,.dark .landing-page .learning-journey>li{background-color:var(--music-surface)}.dark .landing-page .outline-button{background-color:#101b2de0}.instrument-rail{scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.instrument-rail-shell:before,.instrument-rail-shell:after{content:"";z-index:2;pointer-events:none;width:1.75rem;position:absolute;top:2rem;bottom:.75rem}.instrument-rail-shell:before{background:linear-gradient(to right, var(--background), transparent);inset-inline-start:0}.instrument-rail-shell:after{background:linear-gradient(to left, var(--background), transparent);inset-inline-end:0}.dark .instrument-rail-shell:before{background:linear-gradient(90deg,#0b1829,#0000)}.dark .instrument-rail-shell:after{background:linear-gradient(270deg,#0b1829,#0000)}.instrument-rail::-webkit-scrollbar{display:none}.landing-page .landing-final:before{filter:grayscale()brightness(2.5);mix-blend-mode:screen;opacity:.075;background-image:url(/images/ambient/guitar.svg),url(/images/ambient/notes.svg)}.landing-page section>*{z-index:1;position:relative}.page-container{width:100%;max-width:var(--content-max-width);padding-inline:calc(var(--spacing) * 4);margin-inline:auto}@media (min-width:40rem){.page-container{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:64rem){.page-container{padding-inline:calc(var(--spacing) * 8)}}.navbar-container{width:100%;max-width:var(--content-max-width);padding-inline:calc(var(--spacing) * 3);margin-inline:auto}@media (min-width:40rem){.navbar-container{padding-inline:calc(var(--spacing) * 6)}}@media (min-width:64rem){.navbar-container{max-width:var(--navbar-max-width);padding-inline:calc(var(--spacing) * 8)}}.page-content{padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 14)}@media (min-width:40rem){.page-content{padding-top:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 16)}}@media (min-width:64rem){.page-content{padding-bottom:calc(var(--spacing) * 8)}}.app-mesh-bg{background:radial-gradient(ellipse 90% 60% at 100% -10%, var(--music-accent), transparent 55%), radial-gradient(ellipse 70% 50% at 0% 20%, var(--music-accent), transparent 50%), var(--music-bg)}@supports (color:color-mix(in lab, red, red)){.app-mesh-bg{background:radial-gradient(ellipse 90% 60% at 100% -10%, color-mix(in oklch, var(--music-accent) 5%, transparent), transparent 55%), radial-gradient(ellipse 70% 50% at 0% 20%, color-mix(in oklch, var(--music-accent) 4%, transparent), transparent 50%), var(--music-bg)}}.dark .app-mesh-bg{background:radial-gradient(ellipse 90% 60% at 100% -10%, var(--music-accent), transparent 55%), radial-gradient(ellipse 70% 50% at 0% 30%, var(--music-accent), transparent 50%), var(--music-bg)}@supports (color:color-mix(in lab, red, red)){.dark .app-mesh-bg{background:radial-gradient(ellipse 90% 60% at 100% -10%, color-mix(in oklch, var(--music-accent) 7%, transparent), transparent 55%), radial-gradient(ellipse 70% 50% at 0% 30%, color-mix(in oklch, var(--music-accent) 10%, transparent), transparent 50%), var(--music-bg)}}.surface-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--card);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.surface-card-subtle{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.surface-card-subtle{border-color:color-mix(in oklab, var(--border) 70%, transparent)}}.surface-card-subtle{background-color:var(--card);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.digikala-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);background-color:var(--card);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.digikala-card:hover{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.digikala-card:hover{border-color:color-mix(in oklab, var(--music-accent) 30%, transparent)}}.digikala-card:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.glass-panel{border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.glass-panel{border-color:color-mix(in oklab, var(--border) 60%, transparent)}}.glass-panel{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.glass-panel{background-color:color-mix(in oklab, var(--background) 70%, transparent)}}.glass-panel{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.btn-cta{height:calc(var(--spacing) * 11);justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);background-color:var(--music-accent);padding-inline:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--music-accent-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:inline-flex}@media (hover:hover){.btn-cta:hover{background-color:var(--music-accent-hover)}}.chat-wall{background-color:var(--chat-wall-bg);background-image:radial-gradient(circle at 1px 1px, var(--chat-wall-dot) 1px, transparent 0), radial-gradient(circle at 18px 18px, var(--chat-wall-dot-soft) 1px, transparent 0);background-size:36px 36px}.chat-scroll{scrollbar-width:thin;scrollbar-color:#64748b59 transparent}.chat-scroll::-webkit-scrollbar{width:.45rem}.chat-scroll::-webkit-scrollbar-track{background:0 0}.chat-scroll::-webkit-scrollbar-thumb{background:#64748b47;border-radius:999px}.chat-scroll::-webkit-scrollbar-thumb:hover{background:#64748b73}.link-accent{color:var(--music-accent);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.link-accent:hover{color:var(--music-accent-hover)}}.minimal-ring{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;outline-style:none}.minimal-ring:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.minimal-ring:focus-visible{--tw-ring-color:color-mix(in oklab, var(--music-accent) 25%, transparent)}}.minimal-ring:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--background)}.minimal-hover{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.minimal-hover:hover{border-color:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.minimal-hover:hover{border-color:color-mix(in oklab, var(--music-accent) 25%, transparent)}}.minimal-hover:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.mobile-safe-bottom{padding-bottom:max(1rem, env(safe-area-inset-bottom))}.mobile-floating-panel{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--border);border-top-left-radius:1.75rem;border-top-right-radius:1.75rem}@supports (color:color-mix(in lab, red, red)){.mobile-floating-panel{border-color:color-mix(in oklab, var(--border) 70%, transparent)}}.mobile-floating-panel{background-color:var(--card)}@supports (color:color-mix(in lab, red, red)){.mobile-floating-panel{background-color:color-mix(in oklab, var(--card) 95%, transparent)}}.mobile-floating-panel{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.sticky-below-header{top:calc(var(--header-height) + .5rem);position:sticky}.hamoola-loader-dot{transform-box:fill-box;transform-origin:50%;animation:1.25s ease-in-out infinite hamoola-dot-bounce}.hamoola-loading-backdrop{opacity:.65;filter:blur(10px);transform-origin:top;transform:scale(1.015)}@keyframes hamoola-dot-bounce{0%,to{opacity:.4;transform:translateY(0)scale(.82)}50%{opacity:1;transform:translateY(-3px)scale(1)}}.scrollbar-overlay{scrollbar-width:thin;scrollbar-color:transparent transparent}.scrollbar-overlay:hover,.scrollbar-overlay.is-scrolling{scrollbar-color:var(--muted-foreground) transparent}@supports (color:color-mix(in lab, red, red)){.scrollbar-overlay:hover,.scrollbar-overlay.is-scrolling{scrollbar-color:color-mix(in oklch, var(--muted-foreground) 38%, transparent) transparent}}.scrollbar-overlay::-webkit-scrollbar{width:5px}.scrollbar-overlay::-webkit-scrollbar-track{background:0 0}.scrollbar-overlay::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.scrollbar-overlay:hover::-webkit-scrollbar-thumb{background:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.scrollbar-overlay:hover::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--muted-foreground) 38%, transparent)}}.scrollbar-overlay.is-scrolling::-webkit-scrollbar-thumb{background:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.scrollbar-overlay.is-scrolling::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--muted-foreground) 38%, transparent)}}.hero-section__bg{background:url(/images/hero-bg.svg) 50%/cover no-repeat;transform:scale(1.04)}.hero-section__scrim{background:linear-gradient(to bottom, #ffffff57, #ffffff1f 45%, var(--music-bg) 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-section__glow-accent{background:radial-gradient(ellipse 75% 55% at 50% 100%, var(--music-accent), transparent 58%)}@supports (color:color-mix(in lab, red, red)){.hero-section__glow-accent{background:radial-gradient(ellipse 75% 55% at 50% 100%, color-mix(in oklch, var(--music-accent) 14%, transparent), transparent 58%)}}.hero-section__glow-violet{background:radial-gradient(ellipse 42% 32% at 88% 18%, var(--music-accent), transparent 58%)}@supports (color:color-mix(in lab, red, red)){.hero-section__glow-violet{background:radial-gradient(ellipse 42% 32% at 88% 18%, color-mix(in oklch, var(--music-accent) 12%, transparent), transparent 58%)}}.hero-section__brand,.hero-section__title{color:#171717}.hero-section__subtitle{color:#404040}.hero-section__stat{background:#ffffffb8;border-color:#ffffffa6}.hero-section__stat-value{color:#171717}.dark .hero-section__bg{filter:brightness(.55)saturate(.85)}.dark .hero-section__scrim{background:linear-gradient(to bottom, #00000059, #0003 50%, var(--music-bg) 100%)}.dark .hero-section__glow-accent{background:radial-gradient(ellipse 75% 55% at 50% 100%, var(--music-accent), transparent 58%)}@supports (color:color-mix(in lab, red, red)){.dark .hero-section__glow-accent{background:radial-gradient(ellipse 75% 55% at 50% 100%, color-mix(in oklch, var(--music-accent) 18%, transparent), transparent 58%)}}.dark .hero-section__brand,.dark .hero-section__title,.dark .hero-section__stat-value{color:#fafafa}.dark .hero-section__subtitle{color:#ffffffd1}.dark .hero-section__stat{background:#ffffff14;border-color:#ffffff1f}.dark .hero-field{background:#ffffff1a;border-color:#ffffff29;box-shadow:0 8px 24px #0003}.dark .hero-field:focus-within{background:#ffffff24}}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn-Bold.ttf)format("truetype");font-style:normal;font-weight:700 900;font-display:swap}@font-face{font-family:Rubik;src:url(/fonts/Rubik-Variable.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root,.light,[data-theme=light]{--font-vazirmatn:"Vazirmatn", Tahoma, Arial, sans-serif;--font-rubik:"Rubik", "Segoe UI", Arial, sans-serif;--content-max-width:76rem;--navbar-max-width:90rem;--header-height:3.5rem;--hq-primary:#0b3a4c;--hq-primary-hover:#082f3e;--music-bg:#f3f4f8;--music-surface:#fff;--music-surface-raised:#f7f8fc;--music-border:#e6e8f0;--music-hover:#eef0f6;--music-accent:var(--hq-primary);--music-brand-text:#1a1d29;--music-ink:#1a1d29;--music-accent-hover:var(--hq-primary-hover);--music-accent-foreground:#fff;--music-accent-soft:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){:root,.light,[data-theme=light]{--music-accent-soft:color-mix(in oklch, var(--music-accent) 10%, transparent)}}:root,.light,[data-theme=light]{--music-accent-glow:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){:root,.light,[data-theme=light]{--music-accent-glow:color-mix(in oklch, var(--music-accent) 22%, transparent)}}:root,.light,[data-theme=light]{--music-violet:var(--hq-primary);--music-shadow:0 12px 32px #1a1d2914;--music-shadow-soft:0 4px 16px #1a1d290d;--chat-wall-bg:#e9eef3;--chat-wall-dot:#64748b29;--chat-wall-dot-soft:#64748b14;--background:var(--music-bg);--foreground:#1a1d29;--card:var(--music-surface);--muted:#eef0f6;--muted-foreground:#6b728a;--border:var(--music-border);--accent:var(--music-accent);--radius:.5rem}.dark,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--hq-primary:#1f7b84;--hq-primary-hover:#17666e;--music-bg:#0a0b0f;--music-surface:#141920;--music-surface-raised:#1a2029;--music-border:#2a303c;--music-hover:#222833;--music-brand-text:#e8eaf2;--music-ink:#f4f5f8;--music-accent:var(--hq-primary);--music-accent-hover:var(--hq-primary-hover);--music-accent-soft:#1f7b8424;--music-shadow:0 12px 32px #00000073;--music-shadow-soft:0 4px 16px #0000004d;--chat-wall-bg:#0c1728;--chat-wall-dot:#94a3b824;--chat-wall-dot-soft:#94a3b812;--background:var(--music-bg);--foreground:#f4f5f8;--card:var(--music-surface);--muted:#1c222c;--muted-foreground:#9ca3af;--border:var(--music-border)}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font-family:var(--font-vazirmatn), system-ui, sans-serif;overflow-x:clip}::selection{background:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in oklch, var(--music-accent) 22%, white)}}::selection{color:var(--music-ink)}*{border-color:var(--border)}@keyframes section-reveal{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}@keyframes landing-section-enter{0%{opacity:.32;transform:translateY(2.25rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes instrument-ambient-drift{0%{transform:translate(-1.4%,.8%)rotate(-.35deg)scale(1.05)}to{transform:translate(1.4%,-.8%)rotate(.35deg)scale(1.07)}}@keyframes journey-step-progress{0%{stroke-dasharray:100;stroke-dashoffset:100px}to{stroke-dasharray:100;stroke-dashoffset:0}}.journey-step-progress{stroke-dasharray:100;stroke-dashoffset:100px;animation:6.2s linear forwards journey-step-progress}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:768px) and (prefers-reduced-motion:no-preference){.landing-page>section:nth-child(n+2){animation:cubic-bezier(.22,1,.36,1) both landing-section-enter;animation-timeline:view();animation-range:entry 4% cover 24%}}.plyr-video{--plyr-color-main:var(--music-accent);--plyr-video-background:#000;--plyr-menu-background:var(--card);--plyr-menu-color:var(--foreground);--plyr-font-family:var(--font-vazirmatn), system-ui, sans-serif}.plyr-video .plyr{border-radius:inherit;width:100%}.plyr-video .plyr__control--overlaid{background:var(--music-accent)}@supports (color:color-mix(in lab, red, red)){.plyr-video .plyr__control--overlaid{background:color-mix(in oklch, var(--music-accent) 88%, black)}}.plyr-video .plyr__control--overlaid:hover{background:var(--music-accent)}@media (max-width:767px){.site-header[data-surface=true]{box-shadow:0 8px 22px #071a3d2e}body>iframe#goftino_w{transform-origin:100% 100%;max-width:calc(100vw - 1.5rem);transform:scale(.84)!important}.landing-page{padding-bottom:2rem}.instrument-rail-shell:before,.instrument-rail-shell:after{display:block}.site-header,.site-header>[aria-hidden=true]{transition-duration:.18s}.landing-page .reveal{opacity:1;transform:none;animation:none!important}.plyr-video .plyr [data-plyr=current-time],.plyr-video .plyr [data-plyr=duration],.plyr-video .plyr [data-plyr=settings],.plyr-video .plyr [data-plyr=pip],.plyr-video .plyr [data-plyr=volume],.plyr-video .plyr .plyr__volume input[type=range]{display:none!important}.plyr-video .plyr .plyr__volume{width:auto}}@media (min-width:768px){.instrument-rail-shell:before,.instrument-rail-shell:after{display:none}}@media (prefers-reduced-motion:reduce){.site-header,.site-header>[aria-hidden=true]{transition:none!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}