@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-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-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-600:oklch(54.6% .245 262.881);--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);--font-weight-bold:700;--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)}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-0{top:calc(var(--spacing)*0)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.left-\[50\%\]{left:50%}.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)}.my-2{margin-block:calc(var(--spacing)*2)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.flex{display:flex}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-8{height:calc(var(--spacing)*8)}.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-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)}.min-w-48{min-width:calc(var(--spacing)*48)}.min-w-full{min-width:100%}.flex-1{flex: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}.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)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.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-white{border-color:var(--color-white)}.bg-\(--accent-color\){background-color:var(--accent-color)}.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)}.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)}.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-left{text-align:left}.text-start{text-align:start}.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))}.text-\[24px\]{font-size:24px}.text-\[32px\]{font-size:32px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-\[\#152556\]{color:#152556}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-white{color:var(--color-white)}.italic{font-style:italic}.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)}.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-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-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-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:18px;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}.last-played-list{gap:16px;padding:0;display:flex;flex-wrap:wrap;list-style:none}.last-played-list .title{font-size:16px;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:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.music-item .music-item-details .summary{font-size:12px;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:9px;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:24px;display:grid;grid-template-columns:1fr 1fr;max-width:900px;margin-top:24px;padding:16px;color:#fff;background:var(--background-with-gradient);border-radius:12px}.become-premium .become-premium-content h1{margin:0;padding:0;font-size:36px}.become-premium .become-premium-content p{margin:0}.become-premium .become-premium-content .feature-list{gap:2px;display:flex;flex-direction:column;font-size:16px;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 h1{font-size:36px}.become-premium .become-premium-content p{display:none;font-size:20px}}.become-premium-wide .become-premium-content{gap:64px;display:grid;grid-template-columns:.3fr .5fr;padding-bottom:16px;margin-bottom:24px;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:24px}.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 8px;border-radius:12px;background:var(--background-with-gradient)}.become-premium-slim-wide h1{font-size:20px}.become-premium-slim-wide .become-premium-content{gap:16px;align-items:center;display:grid;grid-template-columns:.25fr 1fr .15fr;padding:8px 16px}.become-premium-slim-wide .become-premium-content .feature-list{gap:8px;display:flex;justify-content:center;font-size:14px}@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:16px;max-width:700px;margin-top:16px;padding:16px;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:24px}.become-premium-fixed .become-premium-content p{font-size:16px}@media screen and (max-width:768px){.become-premium-fixed .become-premium-content p{display:none}}.become-premium-fixed .become-premium-content .feature-list{gap:4px;display:flex;flex-direction:column;font-size:14px;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:16px;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:16px;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}.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:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:-moz-fit-content;width:fit-content}.list-item--subtitle{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.list-item:hover{background:#dfdfdf}.back-button{padding:0;background:#fff}.export-score-menu{padding:0}@media screen and (max-width:768px){.export-score-menu .export-btn-title{display:none}}.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)}}.instruments-bar{gap:16px;display:flex;flex-wrap:wrap;padding:16px 0}.instruments-bar .instrument-selector{gap:16px;display:flex}.instruments-bar .instrument-selector select{padding:4px 8px}.save-dialog__content{padding:8px;min-width:420px}.save-dialog__form{gap:16px;display:flex;flex-direction:column}.save-dialog__slider-container{padding:16px 0}.save-dialog__toggle-group{display:flex;justify-content:center}.save-dialog__toggle-button{min-width:64px;padding:8px 16px}.save-dialog__toggle-button.Mui-selected{background-color:#1976d2;color:#fff}.save-dialog__toggle-button.Mui-selected:hover{background-color:#1565c0}.score-editor{margin:0;padding:8px 24px;position:absolute;inset:54px 0}.score-editor #btn-fullscreen-toggle{display:none}.score-editor .editor-toolbar{gap:16px;display:flex;align-items:center;justify-content:space-between}.score-editor .flatio-container,.score-editor .flatio-container div{width:100%;height:100%}.score-editor .flatio-container .hidden{display:none}.score-editor .flatio-container .blocked-access-layer{position:absolute;top:54px;z-index:1}.score-editor .flatio-button-group{right:32px;margin:12px 8px 0;position:absolute;z-index:100;border-color:#fff}.score-editor .flatio-button-group .button{font-size:12px;font-weight:400;color:#fff;border-color:var(--brand-color);background-color:#1565ef}.score-editor .flatio-button-group .selected{background:var(--brand-color)}.score-editor .wrapper-view,.score-editor .wrapper-edit{display:block}.score-editor .wrapper-hidden{display:none}:fullscreen .score-editor{top:0;bottom:9px;display:flex;padding:4px;flex-direction:column;background:#fff}:fullscreen .score-editor .editor-toolbar{padding:0 16px}:fullscreen .score-editor .blocked-access-layer{inset:64px 0 0;z-index:10;position:absolute}:-webkit-full-screen .score-editor{top:0;bottom:9px;display:flex;padding:4px;flex-direction:column;background:#fff}:-webkit-full-screen .score-editor .editor-toolbar{padding:0 16px}:-webkit-full-screen .score-editor .blocked-access-layer{inset:64px 0 0;z-index:10;position:absolute}:-moz-full-screen .score-editor{top:0;bottom:9px;display:flex;padding:4px;flex-direction:column;background:#fff}:-moz-full-screen .score-editor .editor-toolbar{padding:0 16px}:-moz-full-screen .score-editor .blocked-access-layer{inset:64px 0 0;z-index:10;position:absolute}:-ms-fullscreen .score-editor{top:0;bottom:9px;display:flex;padding:4px;flex-direction:column;background:#fff}:-ms-fullscreen .score-editor .editor-toolbar{padding:0 16px}:-ms-fullscreen .score-editor .blocked-access-layer{inset:64px 0 0;z-index:10;position:absolute}.file-upload-form{margin:8px auto;transition:all .3s ease}.file-upload-form .title{color:#fff;text-align:center;font-size:42px;text-shadow:1px 1px 2px rgba(0,0,0,.3);margin:.67em 0!important}@media screen and (max-width:768px){.file-upload-form .title{font-size:28px}}.file-upload-form .form-content{gap:1rem;display:flex;align-items:center;flex-direction:column;padding:32px;-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}.file-upload-form .form-content .header h1{font-size:36px;margin:16px 0}.file-upload-form .form-content .header p{margin:0;padding:0;font-size:16px;text-align:center}.file-upload-form .form-content .header .large-icon{width:120px;height:120px;color:var(--accent-color)}@media screen and (max-width:768px){.file-upload-form .form-content{padding:16px}.file-upload-form .form-content .header h1{font-size:26px}.file-upload-form .form-content .header p{font-size:13px}.file-upload-form .form-content h2{margin:0;font-size:18px}}.file-upload-form .upload-area{width:100%;padding:2rem;max-width:500px;border:2px dashed var(--primary-color);border-radius:var(--border-radius);cursor:pointer;font-size:20px;font-weight:bolder}.file-upload-form .upload-area:hover{background:#6e48aa0d}.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:.75rem;transition:opacity .3s ease}.file-upload-form .upload-area .upload-content .selected-filename{margin:0;font-weight:500;text-align:center;color:var(--text-color);text-overflow:ellipsis;overflow:hidden}.file-upload-form .upload-area .upload-content .file-types{font-size:.8rem;color:var(--text-light)}.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:#fff;border:none;font-weight:700;font-size:1em;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:#fff}.file-upload-form .process-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;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:.9rem;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:.85rem;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:.85rem;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:.85rem;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:.9rem}.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}.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:992px){.main-page .last-scanned-items--header h1{font-size:26px}}.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}}.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:24px}.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:12px;font-weight:600;padding:4px 40px;text-align:center;width:120px;box-shadow:0 2px 10px #4361ee4d}.pricing-card .card-content{padding:32px;display:flex;flex-direction:column;height:100%}.pricing-card .plan-name{font-size:22px;font-weight:700;color:var(--text-color);margin-bottom:0}.pricing-card .price-container{margin-bottom:24px;display:flex;align-items:flex-end}.pricing-card .price{font-size:36px;font-weight:800;color:var(--text-color);line-height:1}.pricing-card .duration{font-size:16px;color:var(--text-color);margin-left:8px;margin-bottom:4px}.pricing-card .features-list{list-style:none;padding:0;margin:0 0 32px;flex-grow:1}.pricing-card .feature-item{display:flex;align-items:center;margin-bottom:12px;font-size:16px;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:12px;flex-shrink:0}.pricing-card .subscribe-button{color:#fff;background:var(--brand-color);border:none;border-radius:8px;padding:14px;font-size:16px;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)}.social-auth-buttons{gap:12px;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 .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:14px;font-weight:500;text-transform:none}.social-auth-buttons .apple-login-button .MuiButton-startIcon{margin-right:8px}.social-auth-divider{display:flex;align-items:center;margin:16px 0;color:#333;font-size:14px;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 16px}.social-auth-loading{display:flex;justify-content:center;align-items:center;height:44px}.signin-form{flex:1;gap:8px;display:flex;flex-direction:column}.signin-form form{gap:12px;display:flex;flex-direction:column}.signin-form form .submit-btn{height:44px}.signin-form__header{gap:0px;display:flex}.signin-form__header h1{margin:0;padding:8px 0;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:8px;display:flex;flex-direction:column}.signup-form form{gap:12px;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:8px 0;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%);box-shadow:24}@media screen and (max-width:576px){.auth-box{width:380px}}.onboarding-page{padding:0 8px}.onboarding-page .title{margin:8px 0;color:#fff;font-size:42px}@media screen and (max-width:768px){.onboarding-page .title{font-size:24px}}.onboarding-page .section{padding:16px 0;height:100vh}.onboarding-page .section .orm-preview{flex:1;display:flex;flex-direction:column;text-align:center}.onboarding-page .section-center{display:flex;padding-top:16px;justify-content:center}.paywall .paywall-paper{min-width:360px;max-width:820px;transition:all linear .3s;animation:modalFadeIn .3s ease-out}.paywall .dialog-logo{gap:16px;align-items:center;display:flex}.paywall-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;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:8px;padding:24px;display:flex;flex-direction:column;align-items:center;border-radius:12px;background:#445178}.paywall-content .subtitle{text-align:left;font-size:20px;font-weight:500}@media screen and (max-width:768px){.paywall-content .subtitle{font-size:17px}}.paywall-info{display:grid;grid-template-columns:1.25fr 1fr;padding-bottom:20px;width:100%}@media screen and (max-width:768px){.paywall-info{gap:16px;display:flex;flex-direction:column-reverse}}.paywall-list{gap:16px;display:flex;flex-direction:column}.paywall-features .feature-list .feature-item{gap:8px;display:flex;align-items:center;font-size:15px}.paywall-features .feature-list .feature-item img{width:16px;height:16px}@media screen and (max-width:768px){.paywall-features .feature-list .feature-item{font-size:14px}}.paywall-features .price-text{color:gold;font-weight:700;font-size:1.2rem}.paywall-actions{padding:16px 24px 24px;justify-content:center}.paywall-trust-badges-container{border-top:solid 1px var(--text-light);width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:20px}.paywall-trust-badges-container .powered{display:flex;align-items:center;gap:10px;color:#c1c1c1;font-size:14px;font-weight:600}.paywall-trust-badges-container .powered img{height:30px;width:auto}.paywall-trust-badges-container .badges{background-color:var(--background-color);border-radius:8px;display:flex;align-items:center;gap:15px;padding:8px 16px}.paywall-trust-badges-container .badges img{height:35px;width:auto;max-width:45px}.paywall-trust-badges-container .badges img.link{padding:5px 0;max-width:none}@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:16px;border-radius:16px;color:#152556;cursor:pointer;text-transform:capitalize;background-color:var(--brand-color)}.paywall .paywall-paper{color:#fff;border-radius:16px;background:var(--background-with-gradient)}.paywall .paywall-paper .title{font-size:26px;font-weight:500;text-align:center;margin-bottom:16px}@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:19px;font-weight:700}.cookie-banner .cookie-content-body .cookie-content .cookie-text{margin:0;font-size:14px;line-height:1.4;flex:1}@media(max-width:768px){.cookie-banner .cookie-content-body .cookie-content .cookie-text{font-size:13px}}.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}.score-page .toolbar{display:flex;padding:10px 16px 0 0;justify-content:space-between}.score-page .toolbar .buttons-group{gap:4px;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:4px;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:12px;font-weight:500}.score-page .toolbar .song-details .score-title{font-size:16px;max-width:60ch;overflow:hidden;text-wrap-mode:nowrap;text-overflow:ellipsis}@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}}: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}: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)}*{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:26px;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:1em;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))}}.homeworks-page{padding:0px 1rem}.playlist-page{padding:0 16px}