@charset "UTF-8";@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight: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-ease:initial}}}@layer theme{:root,:host{--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-slate-300:oklch(86.9% .022 252.894);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--text-h1:var(--font-h1);--text-h1--line-height:1.2;--text-h2:var(--font-h2);--text-h2--line-height:1.3;--spacing-md:var(--space-md)}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.left-\[50\%\]{left:50%}.z-\[9999\]{z-index:9999}.col-2{grid-column:2}.col-10{grid-column:10}.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-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.mx-auto\!{margin-inline:auto!important}.my-0{margin-block:calc(var(--spacing)*0)}.my-3{margin-block:calc(var(--spacing)*3)}.my-8{margin-block:calc(var(--spacing)*8)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-12\!{margin-top:calc(var(--spacing)*12)!important}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.aspect-square{aspect-ratio:1}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-18\.5{height:calc(var(--spacing)*18.5)}.h-fit{height:-moz-fit-content;height:fit-content}.h-px{height:1px}.min-h-12\.5{min-height:calc(var(--spacing)*12.5)}.min-h-18{min-height:calc(var(--spacing)*18)}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-97\.5{max-width:calc(var(--spacing)*97.5)}.max-w-211{max-width:calc(var(--spacing)*211)}.max-w-390\!{max-width:calc(var(--spacing)*390)!important}.max-w-md{max-width:var(--spacing-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[320px\]{min-width:320px}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-white{border-color:var(--color-white)}.bg-\(--accent-color\){background-color:var(--accent-color)}.bg-\[\#357EAC\]{background-color:#357eac}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-h1{font-size:var(--text-h1);line-height:var(--tw-leading,var(--text-h1--line-height))}.text-h2{font-size:var(--text-h2);line-height:var(--tw-leading,var(--text-h2--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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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)}.text-\[\#000000\]{color:#000}.text-\[\#1E7181\]{color:#1e7181}.text-\[\#152556\]{color:#152556}.text-\[\#222222\]{color:#222}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.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-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)}.ring{--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)}.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,)}.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,)}.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,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))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}}}@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-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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{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-ease{syntax:"*";inherits:false}.app-content{padding:0 16px;min-height:100%}.landing .landing-content{display:flex;margin:0 auto;flex-direction:column}.landing .background{z-index:-5;position:fixed;-o-object-fit:cover;object-fit:cover;background:var(--background-with-gradient);inset:0}.landing .blob-animation-pink{z-index:-1;display:block;position:absolute;background:url("data:image/svg+xml,%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%20width='100%25'%20id='blobSvg'%3e%3cdefs%3e%3clinearGradient%20id='gradient'%20x1='0%25'%20y1='0%25'%20x2='0%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20style='stop-color:%20rgb(244,%20187,%20168);'%3e%3c/stop%3e%3cstop%20offset='100%25'%20style='stop-color:%20rgb(244,%20187,%20168);'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20id='blob'%20fill='url(%23gradient)'%3e%3canimate%20attributeName='d'%20dur='10000ms'%20repeatCount='indefinite'%20values='M440.5,320.5Q418,391,355.5,442.5Q293,494,226,450.5Q159,407,99,367Q39,327,31.5,247.5Q24,168,89,125.5Q154,83,219.5,68Q285,53,335.5,94.5Q386,136,424.5,193Q463,250,440.5,320.5Z;M453.78747,319.98894Q416.97789,389.97789,353.96683,436.87838Q290.95577,483.77887,223.95577,447.43366Q156.95577,411.08845,105.64373,365.97789Q54.33169,320.86732,62.67444,252.61056Q71.01719,184.3538,113.01965,135.21007Q155.02211,86.06634,220.52211,66.46683Q286.02211,46.86732,335.5,91.94472Q384.97789,137.02211,437.78747,193.51106Q490.59704,250,453.78747,319.98894Z;M411.39826,313.90633Q402.59677,377.81265,342.92059,407.63957Q283.24442,437.46649,215.13648,432.5428Q147.02853,427.61911,82.23325,380.9572Q17.43796,334.29529,20.45223,250.83809Q23.46649,167.38089,82.5856,115.05707Q141.70471,62.73325,212.19045,63.73015Q282.67618,64.72705,352.67308,84.79839Q422.66998,104.86972,421.43486,177.43486Q420.19974,250,411.39826,313.90633Z;M440.5,320.5Q418,391,355.5,442.5Q293,494,226,450.5Q159,407,99,367Q39,327,31.5,247.5Q24,168,89,125.5Q154,83,219.5,68Q285,53,335.5,94.5Q386,136,424.5,193Q463,250,440.5,320.5Z;'%3e%3c/animate%3e%3c/path%3e%3c/svg%3e") no-repeat;left:-2%;width:80%;height:60%}.landing .blob-animation-orange{z-index:-1;display:block;position:absolute;background:url("data:image/svg+xml,%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%20width='100%25'%20id='blobSvg'%3e%3cdefs%3e%3clinearGradient%20id='gradient'%20x1='0%25'%20y1='0%25'%20x2='0%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20style='stop-color:%20rgb(238,%20159,%2049);'%3e%3c/stop%3e%3cstop%20offset='100%25'%20style='stop-color:%20rgb(238,%20159,%2049);'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20id='blob'%20fill='url(%23gradient)'%3e%3canimate%20attributeName='d'%20dur='10000ms'%20repeatCount='indefinite'%20values='M440.5,320.5Q418,391,355.5,442.5Q293,494,226,450.5Q159,407,99,367Q39,327,31.5,247.5Q24,168,89,125.5Q154,83,219.5,68Q285,53,335.5,94.5Q386,136,424.5,193Q463,250,440.5,320.5Z;M453.78747,319.98894Q416.97789,389.97789,353.96683,436.87838Q290.95577,483.77887,223.95577,447.43366Q156.95577,411.08845,105.64373,365.97789Q54.33169,320.86732,62.67444,252.61056Q71.01719,184.3538,113.01965,135.21007Q155.02211,86.06634,220.52211,66.46683Q286.02211,46.86732,335.5,91.94472Q384.97789,137.02211,437.78747,193.51106Q490.59704,250,453.78747,319.98894Z;M411.39826,313.90633Q402.59677,377.81265,342.92059,407.63957Q283.24442,437.46649,215.13648,432.5428Q147.02853,427.61911,82.23325,380.9572Q17.43796,334.29529,20.45223,250.83809Q23.46649,167.38089,82.5856,115.05707Q141.70471,62.73325,212.19045,63.73015Q282.67618,64.72705,352.67308,84.79839Q422.66998,104.86972,421.43486,177.43486Q420.19974,250,411.39826,313.90633Z;M440.5,320.5Q418,391,355.5,442.5Q293,494,226,450.5Q159,407,99,367Q39,327,31.5,247.5Q24,168,89,125.5Q154,83,219.5,68Q285,53,335.5,94.5Q386,136,424.5,193Q463,250,440.5,320.5Z;'%3e%3c/animate%3e%3c/path%3e%3c/svg%3e") no-repeat;width:55%;height:70%;top:-35%;right:5%}@media screen and (max-width:768px){.landing .blob-animation-orange{display:none}}.landing .blob-animation-cream{z-index:-1;position:absolute;background:url("data:image/svg+xml,%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20500%20500'%20width='100%25'%20id='blobSvg'%20style='opacity:%201;'%20filter='blur(qs0px)'%20transform='rotate(qs0)'%3e%3cdefs%3e%3clinearGradient%20id='gradient'%20x1='0%25'%20y1='0%25'%20x2='0%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20style='stop-color:%20rgb(242,%20234,%20205);'%3e%3c/stop%3e%3cstop%20offset='100%25'%20style='stop-color:%20rgb(242,%20234,%20205);'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20id='blob'%20fill='url(%23gradient)'%20style='opacity:%201;'%3e%3canimate%20attributeName='d'%20dur='10s'%20repeatCount='indefinite'%20values='M453.70516,317.0107Q433.36186,384.02139,362.52423,381.146Q291.6866,378.27061,242.8433,399.93801Q194,421.60541,117.08118,412.14317Q40.16237,402.68093,64.29201,326.34046Q88.42165,250,109.0107,206.32693Q129.59975,162.65387,148.64317,78.76495Q167.6866,-5.12397,241.8433,20.74072Q316,46.60541,350.8433,99.17023Q385.6866,151.73505,429.86753,200.86753Q474.04846,250,453.70516,317.0107Z;M460.19079,314.81752Q429.48296,379.63503,366.74655,397.33779Q304.01014,415.04055,238.62673,450.6401Q173.24331,486.23965,141.80231,418.853Q110.3613,351.46635,87.51337,300.73317Q64.66545,250,86.56406,198.80231Q108.46268,147.60462,149.75669,107.39355Q191.05069,67.18248,258.9189,40.41566Q326.7871,13.64883,381.21107,64.45621Q435.63503,115.26359,463.26683,182.63179Q490.89862,250,460.19079,314.81752Z;M439.43806,316.51312Q432.44085,383.02623,370.39398,407.14258Q308.3471,431.25893,240.13979,459.78516Q171.93248,488.31139,132.30301,426.26451Q92.67355,364.21763,63.21484,307.10882Q33.75613,250,44.06194,178.90151Q54.36774,107.80301,118.67355,75.31613Q182.97935,42.82924,240.60882,72.66602Q298.23828,102.50279,368.10882,107.87054Q437.97935,113.23828,442.20731,181.61914Q446.43527,250,439.43806,316.51312Z;M437.48517,301.93698Q392.82947,353.87396,357.50371,413.21131Q322.17795,472.54867,247.51112,479.51159Q172.8443,486.47452,129.54819,427.64458Q86.25209,368.81464,81.57785,309.40732Q76.90361,250,83.86283,191.93327Q90.82205,133.86654,141.98146,104.152Q193.14087,74.43745,247.01483,83.88926Q300.88878,93.34106,355.51112,113.62234Q410.13346,133.90361,446.13717,191.95181Q482.14087,250,437.48517,301.93698Z;M469.34657,320.38487Q443.8468,390.76973,373.53877,402.1156Q303.23073,413.46147,238.88463,448.30757Q174.53853,483.15367,122.76833,431.6929Q70.99814,380.23213,76.84563,315.11607Q82.69313,250,78.9227,186.3071Q75.15227,122.6142,131.92223,91.73003Q188.6922,60.84587,253.2305,51.539Q317.7688,42.23213,359.5759,90.92433Q401.383,139.61653,448.11467,194.80827Q494.84633,250,469.34657,320.38487Z;M453.70516,317.0107Q433.36186,384.02139,362.52423,381.146Q291.6866,378.27061,242.8433,399.93801Q194,421.60541,117.08118,412.14317Q40.16237,402.68093,64.29201,326.34046Q88.42165,250,109.0107,206.32693Q129.59975,162.65387,148.64317,78.76495Q167.6866,-5.12397,241.8433,20.74072Q316,46.60541,350.8433,99.17023Q385.6866,151.73505,429.86753,200.86753Q474.04846,250,453.70516,317.0107Z'%3e%3c/animate%3e%3c/path%3e%3c/svg%3e") no-repeat;width:45%;height:80%;right:-200px}@media screen and (max-width:768px){.landing .blob-animation-cream{display:none}}.navbar{width:100%;z-index:1000;position:fixed;min-height:72px;display:flex;padding:0 16px;justify-content:space-between;align-items:center;gap:24px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff4d;box-shadow:0 4px 30px #0003;border-bottom:1px solid rgba(255,255,255,.5);top:0;left:0;right:0}.navbar .navbar-header{display:flex;align-items:center}.navbar .navbar-header img{width:160px}.navbar .navbar-right{display:flex;align-items:center;gap:16px}.navbar .menu-button{display:none;color:#333}.navbar .navbar-links{gap:24px;display:flex;padding:0;margin:0;list-style:none;align-items:center;font-weight:600}.navbar .navbar-links a{text-decoration:none}.navbar .navbar-links a:hover{opacity:.7}.navbar-spacer{width:100%;height:72px;flex-shrink:0}.navbar-overlay,.navbar-sidebar{display:none}@media screen and (max-width:768px){.navbar{display:flex;flex-direction:row;padding:0 16px;gap:8px}.navbar .navbar-desktop-links{display:none}.navbar .navbar-right{gap:8px}.navbar .menu-button{display:inline-flex}.navbar-overlay{display:block;position:fixed;inset:0;background:#00000073;opacity:0;pointer-events:none;border:none;transition:opacity .2s ease-in-out;z-index:1099}.navbar-overlay.is-open{opacity:1;pointer-events:auto}.navbar-sidebar{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:min(320px,86vw);padding:20px;background:#fff;box-shadow:-10px 0 30px #0003;z-index:1100;transform:translate(100%);transition:transform .2s ease-in-out}.navbar-sidebar.is-open{transform:translate(0)}.navbar-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-size:var(--font-body);font-weight:700}.menu-button-close{color:#333}.navbar-sidebar-links{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.navbar-sidebar-links li{width:100%}.navbar-sidebar-links a{width:100%;display:inline-flex}.navbar-sidebar-links .MuiButton-root{width:100%}}.page-notfound{margin:120px auto;padding:18px;display:flex;max-width:600px;color:#333;flex-direction:column;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;justify-content:center;border-radius:26px;background:#fff9}.toggle-group .MuiButtonBase-root{text-transform:none;padding:4px;line-height:1.2}.toggle-group .MuiButtonBase-root.Mui-selected{background-color:#1976d2;color:#fff}.toggle-group .MuiButtonBase-root.Mui-selected:hover{background-color:#1565c0}.osmd-player-scope{--osmd-preview-blur-radius: 5px;--osmd-preview-blur-opacity: .28;--osmd-preview-blur-grayscale: 1}.osmd-player-scope .blured{filter:blur(var(--osmd-preview-blur-radius)) grayscale(var(--osmd-preview-blur-grayscale));opacity:var(--osmd-preview-blur-opacity)}.osmd-player-scope .blured-hidden{visibility:hidden}.se-navbar{display:none!important}.last-played-list{gap:16px;padding:0;display:flex;flex-wrap:wrap;list-style:none}.last-played-list .title{font-size:var(--font-body);font-weight:400}.music-item{gap:8px;padding:4px;display:flex;align-items:center;transition:all linear .2s;background:#f0f0f0;border-radius:12px;min-width:250px;width:100%;box-sizing:border-box}.music-item:hover{box-shadow:0 1px 3px #727272}.music-item .album-cover{width:64px;height:64px;-o-object-fit:cover;object-fit:cover;border-radius:8px;flex-shrink:0}.music-item .music-item-details{display:flex;flex-direction:column;flex:1;min-width:0;gap:4px}.music-item .music-item-details .title{font-size:var(--font-body);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.music-item .music-item-details .summary{font-size:var(--font-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.music-item .music-item-badges{align-items:center;display:flex;gap:6px}.music-item .music-item-badges .instrument-icon{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.music-item .music-item-badges .chip{font-size:var(--font-caption);font-weight:600;padding:0 6px;border:1px solid #454545;border-radius:12px;text-transform:uppercase;flex-shrink:0}.music-item .music-item-badges .chip__hard{color:#ff1900;border-color:#ff1900}.music-item .music-item-badges .chip__medium{color:#ff6400;border-color:#ff6400}.music-item .music-item-badges .chip__easy{color:#27720a;border-color:#27720a}.become-premium{display:flex;justify-content:center}.become-premium .become-premium-content{gap:var(--space-md);display:grid;grid-template-columns:1fr 1fr;max-width:900px;margin-top:var(--space-md);padding:var(--space-sm);color:#fff;background:var(--background-with-gradient);border-radius:12px}.become-premium .become-premium-content h1{margin:0;padding:0;font-size:var(--font-h1)}.become-premium .become-premium-content p{margin:0}.become-premium .become-premium-content .feature-list{gap:2px;display:flex;flex-direction:column;font-size:var(--font-body);font-weight:600}@media screen and (max-width:768px){.become-premium .become-premium-content{width:100%;display:flex;flex-direction:column}.become-premium .become-premium-content p{display:none}}.become-premium-wide .become-premium-content{gap:var(--space-2xl);display:grid;grid-template-columns:.3fr .5fr;padding-bottom:var(--space-sm);margin-bottom:var(--space-md);color:#fff;background:var(--background-with-gradient);border-radius:12px;justify-content:center;align-items:center}.become-premium-wide .become-premium-content h1{font-size:var(--font-h2)}.become-premium-wide .become-premium-content .feature-list{display:grid;gap:0px;padding:0;margin:0;grid-template-columns:.5fr .5fr;font-weight:600}.become-premium-slim-wide{color:#fff;padding:0 var(--space-2xs);border-radius:12px;background:var(--background-with-gradient)}.become-premium-slim-wide h1{font-size:var(--font-h3)}.become-premium-slim-wide .become-premium-content{gap:var(--space-sm);align-items:center;display:grid;grid-template-columns:.25fr 1fr .15fr;padding:var(--space-2xs) var(--space-sm)}.become-premium-slim-wide .become-premium-content .feature-list{gap:var(--space-2xs);display:flex;justify-content:center;font-size:var(--font-body)}@media screen and (max-width:1200px){.become-premium-slim-wide .become-premium-content .feature-list{gap:0px;display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.become-premium-slim-wide .become-premium-content{grid-template-columns:1fr 1fr}.become-premium-slim-wide .become-premium-content .feature-list{display:none}}@media screen and (max-width:768px){.become-premium-fixed{display:none}}.become-premium-fixed .become-premium-content{position:fixed;right:8px;bottom:8px;gap:var(--space-sm);max-width:700px;margin-top:var(--space-sm);padding:var(--space-sm);display:flex;color:#fff;background:var(--background-with-gradient);border-radius:12px;justify-content:space-between}.become-premium-fixed .become-premium-content h1{margin:0;padding:0;font-size:var(--font-h2)}.become-premium-fixed .become-premium-content p{font-size:var(--font-body)}@media screen and (max-width:768px){.become-premium-fixed .become-premium-content p{display:none}}.become-premium-fixed .become-premium-content .feature-list{gap:var(--space-2xs);display:flex;flex-direction:column;font-size:var(--font-body);font-weight:600}@media screen and (max-width:768px){.become-premium-fixed .become-premium-content{width:100%;flex-direction:column}}.instruments-collection{gap:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:0;list-style:none}.instruments-collection li{display:flex}.instruments-collection a{display:flex;align-items:center;gap:8px;width:100%;text-decoration:none;color:inherit}.instruments-collection .title{font-size:var(--font-body);text-align:center;margin:0}.instruments-collection img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.music-collections{gap:24px;padding:0;display:flex;flex-wrap:wrap;list-style:none}@media screen and (max-width:450px){.music-collections{justify-content:center}}.music-collections .title{font-size:var(--font-body);font-weight:400}@media screen and (max-width:576px){.music-collections{gap:32px}}.music-collections li{display:flex;flex-direction:column;overflow:hidden}.music-collections li img{width:125px;height:125px;-o-object-fit:cover;object-fit:cover;overflow:hidden;border-radius:12px}@media screen and (max-width:450px){.music-collections li img{width:160px;height:160px}}.collections-page{display:flex;flex-direction:column}.app-modal .MuiBackdrop-root{background-color:#15255666}.app-modal .MuiPaper-root{width:100%;max-width:491px;margin:var(--space-sm);padding:24px;border-radius:20px;background:#fff;box-shadow:4px 4px 12.5px #00000040}.app-modal.is-wide .MuiPaper-root{max-width:720px}.app-modal .app-modal__body{display:flex;position:relative;flex-direction:column;gap:var(--space-sm);max-height:calc(100vh - 2 * var(--space-lg));overflow-y:auto}.app-modal .app-modal__close{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:center;padding:var(--space-2xs);border:none;border-radius:50%;background:transparent;color:#152556;cursor:pointer}.app-modal .app-modal__close:hover:not(:disabled){background:#15255614}.app-modal .app-modal__close:disabled{opacity:.4;cursor:default}.app-modal .app-modal__title{margin:0;padding-right:var(--space-lg);font-size:var(--font-h2);font-weight:600;line-height:1.4;color:#152556}.app-modal .app-modal__content{display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--font-body);line-height:1.5;color:#152556}.app-modal .app-modal__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:flex-end;align-items:center}.app-modal-cta{min-width:200px;height:48px;padding:0 var(--space-sm);border:none;border-radius:8px;background:linear-gradient(to right,#2be2ba,#52def0);font-size:var(--font-body);font-weight:700;color:#152556;cursor:pointer}.app-modal-cta:hover:not(:disabled){filter:brightness(1.05)}.app-modal-cta:disabled{opacity:.5;cursor:default}.app-modal-cta--danger{min-width:200px;height:48px;padding:0 var(--space-sm);border:none;border-radius:8px;background:linear-gradient(to right,#2be2ba,#52def0);font-size:var(--font-body);font-weight:700;color:#152556;cursor:pointer}.app-modal-cta--danger:hover:not(:disabled){filter:brightness(1.05)}.app-modal-cta--danger:disabled{opacity:.5;cursor:default}.app-modal-cta--danger{background:#d32f2f;color:#fff}.app-modal-ghost{height:48px;padding:0 var(--space-md);border:1px solid rgba(21,37,86,.2);border-radius:8px;background:transparent;font-size:var(--font-body);font-weight:600;color:#152556;cursor:pointer}.app-modal-ghost:hover:not(:disabled){background:#1525560f}.app-modal-ghost:disabled{opacity:.5;cursor:default}.app-modal-scrim .MuiBackdrop-root{background-color:#15255666}.list-item{gap:4px;padding:8px;display:flex;min-height:54px;min-width:0;align-items:center;justify-content:space-between;transition:all linear .3s;width:100%;box-sizing:border-box}.list-item--content{gap:12px;display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.list-item--text-content{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden;gap:8px}.list-item--title{font-size:var(--font-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:600}.list-item--subtitle{font-size:var(--font-caption);color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.list-item:hover{background:#dfdfdf}.file-upload-form{transition:all .3s ease}.file-upload-form .title{color:#fff;text-align:center;font-size:var(--font-display);text-shadow:1px 1px 2px rgba(0,0,0,.3);margin:.67em 0!important}.file-upload-form{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.file-upload-form .form-content{gap:var(--space-sm);display:flex;align-items:center;flex-direction:column;padding:var(--space-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;box-shadow:0 4px 30px #0003;border-radius:22px}.file-upload-form .form-content .header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg)}.file-upload-form .form-content .header p{margin:0;padding:0;text-align:center}.file-upload-form .form-content .header .large-icon{width:120px;height:120px;color:var(--accent-color)}@media screen and (max-width:1200px){.file-upload-form .form-content .header h1{font-size:clamp(1.25rem,2.4vw,1.5rem);line-height:1.25;text-align:center}.file-upload-form .form-content .header p{font-size:clamp(.95rem,1.9vw,1.125rem);line-height:1.4}.file-upload-form .form-content>h2{font-size:clamp(.95rem,1.9vw,1.125rem);text-align:center}.file-upload-form .form-content .sample-prompt{font-size:clamp(.95rem,1.9vw,1.125rem);line-height:1.4}.file-upload-form .form-content .upload-area .upload-content .selected-filename{font-size:clamp(1.25rem,2.4vw,1.5rem);line-height:1.25}.file-upload-form .form-content .upload-area .upload-content .file-types{font-size:clamp(.8rem,1.6vw,.95rem)}}@media screen and (max-width:768px){.file-upload-form .form-content h2{margin:0}.file-upload-form .form-content .header h1{font-size:clamp(1.125rem,4vw,1.375rem)}.file-upload-form .form-content .header p{font-size:clamp(.875rem,3.4vw,1rem)}.file-upload-form .form-content>h2{font-size:clamp(.875rem,3.4vw,1rem)}.file-upload-form .form-content .sample-prompt{font-size:clamp(.875rem,3.4vw,1rem)}.file-upload-form .form-content .upload-area .upload-content .selected-filename{font-size:clamp(1.125rem,4vw,1.375rem);line-height:1.25}.file-upload-form .form-content .upload-area .upload-content .file-types{font-size:clamp(.75rem,3vw,.9rem)}}.file-upload-form .mt-4{margin-top:var(--space-sm)}.file-upload-form .flex.flex-col.gap-10,.file-upload-form .flex.flex-col.gap-8{gap:var(--space-lg)}.file-upload-form .form-content .upload-area .scan-and-play,.file-upload-form .form-content .sample-score-button,.file-upload-form .form-content .process-button{height:clamp(40px,6vh,52px);min-height:clamp(40px,6vh,52px);padding:0 clamp(20px,3vh,32px);font-size:var(--font-body)}.file-upload-form .form-content .upload-area .scan-and-play{width:clamp(150px,22vh,180px)}.file-upload-form .form-content .sample-score-button{min-width:clamp(150px,22vh,180px)}.file-upload-form .upload-area{width:100%;padding:var(--space-lg);max-width:844px;border:2px dashed #357EAC;border-radius:var(--border-radius);cursor:pointer;font-size:var(--font-h3);font-weight:bolder;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-sm)}.file-upload-form .upload-area:hover{background:#6e48aa0d}.file-upload-form .upload-area .scan-and-play{background:linear-gradient(to right,#2be2ba,#52def0) border-box;width:180px;height:52px;border:none;border-radius:100px;color:#152556;font-weight:600;font-size:var(--font-body)}.file-upload-form .upload-area.drag-over{border-color:var(--primary-color);background:#6e48aa1a;transform:scale(1.02)}.file-upload-form .upload-area.drag-over .upload-content{opacity:.8}.file-upload-form .upload-area .upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);transition:opacity .3s ease}.file-upload-form .upload-area .upload-content svg{font-size:clamp(2rem,5vh,2.5rem)}.file-upload-form .upload-area .upload-content .selected-filename{margin:0;font-weight:600;text-align:center;color:var(--text-color);text-overflow:ellipsis;overflow:hidden;font-size:var(--font-h2)}.file-upload-form .upload-area .upload-content .file-types{font-size:var(--font-caption);color:var(--text-light)}.file-upload-form .sample-score-button{position:relative;padding:16px 32px;border:none;border-radius:100px;background:transparent;cursor:pointer;transition:all .3s ease;text-transform:none;font-size:var(--font-body);color:#152556;font-weight:600;min-width:180px;height:52px}.file-upload-form .sample-score-button:before{content:"";position:absolute;inset:0;border-radius:100px;border:2px solid transparent;background:linear-gradient(to right,#2be2ba,#52def0) border-box;-webkit-mask-composite:destination-out;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.file-upload-form .sample-score-button:hover{transform:translateY(-1px)}.file-upload-form .process-button{display:flex;align-items:center;gap:.75rem;padding:16px 32px;min-height:54px;background:linear-gradient(259.93deg,#28d0ac 5.84%,#2797c1 99.68%);border-radius:100px;color:#152556;border:none;font-weight:700;font-size:var(--font-body);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6e48aa4d}.file-upload-form .process-button:disabled{opacity:.7;cursor:not-allowed}.file-upload-form .process-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6e48aa66}.file-upload-form .process-button svg{stroke:#152556}.file-upload-form .process-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#152556;animation:spin 1s ease-in-out infinite}.file-upload-form .status-indicator{width:100%;max-width:500px;background:var(--card-bg);padding:16px;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.file-upload-form .status-indicator .status-bar{height:8px;margin-top:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem;position:relative}.file-upload-form .status-indicator .status-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--secondary-color));border-radius:4px;will-change:width;transform:translateZ(0);transition:width .3s ease-out}.file-upload-form .status-indicator .status-text{display:flex;justify-content:space-between;font-size:var(--font-caption);margin-bottom:.25rem}.file-upload-form .status-indicator .status-text .status-label{font-weight:700;color:var(--text-light);text-transform:capitalize}.file-upload-form .status-indicator .status-text .progress-percent{font-weight:500;color:var(--primary-color);transition:all .3s ease-out}.file-upload-form .status-indicator .analyzing-info{display:flex;align-items:center;justify-content:space-between}.file-upload-form .status-indicator .analyzing-info .time-estimate{font-weight:700;margin-top:.5rem;font-size:var(--font-caption);color:var(--text-light);text-align:center;transition:all .3s ease}.file-upload-form .status-indicator .analyzing-info .page-info{margin-top:.25rem;font-size:var(--font-caption);color:var(--primary-color);text-align:center;font-weight:500;transition:all .3s ease}.file-upload-form .status-indicator .analyzing-pdf{margin-top:.5rem;font-size:var(--font-caption);color:var(--accent-color);text-align:center;font-style:italic}.file-upload-form .error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f443361a;color:var(--error-color);border-radius:50px;font-size:var(--font-caption)}.file-upload-form .error-message svg{stroke:var(--error-color)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes smoothProgress{0%{transform:scaleX(0)}50%{transform:scaleX(1)}to{transform:scaleX(1)}}.progress-fill{animation:smoothProgress .3s ease-out}.instrument-select-dialog{max-width:510px;margin-inline:auto}.instrument-select-dialog .MuiDialogTitle-root{text-align:start;font-weight:700}.instrument-select-dialog .MuiDialogActions-root{padding-inline:var(--space-md);padding-bottom:var(--space-md)}.instrument-select-dialog .instrument-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-xs);padding:var(--space-2xs) 0}.instrument-select-dialog .instrument-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:2px solid transparent;border-radius:12px;background:#f5f5f5;cursor:pointer;transition:all .2s ease}.instrument-select-dialog .instrument-card:hover{background:#ede7f6;border-color:#ccc}.instrument-select-dialog .instrument-card.selected{border-color:#2797c1;background:#e0f7fa}.instrument-select-dialog .instrument-image{width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.instrument-select-dialog .instrument-placeholder{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ddd;color:#666;font-size:var(--font-h3);font-weight:700}.instrument-select-dialog .instrument-name{font-size:var(--font-caption);font-weight:500;text-align:center;color:#333}.instrument-select-dialog .custom-dropdown{width:100%}.instrument-select-dialog .dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;font-size:var(--font-body);text-align:left;transition:border-color .2s}.instrument-select-dialog .dropdown-trigger:hover{border-color:#999}.instrument-select-dialog .dropdown-trigger:focus{outline:none;border-color:#2797c1;box-shadow:0 0 0 2px #2797c133}.instrument-select-dialog .dropdown-placeholder{color:#999}.instrument-select-dialog .dropdown-value{color:#333}.instrument-select-dialog .dropdown-chevron{transition:transform .2s;color:#666;flex-shrink:0}.instrument-select-dialog .dropdown-chevron.open{transform:rotate(180deg)}.instrument-select-dialog .confirm-button{background:linear-gradient(259.93deg,#28d0ac 5.84%,#2797c1 99.68%)!important;border-radius:8px!important;padding:var(--space-2xs) var(--space-md)!important;color:#152556;text-transform:capitalize!important;font-weight:700!important}.instrument-dropdown-list{position:fixed;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;list-style:none;margin:0;padding:4px 0;z-index:1400}.instrument-dropdown-list .dropdown-item{padding:var(--space-2xs) var(--space-sm);font-size:var(--font-body);color:#333;cursor:pointer;transition:background .15s}.instrument-dropdown-list .dropdown-item:hover{background:#f0f0f0}.instrument-dropdown-list .dropdown-item.selected{background:#e0f7fa;color:#2797c1;font-weight:500}.omr-flow{padding:16px;background:#fff;position:absolute;inset:68px 0 0}.omr-flow .toolbar{display:flex;justify-content:space-between}.omr-flow .toolbar .buttons-group{gap:8px;display:flex}:fullscreen .navbar{display:none}:fullscreen .omr-flow{padding:0;position:absolute;inset:-4px -4px 0}:fullscreen #btn-fullscreen-toggle{display:flex}:-webkit-full-screen .navbar{display:none}:-webkit-full-screen .omr-flow{padding:0;position:absolute;inset:-4px -4px 0}:-webkit-full-screen #btn-fullscreen-toggle{display:flex}:-moz-full-screen .navbar{display:none}:-moz-full-screen .omr-flow{padding:0;position:absolute;inset:-4px -4px 0}:-moz-full-screen #btn-fullscreen-toggle{display:flex}:-ms-fullscreen .navbar{display:none}:-ms-fullscreen .omr-flow{padding:0;position:absolute;inset:-4px -4px 0}:-ms-fullscreen #btn-fullscreen-toggle{display:flex}.main-page .last-scanned-items{gap:24px;margin-top:16px;display:flex;flex-direction:column}.main-page .last-scanned-items--header{display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:768px){.main-page .last-scanned-items--header h1{font-size:clamp(1.125rem,4vw,1.375rem)}}.main-page .last-scanned-items--items-container{max-width:100%;overflow:hidden}.main-page--content{gap:64px;display:grid;grid-template-columns:.7fr 1fr;padding-top:18px;width:100%}.main-page--content h1{margin:0}@media screen and (max-width:992px){.main-page--content{gap:0px;padding:0;display:flex;flex-direction:column-reverse}}@media(max-height:860px){.main-page--content{margin-top:1rem!important;gap:32px}}.main-page--ormform{display:flex;align-items:center;justify-content:center}.main-page--presigned-saving{display:flex;align-items:center;justify-content:center;padding-top:25px}.recognition-page{display:flex;flex-direction:column;padding-top:24px}.subscription-page{padding-top:var(--space-md)}.subscription-page .logo{width:320px;-o-object-fit:cover;object-fit:cover}.pricing-card{width:360px;position:relative;border-radius:12px;background:#fff;border:1px solid #e9ecef;box-shadow:0 4px 20px #00000014;transition:all .3s ease;height:100%;display:flex;flex-direction:column;overflow:hidden}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001f}.pricing-card.popular .popular-badge{display:block;width:200px;top:25px;right:-55px}.pricing-card.current{border-color:var(--primary-color)}.pricing-card .popular-badge{display:none;position:absolute;top:16px;right:-30px;transform:rotate(45deg);background:var(--primary-color);color:#fff;font-size:var(--font-caption);font-weight:600;padding:4px 40px;text-align:center;width:120px;box-shadow:0 2px 10px #4361ee4d}.pricing-card .card-content{padding:var(--space-lg);display:flex;flex-direction:column;height:100%}.pricing-card .plan-name{font-size:var(--font-h2);font-weight:700;color:var(--text-color);margin-bottom:0}.pricing-card .price-container{margin-bottom:var(--space-md);display:flex;align-items:flex-end}.pricing-card .price{font-size:var(--font-h1);font-weight:800;color:var(--text-color);line-height:1}.pricing-card .duration{font-size:var(--font-body);color:var(--text-color);margin-left:var(--space-2xs);margin-bottom:var(--space-2xs)}.pricing-card .features-list{list-style:none;padding:0;margin:0 0 var(--space-lg) 0;flex-grow:1}.pricing-card .feature-item{display:flex;align-items:center;margin-bottom:var(--space-xs);font-size:var(--font-body);color:var(--text-color)}.pricing-card .feature-item:last-child{margin-bottom:0}.pricing-card .check-icon{width:20px;height:20px;fill:var(--primary-color);margin-right:var(--space-xs);flex-shrink:0}.pricing-card .subscribe-button{color:#fff;background:var(--brand-color);border:none;border-radius:8px;padding:14px;font-size:var(--font-body);font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:auto}.pricing-card .subscribe-button:hover{background:var(--accent-color)}.pricing-card .subscribe-button:disabled{background:var(--light-bg);color:var(--text-color);cursor:not-allowed}.pricing-card .subscribe-button.current{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.app-field{display:flex;flex-direction:column;min-width:0}.app-field__label{display:block;margin-bottom:var(--space-3xs, 4px);font-size:var(--font-caption);font-weight:500;line-height:1.5;color:#152556}.app-field__box{display:flex;align-items:center;gap:var(--space-2xs);width:100%;height:48px;padding:12px 16px;border:1px solid #152556;border-radius:8px;background:#fff;font-size:var(--font-body);color:#152556;text-align:left}.app-field__box:focus-within{outline:2px solid #2be2ba;outline-offset:1px}.app-field__box[data-invalid=true]{border-color:#d32f2f}.app-field__input{flex:1 1 auto;min-width:0;border:none;background:transparent;font:inherit;color:inherit;outline:none}.app-field__input::-moz-placeholder{color:#15255673}.app-field__input::placeholder{color:#15255673}.app-field__input:disabled{color:#15255680}.app-field__adornment{display:flex;align-items:center;flex:0 0 auto}.app-field__error{margin-top:var(--space-3xs, 4px);font-size:var(--font-caption);line-height:1.4;color:#d32f2f}.forgot-password-form{flex:1;gap:var(--space-2xs);display:flex;flex-direction:column}.forgot-password-form form{gap:var(--space-xs);display:flex;flex-direction:column}.forgot-password-form form .submit-btn{height:44px}.forgot-password-form__header{gap:0px;display:flex}.forgot-password-form__header h1{margin:0;padding:var(--space-2xs) 0px;width:100%;text-align:center}.forgot-password-form__hint{margin:0;text-align:center;color:var(--text-secondary, inherit)}.forgot-password-form__footer{display:flex;align-items:center;justify-content:center}.social-auth-buttons{gap:var(--space-xs);display:flex;flex-direction:column}@media screen and (max-width:576px){.social-auth-buttons{align-content:center}}.social-auth-buttons .apple-login-button{color:#333;border-color:#333}.social-auth-buttons .google-login-button{width:100%}.social-auth-buttons .google-login-button>div,.social-auth-buttons .google-login-button iframe{margin:0 auto!important}.social-auth-buttons .facebook-login-button{height:40px;color:#f7f7f7;background-color:#3b5998;gap:0px;display:flex;text-transform:none;transition:background-color .2s ease}.social-auth-buttons .facebook-login-button:hover{background-color:#334f8a}.social-auth-buttons .facebook-login-button:disabled{background-color:#ccc;cursor:not-allowed}.social-auth-buttons .apple-login-button{width:100%;height:40px;border-radius:4px;font-size:var(--font-body);font-weight:500;text-transform:none}.social-auth-buttons .apple-login-button .MuiButton-startIcon{margin-right:var(--space-2xs)}.social-auth-divider{display:flex;align-items:center;margin:var(--space-sm) 0px;color:#333;font-size:var(--font-body);text-transform:uppercase}.social-auth-divider:before,.social-auth-divider:after{content:"";flex:1;height:1px;background-color:#00000040}.social-auth-divider span{padding:0 var(--space-sm)}.social-auth-loading{display:flex;justify-content:center;align-items:center;height:44px}.signin-form{flex:1;gap:var(--space-2xs);display:flex;flex-direction:column}.signin-form form{gap:var(--space-xs);display:flex;flex-direction:column}.signin-form form .submit-btn{height:44px}.signin-form__forgot{display:flex;justify-content:flex-end;margin-top:calc(-1 * var(--space-2xs))}.signin-form__forgot button{padding:0;min-width:auto;text-transform:none}.signin-form__header{gap:0px;display:flex}.signin-form__header h1{margin:0;padding:var(--space-2xs) 0px;width:100%;text-align:center}.signin-form__header .back-button{padding:4px!important}.signin-form__footer{display:flex;align-items:center;justify-content:space-between}.signup-form{flex:1;gap:var(--space-2xs);display:flex;flex-direction:column}.signup-form form{gap:var(--space-xs);display:flex;flex-direction:column}.signup-form form .submit-btn{height:44px}.signup-form__header{gap:0px;display:flex}.signup-form__header h1{margin:0;padding:var(--space-2xs) 0px;width:100%;text-align:center}.signup-form__footer{display:flex;align-items:center;justify-content:space-between}.auth-form{display:flex;align-items:center;flex-direction:column;justify-content:center}.auth-box{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:calc(100vw - 2 * var(--space-md));max-width:420px;padding:24px;border-radius:20px;background:#fff;box-shadow:4px 4px 12.5px #00000040;outline:none}@media screen and (max-width:576px){.auth-box{width:380px}}.auth-box .card{padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;max-width:none}.onboarding-page{padding:0px var(--space-2xs)}.onboarding-page .title{margin:var(--space-2xs) 0px;color:#fff;font-size:var(--font-display)}.onboarding-page .section{padding:var(--space-sm) 0px;height:100vh}.onboarding-page .section .orm-preview{flex:1;display:flex;flex-direction:column;text-align:center}.onboarding-page .section-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 72px);padding:var(--space-sm) 0}.paywall .MuiBackdrop-root{background-color:#15255666}.paywall .paywall-paper{min-width:360px;max-width:820px;border-radius:20px;box-shadow:4px 4px 12.5px #00000040;transition:all linear .3s;animation:modalFadeIn .3s ease-out}.paywall .dialog-logo{gap:var(--space-sm);align-items:center;display:flex}.paywall-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-md) var(--space-sm);border-bottom:1px solid rgba(255,255,255,.2)}.paywall-header .close-button{color:#fff;transition:all linear .2s}.paywall-header .close-button:hover{color:#454545;background:#fffc}.paywall-content{margin:var(--space-2xs);padding:var(--space-md);display:flex;flex-direction:column;align-items:center;border-radius:12px;background:#445178}.paywall-content .subtitle{text-align:left;font-size:var(--font-h3);font-weight:500}.paywall-info{display:grid;grid-template-columns:1.25fr 1fr;padding-bottom:var(--space-sm);width:100%}@media screen and (max-width:768px){.paywall-info{gap:var(--space-sm);display:flex;flex-direction:column-reverse}}.paywall-list{gap:var(--space-sm);display:flex;flex-direction:column}.paywall-features .feature-list .feature-item{gap:var(--space-2xs);display:flex;align-items:center;font-size:var(--font-body)}.paywall-features .feature-list .feature-item img{width:16px;height:16px}.paywall-features .price-text{color:gold;font-weight:700;font-size:var(--font-h3)}.paywall-actions{padding:var(--space-sm) var(--space-md) var(--space-md);justify-content:center}.paywall-trust-badges-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);margin-top:var(--space-md)}.paywall-trust-badges-container .powered{display:flex;align-items:center;gap:var(--space-xs);color:#9a9bb0;font-size:var(--font-caption);min-width:-moz-fit-content;min-width:fit-content;line-clamp:1;flex-wrap:nowrap;justify-content:center;width:100%}.paywall-trust-badges-container .powered span{flex-wrap:nowrap;font-size:var(--font-body);color:#fff}.paywall-trust-badges-container .powered .stripe-badge{height:32px}.paywall-trust-badges-container .badges{display:flex;align-items:center;gap:var(--space-2xs)}.paywall-trust-badges-container .badges img{height:48px;width:auto}.paywall-trust-badges-container .badges img.link{height:20px}@media screen and (max-width:576px){.paywall-trust-badges-container .badges{flex-wrap:wrap;justify-content:center}}.paywall .logo-premium{padding:6px 18px;color:#fff;font-weight:600;border-radius:24px;text-transform:uppercase;background-color:var(--accent-color)}@media screen and (max-width:576px){.paywall .logo-premium{display:none}}.paywall .action-button{width:100%;height:48px;font-size:var(--font-body);border-radius:20px;color:#152556;cursor:pointer;text-transform:capitalize;background:#45d4bb;border:none!important;outline:none!important;box-shadow:none!important;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:800}.paywall .action-button:before{content:"";position:absolute;width:360px;height:60px;border-radius:50%;background:radial-gradient(ellipse,#ffffff,#ffffff,rgba(255,255,255,.6),transparent 70%);filter:blur(5px);animation:traceBorder 3s linear infinite;z-index:-2}.paywall .action-button:after{content:"";position:absolute;inset:2px;border-radius:18px;background-color:var(--brand-color);z-index:-1}@keyframes traceBorder{0%{top:-30px;left:-180px}42%{top:-30px;left:calc(100% - 180px)}44%{top:-6px;left:calc(100% - 156px)}50%{top:calc(100% - 54px);left:calc(100% - 156px)}52%{top:calc(100% - 30px);left:calc(100% - 180px)}92%{top:calc(100% - 30px);left:-180px}94%{top:calc(100% - 54px);left:-156px}98%{top:-6px;left:-156px}to{top:-30px;left:-180px}}.paywall .arrow-bounce{display:inline-block;animation:arrowBounce 1s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(6px)}}.paywall .paywall-paper{color:#fff;border-radius:16px;background:var(--background-with-gradient)}.paywall .paywall-paper .title{font-size:var(--font-h1);font-weight:500;text-align:center;margin-bottom:var(--space-sm)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:2000;background:#1e1e1ecc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:16px 20px;box-shadow:0 -2px 10px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner .cookie-content-body{display:flex;max-width:1200px;margin:0 auto}@media(max-width:768px){.cookie-banner .cookie-content-body{flex-direction:column;text-align:center;gap:15px}}.cookie-banner .cookie-content-body .cookie-content{display:flex;flex-direction:column}.cookie-banner .cookie-content-body .cookie-content .cookie-headline{font-size:var(--font-h3);font-weight:700}.cookie-banner .cookie-content-body .cookie-content .cookie-text{margin:0;font-size:var(--font-body);line-height:1.4;flex:1}.cookie-banner .cookie-content-body .cookie-content .buttons{gap:16px;display:flex;justify-content:end;margin-top:24px}.cookie-banner .cookie-content-body .cookie-content .buttons .cookie-reject-btn{color:#fff;border-color:#fff}.back-button{padding:0;background:#fff}.flat-embed{width:100%;height:100%}.flat-embed iframe{border:none;border-radius:8px}.flat-embed-wrapper{height:100%;position:relative}.flat-embed-wrapper.loading{min-height:400px;display:flex;align-items:center;justify-content:center}.flat-embed-wrapper .error-overlay{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1000;width:90%;max-width:500px;background:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;box-shadow:0 2px 10px #0000001a}.flat-embed-wrapper .error-overlay p{margin:0 0 1rem;color:#c33}.flat-embed-wrapper .error-overlay button{background:#6c5ce7;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer}.flat-embed-wrapper .error-overlay button:hover{background:#5b4bc4}.flat-embed-wrapper .loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem}.flat-embed-wrapper .loading-overlay .spinner{border:4px solid rgba(108,92,231,.2);border-radius:50%;border-top:4px solid #6c5ce7;width:40px;height:40px;animation:spin 1s linear infinite}.flat-embed-wrapper .loading-overlay p{margin:0;color:#666}.flat-embed-wrapper .hidden{opacity:0;display:none;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instrument-select-modal .MuiBackdrop-root{background-color:#15255666}.instrument-select-modal .MuiPaper-root{width:100%;max-width:491px;margin:var(--space-sm);padding:24px;border-radius:20px;background:#fff;box-shadow:4px 4px 12.5px #00000040}.instrument-select-modal.is-multi-part .MuiPaper-root{max-width:997px}.instrument-select-modal .modal-body{display:flex;position:relative;flex-direction:column;gap:var(--space-sm);max-height:calc(100vh - 2 * var(--space-lg));overflow-y:auto}.instrument-select-modal .modal-close{display:flex;position:absolute;top:0;right:0;align-items:center;justify-content:center;padding:var(--space-2xs);border:none;border-radius:50%;background:transparent;color:#152556;cursor:pointer}.instrument-select-modal .modal-close:hover:not(:disabled){background:#15255614}.instrument-select-modal .modal-close:disabled{opacity:.4;cursor:default}.instrument-select-modal .modal-title{margin:0;padding-right:var(--space-lg);font-size:var(--font-h2);font-weight:600;line-height:1.4;color:#152556}.instrument-select-modal .dropdown-track{display:grid;flex:1 1 auto;gap:var(--space-sm) 24px;min-width:0}.instrument-select-modal .dropdown-rail{display:flex;align-items:flex-end;gap:var(--space-2xs);min-width:0}.instrument-select-modal.is-multi-part .dropdown-track{display:flex;flex:1 1 auto;gap:24px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none}.instrument-select-modal.is-multi-part .dropdown-track::-webkit-scrollbar{display:none}.instrument-select-modal.is-multi-part .dropdown-track .instrument-dropdown{flex:0 0 244px;scroll-snap-align:start}.instrument-select-modal.is-multi-part .dropdown-track.is-overflowing{--rail-fade-start: 0px;--rail-fade-end: 0px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--rail-fade-start),#000 calc(100% - var(--rail-fade-end)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--rail-fade-start),#000 calc(100% - var(--rail-fade-end)),transparent 100%)}.instrument-select-modal.is-multi-part .dropdown-track.is-overflowing.fade-start{--rail-fade-start: 28px}.instrument-select-modal.is-multi-part .dropdown-track.is-overflowing.fade-end{--rail-fade-end: 28px}.instrument-select-modal.is-multi-part .dropdown-track.is-overflowing:focus-within{-webkit-mask-image:none;mask-image:none}.instrument-select-modal .rail-arrow{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:8px;padding:0;border:1px solid #152556;border-radius:50%;background:#fff;color:#152556;cursor:pointer}.instrument-select-modal .rail-arrow:hover:not(:disabled){background:#15255614}.instrument-select-modal .rail-arrow:disabled{opacity:.3;cursor:default}.instrument-select-modal .rail-arrow:focus-visible{outline:2px solid #2be2ba;outline-offset:1px}.instrument-select-modal .preview-section{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--space-xs)}.instrument-select-modal .preview-embed{height:386px;overflow:auto;border:1px solid rgba(21,37,86,.2);border-radius:8px}.instrument-select-modal .modal-actions{display:flex;justify-content:flex-end}.instrument-select-modal .start-playing-button{min-width:200px;height:48px;padding:0 var(--space-sm);border:none;border-radius:8px;background:linear-gradient(to right,#2be2ba,#52def0);font-size:var(--font-body);font-weight:700;color:#152556;cursor:pointer}.instrument-select-modal .start-playing-button:hover:not(:disabled){filter:brightness(1.05)}.instrument-select-modal .start-playing-button:disabled{opacity:.5;cursor:default}.instrument-select-modal .instrument-dropdown{display:flex;flex-direction:column;gap:8px;min-width:0}.instrument-select-modal .dropdown-label{font-size:var(--font-caption);font-weight:500;line-height:1.5;color:#152556}.instrument-select-modal .dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xs);width:100%;height:48px;padding:12px 16px;border:1px solid #152556;border-radius:8px;background:#fff;font-size:var(--font-body);text-align:left;cursor:pointer}.instrument-select-modal .dropdown-trigger:focus-visible{outline:2px solid #2be2ba;outline-offset:1px}.instrument-select-modal .dropdown-value{min-width:0;overflow:hidden;color:#152556;text-overflow:ellipsis;white-space:nowrap}.instrument-select-modal .dropdown-placeholder{color:#15255699}.instrument-select-modal .dropdown-chevron{flex-shrink:0;color:#152556;transition:transform .2s}.instrument-select-modal .dropdown-chevron.open{transform:rotate(180deg)}.instrument-dropdown-options{position:fixed;z-index:1400;max-height:240px;margin:0;padding:4px 0;overflow-y:auto;border:1px solid #152556;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026;list-style:none}.instrument-dropdown-options .dropdown-option{padding:var(--space-2xs) 16px;font-size:var(--font-body);color:#152556;cursor:pointer}.instrument-dropdown-options .dropdown-option:hover{background:#f0f0f0}.instrument-dropdown-options .dropdown-option.selected{background:#2be2ba26;font-weight:500}._keyboard_fnstc_1{position:relative;flex-shrink:0;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--osmd-piano-deck-bg);border-top:1px solid var(--osmd-border-light);box-shadow:0 -2px 6px #0000002e;display:flex;flex-direction:row;align-items:stretch}._keysArea_fnstc_14{flex:1;min-width:0;position:relative;overflow:hidden}._filmstrip_fnstc_21{height:100%;transition:transform .2s ease}._svg_fnstc_26{display:block;pointer-events:none}._whiteKey_fnstc_33{fill:url(#osmdWhiteKeyGrad);stroke:var(--osmd-piano-white-stroke);stroke-width:1;pointer-events:auto;cursor:pointer}._blackKey_fnstc_43{fill:url(#osmdBlackKeyGrad);stroke:var(--osmd-piano-black-stroke);stroke-width:.5;pointer-events:auto;cursor:pointer}._navButton_fnstc_51{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--osmd-border);border-radius:999px;background-color:var(--osmd-piano-nav-bg);box-shadow:0 1px 3px #00000040;color:var(--osmd-piano-nav-fg);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}._navButton_fnstc_51 svg{width:16px;height:16px}._navButton_fnstc_51:hover:not(:disabled){background-color:var(--osmd-piano-nav-bg-hover)}._navButton_fnstc_51:disabled{opacity:.3;cursor:not-allowed}._navButton_fnstc_51:focus-visible{outline:2px solid var(--osmd-piano-focus);outline-offset:2px}._leftControls_fnstc_89,._rightControls_fnstc_90{position:absolute;top:8px;z-index:2;display:flex;flex-direction:row;align-items:center;gap:8px}._leftControls_fnstc_89{left:8px}._rightControls_fnstc_90{right:8px}@keyframes _pianoKeyFlash_fnstc_1{0%{opacity:1}45%{opacity:.92}70%{opacity:.55}to{opacity:0}}._keyHighlight_fnstc_115{pointer-events:none;animation-name:_pianoKeyFlash_fnstc_1;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-iteration-count:1}._keyBadge_fnstc_123{fill:var(--osmd-piano-badge-bg);stroke:var(--osmd-piano-badge-border);stroke-width:1;pointer-events:none}._keyBadgeText_fnstc_131{fill:var(--osmd-piano-badge-text);font-family:var(--osmd-font-sans);font-size:10.5px;font-weight:600;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.osmd-player-scope{--osmd-bg-primary: #ffffff;--osmd-bg-control: #fdfdff;--osmd-text-primary: #152556;--osmd-text-secondary: #636e8e;--osmd-border: #d7d7d7;--osmd-border-light: #eaeaea;--osmd-piano-rh: #e53935;--osmd-piano-lh: #fbc02d;--osmd-piano-focus: #4a90e2;--osmd-piano-deck-bg: #1b1e26;--osmd-piano-white-top: #ffffff;--osmd-piano-white-bottom: #ffffff;--osmd-piano-white-stroke: #c4cad6;--osmd-piano-black-top: #000000;--osmd-piano-black-bottom: #000000;--osmd-piano-black-stroke: #000000;--osmd-piano-badge-bg: #ffffff;--osmd-piano-badge-border: #c7d6f5;--osmd-piano-badge-text: #2f6fed;--osmd-piano-nav-bg: #ffffff;--osmd-piano-nav-bg-hover: #eef1f6;--osmd-piano-nav-fg: #4a5163;--osmd-piano-press: #2f6fed;--osmd-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}._player_57l0u_1{position:relative;background-color:var(--osmd-bg-primary);overflow:hidden;width:100%;height:100%;min-width:0;isolation:isolate;display:flex;flex-direction:column;--piano-keyboard-height: 172px}._osmdWrapper_57l0u_17{width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}._pianoSlot_57l0u_25{flex-shrink:0}._osmdWrapperHorizontal_57l0u_30{overflow-x:auto;overflow-y:auto}._osmdWrapperPaged_57l0u_36{display:flex;flex-direction:row;align-items:stretch;overflow:hidden}._pageNavButton_57l0u_43{flex-shrink:0;align-self:stretch;display:flex;align-items:center;justify-content:center;width:40px;padding:0;border:none;border-left:1px solid var(--osmd-border-light);border-right:1px solid var(--osmd-border-light);background-color:var(--osmd-bg-control);color:var(--osmd-text-primary);cursor:pointer;transition:background-color .15s ease}._pageNavButton_57l0u_43:hover:not(:disabled){background-color:var(--osmd-border-light)}._pageNavButton_57l0u_43:disabled{opacity:.35;cursor:not-allowed}._pageNavButtonHiddenWhilePlaying_57l0u_70,._pageNavButtonHiddenSinglePage_57l0u_76{visibility:hidden;pointer-events:none}._pageNavIcon_57l0u_81{width:22px;height:22px}._notationViewportPaged_57l0u_87{flex:1;min-width:0;min-height:0;overflow:hidden}._pagedStrip_57l0u_86{width:100%;will-change:transform}._pagedMotion_57l0u_100{width:100%}._pagedMotionFromRight_57l0u_104{animation:_pagedEnterFromRight_57l0u_1 .2s ease-out}._pagedMotionFromLeft_57l0u_108{animation:_pagedEnterFromLeft_57l0u_1 .2s ease-out}@keyframes _pagedEnterFromRight_57l0u_1{0%{transform:translate(18px);opacity:.86}to{transform:translate(0);opacity:1}}@keyframes _pagedEnterFromLeft_57l0u_1{0%{transform:translate(-18px);opacity:.86}to{transform:translate(0);opacity:1}}._notationViewport_57l0u_87{position:relative;width:100%;min-width:0;min-height:0}._osmdContainer_57l0u_136{position:relative;width:100%;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none}._osmdContainer_57l0u_136 img[id^=cursorImg]{z-index:5!important;opacity:.95;pointer-events:none;border-radius:2px;transform:scaleX(.13) scaleY(1.2);transform-origin:center center}._osmdContainerGrowWidth_57l0u_173{width:-moz-max-content;width:max-content;min-width:100%}._osmdContainerPage_57l0u_183{max-width:1440px;margin:0 auto}._loadingOverlay_57l0u_188{position:absolute;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;background:#00000038;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:all}._loader_57l0u_200{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.28);border-top-color:#fff;animation:_spin_57l0u_1 .85s linear infinite}@keyframes _spin_57l0u_1{to{transform:rotate(360deg)}}._initError_57l0u_217{display:flex;max-width:420px;flex-direction:column;align-items:center;gap:10px;padding:20px 24px;border-radius:12px;background:#000000b8;color:#fff;text-align:center}._initErrorTitle_57l0u_230{margin:0;font-size:15px;font-weight:600}._initErrorDetail_57l0u_236{margin:0;overflow-wrap:anywhere;font-size:12px;line-height:1.45;opacity:.72}._initErrorRetry_57l0u_244{margin-top:4px;padding:7px 18px;border:1px solid rgba(255,255,255,.34);border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}._initErrorRetry_57l0u_244:hover{background:#ffffff1f}._placeholder_57l0u_260{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;background-color:var(--osmd-bg-primary);border:2px dashed var(--osmd-border);border-radius:12px;margin:16px;color:var(--osmd-text-secondary)}._navbar_1nk0c_6{--flat-surface: #ffffff;--flat-text-secondary: hsl(226, 15%, 44%);--flat-border: hsl(224, 18%, 88%);--flat-blue: hsl(218, 87%, 51%);--flat-player-shadow: 0 2px 8px rgb(0 0 0 / .04), 0 1px 3px rgb(0 0 0 / .08);--flat-dropdown-shadow: 0 8px 18px -6px rgb(144 144 144 / .08), 0 12px 42px -4px rgb(144 144 144 / .08);box-sizing:border-box;flex:0 0 68px;height:68px;width:100%;padding:0 22px 0 18px;background-color:var(--surface-accent-primary-default, var(--accent-600, hsl(218, 87%, 51%)));display:flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:8px 8px 0 0}._se-navbar_1nk0c_2{display:none!important}._navShell_1nk0c_37{position:relative;flex:0 0 68px;width:100%}._scrollBtn_1nk0c_45{position:absolute;top:50%;transform:translateY(-50%);z-index:5;display:none;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#fff;color:#1565ef;box-shadow:0 2px 8px #0000002e,0 1px 3px #00000038;cursor:pointer}._scrollBtn_1nk0c_45:active{transform:translateY(-50%) scale(.92)}._scrollLeft_1nk0c_70{left:4px}._scrollRight_1nk0c_74{right:4px}._noSelect_1nk0c_78{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}._audioCtrls_1nk0c_83{position:relative;height:52px;display:flex;align-items:flex-start;gap:6px;flex:0 1 auto}._audioCtrls_1nk0c_83>*{pointer-events:auto}._toolbarActions_1nk0c_97{margin-left:auto;display:flex;align-items:center;gap:14px;padding-left:16px}._loopChip_1nk0c_110{display:flex;align-items:center;gap:8px;height:34px;margin-left:16px;padding:0 6px 0 12px;border-radius:40px;background:var(--flat-surface);box-shadow:var(--flat-player-shadow);color:var(--flat-text-secondary);white-space:nowrap}._loopChipLabel_1nk0c_124{font-size:12px;font-weight:500;letter-spacing:.1px}._loopChipClose_1nk0c_130{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;border-radius:40px;background:transparent;color:inherit;cursor:pointer}._loopChipClose_1nk0c_130:hover{background:#00000014}._loopChipClose_1nk0c_130:focus-visible{outline:2px solid rgb(255 255 255 / .9);outline-offset:2px}._playCluster_1nk0c_153{position:relative;display:flex;align-items:center;gap:0}._ddn_1nk0c_160{position:relative;display:flex;align-items:center}._ddWrap_1nk0c_166{position:relative}._spacedControl_1nk0c_172{margin-left:0}._labeledControl_1nk0c_179{display:flex;flex-direction:column;align-items:center;gap:5px;width:52px}._ctrlLabel_1nk0c_187{font-size:10px;line-height:1.15;font-weight:500;color:#fff;text-align:center;white-space:nowrap;letter-spacing:.1px;pointer-events:none}._iconBtn_1nk0c_199{display:flex;align-items:center;justify-content:center;width:34px;height:34px;overflow:visible;padding:0;border:0;border-radius:40px;background:var(--flat-surface);box-shadow:var(--flat-player-shadow);color:var(--flat-text-secondary);cursor:pointer}._iconBtn_1nk0c_199:hover:not(:disabled){filter:brightness(1.03)}._iconBtn_1nk0c_199:focus-visible{outline:2px solid rgb(255 255 255 / .9);outline-offset:2px}._iconBtn_1nk0c_199:disabled{opacity:.45;cursor:not-allowed;filter:none}._playMain_1nk0c_230{flex:0 0 38px;width:38px;height:38px;overflow:hidden}._playDropdownTrigger_1nk0c_237{background:transparent;border:0;height:38px;padding:0;margin:0;min-width:0;display:flex;align-items:center;justify-content:flex-start;color:#fff;cursor:pointer}._playDropdownTrigger_1nk0c_237:disabled{opacity:.45;cursor:not-allowed}._playDropdownTrigger_1nk0c_237:focus-visible{outline:2px solid rgb(255 255 255 / .85);outline-offset:2px;border-radius:4px}._caretClosed_1nk0c_262{display:inline-flex;transition:transform .15s ease}._caretOpen_1nk0c_267{display:inline-flex;transform:rotate(180deg);transition:transform .15s ease}._instrumentViz_1nk0c_273{flex-shrink:0}._iconBtnActive_1nk0c_277{color:var(--flat-blue);box-shadow:var(--flat-player-shadow),0 0 0 2px #1665ef40}._iconWithAccent_1nk0c_284{color:var(--surface-accent-primary-default, var(--accent-600, var(--flat-blue)))}._pauseIconShell_1nk0c_288{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;line-height:0}._pauseIconShell_1nk0c_288 svg{display:block;width:20px;height:20px}._dropdown_1nk0c_304{position:absolute;z-index:1050;display:block;background:var(--flat-surface);border-radius:8px;border:1px solid var(--flat-border);box-shadow:var(--flat-dropdown-shadow);font-size:14px}._playDropdown_1nk0c_237{top:0;left:0;margin-top:10px;padding:8px 0;transform:translate3d(0,32px,0);will-change:transform}._volumeDropdown_1nk0c_325{top:100%;left:50%;right:auto;margin-top:10px;transform:translate(-50%);padding:10px 12px;min-width:200px}._dropdownArrow_1nk0c_335{position:absolute;top:-6px;width:10px;height:10px;left:24px;transform:rotate(45deg);background:var(--flat-surface);border-left:1px solid var(--flat-border);border-top:1px solid var(--flat-border);pointer-events:none}._volumeDropdown_1nk0c_325 ._dropdownArrow_1nk0c_335{left:50%;right:auto;transform:translate(-50%) rotate(45deg)}._playDropdown_1nk0c_237 ._dropdownArrow_1nk0c_335{left:29px}._audUl_1nk0c_357{list-style:none;margin:0;padding:0;max-width:350px}._optionsRecordings_1nk0c_364{margin:0;padding:0}._speedOptionInner_1nk0c_369{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:100%;height:40px;padding:0 16px 0 8px;margin:0;white-space:nowrap;border-left:2px solid transparent;box-sizing:border-box;color:var(--flat-text-secondary)}._speedOptionInner_1nk0c_369>span{flex:0 0 auto}._speedOptionInner_1nk0c_369>svg:first-of-type{flex-shrink:0}._playbackSpeed_1nk0c_392{display:flex;align-items:center;gap:4px;margin-left:auto}._speedBtn_1nk0c_399{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--flat-text-secondary);cursor:pointer}._speedBtn_1nk0c_399 svg{width:22px;height:22px}._speedBtn_1nk0c_399:hover:not(:disabled){background:#eceff3}._speedBtn_1nk0c_399:disabled{opacity:.35;cursor:not-allowed}._speedValue_1nk0c_427{min-width:40px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums;color:#1c264a}._dropdownLabel_1nk0c_435{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:500;color:#1c264a}._dropdownHint_1nk0c_446{margin-top:8px;max-width:220px;font-size:11px;line-height:1.35;font-weight:400;color:#5c678a;text-wrap:balance}._volumeSlider_1nk0c_456{width:100%;height:6px;margin:4px 0 6px;accent-color:var(--flat-blue);cursor:pointer}._volumePct_1nk0c_464{font-size:12px;color:var(--flat-text-secondary);text-align:right}@media(max-width:768px){._navbar_1nk0c_6{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}._navbar_1nk0c_6::-webkit-scrollbar{display:none}._scrollBtn_1nk0c_45{display:flex}._audioCtrls_1nk0c_83,._toolbarActions_1nk0c_97{flex-shrink:0}._toolbarActions_1nk0c_97{margin-left:44px}._dropdown_1nk0c_304{position:fixed;top:var(--navbar-bottom, 68px);left:12px;right:12px;width:auto;min-width:0;max-width:none;margin-top:8px;transform:none}._playDropdown_1nk0c_237,._volumeDropdown_1nk0c_325{left:12px;right:12px;transform:none}._dropdownArrow_1nk0c_335{display:none}}._handDropdown_1nk0c_541{min-width:236px}._handSegment_1nk0c_545{position:relative;max-width:320px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--hand-segment-gap, 2px);padding:3px;border-radius:999px;background:#f2f3f8;box-shadow:inset 0 1px 2px #1018280f;isolation:isolate}._handSegmentThumb_1nk0c_568{position:absolute;z-index:-1;top:3px;bottom:3px;left:0;border-radius:999px;background:var(--surface-accent-primary-default, var(--accent-600, hsl(218, 87%, 51%)));box-shadow:0 1px 2px #1018282e;transition:transform .16s cubic-bezier(.32,.72,0,1),width .16s cubic-bezier(.32,.72,0,1)}._handSegmentBtn_1nk0c_582{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;background:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 6px;font:inherit;font-size:13px;font-weight:550;line-height:1;white-space:nowrap;color:#4a5478;cursor:pointer;transition:color .12s ease}._handSegmentBtn_1nk0c_582:hover:not([aria-checked=true]){color:#1c264a}._handSegmentBtn_1nk0c_582[aria-checked=true]{color:#fff}._handSegmentBtn_1nk0c_582:focus-visible{outline:2px solid var(--surface-accent-primary-default, var(--accent-600, hsl(218, 87%, 51%)));outline-offset:2px}._handGlyphPair_1nk0c_619{display:inline-flex;align-items:center;flex:0 0 auto}._handGlyphPair_1nk0c_619>:last-child{margin-left:-1px}@media(prefers-reduced-motion:reduce){._handSegmentThumb_1nk0c_568{transition:none}}._shell_1r7wa_1{display:flex;flex-direction:column;height:100%;min-height:0;border-radius:8px;overflow:hidden}._playerArea_1r7wa_10{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;border:1px solid rgba(0,0,0,.2);border-radius:0 0 8px 8px;box-shadow:0 2px 12px #00000014}._shellBare_1r7wa_25 ._playerArea_1r7wa_10{border:0;border-radius:8px;box-shadow:none}._lockedClip_1r7wa_35{position:absolute;inset:0;overflow:hidden;pointer-events:none}._lockedOverlay_1r7wa_45{position:absolute;left:50%;transform:translate(-50%);z-index:5;display:flex;justify-content:center;width:100%;pointer-events:none}._playerArea_1r7wa_10>section{flex:1;min-height:0}._loadingCover_1r7wa_74{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#fff}._loadingSpinner_1r7wa_84{width:44px;height:44px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-top-color:#2b87da;animation:_osmdPreviewSpin_1r7wa_1 .85s linear infinite}@keyframes _osmdPreviewSpin_1r7wa_1{to{transform:rotate(360deg)}}._card_nxbhr_5{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 28px 24px;margin-top:56px;text-align:center;max-width:520px;background:radial-gradient(ellipse 75% 70% at 50% 42%,#fffffff2,#ffffffe6 45%,#fff0)}._heading_nxbhr_24{margin:0;font-size:1.05rem;font-weight:700;color:#152556}._cta_nxbhr_31{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;pointer-events:auto;padding:8px 22px;border-radius:999px;background:#28d0ac;color:#fff;font-size:.95rem;font-weight:600;transition:background-color .15s ease,transform .1s ease}._cta_nxbhr_31:hover{background:#22b89a}._cta_nxbhr_31:active{transform:translateY(1px)}._cta_nxbhr_31:focus-visible{outline:2px solid #152556;outline-offset:2px}._unlockLabel_nxbhr_61{margin:2px 0 0;font-size:.8rem;font-weight:600;color:#454545}._features_nxbhr_68{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}._feature_nxbhr_68{display:flex;flex-direction:column;align-items:center;gap:4px;width:120px;color:#454545}._feature_nxbhr_68 svg{font-size:22px;color:#152556}._featureLabel_nxbhr_89{font-size:.72rem;line-height:1.25}.export-score-menu{padding:0;display:flex}.editor-actions{display:flex;align-items:center;gap:14px}.score-action-bar{display:flex;align-items:center;gap:12px}.score-action-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.score-action-btn:disabled{cursor:not-allowed;opacity:.45}.score-action-bubble{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;color:#1565ef;box-shadow:0 2px 8px #0000000a,0 1px 3px #00000014;transition:filter .15s ease,transform .1s ease}.score-action-btn:hover:not(:disabled) .score-action-bubble{filter:brightness(1.03)}.score-action-btn:active:not(:disabled) .score-action-bubble{transform:scale(.94)}.score-action-label{font-size:10px;line-height:1.15;font-weight:500;color:inherit;white-space:nowrap}.mode-toggle{border-color:#fff}.mode-toggle .button{font-size:var(--font-caption);font-weight:400;color:#fff;border-color:var(--brand-color);background-color:#1565ef}.mode-toggle .selected{background:var(--brand-color)}.save-dialog .MuiPaper-root{min-width:min(420px,100vw - 2 * var(--space-md))}.save-dialog__form{display:flex;flex-direction:column;gap:var(--space-sm)}.save-dialog__slider-container{padding:var(--space-2xs) 0}.save-dialog__toggle-group{display:flex;justify-content:center}.save-dialog__toggle-button{min-width:64px;padding:var(--space-2xs) var(--space-sm)}.save-dialog__toggle-button.Mui-selected{background-color:#152556;color:#fff}.save-dialog__toggle-button.Mui-selected:hover{background-color:#0f1c40}.score-editor{margin:0;padding:8px 24px;position:absolute;inset:54px 0 0;display:flex;flex-direction:column;overflow:hidden}.score-editor #btn-fullscreen-toggle{display:none}.score-editor>.flat-embed-wrapper{flex:1 1 auto;min-height:0}.score-editor .flatio-container{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;position:relative}.score-editor .flatio-container .edit-toolbar-overlay{position:absolute;top:0;left:0;right:0;width:100%;z-index:100}.score-editor .flatio-container>.wrapper-view,.score-editor .flatio-container>.wrapper-edit{flex:1 1 auto;min-height:0;width:100%}.score-editor .flatio-container .hidden{display:none}.score-editor .flatio-container .blocked-access-layer{position:absolute;inset:0;z-index:10;cursor:pointer}.score-editor .wrapper-view{display:block;position:relative;overflow:auto}.score-editor .wrapper-edit{display:block;position:relative;overflow:clip}.score-editor .wrapper-edit .flat-embed{height:calc(100% + 170px)}.score-editor .wrapper-hidden{display:none}@media screen and (max-width:768px){.score-editor .wrapper-edit .flat-embed{margin-top:16px;height:calc(100% + 154px)}}:fullscreen .score-editor{top:0;bottom:9px;display:flex;padding:4px;flex-direction:column;background:#fff}:-webkit-full-screen .score-editor{top:0;bottom:9px;display:flex;padding:4px;flex-direction:column;background:#fff}:-moz-full-screen .score-editor{top:0;bottom:9px;display:flex;padding:4px;flex-direction:column;background:#fff}:-ms-fullscreen .score-editor{top:0;bottom:9px;display:flex;padding:4px;flex-direction:column;background:#fff}.score-page .toolbar{display:flex;padding:var(--space-sm) var(--space-md) 0 0;justify-content:space-between}.score-page .toolbar .buttons-group{gap:var(--space-2xs);display:flex;align-items:center}@media screen and (max-width:768px){.score-page .toolbar .buttons-group__btn-title{display:none}}.score-page .toolbar .song-details{gap:var(--space-2xs);display:flex;align-items:center}.score-page .toolbar .song-details img{width:42px;height:42px;-o-object-fit:cover;object-fit:cover;border-radius:12px}.score-page .toolbar .song-details .score-title,.score-page .toolbar .song-details .score-subtitle{margin:0;font-size:var(--font-caption);font-weight:500}.score-page .toolbar .song-details .score-title-row{display:flex;align-items:center;gap:var(--space-2xs);min-width:0}.score-page .toolbar .song-details .score-title{font-size:var(--font-body);max-width:60ch;overflow:hidden;text-wrap-mode:nowrap;text-overflow:ellipsis;min-width:0}@media screen and (max-width:768px){.score-page .toolbar .song-details .score-title{max-width:40ch}}@media screen and (max-width:576px){.score-page .toolbar .song-details .score-title{max-width:28ch}}.score-page .toolbar .song-details .source-badge{flex-shrink:0;padding:2px 8px;border-radius:999px;font-size:var(--font-caption);font-weight:600;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;line-height:1.4}.score-page .toolbar .song-details .source-badge--scan{background:#e8eefc;color:#152556}.score-page .toolbar .song-details .source-badge--upload{background:#e6f6ec;color:#1f7a3a}.score-page .toolbar .song-details .source-badge--saved{background:#fdf1de;color:#8a5a00}:fullscreen .score-page .toolbar{display:none}:-webkit-full-screen .score-page .toolbar{display:none}:-moz-full-screen .score-page .toolbar{display:none}:-ms-fullscreen .score-page .toolbar{display:none}.homeworks-page{padding:0px 1rem}.playlist-page{padding:0 16px}:root{--background-color: #ffffff;--background-with-gradient: linear-gradient(90deg, #2b87da 0%, #29c4a9 100%) !important;--primary-color: #243e8a;--brand-color: #29c4a9;--secondary-color: #9d50bb;--accent-color: #2b87da;--light-bg: #f8f9fa;--card-bg: rgba(255, 255, 255, .9);--text-color: #333;--text-light: #666;--success-color: #4caf50;--error-color: #f44336;--border-radius: 16px;--box-shadow: 0 8px 32px rgba(0, 0, 0, .1);--glass-effect: rgba(255, 255, 255, .15);--neon-glow: 0 0 10px rgba(110, 72, 170, .7);--font-display: clamp(1.5rem, .4vw + 4.2vh, 2.625rem);--font-h1: clamp(1.25rem, .3vw + 3.1vh, 2rem);--font-h2: clamp(.95rem, .25vw + 2.2vh, 1.5rem);--font-h3: clamp(.875rem, .2vw + 1.9vh, 1.25rem);--font-body: clamp(.8125rem, .12vw + 1.75vh, 1rem);--font-caption: clamp(.6875rem, .08vw + 1.45vh, .8125rem);--space-2xs: clamp(.25rem, .1vw + .6vh, .5rem);--space-xs: clamp(.375rem, .1vw + 1.2vh, .75rem);--space-sm: clamp(.375rem, .15vw + 1.5vh, 1rem);--space-md: clamp(.5rem, .2vw + 1.9vh, 1.5rem);--space-lg: clamp(.75rem, .25vw + 2.4vh, 2rem);--space-xl: clamp(1rem, .3vw + 4vh, 3rem);--space-2xl: clamp(1.5rem, .4vw + 5.2vh, 4rem)}*{box-sizing:border-box}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}html,body{margin:0;padding:0;overflow-x:hidden;scrollbar-width:none;color:var(--text-color);font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-ms-overflow-style:none;min-height:100dvh}a{text-decoration:none;color:var(--text-color)}.navigation-bar{display:flex;gap:4px;align-items:center;justify-content:start;margin:16px 0}.navigation-bar h1{font-size:var(--font-h1);padding:0;margin:8px 0}.navigation-bar img,.navigation-bar svg{width:32px;height:32px}.card{padding:24px;background:var(--card-bg);backdrop-filter:blur(12px);-moz-backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--glass-effect);overflow:hidden}.accent-button{display:flex;align-items:center;gap:.75rem;padding:16px 32px;background:linear-gradient(259.93deg,#28d0ac 5.84%,#2797c1 99.68%);border-radius:100px;color:#fff;border:none;font-weight:700;font-size:var(--font-body);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6e48aa4d}.MuiButton-root{gap:8px;height:36px}.MuiButton-contained{background-color:var(--brand-color)!important}.MuiButton-contained:disabled{background-color:#dfdfdf!important}.collection-grid-items{width:100%;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.collection-grid-items a{display:block;text-decoration:none;color:inherit;width:100%}@media screen and (max-width:1200px){.collection-grid-items{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (max-width:992px){.collection-grid-items{gap:4px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (max-width:576px){.collection-grid-items{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.demo-score-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.demo-score-page .toolbar{flex:0 0 auto;width:100%;display:flex;padding:var(--space-sm) var(--space-md) 0 0;justify-content:space-between;align-items:center}.demo-score-page .toolbar .song-details{gap:var(--space-2xs);display:flex;align-items:center}.demo-score-page .toolbar .song-details .score-title,.demo-score-page .toolbar .song-details .score-subtitle{margin:0;font-size:var(--font-caption);font-weight:500}.demo-score-page .toolbar .song-details .score-title{font-size:var(--font-body);max-width:60ch;overflow:hidden;text-wrap-mode:nowrap;text-overflow:ellipsis}@media screen and (max-width:768px){.demo-score-page .toolbar .song-details .score-title{max-width:40ch}}@media screen and (max-width:576px){.demo-score-page .toolbar .song-details .score-title{max-width:28ch}}.demo-score-page .toolbar .demo-save-cta{display:flex;align-items:center;gap:var(--space-2xs);height:36px;padding:0 var(--space-md);border:none;border-radius:100px;background:linear-gradient(259.93deg,#28d0ac 5.84%,#2797c1 99.68%);color:#152556;font-weight:700;font-size:var(--font-body);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #28d0ac40}.demo-score-page .toolbar .demo-save-cta:disabled{opacity:.6;cursor:not-allowed}.demo-score-page .toolbar .demo-save-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #28d0ac59}.demo-score-page .toolbar .demo-save-cta .spinner{width:14px;height:14px;border:2px solid rgba(21,37,86,.25);border-top-color:#152556;border-radius:50%;animation:spin 1s linear infinite}.demo-score-page .error-state{display:flex;justify-content:center;align-items:center;padding:2rem;color:var(--error-color);font-size:var(--font-body)}.demo-score-page .flatio-container{flex:1 1 auto;padding:var(--space-2xs) var(--space-lg);min-height:0;width:100%;position:relative}.demo-score-page .flatio-container .demo-editor-toolbar{position:absolute;top:0;left:0;right:0;width:100%;z-index:100}.demo-score-page .flatio-container>div:not(.demo-editor-toolbar){width:100%;height:100%}.demo-score-page .flatio-container .wrapper-view{display:block;position:relative;overflow:auto}.demo-score-page .flatio-container .wrapper-edit{display:block;position:relative;overflow:clip}.demo-score-page .flatio-container .wrapper-edit .flat-embed{height:calc(100% + 170px)}.demo-score-page .flatio-container .wrapper-hidden{display:none}