*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:linear-gradient(#0c2639 0%,#16405c 100%);font-family:Albert Sans,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;overflow-x:hidden}h1,h2,h3{letter-spacing:.01em;font-family:Fraunces,Georgia,serif}:focus-visible{outline-offset:3px;outline:3px solid #f6c453a6}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}input,select,textarea,button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6b9ac44d padding-box padding-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6b9ac480 padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#6b9ac44d transparent}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}::selection{color:#fff;background:#f6c45359}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 30px #6b9ac44d}50%{box-shadow:0 0 60px #6b9ac480,0 0 100px #ffecb34d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes liquidBackground{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes rotateGlow{0%{filter:hue-rotate()}to{filter:hue-rotate(30deg)}}@keyframes logoReveal{0%{opacity:0;filter:blur(10px);transform:scale(.8)}50%{opacity:1;filter:blur();transform:scale(1.05)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 20px #ffecb399)drop-shadow(0 0 40px #6b9ac466)}50%{filter:drop-shadow(0 0 30px #ffecb3cc)drop-shadow(0 0 60px #6b9ac499)}}@keyframes logoGlowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes logoFlicker{0%,to{opacity:1}10%{opacity:.85}20%{opacity:1}30%{opacity:.9}40%{opacity:1}50%{opacity:.92}60%,to{opacity:1}}@keyframes splashFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@keyframes blob1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(20px,-30px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.9)}75%{transform:translate(30px,10px)scale(1.05)}}@keyframes blob2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-30px,20px)scale(.95)}50%{transform:translate(25px,-25px)scale(1.1)}75%{transform:translate(-15px,-20px)scale(1)}}@keyframes blob3{0%,to{transform:translate(0)scale(1.05)}33%{transform:translate(25px,25px)scale(.95)}66%{transform:translate(-20px,-15px)scale(1.1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.5s ease-out forwards fadeIn}.fade-in-up{animation:.6s ease-out forwards fadeInUp}.fade-in-down{animation:.6s ease-out forwards fadeInDown}.fade-in-scale{animation:.5s ease-out forwards fadeInScale}.slide-in-right{animation:.5s ease-out forwards slideInRight}.slide-in-left{animation:.5s ease-out forwards slideInLeft}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(0)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease-in}*,:before,:after{border:none!important}fieldset{border:none!important;margin:0!important;padding:0!important}legend{border:none!important;padding:0!important}iframe,hr,*,:before,:after{border:none!important}input,select,textarea,button,img,a,div,span,form,fieldset,legend{border:none!important;outline:none!important}input:focus,select:focus,textarea:focus,button:focus,a:focus{border:none!important;outline:none!important;box-shadow:0 0 0 2px #6b9ac44d!important}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{border:none!important;outline:none!important;box-shadow:0 0 0 2px #6b9ac466!important}img{display:block;border:none!important;outline:none!important}fieldset,legend,iframe,hr{border:none!important}:root{--bg:#0c2639;--surface:#16405c;--surface-hover:#1c4966;--border:#ffffff29;--accent:#f6c453}.nav-item:hover:not(.nav-item-active){background:var(--surface-hover)!important;color:#f4f7fa!important}.song-list{flex-direction:column;gap:12px;display:flex}@media (width>=860px){.song-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.song-list>div[style*="text-align: center"],.song-list>div[style*=textAlign]{grid-column:1/-1}}.label-mobile{display:none}@media (width<=560px){.label-desktop{display:none}.label-mobile{display:inline}}.song-list>div:hover{background:var(--surface-hover)!important;border-color:#ffffff42!important}@media (display-mode:standalone){body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}}input,textarea,select{font-size:max(16px,1em)}@media (width<=720px){.app-header{padding-top:calc(8px + env(safe-area-inset-top,0px))!important;padding-bottom:10px!important;padding-left:calc(12px + env(safe-area-inset-left,0px))!important;padding-right:calc(12px + env(safe-area-inset-right,0px))!important}.app-header-inner{gap:6px!important}.app-header-inner>div:first-child>div:last-child>div{text-overflow:ellipsis;white-space:nowrap;max-width:42vw;overflow:hidden}.app-nav{gap:2px!important;margin-top:10px!important;padding:0 10px!important}.app-nav .nav-item{flex-direction:column!important;gap:3px!important;padding:8px 4px!important}.app-nav .nav-item span{font-size:11px!important}.search-row.ricerca-brani{flex-wrap:wrap}.search-row.ricerca-brani>div:first-child{flex:100%!important}.search-row.ricerca-brani>button,.search-row.ricerca-brani>*>button{flex:none;justify-content:center;padding:12px 18px!important}.search-row.ricerca-brani>:not(:first-child){flex:none;gap:8px;display:flex}.app-content{padding-top:12px!important;padding-left:12px!important;padding-right:12px!important}.modal-sheet{border-radius:20px!important;width:100%!important;max-width:100%!important;max-height:92vh!important;padding:18px!important}.modal-sheet[style*="80vh"]{height:88vh!important;padding:0!important}h1{font-size:22px!important}h2{font-size:20px!important}h3{font-size:15px!important}button,a,input[type=checkbox],label{touch-action:manipulation}}@media (width<=400px){.app-nav .nav-item span{font-size:10px!important}.app-nav .nav-item{padding:7px 2px!important}h2{font-size:18px!important}}html{background-color:#16405c;max-width:100%;overflow-x:hidden}body{background-color:#16405c;max-width:100%;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}@supports (height:100dvh){body,#root{min-height:100dvh}}img,svg,video{max-width:100%;height:auto}pre,code{max-width:100%;overflow-x:auto}.app-page{z-index:1;min-height:100vh;position:relative}@supports (height:100dvh){.app-page{min-height:100dvh}}.app-shell{flex-direction:column;min-height:100vh;display:flex}@supports (height:100dvh){.app-shell{min-height:100dvh}}.app-shell-fisso{height:100vh;min-height:0;overflow:hidden}@supports (height:100dvh){.app-shell-fisso{height:100dvh}}.app-content{flex-direction:column;display:flex}.app-shell-fisso .app-content{flex:1;min-height:0;overflow:hidden}.app-shell-fisso .app-content>*,.app-shell-fisso .app-content>*>*,.app-shell-fisso>[data-flow]{flex-direction:column;flex:1;min-height:0;display:flex}.app-shell-fisso .app-content>*>:not(.scroll-area):not([data-flow]){flex:none}.scroll-area{-webkit-overflow-scrolling:touch;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));max-height:none!important;overflow:visible!important}@supports (height:100dvh){.app-shell{height:100dvh}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 37%,#ffffff0d 63%) 0 0/400% 100%;border-radius:8px;animation:1.4s infinite skeleton-wave}@keyframes skeleton-wave{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.user-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=720px){.user-row{flex-wrap:wrap;align-items:flex-start!important;gap:12px!important}.user-row>div:nth-child(2){flex:auto;min-width:0}.user-actions{flex:100%;gap:6px}.user-actions>*{font-size:12px!important}.user-row>div:nth-child(2)>div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-nav .nav-item-active{background:#f6c45312!important}}@media (width<=480px){h2{font-size:17px!important}}@media (width<=720px){.song-list{gap:8px}.song-list>div{padding:11px 12px!important}.song-list>div>div{align-items:center!important;gap:11px!important}.song-list>div>div>div:first-child{border-radius:10px!important;width:38px!important;height:38px!important;font-size:16px!important}.song-list>div>div>div:last-child{padding:4px!important}}.app-shell>:not(.scroll-area):not([data-flow]),[data-flow]>:not(.scroll-area){flex-shrink:0}@media (width<=720px){.song-toolbar{padding-left:calc(14px + env(safe-area-inset-left,0px))!important;padding-right:calc(14px + env(safe-area-inset-right,0px))!important;padding-bottom:12px!important}.song-toolbar>div{max-width:100%!important}}.app-header,.song-toolbar{padding-top:calc(10px + env(safe-area-inset-top,0px))!important}.scroll-area,.pinch-area{touch-action:pan-x pan-y}.app-shell{isolation:isolate}.modal-sheet{z-index:1;position:relative}.pannello-service>button,.pannello-service>a{flex-shrink:0}@media (width<=560px){.pannello-service{gap:10px!important}.pannello-service>div:first-child{flex:100%}.pannello-service>button{flex:100%;justify-content:center}}@media (width<=720px){.riga-scaletta{flex-wrap:wrap!important;align-items:flex-start!important}.riga-scaletta>div:first-child{flex:100%;margin-bottom:4px}.riga-scaletta>div:last-child{flex:100%;justify-content:flex-start!important}.riga-scaletta button{padding:8px 14px!important;font-size:13px!important}}.pannello-service,.riga-scaletta,.song-list>div,.user-row{box-sizing:border-box;width:100%;max-width:100%}.pannello-service{flex-wrap:wrap}.pannello-service>button{white-space:nowrap;flex:0 auto}@media (width<=620px){.pannello-service>div:first-child{flex:100%}.pannello-service>button{flex:100%;justify-content:center}}.riga-scaletta{flex-wrap:wrap;gap:10px}.riga-scaletta>div:last-child{flex:100%;justify-content:flex-start}@media (width>=768px){.app-content{padding-left:24px!important;padding-right:24px!important}.pannello-service{max-width:720px;padding:18px 20px!important}.riga-scaletta{flex-wrap:nowrap;align-items:center}.riga-scaletta>div:first-child{flex:auto}.riga-scaletta>div:last-child{flex:none;justify-content:flex-end}.user-row{flex-wrap:nowrap}.user-actions{flex:none}}@media (width>=1024px){.app-content{padding-left:32px!important;padding-right:32px!important}.song-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.lista-scalette{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pannello-service{max-width:860px}}@media (width>=1400px){.song-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.scroll-area{max-width:1280px!important}}@media (width>=1100px) and (width<=1399px){.scroll-area{max-width:1040px!important}}@media (hover:hover) and (pointer:fine){.song-list>div,.riga-scaletta,.user-row{transition:transform .15s,border-color .15s,background .15s}.song-list>div:hover{transform:translateY(-1px)}button:hover:not(:disabled){filter:brightness(1.08)}button{transition:filter .15s}}@media (pointer:fine){button,a,input[type=checkbox]{min-height:0}}.pannello-service,.riga-scaletta{align-self:stretch;flex:none!important}.app-shell-fisso .scroll-area{flex:1;min-height:0;overflow-y:auto!important}.app-header{z-index:20;position:sticky;top:0}.pannello-service{flex-wrap:wrap;align-items:center;gap:12px;display:flex;overflow:hidden}.pannello-service>div:first-child{flex:220px;min-width:0}.pannello-service>button{flex:none;max-width:100%}@media (width<=620px){.pannello-service>div:first-child{flex:100%}.pannello-service>button{flex:100%;justify-content:center}}@media (orientation:landscape) and (height<=500px){.live-header.comandi-visibili{padding-top:calc(4px + env(safe-area-inset-top,0px))!important;max-height:none!important;padding-bottom:4px!important}.live-header .live-titolo{font-size:15px!important}.live-comandi.comandi-visibili{padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px))!important;max-height:none!important;overflow:visible!important}.live-comandi.comandi-visibili button,.live-header.comandi-visibili button{min-height:38px!important;padding-top:8px!important;padding-bottom:8px!important}.live-area{padding-left:max(10px, env(safe-area-inset-left,0px))!important;padding-right:max(10px, env(safe-area-inset-right,0px))!important}}@media (width>=900px){.live-area{padding-left:28px!important;padding-right:28px!important}}@media (resolution>=2x){.live-header{border-bottom-width:.5px}}@media (prefers-reduced-motion:reduce){.live-area,.live-header,.live-comandi{transition:none!important}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}button,a,[role=button]{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:2px;border-radius:8px;outline:2px solid #f6c453}@media (hover:hover) and (pointer:fine){button:not(:disabled):hover{filter:brightness(1.12)}}@media (pointer:coarse){button,[role=button]{min-height:44px}}.fascia-stato{height:env(safe-area-inset-top,0px);z-index:9999;pointer-events:none;position:fixed;top:0;left:0;right:0}.search-row{top:env(safe-area-inset-top,0px)!important}.live-header ::-webkit-scrollbar{width:0;height:0}@media (orientation:landscape) and (height<=500px){.live-header.comandi-visibili{flex-direction:row!important;align-items:center!important}.live-header.comandi-visibili>div:first-child{flex:1;min-width:0}}.titolo-brano{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}@keyframes bpmPulse{0%,to{opacity:.55;transform:scale(.8)}30%{opacity:1;transform:scale(1.25)}}@media (width<=600px){.riga-scaletta{flex-wrap:wrap;row-gap:0;padding-bottom:10px!important}.riga-scaletta>div:first-child{flex:0 0 36px}.riga-scaletta>div:nth-child(2){flex:1 1 0;min-width:0}.riga-scaletta .comandi-scaletta{border-top:1px solid #ffffff0f;flex:100%;justify-content:space-between;padding-top:6px}.riga-scaletta .comandi-scaletta>div:nth-child(2){flex-direction:row!important;gap:14px!important}.riga-scaletta .comandi-scaletta>div:nth-child(2) button{padding:6px 10px}}@supports (height:100dvh){.live-schermo{height:100dvh;bottom:auto}}