@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap";@import "https://fonts.googleapis.com/css2?family=Baloo+Da+2&display=swap";.App{background-color:#fefefe;background-attachment:fixed;grid-template:"Aside Header""Aside Content"1fr/120px 1fr;height:100vh;margin:0;display:grid}.App .banner{width:100%}.App .Header{z-index:10;grid-area:Header}.App .Aside{z-index:10;grid-area:Aside}.App .Content{grid-area:Content;position:relative;overflow:hidden}.App .Content .container{width:960px;height:auto;margin:0 auto;padding:16px 32px}@media screen and (width<=1000px){.App{grid-template:"Content"100vh/1fr}.App .Header{grid-area:none;width:100%;position:fixed;top:0;left:0}.App .Aside{z-index:100;grid-area:none;position:fixed}.App .Content{height:100vh}.App .Content .container{width:100%;margin-bottom:120px;padding:60px 16px 0}}.Header{color:#1a1a1a;box-sizing:border-box;-webkit-backdrop-filter:blur(20px)saturate(150%);z-index:100;background:#fff9;border:1px solid #fff6;border-radius:20px;justify-content:space-between;align-items:center;height:64px;margin:20px 20px 10px 10px;padding:0 30px;font-family:"Baloo Da 2",cursive;display:flex;position:sticky;top:20px;box-shadow:0 8px 32px #0000000d}.Header .header-left{align-items:center;gap:15px;display:flex}.Header .header-right{align-items:center;gap:20px;display:flex}.Header h2{letter-spacing:-.3px;margin:0;font-family:inherit;font-size:22px;font-weight:700}.Header.ordinario h2{color:#165111}.Header.none h2{color:#0b3732}.Header.purple h2{color:#4d00ae}.Header.red h2{color:#370b0b}.Header.yellow h2{color:#151304}.Header button{cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000000d}.Header button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.Header button.ordinario img,.Header button.ordinario svg{filter:invert(29%)sepia(91%)saturate(2329%)hue-rotate(97deg)brightness(95%)contrast()}.Header button.none img,.Header button.none svg{filter:invert(29%)sepia(91%)saturate(2329%)hue-rotate(170deg)brightness(85%)contrast(89%)}.Header button.purple img,.Header button.purple svg{filter:invert(15%)sepia(91%)saturate(2329%)hue-rotate(270deg)brightness(60%)contrast(89%)}.Header button.red img,.Header button.red svg{filter:invert(15%)sepia(91%)saturate(2329%)hue-rotate()brightness(85%)contrast(89%)}.Header button.yellow img,.Header button.yellow svg{filter:invert(72%)sepia(97%)saturate(1637%)hue-rotate(1deg)brightness(104%)contrast(105%)}.Header .menu{position:relative}.Header .menu .menu-btn{display:none}.Header .menu .print{-webkit-backdrop-filter:blur(15px);z-index:3;background:#ffffffe6;border:1px solid #ffffff80;border-radius:12px;width:200px;padding:8px;position:absolute;top:55px;box-shadow:0 8px 32px #0000001a}.Header .menu .print button{width:100%;box-shadow:none;background:0 0;border-radius:8px;justify-content:flex-start;gap:10px;padding:0 10px}.Header .menu .print button:hover{background:#0000000d;transform:none}.Header .user-profile{align-items:center;display:flex}.Header .user-profile .profile-info{-webkit-backdrop-filter:blur(10px);cursor:pointer;background:#fff9;border:1px solid #fff6;border-radius:20px;align-items:center;gap:12px;padding:4px 12px 4px 4px;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000000d}.Header .user-profile .profile-info:hover{background:#fffc;box-shadow:0 4px 15px #00000014}.Header .user-profile .profile-info .user-name{color:#333;font-size:14px;font-weight:600}.Header .user-profile .profile-info .userPicture{object-fit:cover;border-radius:50%;width:32px;height:32px}@media screen and (width<=1000px){.Header{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(150%);height:50px;box-shadow:none;background:#fff9;border:none;border-bottom:1px solid #fff6;border-radius:0;justify-content:space-between;align-items:center;width:100%;margin:0;padding:0 10px;display:flex;position:sticky;top:0}.Header .header-left{justify-content:center;width:100%;position:relative}.Header .menu{position:absolute;left:0}.Header .menu .menu-btn{box-shadow:none;background:0 0;display:flex}.Header .menu .menu-btn img,.Header .menu .menu-btn svg{width:20px;height:20px}.Header .menu .print{top:45px;left:0}.Header h2{text-align:center;font-size:16px;line-height:18px}.Header .header-right{position:absolute;right:16px}.Header .header-right .desktop-only{display:none}.Header .header-right .reload-btn{box-shadow:none;background:0 0;width:32px;height:32px}.Header .header-right .reload-btn img,.Header .header-right .reload-btn svg{width:20px;height:20px}}.Header .hsa-cancel,.Header .hsa-save{cursor:pointer;align-items:center;-webkit-backdrop-filter:none!important;width:auto!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:8px!important;padding:5px 10px!important;font-family:"Baloo Da 2",cursive!important;font-size:15px!important;font-weight:600!important;transition:opacity .2s!important;display:inline-flex!important}.Header .hsa-cancel:hover,.Header .hsa-save:hover{opacity:.7;box-shadow:none!important;transform:none!important}.Header .hsa-cancel:active,.Header .hsa-save:active{opacity:.5!important}.Header .hsa-cancel:disabled,.Header .hsa-save:disabled{opacity:.3!important;cursor:default!important}.Header .hsa-cancel{color:#666!important}.Header .hsa-save--ordinario{color:#165111!important}.Header .hsa-save--none{color:#0b3732!important}.Header .hsa-save--purple{color:#6300e1!important}.Header .hsa-save--red{color:#e10000!important}.Header .hsa-save--yellow{color:#151304!important}.Aside{-webkit-backdrop-filter:blur(20px);z-index:100;background:#fff9;border:1px solid #fff6;border-radius:40px;flex-direction:column;justify-content:space-between;align-items:center;width:100px;height:calc(100vh - 40px);margin:20px 0 20px 20px;padding:30px 0;display:flex;box-shadow:0 8px 32px #0000000d}.Aside.ordinario .menu-icon{color:#05e100}.Aside.none .menu-icon{color:#0084ff}.Aside.purple .menu-icon{color:#a020f0}.Aside.red .menu-icon{color:red}.Aside.yellow .menu-icon{color:#d4b200}.Aside .mobile-only{display:none!important}.Aside .top-icon .music-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 15px #0000001a}.Aside .top-icon .music-icon.ordinario{background:linear-gradient(135deg,#165111,#05e100)}.Aside .top-icon .music-icon.none{background:linear-gradient(135deg,#0b3732,#00e1e1)}.Aside .top-icon .music-icon.red{background:linear-gradient(135deg,#370b0b,#e10000)}.Aside .top-icon .music-icon.yellow{background:linear-gradient(135deg,#37330b,#dde100)}.Aside .top-icon .music-icon.purple{background:linear-gradient(135deg,#240b37,#6300e1)}.Aside .top-icon .music-icon svg path{fill:#fff}.Aside .nav-icons{flex-direction:column;align-items:center;gap:25px;display:flex}.Aside button{cursor:pointer;background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000000d}.Aside button:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000001a}.Aside button img{filter:invert(50%)sepia(0%)saturate(0%)hue-rotate()brightness(50%)contrast();width:24px;height:24px;transition:all .3s}.Aside button img.userPicture{filter:none;object-fit:cover;border-radius:50%;width:32px;height:32px}.Aside button.active.ordinario{background:linear-gradient(135deg,#165111,#05e100)}.Aside button.active.none{background:linear-gradient(135deg,#0b3732,#00e1e1)}.Aside button.active.red{background:linear-gradient(135deg,#370b0b,#e10000)}.Aside button.active.yellow{background:linear-gradient(135deg,#37330b,#dde100)}.Aside button.active.purple{background:linear-gradient(135deg,#240b37,#6300e1)}.Aside button.active img{filter:brightness(0)invert()}.Aside button.plusBtn{color:#fff;width:60px;height:60px;font-size:24px;position:relative}.Aside button.plusBtn.ordinario{background:linear-gradient(135deg,#165111,#05e100)}.Aside button.plusBtn.none{background:linear-gradient(135deg,#0b3732,#00e1e1)}.Aside button.plusBtn.red{background:linear-gradient(135deg,#370b0b,#e10000)}.Aside button.plusBtn.yellow{background:linear-gradient(135deg,#37330b,#dde100)}.Aside button.plusBtn.purple{background:linear-gradient(135deg,#240b37,#6300e1)}.Aside button.plusBtn{transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #00000026}.Aside button.plusBtn svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.Aside button.plusBtn.active{box-shadow:0 4px 10px #0000001a;background:#4b5563!important}.Aside button.plusBtn.active svg{transform:rotate(45deg)}.Aside .plusBtnDiv{justify-content:center;display:flex;position:relative}.Aside .plusBtnDiv a{color:#333;border-radius:8px;padding:12px 16px;font-weight:600;text-decoration:none;transition:background .3s}.Aside .plusBtnDiv a div{align-items:center;gap:12px;display:flex}.Aside .plusBtnDiv a:hover{background:#0000000d}.Aside .plusBtnDiv .divider{background:#0000000d;height:1px;margin:4px 10px}.Aside .plusBtnDiv .menu-icon{font-size:20px}.Aside .plusBtnDiv .triangleMenuBtn{border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:10px solid #ffffffe6;position:absolute;top:50%;left:70px;transform:translateY(-50%)}.Aside .plusBtnDiv .triangleMenuBtn.hidden{display:none}.Aside .plusBtnDiv .menuPlusBtn{z-index:4;-webkit-backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:16px;flex-direction:column;gap:5px;width:200px;padding:10px;display:flex;position:absolute;top:50%;left:80px;transform:translateY(-50%);box-shadow:0 8px 32px #0000001a}@media screen and (width<=1000px){.Aside{-webkit-backdrop-filter:blur(35px)saturate(200%);background:#ffffff80;border:1px solid #fff9;border-radius:40px;flex-direction:row;width:90%;max-width:500px;height:70px;margin:0;padding:0 20px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001a,inset 0 1px 2px #fffc}.Aside .desktop-only{display:none!important}.Aside .mobile-only{display:flex!important}.Aside .nav-icons{flex-direction:row;justify-content:space-between;gap:0;width:100%}.Aside button{width:48px;height:48px;box-shadow:none;background:0 0;border-radius:14px}.Aside button:hover{transform:none}.Aside button img{width:24px;height:24px}.Aside button.active{box-shadow:none;background:#fffbeb}.Aside button.active.ordinario{background:#05e1001a}.Aside button.active.ordinario img{filter:invert(29%)sepia(91%)saturate(2329%)hue-rotate(97deg)brightness(95%)contrast()}.Aside button.active.none{background:#00a3ff1a}.Aside button.active.none img{filter:invert(29%)sepia(91%)saturate(2329%)hue-rotate(170deg)brightness(85%)contrast(89%)}.Aside button.active.purple{background:#8a2be21a}.Aside button.active.purple img{filter:invert(15%)sepia(91%)saturate(2329%)hue-rotate(270deg)brightness(60%)contrast(89%)}.Aside button.active.red{background:#ff00001a}.Aside button.active.red img{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(4154%)hue-rotate(352deg)brightness(86%)contrast(113%)}.Aside button.active.yellow{background:#dde1001a}.Aside button.active.yellow img{filter:invert(72%)sepia(97%)saturate(1637%)hue-rotate(1deg)brightness(104%)contrast(105%)}.Aside .plusBtnDiv .plusBtn{width:60px;height:60px;font-size:24px}.Aside .plusBtnDiv .plusBtn.ordinario{background:linear-gradient(135deg,#165111,#05e100)}.Aside .plusBtnDiv .plusBtn.none{background:linear-gradient(135deg,#0b3732,#00e1e1)}.Aside .plusBtnDiv .plusBtn.red{background:linear-gradient(135deg,#370b0b,#e10000)}.Aside .plusBtnDiv .plusBtn.yellow{background:linear-gradient(135deg,#37330b,#dde100)}.Aside .plusBtnDiv .plusBtn.purple{background:linear-gradient(135deg,#240b37,#6300e1)}.Aside .plusBtnDiv .plusBtn{border:2px solid #fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #0003}.Aside .plusBtnDiv .plusBtn svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.Aside .plusBtnDiv .plusBtn.active{box-shadow:0 4px 10px #0000001a;background:#4b5563!important}.Aside .plusBtnDiv .plusBtn.active svg{transform:rotate(45deg)}.Aside .plusBtnDiv .menuPlusBtn{border-radius:16px;flex-direction:column;width:180px;padding:10px;top:-170px;left:50%;transform:translate(-50%);box-shadow:0 -8px 32px #0000001a}}.Home{margin-top:20px;font-family:inherit}.Home .main-title{color:#1a1a1a;align-items:center;gap:8px;margin:0;font-size:32px;font-weight:800;display:flex}.Home .subtitle{color:#64748b;margin:4px 0 30px;font-size:16px}.Home .recent-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.Home .recent-header .link{color:inherit;text-decoration:none}.Home .recent-header h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.Home .recent-header .see-all{cursor:pointer;font-size:14px;font-weight:600}.Home .recent-header .see-all.ordinario{color:#05e100}.Home .recent-header .see-all.none{color:#0084ff}.Home .recent-header .see-all.purple{color:#a020f0}.Home .recent-header .see-all.red{color:red}.Home .recent-header .see-all.yellow{color:#d4b200}.Home .recentFeed{flex-direction:column;gap:16px;display:flex}.Home .recentFeed .recent{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:20px;justify-content:space-between;align-items:center;padding:20px 24px;transition:all .2s;display:flex;box-shadow:0 4px 20px #00000008}.Home .recentFeed .recent:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000000d}.Home .recentFeed .recent .recent-info{flex-direction:column;gap:6px;display:flex}.Home .recentFeed .recent .recent-info h3{color:#1e293b;margin:0;font-size:17px;font-weight:600}.Home .recentFeed .recent .recent-info .date{margin:0;font-size:13px;font-weight:500}.Home .recentFeed .recent .recent-info .date.ordinario{color:#05e100}.Home .recentFeed .recent .recent-info .date.none{color:#0084ff}.Home .recentFeed .recent .recent-info .date.purple{color:#a020f0}.Home .recentFeed .recent .recent-info .date.red{color:red}.Home .recentFeed .recent .recent-info .date.yellow{color:#d4b200}.Home .recentFeed .recent .chevron-icon{opacity:.6}@media screen and (width<=600px){.Home .main-title{width:100%;font-size:26px}.Home .subtitle{font-size:14px}}.SongCreate{padding-bottom:120px;position:relative}.SongCreate .song-action-bar{z-index:10;-webkit-backdrop-filter:blur(20px);background:#ffffffb8;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;margin-bottom:6px;padding:14px 16px 10px;display:flex;position:sticky;top:0}.SongCreate .song-action-bar .action-cancel{color:#555;cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:4px 0;font-family:"Baloo Da 2",cursive;font-size:16px;font-weight:500;display:flex}.SongCreate .song-action-bar .action-cancel:active{opacity:.6}.SongCreate .song-action-bar .action-title{color:#1a1a1a;font-family:"Baloo Da 2",cursive;font-size:17px;font-weight:700}.SongCreate .song-action-bar .action-save{cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:"Baloo Da 2",cursive;font-size:16px;font-weight:700;transition:opacity .2s}.SongCreate .song-action-bar .action-save:disabled{opacity:.3;cursor:default}.SongCreate .song-action-bar .action-save:active{opacity:.6}.SongCreate .song-action-bar.ordinario .action-save{color:#165111}.SongCreate .song-action-bar.none .action-save{color:#0b3732}.SongCreate .song-action-bar.purple .action-save{color:#6300e1}.SongCreate .song-action-bar.red .action-save{color:#e10000}.SongCreate .song-action-bar.yellow .action-save{color:#221f07}.SongCreate .capo-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}.SongCreate .capo-bar .capo-toggle-btn{color:#444;cursor:pointer;background:#fff;border:1.5px solid #0000001a;border-radius:18px;align-items:center;gap:6px;height:36px;padding:0 14px;font-family:"Baloo Da 2",cursive;font-size:13px;font-weight:700;transition:all .2s;display:flex}.SongCreate .capo-bar .capo-toggle-btn .capo-icon{filter:invert(40%);width:18px;height:18px;transition:filter .2s}.SongCreate .capo-bar .capo-toggle-btn:active{transform:scale(.94)}.SongCreate .capo-bar .transpose-group{background:#7676801a;border-radius:18px;gap:6px;padding:4px;display:flex}.SongCreate .capo-bar .transpose-btn{color:#444;cursor:pointer;background:0 0;border:none;border-radius:14px;height:28px;padding:0 12px;font-family:"Baloo Da 2",cursive;font-size:13px;font-weight:700;transition:background .18s}.SongCreate .capo-bar .transpose-btn:hover{background:#fff}.SongCreate .capo-bar .transpose-btn:active{transform:scale(.92)}.SongCreate .capo-bar .trash-btn{color:#c00;cursor:pointer;background:#e1000014;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;transition:all .2s;display:flex}.SongCreate .capo-bar .trash-btn:active{transform:scale(.9)}.SongCreate .capo-bar.ordinario .capo-toggle-btn.active{color:#fff;background:#165111;border-color:#165111}.SongCreate .capo-bar.ordinario .capo-toggle-btn.active .capo-icon{filter:brightness(0)invert()}.SongCreate .capo-bar.none .capo-toggle-btn.active{color:#fff;background:#0b3732;border-color:#0b3732}.SongCreate .capo-bar.none .capo-toggle-btn.active .capo-icon{filter:brightness(0)invert()}.SongCreate .capo-bar.purple .capo-toggle-btn.active{color:#fff;background:#6300e1;border-color:#6300e1}.SongCreate .capo-bar.purple .capo-toggle-btn.active .capo-icon{filter:brightness(0)invert()}.SongCreate .capo-bar.red .capo-toggle-btn.active{color:#fff;background:#e10000;border-color:#e10000}.SongCreate .capo-bar.red .capo-toggle-btn.active .capo-icon{filter:brightness(0)invert()}.SongCreate .capo-bar.yellow .capo-toggle-btn.active{color:#fff;background:#37330b;border-color:#37330b}.SongCreate .capo-bar.yellow .capo-toggle-btn.active .capo-icon{filter:brightness(0)invert()}.SongCreate .song-form-card{background:#fff;border-radius:18px;margin:0 0 16px;padding:16px;box-shadow:0 2px 12px #0000000d}.SongCreate .card-section-label{color:#888;letter-spacing:.06em;margin:0 0 14px;font-size:11px;font-weight:800}.SongCreate .card-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.SongCreate .card-field:last-child{margin-bottom:0}.SongCreate .card-field.half{flex:1}.SongCreate .card-field-row{gap:12px;margin-bottom:14px;display:flex}.SongCreate .field-label{color:#888;letter-spacing:.05em;font-size:11px;font-weight:800}.SongCreate .field-input{color:#1a1a1a;box-sizing:border-box;background:#76768014;border:none;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-family:"Baloo Da 2",cursive;font-size:16px}.SongCreate .field-input::placeholder{color:#aaa}.SongCreate .field-input.chord-display{cursor:pointer;color:#2289c2;align-items:center;font-weight:700;display:flex}.SongCreate .field-input.muted{color:#999}.SongCreate .chip-group{flex-wrap:wrap;gap:8px;display:flex}.SongCreate .chip{color:#555;cursor:pointer;background:0 0;border:1.5px solid #0000001a;border-radius:20px;padding:7px 16px;font-family:"Baloo Da 2",cursive;font-size:14px;font-weight:600;transition:all .18s}.SongCreate .chip:active{transform:scale(.94)}.SongCreate .chip.active.theme-ordinario{color:#165111;background:#05e10026;border-color:#165111}.SongCreate .chip.active.theme-none{color:#0b3732;background:#00e1e126;border-color:#0b3732}.SongCreate .chip.active.theme-purple{color:#6300e1;background:#6300e11f;border-color:#6300e1}.SongCreate .chip.active.theme-red{color:#e10000;background:#e100001f;border-color:#e10000}.SongCreate .chip.active.theme-yellow{color:#221f07;background:#dde10026;border-color:#221f07}.SongCreate .selectMainChord{cursor:pointer;color:#2289c2;background:#fff;align-items:center;padding:0 20px;font-weight:700;display:flex}.SongCreate .selectMainChord:hover{opacity:.7}.SongCreate .capoShow{color:#2289c2;margin:20px 0 0;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}@media screen and (width<=1000px){.SongCreate{margin-bottom:160px;padding-bottom:80px}.SongCreate .song-action-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:none;position:static}.SongCreate .capo-bar{justify-content:center}}.CustomTextArea p{white-space:pre;font-family:JetBrains Mono,monospace}.CustomTextArea p.chord{color:#2289c2;font-weight:800}.CustomTextArea textarea{resize:none;box-sizing:border-box;color:#1a1a1a;background-color:#76768012;border:none;border-radius:12px;outline:none;width:100%;height:auto;min-height:200px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:16px}.CustomTextArea.selectSynced p{animation:1.5s infinite blink}.CustomTextArea .btnActions{justify-content:flex-end;gap:8px;width:100%;padding:4px 0 8px;display:flex}.CustomTextArea .btnActions button{color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;height:32px;padding:0 14px;font-family:"Baloo Da 2",cursive;font-size:13px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 2px 8px #0000001a}.CustomTextArea .btnActions button:active{opacity:.85;transform:scale(.94)}.CustomTextArea .btnActions button svg{width:14px;height:14px}.CustomTextArea .btnActions .btnEdit{color:#333;box-shadow:none;background:#00000014}.CustomTextArea .btnActions .btnEdit svg{opacity:.7}.CustomTextArea .btnActions .btnEdit.ordinario{color:#165111;background:#05e1001f}.CustomTextArea .btnActions .btnEdit.none{color:#0b3732;background:#00e1e11f}.CustomTextArea .btnActions .btnEdit.purple{color:#6300e1;background:#6300e11a}.CustomTextArea .btnActions .btnEdit.red{color:#e10000;background:#e100001a}.CustomTextArea .btnActions .btnEdit.yellow{color:#221f07;background:#dde10024}.CustomTextArea .btnActions .btnDelete{color:#c00;box-shadow:none;background:#e1000014}@keyframes blink{0%{background:#00e1e100}25%{background:#00e1e180}50%{background:#00e1e1b3}75%{background:#00e1e180}to{background:#00e1e100}}.AddNewButton{cursor:pointer;opacity:.45;justify-content:space-between;align-items:center;width:100%;height:44px;margin:8px 0;transition:opacity .2s;display:flex;position:relative}.AddNewButton:hover,.AddNewButton.opened{opacity:1}.AddNewButton.opened{z-index:100}.AddNewButton .line{opacity:.5;border-radius:2px;flex:1;height:1.5px}.AddNewButton .line.ordinario{background:#05e100}.AddNewButton .line.none{background:#00e1e1}.AddNewButton .line.purple{background:#6300e1}.AddNewButton .line.red{background:#e10000}.AddNewButton .line.yellow{background:#dde100}.AddNewButton .plusBtn{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:0 10px;font-size:26px;line-height:1;transition:transform .2s;display:flex;position:relative;box-shadow:0 3px 12px #00000026}.AddNewButton .plusBtn:active{transform:scale(.9)}.AddNewButton .plusBtn.ordinario{background:linear-gradient(145deg,#05e100,#165111)}.AddNewButton .plusBtn.none{background:linear-gradient(145deg,#00e1e1,#0b3732)}.AddNewButton .plusBtn.purple{background:linear-gradient(145deg,#6300e1,#240b37)}.AddNewButton .plusBtn.red{background:linear-gradient(145deg,#e10000,#370b0b)}.AddNewButton .plusBtn.yellow{background:linear-gradient(145deg,#dde100,#37330b)}.AddNewButton .plusBtn .menu{-webkit-backdrop-filter:blur(24px)saturate(190%);z-index:20;background:#fff6;border:1px solid #ffffff59;border-radius:18px;width:240px;padding:6px;position:absolute;top:calc(100% + 10px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 30px #0000001a}.AddNewButton .plusBtn .menu div{color:#1a1a1a;text-align:left;cursor:pointer;border-radius:12px;padding:11px 16px;font-family:"Baloo Da 2",cursive;font-size:14px;font-weight:600;transition:background .15s}.AddNewButton .plusBtn .menu div:hover{background:#0000000d}.AddNewButton .plusBtn .menu div:active{background:#00000014}.AddNewButton .plusBtn .menu.ordinario div:first-child{color:#165111}.AddNewButton .plusBtn .menu.none div:first-child{color:#0b3732}.AddNewButton .plusBtn .menu.purple div:first-child{color:#6300e1}.AddNewButton .plusBtn .menu.red div:first-child{color:#e10000}.AddNewButton .plusBtn .menu.yellow div:first-child{color:#151304}.AddNewButton .plusBtn .menu.hidden,.AddNewButton .plusBtn .triangle{display:none}p.lyrics,p.chord{white-space:pre;font-family:JetBrains Mono,monospace}p.chord{color:#2289c2;font-weight:800}div.last{margin:0 0 10px}.capoShow{color:#2289c2;margin:20px 0 0;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700}@media screen and (width<=1000px){.song p{font-size:inherit}.capoShow{font-size:20px}}.ModalWindow{-webkit-backdrop-filter:blur(12px);z-index:999;box-sizing:border-box;background:#0006;justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.ModalWindow .Modal{-webkit-backdrop-filter:blur(28px)saturate(190%);box-sizing:border-box;background:#fff;border:1px solid #fff9;border-radius:20px;flex-direction:column;width:100%;max-width:540px;padding:20px 24px;animation:.32s cubic-bezier(.16,1,.3,1) modernWebPop;display:flex;box-shadow:0 20px 50px #0000001f}.ModalWindow .Modal .modal-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;width:100%;margin-bottom:14px;padding-bottom:12px;display:flex}.ModalWindow .Modal .modal-header h3{color:#1a1a1a;margin:0;font-family:"Baloo Da 2",cursive;font-size:20px;font-weight:700}.ModalWindow .Modal .modal-header .close-btn{color:#555;cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.ModalWindow .Modal .modal-header .close-btn:hover{color:#111;background:#00000017}.ModalWindow .Modal .modal-header .close-btn:active{transform:scale(.9)}.ModalWindow .Modal .modal-content{text-align:left;width:100%;margin-bottom:18px}.ModalWindow .Modal .modal-content .modal-desc{color:#333;white-space:normal;word-wrap:break-word;margin:0;font-family:"Baloo Da 2",cursive;font-size:15px;line-height:1.45}.ModalWindow .Modal .buttons{justify-content:flex-end;align-items:center;gap:10px;width:100%;display:flex}.ModalWindow .Modal .buttons button{cursor:pointer;box-sizing:border-box;border:none;border-radius:18px;outline:none;justify-content:center;align-items:center;min-width:90px;height:auto;min-height:36px;padding:8px 16px;font-family:"Baloo Da 2",cursive;font-size:14px;font-weight:700;transition:all .15s;display:flex}.ModalWindow .Modal .buttons button:active{transform:scale(.96)}.ModalWindow .Modal .buttons button.btn-success{color:#fff;background:#007aff;box-shadow:0 2px 8px #007aff33}.ModalWindow .Modal .buttons button.btn-success:hover{opacity:.9;background:#0062cc}.ModalWindow .Modal .buttons button.btn-warning{color:#d07300;background:#ff95001f}.ModalWindow .Modal .buttons button.btn-warning:hover{background:#ff950033}.ModalWindow .Modal .buttons button.btn-danger{color:#ff3b30;background:#ff3b301a}.ModalWindow .Modal .buttons button.btn-danger:hover{background:#ff3b3029}@keyframes modernWebPop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media screen and (width<=1000px){.ModalWindow .Modal{max-width:95%;padding:16px 20px}}.TagCreator{box-sizing:border-box;background:#76768014;border-radius:12px;flex-direction:column;gap:6px;width:100%;min-height:42px;padding:8px 12px;display:flex;position:relative}.TagCreator .TagZone{flex-wrap:wrap;gap:5px;display:flex}.TagCreator .TagZone .Tag{color:#0b3732;background:#007aff1a;border:1px solid #007aff40;border-radius:13px;align-items:center;gap:4px;height:26px;padding:0 4px 0 10px;display:flex}.TagCreator .TagZone .Tag p{white-space:nowrap;margin:0;font-size:13px;font-weight:600}.TagCreator .TagZone .Tag .closeBtn{cursor:pointer;background:#007aff26;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s;display:flex}.TagCreator .TagZone .Tag .closeBtn:hover{background:#007aff4d}.TagCreator .TagZone .Tag.ordinario{color:#165111;background:#05aa001a;border:1px solid #05aa0040}.TagCreator .TagZone .Tag.ordinario .closeBtn{color:#165111;background:#05aa0026}.TagCreator .TagZone .Tag.ordinario .closeBtn:hover{background:#05aa004d}.TagCreator .TagZone .Tag.none{color:#0b3732;background:#007aff1a;border:1px solid #007aff40}.TagCreator .TagZone .Tag.none .closeBtn{color:#0b3732;background:#007aff26}.TagCreator .TagZone .Tag.none .closeBtn:hover{background:#007aff4d}.TagCreator .TagZone .Tag.purple{color:#240b37;background:#8a2be21a;border:1px solid #8a2be240}.TagCreator .TagZone .Tag.purple .closeBtn{color:#240b37;background:#8a2be226}.TagCreator .TagZone .Tag.purple .closeBtn:hover{background:#8a2be24d}.TagCreator .TagZone .Tag.red{color:#370b0b;background:#e11e1e1a;border:1px solid #e11e1e40}.TagCreator .TagZone .Tag.red .closeBtn{color:#370b0b;background:#e11e1e26}.TagCreator .TagZone .Tag.red .closeBtn:hover{background:#e11e1e4d}.TagCreator .TagZone .Tag.yellow{color:#151304;background:#e1aa001a;border:1px solid #e1aa0040}.TagCreator .TagZone .Tag.yellow .closeBtn{color:#151304;background:#e1aa0026}.TagCreator .TagZone .Tag.yellow .closeBtn:hover{background:#e1aa004d}.TagCreator input{color:#1a1a1a;background:0 0;border:none;outline:none;width:100%;padding:2px 0;font-family:"Baloo Da 2",cursive;font-size:15px}.TagCreator input::placeholder{color:#aaa}.TagCreator .TagList{z-index:10;background:#fff;border:1px solid #0000000f;border-radius:14px;width:calc(100% + 2px);height:auto;padding:6px;position:absolute;top:calc(100% + 6px);left:-1px;box-shadow:0 8px 30px #0000001a}.TagCreator .TagList p{cursor:pointer;color:#333;border-radius:9px;margin:0;padding:8px 12px;font-family:"Baloo Da 2",cursive;font-size:14px;transition:background .15s}.TagCreator .TagList p:hover{color:#6300e1;background:#6300e112}.TagCreator .TagList p:first-of-type{color:#6300e1;background:#6300e10f}.ChordSelector{-webkit-backdrop-filter:blur(30px)saturate(190%);z-index:10;background:#ffffffbf;border:1px solid #ffffffb3;border-radius:18px;flex-direction:column;width:310px;height:180px;padding:10px;display:flex;position:absolute;box-shadow:0 10px 30px #00000014,inset 0 1px #ffffffe6}.ChordSelector.mainChord:before{display:none}.ChordSelector:before{content:"";border-top:10px solid #ffffffd9;border-left:9px solid #0000;border-right:9px solid #0000;position:absolute;top:178px;left:14px}.ChordSelector .ChordGrid{flex:1;width:100%;margin-bottom:6px}.ChordSelector .ChordGrid button{cursor:pointer;color:#2c2c35;background:#0000000d;border:1px solid #00000005;border-radius:10px;font-family:"Baloo Da 2",cursive;font-size:15px;font-weight:700;transition:all .15s}.ChordSelector .ChordGrid button:active{transform:scale(.92)}.ChordSelector .ChordGrid button.selected{color:#fff;background:#2289c2;border-color:#0000;box-shadow:0 2px 8px #2289c24d}.ChordSelector .ChordGrid>div{width:100%;height:100%;display:grid}.ChordSelector .ChordGrid .preSelection{grid-template-rows:repeat(2,1fr);grid-template-columns:1fr 1fr 1fr 1fr;gap:6px}.ChordSelector .ChordGrid .FullSelection{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr 1fr 1fr 1fr;gap:5px}.ChordSelector .menu{justify-content:space-between;align-items:center;gap:6px;padding:0 2px;display:flex}.ChordSelector .menu p{color:#666;letter-spacing:.08em;text-transform:uppercase;font-family:"Baloo Da 2",cursive;font-size:10px;font-weight:800}.ChordSelector .menu .selectedChord{color:#1a1a1a;letter-spacing:0;text-transform:none;background:#0000000a;border:1px solid #0000000f;border-radius:8px;justify-content:center;align-items:center;width:54px;height:28px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800;display:flex}.ChordSelector .menu .arrows{gap:4px;display:flex}.ChordSelector .menu .arrows button{color:#555;cursor:pointer;background:#00000008;border:1px solid #0000000a;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.ChordSelector .menu .arrows button:active{background:#00000014;transform:scale(.88)}.ChordSelector .menu button.green,.ChordSelector .menu button.red{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.ChordSelector .menu button.green:active,.ChordSelector .menu button.red:active{transform:scale(.88)}.ChordSelector .menu button.green{background:#05e100d9;box-shadow:0 2px 8px #05e10033}.ChordSelector .menu button.red{background:#e11e1ed9;box-shadow:0 2px 8px #e11e1e33}@media screen and (width<=1000px){.ChordSelector:before{display:none}}.RepertorieCreate{padding-bottom:120px;position:relative}.RepertorieCreate .rep-form-card{background:#fff;border-radius:18px;margin:0 0 16px;padding:16px;box-shadow:0 2px 12px #0000000d}.RepertorieCreate .card-section-label{color:#888;letter-spacing:.06em;margin:0 0 14px;font-size:11px;font-weight:800}.RepertorieCreate .card-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.RepertorieCreate .card-field:last-child{margin-bottom:0}.RepertorieCreate .card-field.half{flex:1}.RepertorieCreate .card-field-row{gap:12px;margin-bottom:14px;display:flex}.RepertorieCreate .field-label{color:#888;letter-spacing:.05em;font-size:11px;font-weight:800}.RepertorieCreate .field-input{color:#1a1a1a;box-sizing:border-box;background:#76768014;border:none;border-radius:12px;outline:none;width:100%;padding:10px 14px;font-family:"Baloo Da 2",cursive;font-size:16px}.RepertorieCreate .field-input::placeholder{color:#aaa}.RepertorieCreate .field-input--date{color:#555;font-size:14px}.RepertorieCreate .chip-group{flex-wrap:wrap;gap:8px;display:flex}.RepertorieCreate .chip{color:#555;cursor:pointer;background:0 0;border:1.5px solid #0000001a;border-radius:20px;padding:7px 16px;font-family:"Baloo Da 2",cursive;font-size:14px;font-weight:600;transition:all .18s}.RepertorieCreate .chip:active{transform:scale(.94)}.RepertorieCreate .chip.active.theme-ordinario{color:#165111;background:#05e10026;border-color:#165111}.RepertorieCreate .chip.active.theme-none{color:#0b3732;background:#00e1e126;border-color:#0b3732}.RepertorieCreate .chip.active.theme-purple{color:#6300e1;background:#6300e11f;border-color:#6300e1}.RepertorieCreate .chip.active.theme-red{color:#e10000;background:#e100001f;border-color:#e10000}.RepertorieCreate .chip.active.theme-yellow{color:#221f07;background:#dde10026;border-color:#221f07}.RepertorieCreate .rep-delete-row{justify-content:flex-end;margin-bottom:8px;display:flex}.RepertorieCreate .rep-delete-btn{color:#c00;cursor:pointer;background:#e1000014;border:none;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-family:"Baloo Da 2",cursive;font-size:13px;font-weight:700;transition:all .18s;display:flex}.RepertorieCreate .rep-delete-btn:active{opacity:.8;transform:scale(.94)}.RepertorieCreate .info-card{background:#fff;border-radius:20px;flex-direction:column;gap:5px;margin:20px 0;padding:30px;display:flex;box-shadow:0 4px 20px #0000000d}.RepertorieCreate .info-card .capo-toggle{justify-content:center;margin-bottom:10px;display:flex}.RepertorieCreate .info-card .capo-toggle button{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000000d}.RepertorieCreate .info-card .capo-toggle button img{width:24px;height:24px;transition:all .3s}.RepertorieCreate .info-card .badge{border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.RepertorieCreate .info-card .badge.section-badge{width:100%;height:30px}.RepertorieCreate .info-card .section-header{margin-bottom:5px}.RepertorieCreate .info-card .song-container{margin-bottom:30px}.RepertorieCreate .info-card .song-container:last-child{margin-bottom:0}.RepertorieCreate .info-card .info-row{justify-content:space-between;align-items:center;display:flex}.RepertorieCreate .info-card .info-row .info-label{color:#666;align-items:center;gap:10px;font-weight:600;display:flex}.RepertorieCreate .info-card .info-row .info-label img{filter:invert(50%);width:20px;height:20px}.RepertorieCreate .info-card .info-row .info-value{color:#333;font-weight:700}.RepertorieCreate .info-card .info-row .info-value.text-gray{color:#888;font-size:14px;font-weight:500}.RepertorieCreate .info-card .info-row .info-value .DisplayTags.TagCreator{background:0 0;min-height:auto;padding:0}.RepertorieCreate .info-card .divider{background:#0000000d;height:1px}.RepertorieCreate .info-card.ordinario .capo-toggle button img{filter:invert(29%)sepia(91%)saturate(2329%)hue-rotate(97deg)brightness(95%)contrast()}.RepertorieCreate .info-card.ordinario .capo-toggle button.active{background:#05e100}.RepertorieCreate .info-card.ordinario .capo-toggle button.active img{filter:brightness(0)invert()}.RepertorieCreate .info-card.ordinario .badge{color:#165111;background:#05e1001a}.RepertorieCreate .info-card.ordinario .badge img{filter:invert(29%)sepia(91%)saturate(2329%)hue-rotate(97deg)brightness(95%)contrast()}.RepertorieCreate .info-card.none .capo-toggle button img{filter:invert(29%)sepia(91%)saturate(2329%)hue-rotate(170deg)brightness(85%)contrast(89%)}.RepertorieCreate .info-card.none .capo-toggle button.active{background:#00e1e1}.RepertorieCreate .info-card.none .capo-toggle button.active img{filter:brightness(0)invert()}.RepertorieCreate .info-card.none .badge{color:#0b3732;background:#00a3ff1a}.RepertorieCreate .info-card.none .badge img{filter:invert(29%)sepia(91%)saturate(2329%)hue-rotate(170deg)brightness(85%)contrast(89%)}.RepertorieCreate .info-card.purple .capo-toggle button img{filter:invert(15%)sepia(91%)saturate(2329%)hue-rotate(270deg)brightness(60%)contrast(89%)}.RepertorieCreate .info-card.purple .capo-toggle button.active{background:#6300e1}.RepertorieCreate .info-card.purple .capo-toggle button.active img{filter:brightness(0)invert()}.RepertorieCreate .info-card.purple .badge{color:#240b37;background:#9948ff66}.RepertorieCreate .info-card.purple .badge img{filter:invert(15%)sepia(91%)saturate(2329%)hue-rotate(270deg)brightness(60%)contrast(89%)}.RepertorieCreate .info-card.red .capo-toggle button img{filter:invert(15%)sepia(91%)saturate(2329%)hue-rotate()brightness(85%)contrast(89%)}.RepertorieCreate .info-card.red .capo-toggle button.active{background:#e10000}.RepertorieCreate .info-card.red .capo-toggle button.active img{filter:brightness(0)invert()}.RepertorieCreate .info-card.red .badge{color:#370b0b;background:#ff00001a}.RepertorieCreate .info-card.red .badge img{filter:invert(15%)sepia(91%)saturate(2329%)hue-rotate()brightness(85%)contrast(89%)}.RepertorieCreate .info-card.yellow .capo-toggle button img{filter:invert(72%)sepia(97%)saturate(1637%)hue-rotate(1deg)brightness(104%)contrast(105%)}.RepertorieCreate .info-card.yellow .capo-toggle button.active{background:#dde100}.RepertorieCreate .info-card.yellow .capo-toggle button.active img{filter:brightness(0)invert()}.RepertorieCreate .info-card.yellow .badge{color:#37330b;background:#dde1001a}.RepertorieCreate .info-card.yellow .badge img{filter:invert(72%)sepia(97%)saturate(1637%)hue-rotate(1deg)brightness(104%)contrast(105%)}@media screen and (width<=1000px){.RepertorieCreate{padding-bottom:100px}.RepertorieCreate .card-field-row{flex-direction:column}}.UsableSectionModal{z-index:6;background:#00000080;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.UsableSectionModal .Modal{background:#fff;border-radius:15px;width:70%;max-height:90vh;padding:20px}.UsableSectionModal .Modal>p{white-space:normal;margin:20px 0;font-family:sans-serif}.UsableSectionModal .Modal h3{margin:10px 0}.UsableSectionModal .Modal .buttons{flex-wrap:wrap;justify-content:space-between;gap:5px;display:flex}.UsableSectionModal .Modal .buttons button{cursor:pointer;border:none;border-radius:10px;padding:8px;font-weight:700}.UsableSectionModal .Modal .buttons button:hover{opacity:.8}.UsableSectionModal .Modal .buttons button.btn-success{color:#fff;background:#198754}.UsableSectionModal .Modal .buttons button.btn-warning{color:#000;background:#ffc107}.UsableSectionModal .Modal .buttons button.btn-danger{color:#fff;background:#dc3545}.UsableSectionModal .Modal .Columns{grid-template-columns:1fr 1fr;column-gap:20px;max-height:300px;margin-bottom:10px;display:grid;overflow-y:auto}.UsableSectionModal .Modal .Columns .SectionSelector{height:100%;overflow-y:auto}.UsableSectionModal .Modal .Columns .SectionSelector .Section{cursor:pointer;border:1px solid #0b3732;border-radius:10px;justify-content:space-between;align-items:center;width:100%;margin:10px 0;padding:0 10px;display:flex}.UsableSectionModal .Modal .Columns .SectionSelector .Section p{white-space:normal;margin:20px 0;font-family:sans-serif;font-weight:700}.UsableSectionModal .Modal .Columns .SectionSelector .Section .triangleRight{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:10px solid #0b3732;width:0;height:0}.UsableSectionModal .Modal .Columns .SectionSelector .Section:hover{color:#fff;background:#0b3732}.UsableSectionModal .Modal .Columns .SectionSelector .Section:hover .triangleRight{border-left:10px solid #fff}.UsableSectionModal .Modal .Columns .SectionShow{border:1px solid #0b3732;border-radius:10px;width:100%;height:100%;padding:10px;overflow:auto}@media screen and (width<=1000px){.UsableSectionModal .Modal{width:100%}}.SectionCreate{background:#fff;border-radius:14px;width:100%;margin:20px 0;box-shadow:0 4px 15px #0000000d}.SectionCreate .sectionInfo{color:#fff;box-sizing:border-box;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;width:100%;height:44px;padding:0 12px;font-family:"Baloo Da 2",cursive;display:flex}.SectionCreate .sectionInfo.ordinario{background:linear-gradient(90deg,#165111,#05e100)}.SectionCreate .sectionInfo.none{background:linear-gradient(90deg,#0b3732,#00e1e1)}.SectionCreate .sectionInfo.red{background:linear-gradient(90deg,#370b0b,#e10000)}.SectionCreate .sectionInfo.yellow{background:linear-gradient(90deg,#37330b,#dde100)}.SectionCreate .sectionInfo.purple{background:linear-gradient(90deg,#240b37,#6300e1)}.SectionCreate .sectionInfo>h3{flex:1}.SectionCreate .sectionInfo>h3 input{text-align:center;color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:"Baloo Da 2",cursive;font-size:18px;font-weight:700}.SectionCreate .sectionInfo>h3 input::placeholder{color:#fff9}.SectionCreate .sectionInfo .btns{align-items:center;gap:6px;display:flex}.SectionCreate .sectionInfo .btns button{cursor:pointer;color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.SectionCreate .sectionInfo .btns button:active{transform:scale(.88)}.SectionCreate .sectionInfo .btns button:hover{opacity:.85}.SectionCreate .sectionInfo .btns .btn-save{background:#05dc00d9;box-shadow:0 2px 6px #05dc004d}.SectionCreate .sectionInfo .btns .btn-delete{background:#e11e1ed1;box-shadow:0 2px 6px #e11e1e40}.SectionCreate .sectionInfo .btns .btn-folder{color:#fff9;box-shadow:none;background:#ffffff2e;border:1px solid #ffffff4d}.SectionCreate .sectionInfo .btns .btn-folder.active{color:#fff;background:#ffffff59;border-color:#ffffff80}.SectionCreate .SongSelect{padding:4px 10px}.SectionCreate .song-header,.SectionCreate .song,.SectionCreate .editBtn,.SectionCreate .capoShow{margin-left:10px;margin-right:10px}.SectionCreate .song-header{border-top:1px solid #0000000f;margin-top:8px;padding-top:12px}.SectionCreate .song{padding:8px 10px 16px;font-size:15px}.SectionCreate .mainChord{color:#2289c2;font-weight:700}.editBtn{box-sizing:border-box;justify-content:flex-end;width:100%;padding-right:20px;display:flex}.editBtn button{color:#fff;cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;width:auto;min-width:110px;height:25px;padding:0 20px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0000001a}.editBtn button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.editBtn button:active{transform:scale(.96)}.editBtn button svg{width:14px;height:14px}.editBtn.ordinario button{background-image:linear-gradient(135deg,#05e100,#165111)}.editBtn.none button{background-image:linear-gradient(135deg,#00e1e1,#0b3732)}.editBtn.purple button{background-image:linear-gradient(135deg,#6300e1,#240b37)}.editBtn.red button{background-image:linear-gradient(135deg,#e10000,#370b0b)}.editBtn.yellow button{background-image:linear-gradient(135deg,#dde100,#37330b)}@media screen and (width<=1000px){.SectionCreate .sectionInfo{height:32px}.SectionCreate .sectionInfo>h3 input{font-size:16px}.SectionCreate .sectionInfo .dragger{height:100%}.SectionCreate .SongSelect .SongSelector{width:80%}.SectionCreate .SongSelect .SongSelector input{font-size:10px}}.SongSelect{align-items:flex-start;gap:8px;margin:4px 0;display:flex}.SongSelect .SongSelector{flex:1;min-height:36px;position:relative}.SongSelect .SongSelector:focus-within{z-index:100}.SongSelect .SongSelector input{color:#1a1a1a;box-sizing:border-box;background:#76768014;border:none;border-radius:10px;outline:none;width:100%;height:32px;padding:0 14px;font-family:"Baloo Da 2",cursive;font-size:14px;transition:background .15s}.SongSelect .SongSelector input:focus{background:#76768021}.SongSelect .SongSelector input::placeholder{color:#aaa}.SongSelect .SongSelector input:disabled{color:#1a1a1a;background:0 0;font-size:15px;font-weight:700}.SongSelect .SongSelector .songsList{z-index:1000;background:#fff;border:1px solid #0000000f;border-radius:14px;width:100%;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 32px #00000026}.SongSelect .SongSelector .songsList p{color:#1a1a1a;cursor:pointer;border-radius:9px;margin:0;padding:8px 12px;font-family:"Baloo Da 2",cursive;font-size:14px;transition:background .13s}.SongSelect .SongSelector .songsList p:first-of-type{background:#76768012;font-weight:700}.SongSelect .SongSelector .songsList p:hover{background:#7676801a}.SongSelect .SongSelector .addBtn{width:100%;margin-top:6px}.SongSelect .SongSelector .addBtn button{color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;height:26px;font-size:18px;font-weight:700;transition:opacity .15s}.SongSelect .SongSelector .addBtn button.ordinario{background:linear-gradient(135deg,#165111,#05e100)}.SongSelect .SongSelector .addBtn button.none{background:linear-gradient(135deg,#0b3732,#00e1e1)}.SongSelect .SongSelector .addBtn button.red{background:linear-gradient(135deg,#370b0b,#e10000)}.SongSelect .SongSelector .addBtn button.yellow{background:linear-gradient(135deg,#37330b,#dde100)}.SongSelect .SongSelector .addBtn button.purple{background:linear-gradient(135deg,#240b37,#6300e1)}.SongSelect .SongSelector .addBtn button:hover{opacity:.85}.SongSelect .SongSelector .addBtn button:active{transform:scale(.98)}.SongSelect .randomBtn{flex-direction:row;align-items:center;gap:5px;padding-top:3px;display:flex}.SongSelect .randomBtn button{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.SongSelect .randomBtn button:active{transform:scale(.88)}.SongSelect .randomBtn .shuffleBtn{background:#05aa00d1;box-shadow:0 2px 8px #05aa0040}.SongSelect .randomBtn .shuffleBtn:hover{background:#05aa00}.SongSelect .randomBtn .deleteBtn{background:#e11e1ed1;box-shadow:0 2px 8px #e11e1e33}.SongSelect .randomBtn .deleteBtn:hover{background:#e11e1e}.song{flex-flow:column wrap;display:flex}.song-header{flex-direction:column;margin-bottom:20px;display:flex}.song-header .song-title{color:#2c3e50;align-items:center;gap:10px;margin:0 0 5px;font-size:16px;font-weight:700;display:flex}.song-header .song-badges{align-items:center;gap:12px;margin-bottom:15px;display:flex}.song-header .main-chord-badge{color:#0056b3;background-color:#007bff1a;border-radius:20px;justify-content:center;align-items:center;height:25px;margin:0;padding:0 14px;font-size:14px;font-weight:800;line-height:1;display:flex}.song-header .main-chord-badge.ordinario{color:#165111;background-color:#05aa001a}.song-header .main-chord-badge.none{color:#0b3732;background-color:#007aff1a}.song-header .main-chord-badge.purple{color:#240b37;background-color:#8a2be21a}.song-header .main-chord-badge.red{color:#370b0b;background-color:#e11e1e1a}.song-header .main-chord-badge.yellow{color:#151304;background-color:#e1aa001a}.capoShow{color:#5b10a6;background-color:#8a2be226;border-radius:20px;gap:6px;height:25px;font-weight:800;line-height:1;justify-content:center!important;align-items:center!important;margin:0 0 0 10px!important;padding:0 16px!important;font-size:14px!important;display:flex!important}.capoShow.ordinario{color:#165111;background-color:#05aa001a}.capoShow.ordinario img{filter:invert(29%)sepia(91%)saturate(2329%)hue-rotate(97deg)brightness(95%)contrast()}.capoShow.none{color:#0b3732;background-color:#007aff1a}.capoShow.none img{filter:invert(29%)sepia(91%)saturate(2329%)hue-rotate(170deg)brightness(85%)contrast(89%)}.capoShow.purple{color:#240b37;background-color:#8a2be21a}.capoShow.purple img{filter:invert(15%)sepia(91%)saturate(2329%)hue-rotate(270deg)brightness(60%)contrast(89%)}.capoShow.red{color:#370b0b;background-color:#e11e1e1a}.capoShow.red img{filter:invert(15%)sepia(91%)saturate(2329%)hue-rotate()brightness(85%)contrast(89%)}.capoShow.yellow{color:#151304;background-color:#e1aa001a}.capoShow.yellow img{filter:invert(60%)sepia(80%)saturate(600%)hue-rotate(10deg)brightness(80%)contrast()}.capoShow img{filter:invert(18%)sepia(61%)saturate(5436%)hue-rotate(265deg)brightness(85%)contrast(106%);width:16px;height:16px;margin:0;padding:0;display:flex;transform:translateY(-1px)}.show-song-wrapper{width:100%}.ListAndSearch{padding:0 0 120px;font-family:"Baloo Da 2",cursive}.ListAndSearch .list-header{margin-bottom:20px}.ListAndSearch .list-header h1{color:#1a1a1a;margin:0 0 4px;font-size:28px;font-weight:800}.ListAndSearch .list-header .list-subtitle{color:#888;margin:0;font-size:14px}.ListAndSearch .search-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.ListAndSearch .search-bar{background:#7676801f;border-radius:14px;flex:1;align-items:center;gap:10px;height:44px;padding:0 14px;display:flex}.ListAndSearch .search-bar .search-icon{color:#8e8e93;flex-shrink:0;width:17px;height:17px}.ListAndSearch .search-bar input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.ListAndSearch .search-bar input::placeholder{color:#8e8e93}.ListAndSearch .filter-toggle-btn{cursor:pointer;color:#555;background:#7676801f;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,color .2s;display:flex;position:relative}.ListAndSearch .filter-toggle-btn.open{color:#1a1a1a;background:#0000001f}.ListAndSearch .filter-toggle-btn.has-filters{color:#6300e1;background:#6300e11f}.ListAndSearch .filter-toggle-btn .filter-badge{color:#fff;background:#6300e1;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:flex;position:absolute;top:5px;right:5px}.ListAndSearch .filter-panel{background:#fff;border-radius:18px;flex-direction:column;gap:14px;margin-bottom:12px;padding:14px 16px;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000f}.ListAndSearch .clear-filters-btn{color:#c00;cursor:pointer;background:#e1000014;border:none;border-radius:20px;align-items:center;gap:5px;width:fit-content;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:700;display:flex}.ListAndSearch .clear-filters-btn:active{opacity:.7}.ListAndSearch .filter-group{flex-direction:column;gap:8px;display:flex}.ListAndSearch .filter-group .filter-group-label{color:#888;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.ListAndSearch .filter-chips{flex-wrap:wrap;gap:6px;display:flex}.ListAndSearch .filter-chip{color:#555;cursor:pointer;background:0 0;border:1.5px solid #00000014;border-radius:20px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .18s}.ListAndSearch .filter-chip.active{color:#6300e1;background:#6300e11a;border-color:#6300e1}.ListAndSearch .filter-chip:active{transform:scale(.94)}.ListAndSearch .tab-toggle{background:#7676801f;border-radius:12px;gap:3px;margin-bottom:20px;padding:3px;display:flex}.ListAndSearch .tab-toggle button{color:#555;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;height:34px;font-family:inherit;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.ListAndSearch .tab-toggle button.active{color:#1a1a1a;background:#fff;box-shadow:0 2px 8px #0000001a}.ListAndSearch .card-list{flex-direction:column;gap:12px;display:flex}.ListAndSearch .song-card{background:#fff;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;transition:box-shadow .2s;display:flex;box-shadow:0 2px 12px #0000000d}.ListAndSearch .song-card:hover{box-shadow:0 4px 20px #00000017}.ListAndSearch .song-card .card-main{color:inherit;flex-direction:column;flex:1;gap:6px;text-decoration:none;display:flex}.ListAndSearch .song-card .card-title{color:#1a1a1a;font-size:15px;font-weight:700;line-height:1.3}.ListAndSearch .song-card .card-badges{flex-wrap:wrap;gap:6px;display:flex}.ListAndSearch .song-card .time-badge{letter-spacing:.02em;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:800}.ListAndSearch .song-card .time-badge--ordinario{color:#165111;background:#05e1001f}.ListAndSearch .song-card .time-badge--purple{color:#6300e1;background:#6300e11f}.ListAndSearch .song-card .time-badge--yellow{color:#221f07;background:#dde10026}.ListAndSearch .song-card .time-badge--red{color:#e10000;background:#e100001f}.ListAndSearch .song-card .time-badge--none{color:#0b3732;background:#00e1e11f}.ListAndSearch .song-card .meta-badge{color:#555;background:#0000000f;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}.ListAndSearch .edit-btn{color:#555;background:#0000000f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:flex}.ListAndSearch .edit-btn:active{transform:scale(.88)}.ListAndSearch .edit-btn--ordinario{color:#165111;background:#05e1001f}.ListAndSearch .edit-btn--none{color:#0b3732;background:#00e1e11f}.ListAndSearch .edit-btn--purple{color:#6300e1;background:#6300e11f}.ListAndSearch .edit-btn--red{color:#e10000;background:#e100001f}.ListAndSearch .edit-btn--yellow{color:#221f07;background:#dde10026}@media screen and (width<=1000px){.ListAndSearch{padding:0 0 5px}}.ReaderBar{display:none}@media screen and (width<=1000px){.ReaderBar{z-index:200;justify-content:flex-end;align-items:center;display:flex;position:fixed;bottom:95px;right:25px}.ReaderBar .rb-pill{-webkit-backdrop-filter:blur(30px)saturate(180%);background:#ffffff9e;border:1px solid #ffffffb3;flex-direction:row;justify-content:flex-start;align-items:center;gap:0;width:46px;height:46px;padding:0;display:flex;overflow:hidden;box-shadow:0 8px 28px #0000001f,inset 0 1px 2px #ffffffe6}.ReaderBar .rb-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;transition:background .2s;display:flex}.ReaderBar .rb-trigger svg{color:#555;transition:color .2s}.ReaderBar .rb-trigger.active svg{color:#222}.ReaderBar .rb-trigger:active{transform:scale(.88)}.ReaderBar .rb-controls{white-space:nowrap;align-items:center;gap:10px;padding-right:14px;display:flex}.ReaderBar .rb-group{align-items:center;gap:8px;display:flex}.ReaderBar .rb-value{color:#1a1a1a;text-align:center;-webkit-user-select:none;user-select:none;min-width:20px;font-size:13px;font-weight:700}.ReaderBar .rb-icon-btn{cursor:pointer;background:#00000012;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.ReaderBar .rb-icon-btn svg{color:#333;width:13px;height:13px}.ReaderBar .rb-icon-btn:active{transform:scale(.88)}.ReaderBar .rb-icon-btn.rb-play.active.ordinario{background:linear-gradient(135deg,#165111,#05e100)}.ReaderBar .rb-icon-btn.rb-play.active.none{background:linear-gradient(135deg,#0b3732,#00e1e1)}.ReaderBar .rb-icon-btn.rb-play.active.red{background:linear-gradient(135deg,#370b0b,#e10000)}.ReaderBar .rb-icon-btn.rb-play.active.yellow{background:linear-gradient(135deg,#37330b,#dde100)}.ReaderBar .rb-icon-btn.rb-play.active.purple{background:linear-gradient(135deg,#240b37,#6300e1)}.ReaderBar .rb-icon-btn.rb-play.active svg{color:#fff}.ReaderBar .rb-divider{background:#00000017;flex-shrink:0;width:1px;height:22px}.ReaderBar .rb-speed-btn{color:#333;cursor:pointer;letter-spacing:-.02em;white-space:nowrap;background:#00000012;border:none;border-radius:14px;flex-shrink:0;height:28px;padding:0 12px;font-size:12px;font-weight:800;transition:all .2s}.ReaderBar .rb-speed-btn:active{transform:scale(.9)}}*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}