@charset "UTF-8";:root{--eti-red:#8b0000;--eti-red-hover:#ca0000;--eti-orange:#f19514;--eti-orange-hover:#ffcc81;--eti-yellow:#ffedce;--eti-yellow-hover:#f19514;--bs-primary:#8b0000;--bs-primary-rgb:139,0,0;--bs-danger:#ca0000;--bs-danger-rgb:202,0,0;--bs-warning:#f19514;--bs-warning-rgb:241,149,20;--bs-light:#ffedce;--bs-light-rgb:255,237,206;--bs-white:#fff;--bs-black:#000;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-font-sans-serif:Bauhaus93,Bauhaus 93,Bauhaus,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif;--bs-font-monospace:alphaTab,sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace;--bs-font-size-base:1rem;--bs-spacer:1rem;--bs-border-radius:0.75rem;--bs-border-width:1px;--card-radius-small:0.75rem;--card-radius-medium:1rem;--card-radius-large:1.25rem;--bs-box-shadow:0 0.125rem 0.25rem rgba(0,0,0,.075);--bs-box-shadow-sm:0 0.0625rem 0.125rem rgba(0,0,0,.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--bs-transition-base:all 0.3s ease;--bs-transition-fast:all 0.15s ease;--bs-transition-slow:all 0.5s ease;--grid-primary-color:var(--eti-orange);--grid-success-color:#198754;--grid-warning-color:#ffc107;--grid-danger-color:var(--eti-red);--grid-info-color:var(--eti-orange);--grid-secondary-color:#6c757d;--notification-primary:var(--eti-orange);--notification-secondary:#ff6b35;--notification-success:#28a745;--notification-danger:#dc3545;--notification-warning:#ffc107;--notification-info:#17a2b8;--admin-primary:#dc3545;--admin-secondary:#fd7e14;--admin-success:#28a745;--admin-danger:#dc3545;--admin-warning:#ffc107;--admin-info:#17a2b8;--admin-light:#f8f9fa;--admin-dark:#343a40;--bs-card-inner-border-radius:0.75rem}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{background-color:#f8f9fa!important;color:#212529;font-family:Inter,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;margin:0;padding:0}.display-1,.display-2,.display-3,.display-4,.display-5,.display-6,h1,h2,h3,h4,h5,h6{font-family:Bauhaus93,Bauhaus\ 93,Bauhaus,Arial Black,Helvetica,sans-serif;font-weight:700;letter-spacing:.02em;line-height:1.2;margin-bottom:1rem}.display-1,h1{font-size:2.5rem}.display-2,h2{font-size:2rem}.display-3,h3{font-size:1.75rem}.display-4,h4{font-size:1.5rem}.display-5,h5{font-size:1.25rem}.display-6,h6{font-size:1rem}.home-hero h1{font-family:Bauhaus93,Bauhaus\ 93,Bauhaus,Arial Black,Helvetica,sans-serif;font-weight:700;letter-spacing:.025em}p{font-family:Inter,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.6;margin-bottom:1rem}@font-face{font-display:swap;font-family:alphaTab;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/npm/@coderline/alphatab@1.6.1/dist/font/Bravura.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/@coderline/alphatab@1.6.1/dist/font/Bravura.woff) format("woff")}.bg-primary{background-color:#8b0000!important}.link-primary,.text-primary{color:#8b0000!important}.link-primary:hover{color:#ca0000!important}.form-error-message,.invalid-feedback{display:block}.form-error,.form-error-message,.form-errors,.form-errors li,.invalid-feedback{color:var(--bs-danger)!important;font-size:.875rem;margin-top:.25rem}.form-control.is-invalid,.form-select.is-invalid,input.is-invalid,select.is-invalid,textarea.is-invalid{border-color:var(--bs-danger)!important}.form-control.is-invalid:focus,.form-select.is-invalid:focus,input.is-invalid:focus,select.is-invalid:focus,textarea.is-invalid:focus{border-color:var(--bs-danger)!important;box-shadow:0 0 0 .2rem rgba(var(--bs-danger-rgb),.25)!important}footer.bg-primary{background-color:#8b0000!important}footer,footer *{color:#fff}footer a{color:#fff!important;text-decoration:none}footer a:hover{color:#ffedce!important;text-decoration:underline}footer .border-top{border-top-color:#ffedce!important}.card:hover:hover{box-shadow:0 1rem 3rem rgba(0,0,0,.175);transform:translateY(-2px)}@media (width <= 768px){.display-1,h1{font-size:2rem}.display-2,h2{font-size:1.75rem}.display-3,h3{font-size:1.5rem}}@media (width <= 576px){.display-1,h1{font-size:1.75rem}.display-2,h2{font-size:1.5rem}.display-3,h3{font-size:1.25rem}}.btn-primary{--bs-btn-bg:#8b0000;--bs-btn-border-color:#8b0000;--bs-btn-hover-bg:#ca0000;--bs-btn-hover-border-color:#ca0000;--bs-btn-focus-shadow-rgb:139,0,0;border-radius:8px;box-shadow:0 4px 10px rgba(139,0,0,.25);font-weight:600}.btn-primary:hover{box-shadow:0 6px 14px rgba(139,0,0,.35)}.btn-warning{--bs-btn-bg:#f19514;--bs-btn-border-color:#f19514;--bs-btn-hover-bg:#8b0000;--bs-btn-hover-border-color:#8b0000;--bs-btn-color:#000}.btn-outline-light,.btn-warning{border-radius:8px;font-weight:600}.btn-outline-light{--bs-btn-hover-bg:#fff;--bs-btn-hover-color:#8b0000;--bs-btn-hover-border-color:#fff}.btn-eti-orange{background-color:#f19514;border-color:#f19514;border-radius:8px;color:#fff;font-weight:600}.btn-eti-orange:hover{background-color:#ffcc81;border-color:#ffcc81;color:#fff}.btn-eti-red{background-color:#8b0000;border-color:#8b0000;border-radius:8px;color:#fff;font-weight:600}.btn-eti-red:hover{background-color:#ca0000;border-color:#ca0000;color:#fff}.btn-admin{background-color:#f19514;border-color:#f19514;color:#000}.btn-admin:hover{background-color:#8b0000;border-color:#8b0000}.card{border:1px solid #dee2e6;border-radius:.75rem;transition:all .3s ease}.card:hover{box-shadow:0 1rem 3rem rgba(0,0,0,.175)}.card-eti-red{border-color:#8b0000}.card-eti-red .card-header{background-color:#8b0000;border-bottom-color:#8b0000;color:#fff}.card-eti-orange{border-color:#f19514}.card-eti-orange .card-header{background-color:#f19514;border-bottom-color:#f19514;color:#000}.card-eti-yellow{background-color:#ffedce;border-color:#ffedce}.card-eti-yellow .card-header{background-color:#f19514;border-bottom-color:#f19514;color:#000}.card-chord{border-radius:1rem;box-shadow:0 .0625rem .125rem rgba(0,0,0,.075)}.card-chord .card-img-top{border-top-left-radius:1rem;border-top-right-radius:1rem}.card-scale{border-radius:1.25rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.card-scale .card-header{border-radius:1.25rem 1.25rem 0 0}.card-lick{border-radius:.75rem;box-shadow:0 .0625rem .125rem rgba(0,0,0,.075)}.card-lick:hover{box-shadow:0 4px 12px rgba(241,149,20,.3)}@media (width <= 768px){.card{margin-bottom:1rem}.card-body,.card-header{padding:.75rem}}.navbar{box-shadow:0 .0625rem .125rem rgba(0,0,0,.075);padding:.5rem 0}.navbar.bg-primary{background-color:#8b0000!important}.navbar .navbar-brand{color:#fff!important;font-weight:700}.navbar .navbar-brand:hover{color:#ffedce!important}.navbar .navbar-nav .nav-link{border-radius:6px;color:#fff!important;margin:0 2px;padding:.5rem;transition:all .3s ease}.navbar .navbar-nav .nav-link:hover{background-color:hsla(0,0%,100%,.1);color:#ffedce!important}.navbar .navbar-nav .nav-link.active{background-color:hsla(0,0%,100%,.15);box-shadow:0 2px 4px rgba(0,0,0,.1);color:#ffedce!important;font-weight:600}.navbar .navbar-toggler{border-color:#fff}.navbar .navbar-toggler:focus{box-shadow:0 0 0 .2rem hsla(0,0%,100%,.25)}@media (max-width:1199.98px) and (min-width:992px){.navbar .navbar-nav .nav-link{font-size:.9rem;padding:.25rem}.navbar .d-flex.gap-2{gap:.5rem!important}.navbar .btn{font-size:.85rem;padding:.25rem .5rem}.navbar .text-light.small{font-size:.75rem}.navbar .text-light.small.d-none.d-md-inline{display:none!important}}@media (width <= 991.98px){.navbar-collapse{background-color:rgba(139,0,0,.95);border-radius:.75rem;margin-top:1rem;padding:1rem}.navbar-collapse .navbar-nav{text-align:center}.navbar-collapse .navbar-nav .nav-link{border-bottom:1px solid hsla(0,0%,100%,.1);padding:.5rem}.navbar-collapse .navbar-nav .nav-link:last-child{border-bottom:none}}.breadcrumb{background-color:#f8f9fa;border-radius:.75rem;padding:.5rem 1rem}.breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:#6c757d}.breadcrumb .breadcrumb-item.active{color:#8b0000;font-weight:600}.breadcrumb .breadcrumb-item a{color:#495057;text-decoration:none}.breadcrumb .breadcrumb-item a:hover{color:#8b0000;text-decoration:underline}.pagination .page-link{color:#8b0000}.pagination .page-link:hover{background-color:#8b0000;border-color:#8b0000;color:#fff}.pagination .page-link:focus{box-shadow:0 0 0 .2rem rgba(139,0,0,.25)}.pagination .page-item.active .page-link{background-color:#8b0000;border-color:#8b0000}.pagination .page-item.disabled .page-link{border-color:#dee2e6;color:#adb5bd}.sidebar-container{display:flex!important}.arpege-list,.arpege-list li,.arpege-list ul{list-style:none;margin:0;padding:0}.arpege-list li::marker,.sub-list li::marker{content:""}.list-toggle,.sidebar-link,.sub-list a{box-sizing:border-box;width:100%}.list-arrow{margin-left:auto;transition:transform .3s ease}.btn-admin{background:var(--eti-orange);border:none;border-radius:8px;cursor:pointer;display:inline-block;font-family:inherit;font-size:1rem;font-weight:600;margin:0 .5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-admin,.btn-admin:hover{color:#fff;text-decoration:none}.btn-admin:hover{background:var(--eti-red);box-shadow:0 4px 12px rgba(220,53,69,.3);transform:translateY(-2px)}.btn-admin:active{transform:translateY(0)}.btn-admin.btn-small{font-size:.9rem;padding:.5rem 1rem}.btn-admin.btn-success{background:var(--admin-success)}.btn-admin.btn-success:hover{background:#218838}.btn-admin.btn-danger{background:var(--admin-danger)}.btn-admin.btn-danger:hover{background:#c82333}.btn-admin.btn-warning{background:var(--admin-warning);color:#000}.btn-admin.btn-warning:hover{background:#e0a800;color:#000}.btn-submit{background:var(--eti-orange);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.btn-submit:hover{background:var(--eti-red);box-shadow:0 4px 12px rgba(220,53,69,.3);transform:translateY(-2px)}.btn-submit:active{transform:translateY(0)}@media (max-width:768px){.btn-admin{margin:.25rem 0}}.notification-bell .btn-link:hover{color:var(--bs-primary)}.notification-dropdown{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.notification-item-dropdown{transition:background-color .2s ease}.notification-item-dropdown:last-child{border-bottom:none!important}.notification-icon{font-size:1.1em;opacity:.7}#markAllReadDropdown{font-size:.8em;padding:.2em .5em}.dropdown-header{background-color:#f8f9fa;font-weight:600}.notification-bell-container{display:inline-block;position:relative}.notification-bell-btn{background:none;border:none;border-radius:50%;color:#ccc;cursor:pointer;font-size:1.2rem;padding:8px;position:relative;transition:all .3s ease}.notification-bell-btn:hover{background-color:rgba(0,0,0,.1);color:#999}.notification-badge{border-radius:50%;font-size:.7rem;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:0;text-align:center;top:0}.notification-badge-unread{animation:pulse 2s infinite;background-color:#dc3545;color:#fff}.notification-badge-recent{animation:bounce 1s infinite;background-color:#28a745;color:#fff}.notification-popup{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);display:none;max-height:500px;overflow:hidden;position:absolute;right:0;top:100%;width:400px;z-index:1000}.notification-popup.show{display:block}.notification-popup-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:15px}.notification-popup-header h6{color:#495057;font-weight:600;margin:0}.btn-close{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:1.1rem;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.btn-close:hover{background-color:#e9ecef;color:#495057}.notification-popup-content{max-height:350px;overflow-y:auto}.notification-list{padding:0}.notification-item{align-items:flex-start;background-color:#fff;border-bottom:1px solid #f1f3f4;border-left:4px solid transparent;display:flex;padding:15px;position:relative}.notification-item:hover{background-color:#f8f9fa}.notification-item:hover .notification-icon i{transform:scale(1.1);transition:transform .2s ease}.notification-item.unread{background-color:#fff3cd;border-left:4px solid #ffc107}.notification-item.unread:hover{background-color:#ffeaa7}.notification-item:not(.unread){background-color:#fff;border-left:4px solid transparent}.notification-item:not(.unread):hover{background-color:#f8f9fa}.notification-item.clickable{cursor:pointer}.notification-item.clickable:after{content:"🔗";font-size:.8rem;opacity:.6;position:absolute;right:10px;top:10px}.notification-item.recent{animation:newNotification .5s ease-out}.notification-item.recent:not(.unread){background-color:#fff;border-left:4px solid transparent}.notification-item.recent:not(.unread):hover{background-color:#f8f9fa}.notification-item.recent.unread{background-color:#f8fff9;border-left:3px solid #28a745}.notification-item.recent.unread:hover{background-color:#e8f5e8}.notification-item.recent.unread .notification-meta{color:#155724}.notification-item.recent .notification-meta{color:#6c757d}.notification-item.recent .notification-meta:before{content:"🆕 ";font-size:.8rem;margin-right:4px}.notification-icon{font-size:1.2rem;margin-right:12px;min-width:24px}.notification-content{flex:1;min-width:0}.notification-message{font-size:.9rem;margin-bottom:4px}.notification-actions{flex-direction:column;gap:4px;margin-left:8px}.btn-delete,.btn-mark-read{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:.8rem;padding:4px 6px;transition:all .2s ease}.btn-mark-read:hover{background-color:#d4edda;color:#155724}.btn-delete:hover{background-color:#f8d7da;color:#721c24}.notification-footer,.notification-popup-footer{border-top:1px solid #dee2e6;padding:15px;text-align:center}.no-notifications{color:#6c757d;padding:40px 20px;text-align:center}.no-notifications i{font-size:2rem;margin-bottom:10px}.notification-link{align-items:flex-start;border-radius:4px;color:inherit;display:flex;flex:1;padding:2px;text-decoration:none;transition:all .2s ease}.notification-link:hover{background-color:rgba(0,123,255,.1);color:inherit;text-decoration:none}.notification-link:focus{outline:2px solid #007bff;outline-offset:2px}@keyframes newNotification{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.notification-popup{left:auto;right:0;transform:translateX(0);width:320px}.notification-item{padding:12px}.notification-message{font-size:.85rem}}@media (max-width:991.98px){.navbar .d-flex.gap-2{flex-wrap:nowrap;justify-content:flex-end!important;min-width:0}.navbar .d-flex.gap-2 .btn{font-size:.875rem;min-width:auto;overflow:hidden;padding:.375rem .5rem;text-overflow:ellipsis;white-space:nowrap}.navbar .d-flex.gap-2 .notification-bell-container{flex-shrink:0}}.notification-dropdown{background:#fff}.notification-dropdown .dropdown-header{align-items:center;display:flex;justify-content:space-between}.notification-dropdown .dropdown-header h6{font-size:1rem}.notification-dropdown .dropdown-header .btn{border-radius:6px;transition:all .2s ease}.notification-dropdown .dropdown-header .btn:hover{transform:scale(1.05)}.notification-dropdown .dropdown-body{max-height:400px;overflow-y:auto;padding:0}.notification-dropdown .dropdown-body::-webkit-scrollbar{width:6px}.notification-dropdown .dropdown-body::-webkit-scrollbar-track{background:#f1f1f1}.notification-dropdown .dropdown-body::-webkit-scrollbar-thumb{background:var(--eti-orange);border-radius:3px}.notification-dropdown .dropdown-body::-webkit-scrollbar-thumb:hover{background:var(--eti-red)}.notification-dropdown .dropdown-empty{color:#6c757d;padding:2rem;text-align:center}.notification-dropdown .dropdown-empty i{color:#dee2e6;font-size:2rem;margin-bottom:.5rem}.notification-dropdown .dropdown-empty p{font-size:.9rem;margin:0}.notification-dropdown .dropdown-loading{color:#6c757d;padding:2rem;text-align:center}.notification-dropdown .dropdown-loading i{animation:spin 1s linear infinite}@media (max-width:768px){.notification-dropdown{max-width:90vw;min-width:300px}.notification-dropdown .dropdown-header{padding:.75rem}.notification-dropdown .dropdown-header h6{font-size:.9rem}.notification-dropdown .dropdown-header .btn{font-size:.75rem;padding:.2rem .4rem}}.notification-item{background:#fff;border:1px solid #e9ecef}.notification-item.unread{background-color:#f8f9fa;border-left:4px solid var(--notification-primary)}.notification-item.read{background-color:#fff;opacity:.8}.notification-item .notification-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.notification-item .notification-header .notification-title{color:#333;font-size:1rem;font-weight:600;margin:0}.notification-item .notification-header .notification-time{color:#6c757d;font-size:.8rem;margin-left:1rem;white-space:nowrap}.notification-item .notification-content{margin-bottom:1rem}.notification-item .notification-content .notification-message{line-height:1.4;word-wrap:break-word;color:#555;font-size:.95rem;margin:0}.notification-item .notification-icon{color:var(--notification-primary);flex-shrink:0;font-size:1.2em;margin-right:.75rem;opacity:.8;transition:opacity .2s ease}.notification-item .notification-meta{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem}.notification-item .badge{border-radius:10px;font-size:.7em;font-weight:600;padding:.2em .4em}.notification-item .badge.badge-sm{font-size:.65em;padding:.15em .3em}.notification-item .notification-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.notification-item .notification-actions .btn{border-radius:6px;font-size:.8rem;padding:.25rem .75rem;transition:all .2s ease}.notification-item .notification-actions .btn.mark-read-btn:hover{background-color:var(--notification-success);border-color:var(--notification-success);color:#fff;transform:scale(1.05)}.notification-item .notification-actions .btn.delete-btn:hover{background-color:var(--notification-danger);border-color:var(--notification-danger);color:#fff;transform:scale(1.05)}.notification-item.notification-item-dropdown{animation:none;border-bottom:1px solid #e9ecef;border-radius:0;margin:0;padding:1rem}.notification-item.notification-item-dropdown:hover{background-color:#f8f9fa;box-shadow:none;transform:translateX(5px)}.notification-item.notification-item-dropdown:last-child{border-bottom:none}.notification-item.notification-item-dropdown.bg-light{background-color:#e3f2fd!important;border-left:4px solid var(--eti-orange)}.notification-item.notification-item-dropdown .notification-content,.notification-item.notification-item-dropdown .notification-header{margin-bottom:.5rem}.notification-item.notification-item-dropdown .notification-actions{margin-top:.5rem}@media (max-width:768px){.notification-item .card-body{padding:1rem}.notification-item .notification-header{align-items:flex-start;flex-direction:column}.notification-item .notification-header .notification-time{margin-left:0;margin-top:.25rem}.notification-item .notification-actions .btn{font-size:.75rem;padding:.2rem .5rem}}.breadcrumbs{background:#f8f9fa;border-bottom:1px solid #e9ecef;margin-bottom:2rem;padding:1rem 0}.breadcrumb-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.breadcrumb-item{align-items:center;animation:fadeInLeft .5s ease-out;animation-fill-mode:both;display:flex}.breadcrumb-item:not(:last-child):after{color:#6c757d;content:"/";font-weight:300;margin-left:.5rem}.breadcrumb-item:first-child{animation-delay:.1s}.breadcrumb-item:nth-child(2){animation-delay:.2s}.breadcrumb-item:nth-child(3){animation-delay:.3s}.breadcrumb-link{align-items:center;color:var(--eti-orange);display:flex;font-size:.9rem;gap:.5rem;text-decoration:none;transition:color .3s ease}.breadcrumb-link:hover{color:var(--eti-red);text-decoration:underline}.breadcrumb-link i{font-size:.8rem}.breadcrumb-current{color:#6c757d;font-size:.9rem;font-weight:600}@media (max-width:768px){.breadcrumbs{margin-bottom:1.5rem;padding:.75rem 0}.breadcrumb-list{gap:.25rem}.breadcrumb-current,.breadcrumb-link{font-size:.8rem}.breadcrumb-item:not(:last-child):after{margin-left:.25rem}}.seo-info{background:#e8f4fd;border:1px solid #bee5eb;border-radius:8px;color:#0c5460;font-size:.9rem;margin-bottom:2rem;padding:1rem}.seo-info h4{color:#0c5460;font-size:1rem;margin:0 0 .5rem}.seo-info ul{margin:0;padding-left:1.5rem}.seo-info li{margin-bottom:.25rem}.seo-score{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.25rem .75rem}.seo-score.excellent{background:#d4edda;color:#155724}.seo-score.good{background:#d1ecf1;color:#0c5460}.seo-score.average{background:#fff3cd;color:#856404}.seo-score.poor{background:#f8d7da;color:#721c24}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.associated-chord-grids-section,.associated-licks-section{margin-top:2rem}.associated-chord-grids-section .associated-section-title,.associated-licks-section .associated-section-title{align-items:center;color:var(--eti-red);display:flex;font-weight:600;margin-bottom:1.5rem}.associated-chord-grids-section .associated-section-title i,.associated-licks-section .associated-section-title i{color:var(--eti-orange)}.associated-items-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:768px){.associated-items-grid{gap:1rem;grid-template-columns:1fr}}.associated-items-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.associated-items-list::-webkit-scrollbar{width:6px}.associated-items-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.associated-items-list::-webkit-scrollbar-thumb{background:var(--eti-orange);border-radius:3px}.associated-items-list::-webkit-scrollbar-thumb:hover{background:var(--eti-red)}.table-eti-associated{border:none;margin-bottom:0}.table-eti-associated tbody tr:nth-child(odd) td{background-color:var(--eti-yellow);border:none}.table-eti-associated tbody tr:nth-child(2n) td{background-color:#fff;border:none}.table-eti-associated tbody tr:hover td{background-color:#f7c600}.table-eti-associated tbody td{border:none!important;padding:.75rem 1rem;vertical-align:middle}.table-eti-associated tbody td a{color:var(--eti-red);font-weight:600;text-decoration:none}.table-eti-associated tbody td a:hover{color:var(--eti-orange);text-decoration:underline}.associated-chord-grids-section .table-responsive,.associated-licks-section .table-responsive{border:none;margin:0}.associated-item-simple{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:.75rem 1rem;transition:all .3s ease}.associated-item-simple:hover{background:#e9ecef;border-color:var(--eti-orange);box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.associated-item-simple .associated-item-content .associated-item-title{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.associated-item-simple .associated-item-content .associated-item-title a{color:var(--eti-red);text-decoration:none}.associated-item-simple .associated-item-content .associated-item-title a:hover{color:var(--eti-orange);text-decoration:underline}.associated-item-simple .associated-item-content .associated-item-artist{color:#6c757d;font-size:.85rem;margin-bottom:0}.associated-item-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.05);padding:1.5rem;transition:all .3s ease}.associated-item-card:hover{border-color:var(--eti-orange);box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-2px)}.associated-item-card .associated-item-header{margin-bottom:1rem}.associated-item-card .associated-item-header .associated-item-title{margin-bottom:.5rem}.associated-item-card .associated-item-header .associated-item-title a{color:var(--eti-red);font-weight:600;text-decoration:none;transition:color .3s ease}.associated-item-card .associated-item-header .associated-item-title a:hover{color:var(--eti-orange)}.associated-item-card .associated-item-header .associated-item-artist{font-size:.9rem;margin-bottom:0}.associated-item-card .associated-item-header .associated-item-artist i{color:var(--eti-orange)}.associated-item-card .associated-item-meta{margin-bottom:1rem}.associated-item-card .associated-item-meta .badge{border-radius:6px;font-size:.75rem;padding:.375rem .75rem}.associated-item-card .associated-item-description{color:#6c757d;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.associated-item-card .associated-item-footer{border-top:1px solid #f8f9fa;padding-top:.75rem}.associated-item-card .associated-item-footer small{font-size:.8rem}.associated-item-card .associated-item-footer small i{color:var(--eti-orange)}.associated-item-compact{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;transition:all .3s ease}.associated-item-compact:hover{background:#fff;border-color:var(--eti-orange);box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.associated-item-compact:last-child{margin-bottom:0!important}.associated-item-compact h6{margin-bottom:.5rem}.associated-item-compact h6 a{color:var(--eti-red);font-weight:600;text-decoration:none;transition:color .3s ease}.associated-item-compact h6 a:hover{color:var(--eti-orange)}.associated-item-compact .text-muted.small{font-size:.8rem;margin-bottom:.5rem}.associated-item-compact .text-muted.small i{color:var(--eti-orange)}.associated-item-compact .associated-item-meta-compact{margin-bottom:.5rem}.associated-item-compact .associated-item-meta-compact .badge{border-radius:4px;font-size:.7rem;padding:.25rem .5rem}.associated-item-compact .associated-item-footer-compact{border-top:1px solid #e9ecef;padding-top:.5rem}.associated-item-compact .associated-item-footer-compact small{font-size:.75rem}.associated-item-compact .associated-item-footer-compact small i{color:var(--eti-orange)}.associated-item-card,.associated-item-compact{animation:fadeInUp .6s ease-out}.associated-item-card:first-child,.associated-item-compact:first-child{animation-delay:.1s}.associated-item-card:nth-child(2),.associated-item-compact:nth-child(2){animation-delay:.2s}.associated-item-card:nth-child(3),.associated-item-compact:nth-child(3){animation-delay:.3s}.associated-item-card:nth-child(4),.associated-item-compact:nth-child(4){animation-delay:.4s}.associated-item-card:nth-child(5),.associated-item-compact:nth-child(5){animation-delay:.5s}.associated-item-card:nth-child(6),.associated-item-compact:nth-child(6){animation-delay:.6s}@media (max-width:768px){.associated-chord-grids-section,.associated-licks-section{margin-top:1.5rem}.associated-chord-grids-section .associated-section-title,.associated-licks-section .associated-section-title{font-size:1.25rem;margin-bottom:1rem}.associated-item-card{padding:1rem}.associated-item-card .associated-item-header,.associated-item-card .associated-item-meta{margin-bottom:.75rem}.associated-item-compact{padding:.75rem}}.associated-empty-state,.associated-items-empty{color:#6c757d;padding:2rem;text-align:center}.associated-empty-state i,.associated-items-empty i{color:#dee2e6;font-size:3rem;margin-bottom:1rem;opacity:.5}.associated-empty-state h5,.associated-empty-state h6,.associated-items-empty h5,.associated-items-empty h6{color:#495057;font-weight:500;margin-bottom:.5rem}.associated-empty-state p,.associated-items-empty p{font-size:.9rem;line-height:1.4;margin-bottom:0}.associated-empty-state .text-center,.associated-items-empty .text-center{padding:2rem 1rem}.associated-empty-state .text-center i,.associated-items-empty .text-center i{opacity:.5}.associated-empty-state .text-center h5,.associated-empty-state .text-center h6,.associated-items-empty .text-center h5,.associated-items-empty .text-center h6{font-weight:500;margin-bottom:.5rem}.associated-empty-state .text-center p,.associated-items-empty .text-center p{font-size:.9rem;line-height:1.4}@media (max-width:768px){.associated-items-empty .text-center{padding:1.5rem .5rem}}.form-associations .form-group{margin-bottom:1.5rem}.form-associations .form-group label{color:var(--eti-red);display:block;font-weight:600;margin-bottom:.5rem}.form-associations .form-group .form-select{border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}.form-associations .form-group .form-select:focus{border-color:var(--eti-orange);box-shadow:0 0 0 .2rem rgba(255,165,0,.25);outline:none}.form-associations .form-group .form-select:hover{border-color:var(--eti-orange)}.form-associations .form-group .form-text{color:#6c757d;font-size:.85rem;margin-top:.25rem}.select2-container .select2-selection--multiple{border:2px solid #e9ecef!important;border-radius:8px!important;min-height:42px!important;padding:.25rem!important}.select2-container .select2-selection--multiple:focus{border-color:var(--eti-orange)!important;box-shadow:0 0 0 .2rem rgba(255,165,0,.25)!important}.select2-container .select2-selection--multiple .select2-selection__choice{background-color:var(--eti-orange)!important;border:1px solid var(--eti-orange)!important;border-radius:6px!important;color:#fff!important;font-size:.85rem!important;margin:.125rem!important;padding:.25rem .5rem!important}.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{color:#fff!important;margin-right:.25rem!important}.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover{color:#fc9!important}.select2-container .select2-selection--multiple .select2-selection__placeholder{color:#6c757d!important;font-style:italic!important}.select2-container .select2-dropdown{border:2px solid var(--eti-orange)!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.select2-container .select2-dropdown .select2-results__option{font-size:.9rem!important;padding:.5rem 1rem!important}.select2-container .select2-dropdown .select2-results__option--highlighted{background-color:var(--eti-orange)!important;color:#fff!important}.select2-container .select2-dropdown .select2-results__option--selected{background-color:#f8f9fa!important;color:var(--eti-red)!important;font-weight:600!important}.select2-tags .select2-selection--multiple .select2-selection__choice{background:linear-gradient(135deg,var(--eti-orange) 0,#ff8c00 100%)!important;border:none!important;box-shadow:0 2px 4px rgba(255,165,0,.3)!important;transition:all .3s ease!important}.select2-tags .select2-selection--multiple .select2-selection__choice:hover{box-shadow:0 4px 8px rgba(255,165,0,.4)!important;transform:translateY(-1px)!important}.associations-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.associations-section .section-title{align-items:center;color:var(--eti-red);display:flex;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.associations-section .section-title i{color:var(--eti-orange);margin-right:.5rem}.associations-section .section-description{color:#6c757d;font-size:.9rem;line-height:1.4;margin-bottom:1rem}@media (max-width:768px){.form-associations .form-group{margin-bottom:1rem}.form-associations .form-group .form-select{font-size:.9rem;padding:.6rem .8rem}.associations-section{margin:1rem 0;padding:1rem}.associations-section .section-title{font-size:1rem}.select2-container .select2-selection--multiple{min-height:38px!important;padding:.2rem!important}.select2-container .select2-selection--multiple .select2-selection__choice{font-size:.8rem!important;margin:.1rem!important;padding:.2rem .4rem!important}}.form-select,.select2-container{animation:fadeInUp .6s ease-out}.form-associations .form-group.is-valid .form-select{border-color:#198754!important}.form-associations .form-group.is-valid .form-select:focus{border-color:#198754!important;box-shadow:0 0 0 .2rem rgba(25,135,84,.25)!important}.form-associations .form-group.is-invalid .form-select{border-color:#dc3545!important}.form-associations .form-group.is-invalid .form-select:focus{border-color:#dc3545!important;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)!important}.widget-card{border-radius:1rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);overflow:hidden}.widget-card .card-header{background-color:#8b0000;border-bottom:3px solid #f19514;border-top-left-radius:1rem;border-top-right-radius:1rem;color:#fff;transition:all .3s ease}.widget-card .card-body{background-color:#ffedce;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.widget-card .card-header h2{color:#fff!important;margin:0;padding:10px 20px;position:relative;text-shadow:0 0 transparent;transition:all .5s ease}.widget-card:hover .card-header h2{animation:text-shadow-pop-bl .6s both}@keyframes text-shadow-pop-bl{0%{text-shadow:0 0 #f19514,0 0 #f19514,0 0 #f19514;transform:translateX(0) translateY(0)}to{text-shadow:-6px 6px #f19514,-12px 12px rgba(241,149,20,.6),-18px 18px rgba(241,149,20,.4);transform:translateX(6px) translateY(-6px)}}@keyframes guitar-pop{0%{filter:drop-shadow(0 0 transparent);transform:rotate(15deg) translateX(0) translateY(0) scale(1)}50%{filter:drop-shadow(-4px 4px #f19514) drop-shadow(-8px 8px rgba(241,149,20,.6)) drop-shadow(-12px 12px rgba(241,149,20,.3));transform:rotate(20deg) translateX(4px) translateY(-4px) scale(1.05)}to{filter:drop-shadow(-6px 6px #f19514) drop-shadow(-12px 12px rgba(241,149,20,.4)) drop-shadow(-18px 18px rgba(241,149,20,.2));transform:rotate(25deg) translateX(6px) translateY(-6px) scale(1.1)}}@keyframes guitar-pop-loop{0%{filter:drop-shadow(0 0 transparent);transform:rotate(15deg) translateX(0) translateY(0) scale(1)}25%{filter:drop-shadow(-3px 3px #f19514) drop-shadow(-6px 6px rgba(241,149,20,.5)) drop-shadow(-9px 9px rgba(241,149,20,.2));transform:rotate(18deg) translateX(3px) translateY(-3px) scale(1.03)}50%{filter:drop-shadow(-6px 6px #f19514) drop-shadow(-12px 12px rgba(241,149,20,.4)) drop-shadow(-18px 18px rgba(241,149,20,.2));transform:rotate(22deg) translateX(6px) translateY(-6px) scale(1.1)}75%{filter:drop-shadow(-3px 3px #f19514) drop-shadow(-6px 6px rgba(241,149,20,.5)) drop-shadow(-9px 9px rgba(241,149,20,.2));transform:rotate(18deg) translateX(3px) translateY(-3px) scale(1.03)}to{filter:drop-shadow(0 0 transparent);transform:rotate(15deg) translateX(0) translateY(0) scale(1)}}.site-presentation{color:#343a40;padding:1rem 1rem 0!important}.site-presentation .presentation-text h3{font-weight:600}.site-presentation .presentation-text p{font-size:.95em;line-height:1.6}.site-presentation .d-flex{gap:20px}.welcome-icon{display:block;height:auto;max-width:100%;object-fit:contain;transition:transform .3s ease}.welcome-icon:hover{transform:scale(1.1)}.icon-container{align-items:center;background:transparent;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex:1;flex-direction:column;justify-content:center;min-height:180px;overflow:hidden;padding:10px;transition:all .3s ease}.icon-container:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.welcome-header{animation:fadeInUp .8s ease-out}.icon-caption{align-items:center;color:#8b0000;display:flex;font-weight:700;justify-content:center;margin-top:6px;min-height:1.5em;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.welcome-icon{flex:1;height:160px;max-width:180px;width:160px}.icon-container:first-child .welcome-icon{animation:guitar-pop-loop 2s ease-in-out infinite;filter:drop-shadow(0 0 transparent);height:110px;max-width:150px;transform:rotate(15deg);transition:all .3s ease;width:110px}.icon-container:first-child .welcome-icon:hover{animation:guitar-pop .6s both}@media (width <= 768px){.icon-container{min-height:160px}.icon-container:first-child .welcome-icon{height:100px;max-width:120px;width:100px}}@media (width <= 576px){.icon-container{min-height:140px}.icon-container:first-child .welcome-icon{height:85px;max-width:100px;width:85px}}@media (width <= 768px){.welcome-icon{height:120px;max-width:140px;width:120px}.site-presentation .d-flex{align-items:stretch!important;flex-direction:row!important;justify-content:space-between!important}}@media (width <= 576px){.welcome-icon{height:100px;max-width:120px;width:100px}.site-presentation .d-flex{align-items:stretch!important;flex-direction:row!important;justify-content:space-between!important}}.table-eti thead th{background-color:#f19514}.table-eti tbody tr:nth-child(odd) td{background-color:#ffedce}.table-eti tbody td,.table-eti tbody th{border:none!important}.nouveautes-section .card-body[style*="overflow-y: auto"]{scrollbar-color:#f19514 #f8f9fa;scrollbar-width:thin}.nouveautes-section .card-body[style*="overflow-y: auto"]::-webkit-scrollbar{width:8px}.nouveautes-section .card-body[style*="overflow-y: auto"]::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.nouveautes-section .card-body[style*="overflow-y: auto"]::-webkit-scrollbar-thumb{background:#f19514;border-radius:4px}.nouveautes-section .card-body[style*="overflow-y: auto"]::-webkit-scrollbar-thumb:hover{background:#8b0000}.nouveautes-section .list-group-item{transition:all .15s ease}.nouveautes-section .list-group-item:hover{background-color:#f8f9fa;transform:translateX(5px)}.decouvrir-section .card{border-radius:.75rem;transition:all .3s ease}.decouvrir-section .card:hover{box-shadow:0 1rem 3rem rgba(0,0,0,.175);transform:translateY(-2px)}.decouvrir-section .card .card-body h3{color:#8b0000}.decouvrir-section .card .card-body p{color:#6c757d}.conseil-content{border-bottom:2px solid rgba(139,0,0,.1);color:#8b0000;cursor:pointer;margin:0;padding:15px 15px 10px;position:relative;transition:all .3s ease}.conseil-content:hover{background-color:rgba(139,0,0,.05);transform:translateX(10px)}.conseil-question{color:#8b0000;font-size:1.3em;font-weight:700;margin-bottom:12px;text-shadow:none}.conseil-description{color:#343a40;font-size:1em;line-height:1.5;margin-bottom:15px;opacity:.9}.conseil-link{background:#ffedce;border:2px solid #ffedce;border-radius:25px;color:#8b0000;display:inline-block;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .3s ease}.conseil-link:hover{background:transparent;color:#ffedce;transform:scale(1.05)}.conseil-nav{display:flex;gap:8px;justify-content:center;margin-top:15px}.conseil-nav button{background:#8b0000;border:none;border-radius:18px;color:#fff;cursor:pointer;font-size:.85em;padding:6px 12px;transition:all .3s ease}.conseil-nav button:hover{background:#ffedce;color:#8b0000;transform:scale(1.1)}.conseil-nav button:disabled{cursor:not-allowed;opacity:.5;transform:none}.conseil-counter{color:#ffedce;font-size:.85em;margin-top:8px;opacity:.8;text-align:center}.conseil-card{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width <= 768px){.widget-card{margin-bottom:1rem}.widget-card .card-header h2{font-size:1.6rem;padding:8px 16px}.site-presentation{padding:0 1rem!important}.conseil-content{padding:12px 12px 8px}.conseil-content:hover{transform:translateX(5px)}.conseil-question{font-size:1.1em}}@media (width <= 576px){.widget-card .card-header h2{font-size:1.4rem;padding:6px 12px}.site-presentation{padding:0 .75rem!important}.conseil-content{padding:10px 10px 6px}.conseil-question{font-size:1em}.conseil-link{font-size:.9em;padding:8px 16px}}.chords-page{min-height:100vh;padding:2rem 0}.chords-search-container{margin:0 auto;max-width:1200px;padding:0 1rem}.search-box{margin-bottom:2rem;position:relative}.search-input{background:#fff;border:2px solid var(--eti-red);border-radius:50px;box-shadow:0 4px 15px rgba(139,0,0,.1);font-size:1.1rem;outline:none;padding:1rem 3rem 1rem 1.5rem;transition:all .3s ease;width:100%}.search-input::placeholder{color:#6c757d;font-style:italic;opacity:.8}.search-input:focus{border-color:var(--eti-orange);box-shadow:0 0 0 .2rem rgba(241,149,20,.25),0 8px 25px rgba(139,0,0,.15);transform:translateY(-2px)}.search-input:focus::placeholder{opacity:.5}.search-icon{color:var(--eti-red);font-size:1.2rem;pointer-events:none;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%)}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.filter-tab{background:#fff;border:2px solid var(--eti-red);border-radius:25px;color:var(--eti-red);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.filter-tab:hover{background:var(--eti-red);box-shadow:0 4px 15px rgba(139,0,0,.2);color:#fff;transform:translateY(-2px)}.filter-tab.active{background:var(--eti-orange);border-color:var(--eti-orange);box-shadow:0 4px 15px rgba(241,149,20,.3);color:#fff}.chords-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:2rem}.chord-card{background:#fff;border:2px solid transparent;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.1);padding:1.5rem;transition:all .3s ease}.chord-card:hover{border-color:var(--eti-orange);box-shadow:0 15px 35px rgba(0,0,0,.15);transform:translateY(-5px)}.chord-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.chord-name{color:var(--eti-red);font-size:1.5rem;margin:0}.chord-difficulty{border-radius:15px;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.chord-difficulty.easy{background:rgba(40,167,69,.1);color:#28a745}.chord-difficulty.medium{background:rgba(255,193,7,.1);color:#ffc107}.chord-difficulty.hard{background:rgba(220,53,69,.1);color:#dc3545}.chord-diagram{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-family:Courier New,monospace;font-size:1.1rem;line-height:1.4;padding:1rem}.chord-diagram,.chord-preview{margin:1rem 0;text-align:center}.chord-preview{align-items:center;display:flex;justify-content:center;min-height:150px}.chord-preview-image{border:1px solid #dee2e6;border-radius:.375rem;height:180px;object-fit:contain;transition:border-color .15s ease-in-out;width:180px}.chord-preview-image:hover{border-color:var(--eti-red)}.chord-image-section{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-items:center;margin:1rem 0}.chord-position-image{border:1px solid #dee2e6;height:200px;object-fit:contain;transition:border-color .15s ease-in-out;width:200px}.chord-position-image:hover{border-color:var(--eti-red)}.chord-info{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.chord-notes{color:#6c757d;font-size:.9rem;font-weight:500}.chord-actions{display:flex;gap:.5rem}.btn-chord{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.btn-chord.btn-primary{background:var(--eti-red);color:#fff}.btn-chord.btn-primary:hover{background:var(--eti-red-hover);transform:translateY(-1px)}.btn-chord.btn-secondary{background:#6c757d;color:#fff}.btn-chord.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.chord-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.filter-group{align-items:center;display:flex;flex-direction:column;gap:.5rem}.filter-label{color:var(--eti-red);font-size:.9rem;font-weight:600}.filter-select{background:#fff;border:2px solid var(--eti-red);border-radius:8px;color:var(--eti-red);cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.filter-select:focus{border-color:var(--eti-orange);box-shadow:0 0 0 .2rem rgba(241,149,20,.25);outline:none}.chord-stats{background:rgba(139,0,0,.05);border:1px solid rgba(139,0,0,.1);border-radius:10px;margin:2rem 0;padding:1rem;text-align:center}.stats-text{color:var(--eti-red);font-size:1.1rem;font-weight:600;margin:0}.no-results{color:#6c757d;padding:3rem 1rem;text-align:center}.no-results-icon{color:#dee2e6;font-size:4rem;margin-bottom:1rem}.no-results-title{color:#495057;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.no-results-text{font-size:1rem;margin:0}.chord-detail-section{background:#fff;border:2px solid var(--eti-red);border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.1);box-sizing:border-box;margin-top:3rem;max-width:none!important;padding:2rem;width:100%}.chord-detail-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.close-detail-btn{align-items:center;background:var(--eti-red);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-detail-btn:hover{background:var(--eti-orange);transform:scale(1.1)}.chord-positions-container{margin-bottom:2rem}.chord-positions-container,.chord-positions-section{box-sizing:border-box;max-width:100%!important;width:100%!important}.chord-positions-section{margin-bottom:1.5rem}.chord-positions-grid{box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));justify-items:center;margin-bottom:2rem;margin-top:.75rem;max-width:100%!important;width:100%!important}.chord-position-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;max-width:100%;padding:1rem;text-align:center;transition:all .3s ease;width:220px}.chord-position-card:hover{box-shadow:0 4px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.variant-header{align-items:center;background:#f8f9fa;border-left:4px solid var(--eti-orange);border-radius:8px;display:flex;grid-column:1/-1;justify-content:space-between;margin:1rem 0 .5rem;padding:1rem}.variant-title{font-size:1.1rem;font-weight:600;margin:0}.variant-title.standard{color:var(--eti-orange)}.variant-title.renversement{color:var(--eti-red)}.variant-positions-count{color:#666;font-size:.9rem;font-weight:500}.sub-variant-header{background:#f0f0f0;border-left:3px solid var(--eti-red);border-radius:6px;grid-column:1/-1;margin:.5rem 0 .25rem;padding:.75rem}.sub-variant-title{color:var(--eti-red);font-size:1rem;font-weight:600;margin:0}.position-header{margin-bottom:.5rem}.position-type{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.position-type.standard{background:var(--eti-orange);color:#fff}.position-type.renversement{background:var(--eti-red);color:#fff}.chord-position-image{border-radius:4px;height:auto;margin-bottom:.5rem;max-width:100%}.position-description{color:#666;font-size:.9rem;font-style:italic}@media (max-width:768px){.chords-grid{gap:1.5rem;grid-template-columns:1fr}.filter-tabs{gap:.25rem}.filter-tab{font-size:.9rem;padding:.5rem 1rem}.chord-filters{align-items:center;flex-direction:column}.filter-group{max-width:300px;width:100%}.filter-select{width:100%}.chord-positions-container,.chord-positions-grid,.chord-positions-section{max-width:100%!important;width:100%!important}.chord-positions-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.chord-position-card{width:180px}.chord-position-image{height:160px;width:160px}.chord-detail-section{margin-top:2rem;padding:1rem}}@media (max-width:480px){.chords-page{padding:1rem 0}.chords-search-container{padding:0 .5rem}.search-input{font-size:1rem;padding:.75rem 2.5rem .75rem 1rem}.search-icon{font-size:1rem;right:1rem}.chord-card{padding:1rem}.chord-name{font-size:1.25rem}.chord-diagram{font-size:1rem;padding:.75rem}.chord-positions-container,.chord-positions-grid,.chord-positions-section{max-width:100%!important;width:100%!important}.chord-positions-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.chord-position-card{width:150px}.chord-position-image{height:140px;width:140px}.chord-preview{min-height:100px}.chord-preview-image{height:120px;width:120px}}.scale-table{border-collapse:collapse;border-radius:20px;border-spacing:0;box-shadow:5px 5px 15px rgba(0,0,0,.3);overflow:hidden}.scale-table td,.scale-table th{height:50px;padding:10px;text-align:center;transition:background-color .3s ease;width:50px}.scale-table thead th{background-color:var(--eti-red);color:#fff;font-weight:700;height:30px}.scale-table thead th:hover{background-color:var(--eti-red-hover)}#dorien #gammesTable tr[data-type]:not([data-type=dorien]),#gammesTable tr[data-type]:not([data-type=ionien]){display:none}#dorien #gammesTable tr[data-type=dorien]{display:table-row}#dorien #gammesTable tr[data-type=ionien],#phrygien #gammesTable tr[data-type]:not([data-type=phrygien]){display:none}#phrygien #gammesTable tr[data-type=phrygien]{display:table-row}#lydien #gammesTable tr[data-type]:not([data-type=lydien]),#phrygien #gammesTable tr[data-type=dorien],#phrygien #gammesTable tr[data-type=ionien]{display:none}#lydien #gammesTable tr[data-type=lydien]{display:table-row}#lydien #gammesTable tr[data-type=dorien],#lydien #gammesTable tr[data-type=ionien],#lydien #gammesTable tr[data-type=phrygien],#mixolydien #gammesTable tr[data-type]:not([data-type=mixolydien]){display:none}#mixolydien #gammesTable tr[data-type=mixolydien]{display:table-row}#eolien #gammesTable tr[data-type]:not([data-type=eolien]),#mixolydien #gammesTable tr[data-type=dorien],#mixolydien #gammesTable tr[data-type=ionien],#mixolydien #gammesTable tr[data-type=lydien],#mixolydien #gammesTable tr[data-type=phrygien]{display:none}#eolien #gammesTable tr[data-type=eolien]{display:table-row}#eolien #gammesTable tr[data-type=dorien],#eolien #gammesTable tr[data-type=ionien],#eolien #gammesTable tr[data-type=lydien],#eolien #gammesTable tr[data-type=mixolydien],#eolien #gammesTable tr[data-type=phrygien],#locrien #gammesTable tr[data-type]:not([data-type=locrien]){display:none}#locrien #gammesTable tr[data-type=locrien]{display:table-row}#locrien #gammesTable tr[data-type=dorien],#locrien #gammesTable tr[data-type=eolien],#locrien #gammesTable tr[data-type=ionien],#locrien #gammesTable tr[data-type=lydien],#locrien #gammesTable tr[data-type=mixolydien],#locrien #gammesTable tr[data-type=phrygien],#mineur-harmonique #gammesTable tr[data-type]:not([data-type=mineur-harmonique]){display:none}#mineur-harmonique #gammesTable tr[data-type=mineur-harmonique]{display:table-row}#mineur-harmonique #gammesTable tr[data-type="dorien-#11"],#mineur-harmonique #gammesTable tr[data-type="ionien-#5"],#mineur-harmonique #gammesTable tr[data-type="lydien-#9"],#mineur-harmonique #gammesTable tr[data-type=altere-bb7],#mineur-harmonique #gammesTable tr[data-type=locrien-♮13],#mineur-harmonique #gammesTable tr[data-type=phrygien-dominant],#phrygien-dominant #gammesTable tr[data-type]:not([data-type=phrygien-dominant]){display:none}#phrygien-dominant #gammesTable tr[data-type=phrygien-dominant]{display:table-row}#mineur-melodique #gammesTable tr[data-type]:not([data-type=mineur-melodique]),#phrygien-dominant #gammesTable tr[data-type="dorien-#11"],#phrygien-dominant #gammesTable tr[data-type="ionien-#5"],#phrygien-dominant #gammesTable tr[data-type="lydien-#9"],#phrygien-dominant #gammesTable tr[data-type=altere-bb7],#phrygien-dominant #gammesTable tr[data-type=locrien-♮13],#phrygien-dominant #gammesTable tr[data-type=mineur-harmonique]{display:none}#mineur-melodique #gammesTable tr[data-type=mineur-melodique]{display:table-row}#mineur-melodique #gammesTable tr[data-type="lydien-#5"],#mineur-melodique #gammesTable tr[data-type=altere],#mineur-melodique #gammesTable tr[data-type=locrien-b9],#mineur-melodique #gammesTable tr[data-type=locrien-♮9],#mineur-melodique #gammesTable tr[data-type=lydien-b7],#mineur-melodique #gammesTable tr[data-type=mixolydien-b13]{display:none}#dorien.show-all #gammesTable tr[data-type],#eolien.show-all #gammesTable tr[data-type],#locrien.show-all #gammesTable tr[data-type],#lydien.show-all #gammesTable tr[data-type],#mineur-harmonique.show-all #gammesTable tr[data-type],#mineur-melodique.show-all #gammesTable tr[data-type],#mixolydien.show-all #gammesTable tr[data-type],#phrygien-dominant.show-all #gammesTable tr[data-type],#phrygien.show-all #gammesTable tr[data-type],.show-all #gammesTable tr[data-type]{display:table-row!important}#majeur-double-harmonique #gammesTable tr[data-type]:not([data-type=majeur-double-harmonique]){display:none}#majeur-double-harmonique #gammesTable tr[data-type=majeur-double-harmonique]{display:table-row}#majeur-double-harmonique #gammesTable tr[data-type="ionien-#2-#5"],#majeur-double-harmonique #gammesTable tr[data-type="lydien-#2-#6"],#majeur-double-harmonique #gammesTable tr[data-type=locrien-bb3-bb7],#majeur-double-harmonique #gammesTable tr[data-type=mineur-double-harmonique],#majeur-double-harmonique #gammesTable tr[data-type=oriental],#majeur-double-harmonique #gammesTable tr[data-type=ultraphrygien]{display:none}#majeur-double-harmonique.show-all #gammesTable tr[data-type]{display:table-row!important}.scale-table td:first-child,.scale-table th:first-child{background-color:var(--eti-red)!important;color:#fff!important}.scale-table tbody td:first-child{font-weight:700}.scale-table td:first-child:hover{background-color:var(--eti-red-hover)!important}.table-first-row{background-color:var(--eti-red);color:#fff}.table-first-row:hover{background-color:var(--eti-red-hover)}.table-highlight-1{background-color:var(--eti-orange);font-weight:700}.table-highlight-2{background-color:var(--eti-yellow);font-weight:700}.table-hide{color:#a9a9a9;font-weight:700}.show-all .table-hide{color:#666;display:table-cell}.styled-button{background:var(--eti-orange);border:none;border-radius:.5rem;color:#000;font-weight:600;padding:.5rem .9rem}.styled-button:hover{background:var(--eti-red);color:#fff}.example{background:var(--eti-yellow);border-radius:.5rem;display:inline-block;padding:.5rem .75rem}.table-container{box-sizing:border-box;overflow-x:auto;padding:20px;width:100%;-webkit-overflow-scrolling:touch}@media (max-width:768px){.video-section iframe{height:150px}}.image-gamme-container{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;margin-top:20px}.gamme-image-wrapper{border-radius:12px;box-shadow:0 3px 12px rgba(0,0,0,.1);margin:0 auto;max-width:600px;overflow:hidden;width:100%}@media (min-width:768px){.gamme-image-wrapper{max-width:700px}}@media (min-width:1200px){.gamme-image-wrapper{max-width:800px}}.gamme-image-responsive{display:block;height:auto;width:100%}.image-gamme-container .gamme-image-wrapper{align-items:stretch;display:flex}.image-gamme-container .gamme-image-responsive{height:100%;object-fit:contain;object-position:center;width:100%}.tab-container{border-radius:12px;box-shadow:0 3px 12px rgba(0,0,0,.1);margin:0 auto;overflow:hidden}@media (min-width:768px){.image-gamme-container{align-items:stretch;flex-direction:row;justify-content:space-between}.gamme-image-wrapper{align-items:stretch;display:flex;max-width:500px;width:45%}}@media (min-width:1200px){.gamme-image-wrapper{max-width:600px;width:50%}}.arpege-content-wrapper .image-gamme-container{margin-bottom:40px}.arpege-content-wrapper .tab-container{margin-top:20px}@media (max-width:768px){.compact-songs-grid{gap:15px;grid-template-columns:1fr}}.sommaire-academique{margin:2rem 0}.sommaire-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.sommaire-item{align-items:center;background:#fff;border:2px solid transparent;border-radius:12px;color:inherit;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;text-decoration:none;transition:all .3s ease}.sommaire-item:before{background:var(--eti-orange);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.sommaire-item:hover{border-color:var(--eti-orange);box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-4px)}.sommaire-item:hover:before{transform:scaleY(1)}.sommaire-icon{align-items:center;background:linear-gradient(135deg,var(--eti-orange) 0,var(--eti-red) 100%);border-radius:12px;box-shadow:0 4px 12px rgba(241,149,20,.3);color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.sommaire-content{flex:1;min-width:0}.sommaire-title{color:var(--eti-red);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.sommaire-description{color:#6c757d;font-size:.875rem;line-height:1.4;margin:0}.sommaire-arrow{color:var(--eti-orange);flex-shrink:0;font-size:.9rem;opacity:.7;transition:all .3s ease}.sommaire-item:hover .sommaire-arrow{opacity:1;transform:translateX(4px)}@media (max-width:768px){.sommaire-grid{gap:1rem;grid-template-columns:1fr}.sommaire-item{padding:1rem}.sommaire-icon{font-size:1rem;height:40px;width:40px}.sommaire-title{font-size:.95rem}.sommaire-description{font-size:.8rem}}.sommaire-item{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.sommaire-item:first-child{animation-delay:.1s}.sommaire-item:nth-child(2){animation-delay:.2s}.sommaire-item:nth-child(3){animation-delay:.3s}.sommaire-item:nth-child(4){animation-delay:.4s}.sommaire-item:nth-child(5){animation-delay:.5s}.arpege-content-wrapper{line-height:1.6;max-width:100%;padding:20px}.arpege-content-wrapper h1{color:var(--eti-red);font-size:2em;margin-bottom:20px}.arpege-content-wrapper h2{color:var(--eti-orange);font-size:1.5em;margin:25px 0 15px}.arpege-content-wrapper h3{color:var(--eti-red);font-size:1.3em;margin:20px 0 10px}.arpege-content-wrapper p{margin-bottom:15px;text-align:justify}.arpege-content-wrapper ol,.arpege-content-wrapper ul{margin:15px 0;padding-left:20px}.arpege-content-wrapper li{margin-bottom:8px}.arpege-content-wrapper a{font-weight:500;text-decoration:none}.arpege-content-wrapper .link{background:#f8f9fa;border-left:4px solid var(--eti-orange);border-radius:5px;margin:20px 0;padding:15px}h3:contains("Forme"),h4:contains("Forme"),h5:contains("Forme"),h6:contains("Forme"){margin-top:30px!important}h3[class*=forme],h3[id*=forme],h4[class*=forme],h4[id*=forme],h5[class*=forme],h5[id*=forme],h6[class*=forme],h6[id*=forme]{margin-top:30px!important}h3,h4,h5,h6{margin-top:30px}h3:first-of-type,h4:first-of-type,h5:first-of-type,h6:first-of-type{margin-top:0}.scale-forms h3,.scale-forms h4,.scale-forms h5,.scale-forms h6{margin-top:30px!important}.arpege-content-wrapper h2[id*=forme],.arpege-content-wrapper h3[id*=forme],.arpege-content-wrapper h4[id*=forme]{margin-bottom:20px!important;margin-top:40px!important}.arpege-content-wrapper h2[id*=forme]:first-of-type,.arpege-content-wrapper h3[id*=forme]:first-of-type,.arpege-content-wrapper h4[id*=forme]:first-of-type{margin-top:20px!important}.arpege-content-wrapper .table-container{box-sizing:border-box;overflow-x:auto;padding:20px;width:100%;-webkit-overflow-scrolling:touch}.arpege-content-wrapper table{border-collapse:collapse;border-radius:20px;border-spacing:0;box-shadow:5px 5px 15px rgba(0,0,0,.3);overflow:hidden;width:100%}.arpege-content-wrapper table td,.arpege-content-wrapper table th{height:50px;padding:10px;text-align:center;transition:background-color .3s ease;width:50px}.arpege-content-wrapper table thead th{background-color:var(--eti-red);color:#fff;font-weight:700;height:30px}.arpege-content-wrapper table thead th:hover{background-color:var(--eti-red-hover)}.arpege-content-wrapper table td:first-child,.arpege-content-wrapper table th:first-child{background-color:var(--eti-red)!important;color:#fff!important}.arpege-content-wrapper table tbody td:first-child{font-weight:700}.arpege-content-wrapper table td:first-child:hover{background-color:var(--eti-red-hover)!important}.arpege-content-wrapper .table-first-row{background-color:var(--eti-red);color:#fff}.arpege-content-wrapper .table-first-row:hover{background-color:var(--eti-red-hover)}.arpege-content-wrapper .table-highlight-1{background-color:var(--eti-orange);font-weight:700}.arpege-content-wrapper .table-highlight-2{background-color:var(--eti-yellow);font-weight:700}.arpege-content-wrapper .table-hide{color:#a9a9a9;font-weight:700}.arpege-content-wrapper .sommaire-academique{margin:2rem 0}.arpege-content-wrapper .sommaire-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.arpege-content-wrapper .sommaire-item{align-items:center;background:#fff;border:2px solid transparent;border-radius:12px;color:inherit;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;text-decoration:none;transition:all .3s ease}.arpege-content-wrapper .sommaire-item:before{background:var(--eti-orange);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.arpege-content-wrapper .sommaire-item:hover{border-color:var(--eti-orange);box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-4px)}.arpege-content-wrapper .sommaire-item:hover:before{transform:scaleY(1)}.arpege-content-wrapper .sommaire-icon{align-items:center;background:linear-gradient(135deg,var(--eti-orange) 0,var(--eti-red) 100%);border-radius:12px;box-shadow:0 4px 12px rgba(241,149,20,.3);color:#fff;display:flex;flex-shrink:0;font-size:1.2rem;height:50px;justify-content:center;width:50px}.arpege-content-wrapper .sommaire-content{flex:1;min-width:0}.arpege-content-wrapper .sommaire-title{color:var(--eti-red);font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.arpege-content-wrapper .sommaire-description{color:#6c757d;font-size:.875rem;line-height:1.4;margin:0}.arpege-content-wrapper .sommaire-arrow{color:var(--eti-orange);flex-shrink:0;font-size:.9rem;opacity:.7;transition:all .3s ease}.arpege-content-wrapper .sommaire-item:hover .sommaire-arrow{opacity:1;transform:translateX(4px)}@media (max-width:768px){.arpege-content-wrapper .sommaire-grid{gap:1rem;grid-template-columns:1fr}.arpege-content-wrapper .sommaire-item{padding:1rem}.arpege-content-wrapper .sommaire-icon{font-size:1rem;height:40px;width:40px}.arpege-content-wrapper .sommaire-title{font-size:.95rem}.arpege-content-wrapper .sommaire-description{font-size:.8rem}}body.sidebar-open .alphatab-player-container .at-controls,body.sidebar-open .alphatab-player-container .at-sidebar{z-index:998!important}body.sidebar-open .alphatab-player-container .at-layout-menu,body.sidebar-open .alphatab-player-container .at-speed-menu,body.sidebar-open .alphatab-player-container .at-zoom-menu{z-index:997!important}.arpege-content-wrapper .alphatab-player-container .at-controls,.arpege-content-wrapper .alphatab-player-container .at-sidebar{z-index:998!important}.arpege-content-wrapper .alphatab-player-container .at-layout-menu,.arpege-content-wrapper .alphatab-player-container .at-speed-menu,.arpege-content-wrapper .alphatab-player-container .at-zoom-menu{z-index:997!important}.sidebar-container .sidebar,.sidebar-container .sidebar-content{z-index:1000!important}.main-tab{z-index:1001!important}.sidebar-overlay{z-index:999!important}.arpege-content-wrapper .sommaire-item{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.arpege-content-wrapper .sommaire-item:first-child{animation-delay:.1s}.arpege-content-wrapper .sommaire-item:nth-child(2){animation-delay:.2s}.arpege-content-wrapper .sommaire-item:nth-child(3){animation-delay:.3s}.arpege-content-wrapper .sommaire-item:nth-child(4){animation-delay:.4s}.arpege-content-wrapper .sommaire-item:nth-child(5){animation-delay:.5s}.image-gamme-container h4{border-bottom:2px solid var(--eti-orange);color:var(--eti-red);display:inline-block;font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;padding-bottom:.5rem}.image-gamme-container p{font-size:1rem;line-height:1.5;margin:.5rem 0}.image-gamme-container p strong{color:var(--eti-red);font-weight:600}.image-gamme-container .link{font-size:.95rem;margin:.75rem 0 1rem}.image-gamme-container .link a{border-radius:4px;color:var(--eti-orange);font-weight:600;padding:.25rem .5rem;text-decoration:none;transition:all .3s ease}.image-gamme-container .link a:hover{background-color:rgba(241,149,20,.1);color:var(--eti-red);text-decoration:underline}.breadcrumbs,.sidebar-container .breadcrumbs{display:none!important}.sidebar-content{z-index:1000}.arpege-container{max-width:1000px}@media (max-width:1019px){.sidebar-container{padding-left:0}.sidebar-content{bottom:20px;left:0;position:fixed;right:auto;top:80px;transform:translateX(-100%);transition:transform .3s ease;width:300px;z-index:1000}body.sidebar-open .sidebar-content{transform:translateX(0)}.sidebar{height:calc(100vh - 100px);width:300px}.main-tab{align-items:center;background:var(--eti-orange);border-radius:0 10px 10px 0;box-shadow:0 4px 12px rgba(0,0,0,.25);color:#000;cursor:pointer;display:flex;height:64px;justify-content:center;left:0;position:fixed;top:50%;transform:translateY(-50%);width:34px;z-index:1001}body.sidebar-open .main-tab{left:300px}body.sidebar-open .main-tab i{transform:rotate(180deg)}.sidebar-overlay{background:rgba(0,0,0,.25);bottom:20px;display:none;left:0;position:fixed;right:0;top:0;z-index:999}body.sidebar-open .sidebar-overlay{display:block}body.sidebar-open .alphatab-player-container .at-controls,body.sidebar-open .alphatab-player-container .at-sidebar{z-index:998!important}body.sidebar-open .alphatab-player-container .at-layout-menu,body.sidebar-open .alphatab-player-container .at-speed-menu,body.sidebar-open .alphatab-player-container .at-zoom-menu{z-index:997!important}}.header-section{background:var(--eti-orange);border-radius:20px;color:#fff;margin-bottom:40px;padding:40px 20px;text-align:center}.header-section h1{font-size:3em;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header-decoration{background:#fff;border-radius:2px;height:4px;margin:20px auto;width:80px}.subtitle{font-size:1.3em;margin:0;opacity:.9}.theory-section.seventies{background:#fff;border:none;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.8);box-shadow:0 5px 20px rgba(0,0,0,.1);counter-increment:section-counter;margin:30px 0;padding:25px;position:relative}.theory-section.seventies h2{color:var(--eti-orange);font-size:1.8em;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding-left:50px;position:relative;text-shadow:2px 2px 4px rgba(0,0,0,.1);text-transform:uppercase}.theory-section.seventies h2:before{align-items:center;background:var(--eti-orange);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.2);color:#fff;content:counter(section-counter);display:flex;font-size:.9em;font-weight:700;height:35px;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);width:35px;z-index:1}.theory-section.seventies h3{color:var(--eti-red);font-size:1.4em;font-weight:700;margin:20px 0 15px}.theory-section.seventies p{color:#333;font-size:1rem;line-height:1.7;margin-bottom:15px}.theory-section.seventies ul{font-size:1rem;list-style:none;margin:20px 0;padding-left:0}.theory-section.seventies ul li{color:#444;font-size:1rem;line-height:1.6;margin-bottom:8px;padding-left:0;position:relative}.theory-section.seventies ol{font-size:1rem;list-style:none;margin:20px 0;padding-left:0}.theory-section.seventies ol li{color:#444;font-size:1rem;line-height:1.6;margin-bottom:8px;padding-left:0}.progression-display{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.08);margin:20px 0;padding:20px}.chord-progression{align-items:center;display:flex;gap:15px;justify-content:center;margin-bottom:15px}.chord{border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:1.4em;font-weight:700;padding:10px 20px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.chord.chord-subdominant{background:var(--eti-yellow)}.chord.chord-dominant{background:var(--eti-orange)}.chord.chord-tonic{background:var(--eti-red)}.chord.chord-major{background:var(--eti-green);color:#fff}.chord.chord-minor{background:var(--eti-blue);color:#fff}.chord.chord-transition{background:var(--eti-green);color:#fff}.arrow{color:var(--eti-orange);font-size:1.5em;font-weight:700}.progression-explanation{color:#666;font-size:1rem;font-style:italic;text-align:center}.cadence-selector{margin:20px 0;text-align:center}.cadence-dropdown,.cadence-selector{max-width:100%;overflow:hidden;width:100%}.cadence-dropdown{background:#fff;border:2px solid var(--eti-orange);border-radius:8px;box-sizing:border-box;color:#333;cursor:pointer;font-size:1rem;padding:10px 15px;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.cadence-dropdown:hover{border-color:var(--eti-red);box-shadow:0 2px 8px rgba(0,0,0,.1)}.cadence-dropdown:focus{border-color:var(--eti-red);box-shadow:0 0 0 3px rgba(255,0,0,.1);outline:none}.cadence-example{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:15px;margin:30px 0;padding:20px}.cadence-example h3{color:var(--eti-orange);font-size:1.3em;margin-bottom:10px}.cadence-example p{color:#666;font-style:italic;margin-bottom:20px}.tab-container{margin:20px 0;width:100%}#alphatab-container{width:100%}.alphatab-player-container{width:100%!important}.alphatab-player-container .at-wrap{max-width:none!important;width:100%!important}.alphatab-player-container .at-content{width:100%!important}.compact-songs-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0}.song-card{background:#fff;border-radius:12px;box-shadow:0 3px 12px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.song-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-3px)}.song-header{color:#fff;padding:15px;text-align:center}.song-header h4{font-size:1.3em;font-weight:700;margin:0 0 5px}.song-header[style*="background-color:var(--eti-yellow)"] h4{color:#333}.song-header[style*="background-color:var(--eti-yellow)"] .artist{color:#555}.song-header .artist{font-size:.9em;opacity:.9}.song-details{background:#f8f9fa;padding:15px}.detail-item{align-items:center;display:flex;font-size:.9em;gap:10px;margin-bottom:8px}.detail-item:last-child{margin-bottom:0}.detail-item i{color:var(--eti-orange);text-align:center;width:16px}.play-button{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:10px;margin:-5px -8px;padding:5px 8px;text-decoration:none;transition:all .3s ease}.play-button:hover{background-color:var(--eti-orange);color:#fff;transform:scale(1.05)}.play-button:hover i{color:#fff}.grille-link{color:var(--eti-orange);font-weight:700;text-decoration:none;transition:all .3s ease}.grille-link:hover{color:var(--eti-red);text-decoration:underline}.video-section{background:#000;border-radius:0;margin:0;overflow:hidden;padding:0;transition:all .3s ease}.video-section iframe{border:none;display:block;height:200px;width:100%}.song-description{padding:15px}.song-description p{color:#666;font-size:.9em;line-height:1.4;margin:0}.sources-list{padding:0}.sources-list,.sources-list li{list-style:none}.sources-list li:before{content:none}.source-link{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#333;display:flex!important;gap:10px;margin-bottom:10px;padding:10px;text-decoration:none;transition:all .3s ease}.source-link i{color:var(--eti-orange)}.source-link i:last-child{color:var(--eti-orange);margin-left:auto}.source-link:hover{background:rgba(255,165,0,.1);transform:translateX(5px)}.christophe-variants{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:20px 0}.variant-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.08);padding:20px}.variant-card h3{color:var(--eti-orange);font-size:1.2em;font-weight:700;margin-bottom:15px}.progression-with-bass{margin:15px 0}.bass-line{align-items:center;display:flex;font-size:.9em;gap:15px;justify-content:center;margin-top:10px}.bass-note{background:var(--eti-blue);border-radius:5px;color:#fff;font-family:Courier New,monospace;font-weight:700;padding:5px 10px}.variant-description{color:#666;font-size:.9em;font-style:italic;margin-top:10px}.progression-box{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.08);margin:20px 0;padding:20px}.progression-box h3{color:var(--eti-orange);font-size:1.3em;font-weight:700;margin-bottom:15px}.progression-table{margin:15px 0;overflow-x:auto}.progression-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;width:100%}.progression-table td,.progression-table th{border:1px solid #e0e0e0;padding:12px;text-align:center}.progression-table th{background:var(--eti-orange);color:#fff;font-weight:700}.progression-table td{background:#fff;color:#333;font-weight:500}.info-box{background:#e8f4fd;border-left:4px solid var(--eti-blue);border-radius:10px;margin:20px 0;padding:20px}.info-box h3{color:var(--eti-blue);font-size:1.2em;font-weight:700;margin-bottom:15px}.info-box p{color:#333;margin-bottom:10px}.info-box ul{margin:15px 0;padding-left:20px}.info-box ul li{color:#444;margin-bottom:5px}.info-box[style*="background-color:var(--eti-yellow)"]{background-color:var(--eti-yellow);border-left:4px solid var(--eti-orange)}.info-box[style*="background-color:var(--eti-yellow)"] h3{color:var(--eti-orange);margin-top:0}.info-box[style*="background-color:var(--eti-yellow)"] p{color:#333;line-height:1.6;margin:0}.historical-timeline{display:flex;flex-direction:column;gap:20px;margin:20px 0}.timeline-item{background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;position:relative}.timeline-item:before{background-color:var(--eti-orange);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:20px;left:-10px;position:absolute;top:50%;transform:translateY(-50%);width:20px}.timeline-item h4{color:var(--eti-red);font-size:1.2em;margin-bottom:10px}.timeline-item p{color:#555;line-height:1.6;margin:0}@media (max-width:768px){.header-section h1{font-size:2.2em}.theory-section.seventies h2{font-size:1.5em;padding-left:40px}.theory-section.seventies h2:before{font-size:.8em;height:30px;width:30px}.chord-progression{flex-direction:column;gap:10px}.chord{font-size:1.2em;padding:8px 16px}.christophe-variants{gap:15px;grid-template-columns:1fr}.progression-table{font-size:.9em}.progression-table td,.progression-table th{padding:8px}.compact-songs-grid{gap:15px;grid-template-columns:1fr}.video-section iframe{height:150px}.historical-timeline{gap:15px}.timeline-item{padding:15px}.timeline-item:before{height:16px;left:-8px;width:16px}.cadence-selector{margin:15px 0;text-align:center}.cadence-dropdown{font-size:.9rem;margin:0 auto;max-width:100%;padding:8px 12px}}@media (max-width:480px){.cadence-selector{margin:10px 0}.cadence-dropdown{font-size:.85rem;max-width:100%;padding:6px 10px}}.cadence-hero{background:var(--eti-orange);border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.1);margin-bottom:30px;overflow:hidden;padding:40px 30px;position:relative;text-align:center}.cadence-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='50' fill='rgba(255,255,255,0.1)' font-size='40'%3E♪%3C/text%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{position:relative;z-index:2}.hero-title{color:#fff;font-size:2.8em;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.title-icon{animation:bounce 2s infinite;display:inline-block}.hero-subtitle{color:hsla(0,0%,100%,.9);font-size:1.1em;margin:0}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.cadence-intro{margin-bottom:50px}.intro-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.intro-card{background:#fff;border:2px solid transparent;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1);padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.intro-card:hover{border-color:var(--eti-orange);box-shadow:0 15px 40px rgba(0,0,0,.15);transform:translateY(-5px)}.card-icon{display:block;font-size:3em;margin-bottom:20px}.intro-card h3{color:var(--eti-orange);font-size:1.4em;font-weight:700;margin-bottom:15px}.intro-card p{color:#666;line-height:1.6;margin:0}.cadence-categories{margin-bottom:50px}.section-title{color:var(--eti-orange);font-size:2.5em;font-weight:700;margin-bottom:40px;position:relative;text-align:center}.section-title:after{background:var(--eti-yellow);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.category-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.category-card{background:#fff;border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.1);overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.category-card:before{background:var(--eti-orange);content:"";height:5px;left:0;position:absolute;right:0;top:0}.category-card.classical:before{background:#8b4513}.category-card.jazz:before{background:#1e90ff}.category-card.advanced:before{background:gold}.category-card:hover{box-shadow:0 20px 50px rgba(0,0,0,.15);transform:translateY(-8px)}.category-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.category-header i,.category-header img{color:var(--eti-orange);font-size:1.5em}.category-header h3{color:#333;font-size:1.5em;font-weight:700;margin:0}.category-card p{color:#666;line-height:1.5;margin-bottom:20px}.category-card ul{list-style:none;margin-bottom:25px;padding:0}.category-card ul li{color:#555;padding:8px 0 8px 20px;position:relative}.category-card ul li:before{color:var(--eti-orange);content:"♪";font-weight:700;left:0;position:absolute}.category-btn{background:var(--eti-orange);border:2px solid var(--eti-orange);border-radius:25px;color:#fff;display:inline-block;font-weight:700;padding:12px 25px;text-decoration:none;transition:all .3s ease}.category-btn:hover{background:#fff;color:var(--eti-orange);transform:scale(1.05)}.cadence-features{margin-bottom:50px}.features-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08);display:flex;gap:20px;padding:25px;transition:transform .3s ease}.feature-item:hover{transform:translateY(-3px)}.feature-icon{align-items:center;background:var(--eti-yellow);border-radius:50%;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.feature-icon i{color:var(--eti-orange);font-size:1.5em}.feature-content h4{color:#333;font-size:1.1em;font-weight:700;margin:0 0 8px}.feature-content p{color:#666;font-size:.9em;line-height:1.4;margin:0}.cadence-cta{background:#f8f9fa;border:2px solid var(--eti-yellow);border-radius:20px;padding:50px;text-align:center}.cta-content h2{color:var(--eti-orange);font-size:2.2em;font-weight:700;margin-bottom:15px}.cta-content p{color:#666;font-size:1.1em;margin-bottom:30px}.cta-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-btn{border:2px solid transparent;border-radius:30px;font-size:1.1em;font-weight:700;padding:15px 30px;text-decoration:none;transition:all .3s ease}.cta-btn.primary{background:var(--eti-orange);border-color:var(--eti-orange);color:#fff}.cta-btn.primary:hover{background:#fff;color:var(--eti-orange);transform:scale(1.05)}.cta-btn.secondary{background:#fff;border-color:var(--eti-orange);color:var(--eti-orange)}.cta-btn.secondary:hover{background:var(--eti-orange);color:#fff;transform:scale(1.05)}@media (max-width:768px){.hero-title{font-size:2.2em}.category-grid,.features-grid,.intro-grid{gap:20px;grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.cadence-hero{margin:0 10px 25px;padding:30px 20px}.cadence-categories,.cadence-cta,.cadence-features,.cadence-intro{margin-left:10px;margin-right:10px}.category-card,.feature-item,.intro-card{padding:20px}.cadence-cta{padding:30px 20px}}@media (max-width:480px){.hero-title{font-size:1.9em}.cadence-hero{margin:0 5px 20px;padding:25px 15px}.cadence-categories,.cadence-cta,.cadence-features,.cadence-intro{margin-left:5px;margin-right:5px}.category-card,.feature-item,.intro-card{padding:15px}.cadence-cta{padding:25px 15px}.category-grid,.features-grid,.intro-grid{gap:15px}}.admin-container{min-height:calc(100vh - 200px);padding:2rem 0}.admin-header{background:linear-gradient(135deg,var(--eti-red) 0,var(--eti-orange) 100%);border-radius:15px;box-shadow:0 8px 25px rgba(220,53,69,.3);color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.admin-header h1{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.admin-header p{font-size:1.1rem;margin:1rem 0 0;opacity:.9}.admin-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.admin-card{animation:fadeInUp .6s ease-out;animation-fill-mode:both;background:#fff;border:2px solid transparent;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);color:inherit;overflow:hidden;padding:1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.admin-card:before{background:linear-gradient(90deg,var(--eti-orange),var(--eti-red));content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .3s ease;width:100%}.admin-card:hover{border-color:var(--eti-orange);box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-5px)}.admin-card:hover:before{transform:scaleX(1)}.admin-card:first-child{animation-delay:.1s}.admin-card:nth-child(2){animation-delay:.2s}.admin-card:nth-child(3){animation-delay:.3s}.admin-card:nth-child(4){animation-delay:.4s}.admin-card:nth-child(5){animation-delay:.5s}.admin-card:nth-child(6){animation-delay:.6s}.admin-card-icon{align-items:center;background:linear-gradient(135deg,var(--eti-orange) 0,var(--eti-red) 100%);border-radius:12px;box-shadow:0 4px 12px rgba(241,149,20,.3);color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.admin-card h3{color:var(--eti-red);font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.admin-card p{color:#666;font-size:.95rem;line-height:1.5;margin:0}.admin-actions{margin-bottom:2rem;text-align:center}.admin-stats{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:2rem;padding:1.5rem}.admin-stats h3{border-bottom:2px solid var(--eti-orange);color:var(--eti-red);font-size:1.3rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:var(--admin-light);border-left:4px solid var(--eti-orange);border-radius:8px;padding:1rem;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.stat-number{margin-bottom:.5rem}.form-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin:0 auto;max-width:800px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--eti-red);font-size:1rem;margin-bottom:.5rem}.form-group input,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--eti-orange);box-shadow:0 0 0 3px rgba(241,149,20,.1);outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-group textarea[data-json=true]{font-family:Courier New,monospace;font-size:.9rem;line-height:1.4}.form-group textarea[data-json=true]:valid{border-color:#28a745}.form-group textarea[data-json=true]:invalid{border-color:#dc3545}.form-help{color:#666;font-size:.9rem;font-style:italic;margin-top:.25rem}.form-actions{border-top:1px solid #eee;margin-top:2rem;padding-top:2rem;text-align:center}.preview-section{background:var(--admin-light);border-radius:8px;margin-top:1rem;padding:1rem}.preview-section h4{color:var(--eti-red);font-size:1rem;font-weight:600;margin:0 0 .5rem}.preview-content{background:#fff;border-left:4px solid var(--eti-orange);border-radius:6px;font-size:.9rem;line-height:1.5;padding:1rem}.admin-table{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:2rem;overflow:hidden}.admin-table table{border-collapse:collapse;width:100%}.admin-table th{background:var(--eti-red);color:#fff;font-size:.95rem;font-weight:600;padding:1rem;text-align:left}.admin-table td{border-bottom:1px solid #eee;padding:1rem;vertical-align:top}.admin-table tr:hover{background:var(--admin-light)}.admin-table tr:last-child td{border-bottom:none}.item-actions{flex-wrap:wrap}.alert,.item-actions{display:flex;gap:.5rem}.alert{align-items:center;border:1px solid transparent;border-radius:8px;margin-bottom:1rem;padding:1rem}.alert-success{background:#d4edda;border-color:#c3e6cb;color:#155724}.alert-danger{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.no-items{color:#666;padding:3rem;text-align:center}.no-items i{color:#ddd;font-size:3rem;margin-bottom:1rem}.no-items h3{color:#999;margin-bottom:.5rem}.no-items p{color:#bbb;margin-bottom:1rem}.badge{border-radius:20px;display:inline-block;font-weight:600;line-height:1;padding:.25rem .75rem;text-align:center;vertical-align:baseline;white-space:nowrap}.badge.bg-secondary{background-color:#6c757d!important;color:#fff}.badge.bg-success{background-color:var(--admin-success)!important;color:#fff}.badge.bg-danger{background-color:var(--admin-danger)!important;color:#fff}.badge.bg-warning{background-color:var(--admin-warning)!important;color:#000}.badge.bg-info{background-color:var(--admin-info)!important;color:#fff}.chord-description,.style-characteristics,.style-description{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.admin-container{padding:1rem 0}.admin-header{margin-bottom:1.5rem;padding:1.5rem}.admin-header h1{font-size:2rem}.admin-grid{gap:1rem;grid-template-columns:1fr}.admin-card{padding:1rem}.form-container{margin:0 1rem;padding:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-actions{display:flex;flex-direction:column;gap:.5rem}}@media (max-width:480px){.admin-header h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.form-container{margin:0 .5rem;padding:1rem}}.database-info{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.database-info h3{border-bottom:2px solid var(--eti-orange);color:var(--eti-red);font-size:1.3rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.tables-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.table-card{background:#f8f9fa;border-left:4px solid var(--eti-orange);border-radius:8px;padding:1.5rem}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.table-name{color:var(--eti-red);font-size:1.2rem;font-weight:600}.table-count{background:var(--eti-orange);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .75rem}.columns-list{margin-top:1rem}.column-item{align-items:flex-start;background:#fff;border-radius:6px;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.column-info{flex:1;min-width:0}.column-name{color:#333;display:block;font-weight:600;margin-bottom:.25rem}.column-details{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.column-type{background:#e9ecef;color:#495057;font-size:.8rem;font-weight:600}.column-length,.column-precision,.column-type{border-radius:4px;font-family:monospace;padding:.25rem .5rem}.column-length,.column-precision{background:#d1ecf1;color:#0c5460;font-size:.75rem}.column-attributes{display:flex;flex-wrap:wrap;gap:.5rem}.attribute{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.attribute.nullable{background:#fff3cd;color:#856404}.attribute.not-null{background:#d4edda;color:#155724}.attribute.default{background:#d1ecf1;color:#0c5460}.no-tables{color:#666;padding:3rem;text-align:center}.no-tables i{color:#ddd;font-size:3rem;margin-bottom:1rem}.stats-overview{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.stats-overview h3{border-bottom:2px solid var(--eti-orange);color:var(--eti-red);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.stat-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid var(--eti-orange);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);transform:translateY(-3px)}.stat-icon{align-items:center;background:linear-gradient(135deg,var(--eti-orange) 0,var(--eti-red) 100%);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.stat-content{flex:1}.stat-number{color:var(--eti-red);font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#666;font-size:.9rem;font-weight:500;margin-top:.25rem}.monthly-stats{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.monthly-stats h3{border-bottom:2px solid var(--eti-orange);color:var(--eti-red);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.chart-container{height:300px;margin-bottom:2rem;position:relative}.monthly-table table{border-collapse:collapse;margin-top:1rem;width:100%}.monthly-table td,.monthly-table th{border-bottom:1px solid #eee;padding:.75rem;text-align:left}.monthly-table th{background:var(--eti-red);color:#fff;font-weight:600}.monthly-table tr:hover{background:#f8f9fa}.active-users,.popular-arpeges{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.active-users h3,.popular-arpeges h3{border-bottom:2px solid var(--eti-orange);color:var(--eti-red);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.ranking-list{display:flex;flex-direction:column;gap:1rem}.ranking-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.ranking-item:hover{background:#e9ecef;transform:translateX(5px)}.ranking-position{align-items:center;background:var(--eti-orange);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:30px;justify-content:center;width:30px}.ranking-content{flex:1}.ranking-name{color:#333;font-weight:600;margin-bottom:.25rem}.ranking-stats{color:#666;font-size:.9rem}.ranking-bar{background:#e9ecef;border-radius:4px;flex-shrink:0;height:8px;overflow:hidden;width:100px}.bar-fill{background:linear-gradient(90deg,var(--eti-orange),var(--eti-red));border-radius:4px;height:100%;transition:width .3s ease}.quick-actions{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.quick-actions h3{border-bottom:2px solid var(--eti-orange);color:var(--eti-red);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.action-buttons{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.no-data{color:#666;padding:3rem;text-align:center}.no-data i{color:#ddd;font-size:3rem;margin-bottom:1rem}.no-data p{color:#999;margin:0}.docs-navigation{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.docs-navigation h3{border-bottom:2px solid var(--eti-orange);color:var(--eti-red);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.docs-nav-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.docs-nav-item{align-items:center;background:#f8f9fa;border:2px solid transparent;border-radius:8px;color:#333;display:flex;gap:.75rem;padding:1rem;text-decoration:none;transition:all .3s ease}.docs-nav-item:hover{background:var(--eti-orange);box-shadow:0 4px 12px rgba(241,149,20,.3);color:#fff;transform:translateY(-2px)}.docs-nav-item.active{background:var(--eti-red);border-color:var(--eti-orange);color:#fff}.docs-nav-item i{font-size:1.2rem;text-align:center;width:20px}.docs-content{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.docs-section{border-bottom:1px solid #eee;margin-bottom:3rem;padding-bottom:2rem}.docs-section:last-child{border-bottom:none;margin-bottom:0}.docs-section h2{border-bottom:3px solid var(--eti-orange);color:var(--eti-red);font-size:1.8rem;margin:0 0 1rem;padding-bottom:.5rem}.docs-section h3{color:var(--eti-orange);font-size:1.4rem;margin:1.5rem 0 1rem}.docs-section h4{color:var(--eti-red);font-size:1.2rem;margin:1rem 0 .5rem}.docs-section p{color:#555;line-height:1.6;margin-bottom:1rem}.docs-section ol,.docs-section ul{margin:1rem 0;padding-left:1.5rem}.docs-section li{line-height:1.5;margin-bottom:.5rem}.docs-section code{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:var(--eti-red);font-family:Courier New,monospace;padding:.2rem .4rem}.code-box,.info-box,.step-box,.warning-box{background:#f8f9fa;border-left:4px solid var(--eti-orange);border-radius:8px;margin:1.5rem 0;padding:1.5rem}.info-box{border-left-color:var(--eti-orange)}.step-box{background:#fff5f5;border-left-color:var(--eti-red)}.warning-box{background:#fffbf0;border-left-color:#ffc107}.code-box{background:#f8f9fa;border-left-color:var(--eti-red)}.code-box pre{background:#2d3748;border-radius:6px;color:#e2e8f0;margin:1rem 0;overflow-x:auto;padding:1rem}.code-box code{background:none;border:none;color:#e2e8f0;padding:0}.security-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.5rem 0}.security-item{background:#f8f9fa;border:2px solid transparent;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s ease}.security-item:hover{border-color:var(--eti-orange);box-shadow:0 4px 15px rgba(0,0,0,.1);transform:translateY(-3px)}.security-item i{color:var(--eti-orange);font-size:2rem;margin-bottom:1rem}.security-item h4{color:var(--eti-red);margin:0 0 .5rem}.security-item p{color:#666;font-size:.9rem;margin:0}.docs-quick-nav{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.docs-quick-nav h3{border-bottom:2px solid var(--eti-orange);color:var(--eti-red);font-size:1.3rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.quick-nav-buttons{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.docs-nav-grid,.quick-nav-buttons,.security-grid{grid-template-columns:1fr}.docs-section h2{font-size:1.5rem}.docs-section h3{font-size:1.2rem}}.notification-bell{display:inline-block;position:relative}.notification-bell .btn-link{border-radius:50%;color:inherit;padding:.5rem;text-decoration:none;transition:all .2s ease}.notification-bell .btn-link:hover{background-color:rgba(240,90,40,.1);color:var(--eti-orange);transform:scale(1.1)}.notification-bell .btn-link:focus{box-shadow:0 0 0 .2rem rgba(240,90,40,.25)}.notification-bell .badge{align-items:center;animation:pulse 2s infinite;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px}.notification-dropdown{border:none;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);max-width:400px;min-width:350px;overflow:hidden;padding:0}.notification-dropdown .dropdown-header{background:linear-gradient(135deg,var(--eti-orange),#ff6b35);border-bottom:none;color:#fff;padding:1rem}.notification-dropdown .dropdown-header h6{font-weight:600;margin:0}.notification-dropdown .dropdown-header .btn{border-color:#fff;color:#fff;font-size:.8rem;padding:.25rem .5rem}.notification-dropdown .dropdown-header .btn:hover{background-color:#fff;color:var(--eti-orange)}.notification-item-dropdown{border-bottom:1px solid #e9ecef;cursor:pointer;padding:1rem;transition:all .2s ease}.notification-item-dropdown:hover{background-color:#f8f9fa;transform:translateX(5px)}.notification-item-dropdown:last-child{border-bottom:none}.notification-item-dropdown.bg-light{background-color:#e3f2fd!important;border-left:4px solid var(--eti-orange)}.notification-icon{font-size:1.2em;opacity:.8;transition:opacity .2s ease}.notification-item-dropdown:hover .notification-icon{opacity:1}.notification-message{line-height:1.4;word-wrap:break-word;color:#333;margin:.5rem 0}.notification-meta{color:#6c757d;font-size:.8rem}.badge-sm{border-radius:10px;font-size:.7em;padding:.2em .4em}.notification-list{margin:0 auto;max-width:800px}.notification-item{animation:slideInUp .3s ease-out;border-radius:12px;overflow:hidden;transition:all .3s ease}.notification-item:hover{box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.notification-item.border-primary{background-color:#fff3e0;border-left:5px solid var(--eti-orange)!important}.notification-item .card-body{padding:1.5rem}.notification-header{background:linear-gradient(135deg,var(--eti-orange),#ff6b35);border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem}.notification-header h1{font-weight:700;margin:0}.notification-header .badge{background-color:#fff;color:var(--eti-orange);font-size:1rem;padding:.5rem 1rem}.mark-read-btn{transition:all .2s ease}.mark-read-btn:hover{background-color:var(--bs-success);border-color:var(--bs-success);color:#fff;transform:scale(1.05)}.delete-btn{transition:all .2s ease}.delete-btn:hover{background-color:var(--bs-danger);border-color:var(--bs-danger);color:#fff;transform:scale(1.05)}.notification-empty{padding:4rem 2rem;text-align:center}.notification-empty i{color:#dee2e6;font-size:4rem;margin-bottom:1rem}.notification-empty h3{color:#6c757d;margin-bottom:.5rem}.notification-empty p{color:#adb5bd}.notification-loading{color:#6c757d;padding:2rem;text-align:center}.notification-loading i{animation:spin 1s linear infinite}.pagination .page-link,.pagination .page-link:hover{border-color:#dee2e6;color:var(--eti-orange)}.pagination .page-link:hover{background-color:#e9ecef}.pagination .page-item.active .page-link{background-color:var(--eti-orange);border-color:var(--eti-orange)}.modal-content{border:none;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.modal-header{background:linear-gradient(135deg,var(--eti-orange),#ff6b35);border-bottom:none;border-radius:12px 12px 0 0}.modal-header .btn-close{filter:invert(1)}.modal-footer{border-top:1px solid #dee2e6;padding:1rem 1.5rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{transition:color .2s ease,background-color .2s ease,border-color .2s ease}@media (max-width:768px){.notification-dropdown{max-width:90vw;min-width:300px}.notification-item .card-body{padding:1rem}.notification-header{margin-bottom:1.5rem;padding:1.5rem}.notification-header h1{font-size:1.5rem}}.breadcrumb-item a{color:var(--eti-orange)}.breadcrumb-item a:hover{color:var(--eti-red)}.card{border:none;border-radius:12px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 8px 25px rgba(0,0,0,.15)!important;transform:translateY(-2px)}.card .card-header{border-bottom:none;padding:1rem 1.5rem}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.2s}.card:nth-child(4){animation-delay:.3s}.lick-meta-compact .badge{font-size:.875rem;padding:.375rem .75rem}.card-header .lick-meta-compact .badge{font-size:.75rem;margin:0 .25rem;padding:.3rem .5rem}.lick-meta-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;padding:1.5rem}.lick-meta-section .meta-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.lick-meta-section .meta-label{color:#6c757d;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.lick-meta-section .badge{border-radius:8px;font-size:1rem;font-weight:600;padding:.5rem 1rem}.lick-info-compact{background:#f8f9fa;border:1px solid #e9ecef;border-radius:var(--bs-card-inner-border-radius);padding:1rem}.lick-info-compact .info-list{display:flex;flex-direction:column;gap:.5rem}.lick-info-compact .info-line{align-items:flex-start;display:flex;font-size:.85rem;gap:.5rem;line-height:1.4;min-height:1.5rem}.lick-info-compact .info-label{align-items:center;color:#495057;display:flex;flex-shrink:0;font-weight:600;min-width:80px}.lick-info-compact .info-value{align-items:center;color:#6c757d;display:flex;flex:1}.like-container .like-icon{color:#dc3545;font-size:1.1rem;transition:all .3s ease}.like-container .like-count{color:#6c757d;font-size:.875rem;font-weight:600}.cadence-badge{cursor:pointer;display:inline-block;min-width:fit-content;position:relative;text-align:center;transition:all .3s ease;white-space:nowrap}.cadence-badge:hover{box-shadow:0 2px 8px rgba(13,110,253,.3);transform:scale(1.05)}.cadence-badge.badge.bg-primary.text-decoration-none{background-color:#0d6efd!important;border:1px solid #0d6efd;color:#fff!important}.cadence-badge.badge.bg-primary.text-decoration-none:hover{background-color:#0b5ed7!important;border-color:#0b5ed7;color:#fff!important;text-decoration:none}.tag-degree{display:block;font-size:.65rem;margin-top:.1rem;opacity:.8}.info-item{background:#f8f9fa;border-radius:8px;padding:1rem}.info-item .info-label{color:#495057;display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.info-item .info-value{color:#212529;font-size:1.1rem}.tag-section{text-align:center}.tag-section .tag-section-title{color:#495057;font-weight:600;margin-bottom:1rem}.tag-section .tag-container{display:flex;flex-direction:column;gap:.5rem}.tag-section .tag-badge{border-radius:20px;display:block;font-size:.875rem;padding:.5rem .75rem;text-align:center;transition:all .3s ease}.tag-section .tag-badge:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.badge.bg-primary{background-color:var(--primary-color)!important}.badge.bg-success{background-color:var(--success-color)!important}.badge.bg-warning{background-color:var(--warning-color)!important}.badge.bg-info{background-color:var(--info-color)!important}.badge.bg-secondary{background-color:var(--secondary-color)!important}.badge.bg-danger{background-color:var(--danger-color)!important}.video-container{border-radius:0;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden}.grid-actions{gap:10px}.btn:hover{background-color:var(--eti-orange);color:#fff!important}.rating-container-compact .stars-compact{display:flex;gap:2px}.rating-container-compact .star-rating-compact{color:#dee2e6;cursor:pointer;font-size:.9rem;transition:all .2s ease}.rating-container-compact .star-rating-compact.active,.rating-container-compact .star-rating-compact:hover{color:var(--eti-orange);transform:scale(1.1)}.rating-container-compact .star-rating-compact.selected{color:var(--eti-orange);transform:scale(1.05)}.rating-container-compact .rating-feedback-compact{background:rgba(255,165,0,.1);border:1px solid rgba(255,165,0,.3);border-radius:12px;display:inline-block;padding:4px 8px}.rating-container-compact .rating-stats-left{align-items:center;display:flex}.rating-container-compact .rating-average{font-weight:700}.rating-container-compact .rating-count{font-size:.9rem;line-height:1.4}.rating-container-compact .rating-count .text-success{background:rgba(25,135,84,.1);border:1px solid rgba(25,135,84,.2);border-radius:6px;padding:.25rem .5rem}#submitRating{border-radius:20px;box-shadow:0 2px 8px rgba(13,110,253,.3);font-weight:600;transition:all .3s ease}#submitRating:hover{box-shadow:0 4px 12px rgba(13,110,253,.4);transform:translateY(-2px)}#submitRating:disabled{cursor:not-allowed;opacity:.7}.rating-feedback{animation:slideInUp .4s ease-out}.comment-item .comment-header{border-bottom:none;padding-bottom:0}.comment-item .comment-avatar{color:var(--eti-orange)}.comment-item .comment-author{color:var(--eti-red);font-size:1rem}.comment-item .comment-date{font-size:.8rem}.comment-item .comment-content{line-height:1.6;padding:0}.comment-item .comment-actions-bottom{border-top:none;padding-top:.5rem}.reply-btn{font-size:.875rem;padding:.375rem .75rem}.reply-item .reply-header{border-bottom:none;margin-bottom:.5rem;padding-bottom:0}.reply-item .reply-content{line-height:1.5;padding:0}.reply-item .reply-author{color:var(--eti-red);font-size:.9rem;margin-bottom:.25rem}.reply-item .reply-date{font-size:.75rem}.reply-item .reply-avatar{color:var(--eti-orange)}.reply-item .reply-actions-bottom{border-top:none;padding-top:.5rem}.comment-actions .dropdown-menu,.reply-actions .dropdown-menu{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.comment-actions .dropdown-item,.reply-actions .dropdown-item{padding:.5rem 1rem;transition:all .2s ease}.comment-actions .dropdown-item:hover,.reply-actions .dropdown-item:hover{background-color:#f8f9fa;color:var(--eti-red)}.comment-actions .dropdown-item.text-danger:hover,.reply-actions .dropdown-item.text-danger:hover{background-color:#f8d7da;color:#721c24}.reply-actions .fa-ellipsis-v{display:inline-block!important;opacity:1!important;visibility:visible!important}.reply-mention{color:#6c757d;font-size:.8rem;font-style:italic;margin-right:.5rem}.reply-mention-link{color:inherit;text-decoration:none;transition:all .2s ease}.reply-mention-link:hover{color:var(--eti-orange);text-decoration:underline}.reply-mention-link:hover .reply-mention{color:var(--eti-orange)}@media (max-width:990px){.lick-header .row{flex-direction:column;gap:20px}.lick-header .col-md-4,.lick-header .col-md-8{text-align:center;width:100%}.lick-header .col-md-4{order:2}.lick-header .col-md-8{order:1}.grid-actions,.rating-container-compact{justify-content:center!important}}@media (max-width:768px){.lick-header{padding:1rem}.stats-grid{gap:.5rem;grid-template-columns:repeat(3,1fr)}.stat-item{padding:.75rem}.stat-value{font-size:1.25rem}.lick-meta-compact{margin-top:1rem;text-align:center}.lick-meta-compact .badge{margin-bottom:.5rem}.stars{font-size:1.5rem}.rating-container{padding:1.5rem}.rating-container .stars{font-size:2rem;gap:.25rem;padding:.75rem}.rating-container .rating-header h4{font-size:1.1rem}.rating-container .rating-average{font-size:1.5rem!important}}.lick-form{max-width:100%}.form-label{color:#495057;font-weight:600;margin-bottom:.5rem}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(241,149,20,.25)}.select2-container--bootstrap-5 .select2-selection--multiple:focus{border-color:var(--eti-orange);box-shadow:0 0 0 .2rem rgba(241,149,20,.25)}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove{color:#fff;font-weight:700;margin-right:5px}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove:hover{color:#f8f9fa}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered{list-style:none!important}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{color:#fff!important;cursor:auto!important;font-size:.9rem!important}.select2-container--bootstrap-5 .select2-selection{color:#212529!important;font-family:inherit!important;font-size:1rem!important;font-weight:400!important;line-height:1.5!important}.select2-container .select2-selection--multiple .select2-selection__rendered{list-style:none!important}.select2-dropdown--below{border-color:var(--eti-orange)}.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){background-color:var(--eti-orange);color:#fff}.btn{padding:.5rem 1.5rem}.btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.card{animation:fadeInUp .6s ease-out}@media (max-width:768px){.container{padding:1rem}.card-body{padding:1.5rem}.d-flex.justify-content-between{flex-direction:column;gap:1rem}.d-flex.gap-2{justify-content:center}}.pagination-container{align-items:center;animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.pagination-nav{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pagination-btn{align-items:center;background:linear-gradient(135deg,var(--eti-orange),#ff8c42);border:none;border-radius:25px;box-shadow:0 2px 8px rgba(255,140,66,.3);color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.pagination-btn:hover{background:linear-gradient(135deg,#ff8c42,var(--eti-orange));box-shadow:0 4px 12px rgba(255,140,66,.4);color:#fff;text-decoration:none;transform:translateY(-2px)}.pagination-btn:active{transform:translateY(0) scale(.98)}.pagination-btn.pagination-btn-disabled{color:#6c757d!important;cursor:not-allowed}.pagination-btn.pagination-btn-disabled,.pagination-btn.pagination-btn-disabled:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;transform:none!important}.pagination-pages{align-items:center;display:flex;gap:.25rem}.pagination-page{align-items:center;background:#fff;border:2px solid var(--eti-red);border-radius:50%;color:var(--eti-red);display:inline-flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:40px}.pagination-page:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.pagination-page:hover{background:var(--eti-red);box-shadow:0 4px 12px rgba(220,53,69,.4);color:#fff;text-decoration:none;transform:scale(1.1)}.pagination-page:hover:before{left:100%}.pagination-page:active{transform:scale(.95)}.pagination-page.pagination-page-current{background:var(--eti-red);border-color:var(--eti-red);box-shadow:0 4px 12px rgba(220,53,69,.4);color:#fff;transform:scale(1.1)}.card{border-radius:var(--card-radius-medium)!important;overflow:hidden}.card-header{border-radius:var(--card-radius-medium) var(--card-radius-medium) 0 0!important}.card-body{border-radius:0 0 var(--card-radius-medium) var(--card-radius-medium)!important}.account-section{border-radius:var(--card-radius-large);overflow:hidden}.liked-content-card{border:1px solid #e9ecef;border-radius:var(--card-radius-small)!important;overflow:hidden;transition:all .3s ease}.liked-content-card:hover{border-color:var(--eti-orange);box-shadow:0 6px 20px rgba(0,0,0,.15);transform:translateY(-3px)}.liked-content-card .card{border-radius:var(--card-radius-small)!important}.liked-content-card .card-body{border-radius:var(--card-radius-small) var(--card-radius-small) 0 0!important}.liked-content-card .card-footer{border-radius:0 0 var(--card-radius-small) var(--card-radius-small)!important}.liked-content-card .card-title a{transition:all .3s ease}.liked-content-card .card-title a:hover{color:var(--eti-orange)!important}.liked-content-card .btn{transition:all .3s ease}.unlike-btn{transition:all .2s ease}.unlike-btn:hover{background-color:#dc3545;border-color:#dc3545;color:#fff;transform:scale(1.05)}.lick-card-removing{opacity:0;transform:scale(.8)}.badge{padding:.375rem .5rem}.badge.bg-primary{background-color:var(--eti-orange)!important}.badge.bg-info{background-color:var(--eti-red)!important}.lick-stats{font-size:.8rem}.lick-stats .text-danger{color:#dc3545!important}#showMoreContainer{margin-bottom:1rem;margin-top:1.5rem}#showMoreLicksBtn{border-radius:var(--card-radius-small);font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}#showMoreLicksBtn:hover{box-shadow:0 4px 12px rgba(0,123,255,.3);transform:translateY(-2px)}.hidden-lick{opacity:0;transform:translateY(20px);transition:all .5s ease}.hidden-lick.show{opacity:1;transform:translateY(0)}.lick-card{animation:slideInUp .5s ease forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#editProfileCollapse{transition:all .3s ease}#editProfileCollapse.show{animation:slideDown .3s ease-out}#editProfileCollapse .card{border-radius:var(--card-radius-small);box-shadow:0 4px 12px rgba(0,0,0,.1)}#editProfileForm .form-control,#editProfileForm .form-select{border:2px solid #e9ecef;border-radius:var(--card-radius-small);transition:all .3s ease}#editProfileForm .form-control:focus,#editProfileForm .form-select:focus{border-color:var(--eti-orange);box-shadow:0 0 0 .2rem rgba(255,140,66,.25)}#editProfileForm .btn{border-radius:var(--card-radius-small);font-weight:500;transition:all .3s ease}#editProfileForm .btn.btn-primary{background-color:var(--eti-red);border-color:var(--eti-red)}#editProfileForm .btn.btn-primary:hover{background-color:#c82333;border-color:#c82333;box-shadow:0 4px 12px rgba(220,53,69,.3);transform:translateY(-2px)}#editProfileForm .btn.btn-outline-secondary:hover{box-shadow:0 4px 12px hsla(208,7%,46%,.3);transform:translateY(-2px)}.btn-outline-primary{border-color:var(--eti-orange);color:var(--eti-orange)}.btn-outline-primary:hover{background-color:var(--eti-orange);border-color:var(--eti-orange);box-shadow:0 4px 12px rgba(255,140,66,.3);color:#fff;transform:translateY(-2px)}.btn-outline-primary.position-absolute{align-items:center;border-radius:50%;display:flex;font-size:.875rem;height:32px;justify-content:center;padding:0;transition:all .3s ease;width:32px}.btn-outline-primary.position-absolute:hover{box-shadow:0 4px 12px rgba(255,140,66,.4);transform:scale(1.1)}#changePhotoModal .modal-content{border-radius:var(--card-radius-large);box-shadow:0 10px 30px rgba(0,0,0,.2)}#changePhotoModal .modal-header{border-radius:var(--card-radius-large) var(--card-radius-large) 0 0}#changePhotoModal .btn-close-white{filter:brightness(0) invert(1)}#changePhotoModal .form-control{border:2px solid #e9ecef;border-radius:var(--card-radius-small);transition:all .3s ease}#changePhotoModal .form-control:focus{border-color:var(--eti-orange);box-shadow:0 0 0 .2rem rgba(255,140,66,.25)}#changePhotoModal .btn-primary{background-color:var(--eti-red);border-color:var(--eti-red);border-radius:var(--card-radius-small);font-weight:500;transition:all .3s ease}#changePhotoModal .btn-primary:hover:not(:disabled){background-color:#c82333;border-color:#c82333;box-shadow:0 4px 12px rgba(220,53,69,.3);transform:translateY(-2px)}#changePhotoModal .btn-primary:disabled{cursor:not-allowed;opacity:.6}#photoPreviewContainer{animation:fadeInUp .3s ease-out}.notifications-recentes .card-body{max-height:200px;overflow-y:auto}.notifications-recentes .card-body::-webkit-scrollbar{width:6px}.notifications-recentes .card-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notifications-recentes .card-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notifications-recentes .card-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.col-lg-4,.col-md-6{margin-bottom:1rem}}@media (min-width:992px){.col-lg-6 .card{height:100%}}@media (max-width:576px){#changePhotoModal .modal-dialog{margin:1rem}#changePhotoModal .modal-body{padding:1rem}}.sidebar-container{display:flex;min-height:100vh;padding-left:300px;position:relative}.sidebar-content{bottom:20px;left:0;position:fixed;top:80px;width:300px;z-index:10}.sidebar{background-color:#fafafa;box-shadow:2px 0 20px rgba(0,0,0,.1);display:flex;flex-direction:column;height:calc(100vh - 100px);overflow-x:visible;overflow-y:auto;padding:0 10px;width:300px}.sidebar-header{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px 15px 15px}.sidebar-header h3{align-items:center;color:#000;display:flex;font-size:1.2em;gap:10px;margin:0}.sidebar-tab{cursor:default}.sidebar-search{margin:0 10px 20px;position:relative}.sidebar-search input{background:#fff;border:1px solid #ccc;border-radius:25px;box-sizing:border-box;color:#000;font-size:14px;padding:10px 35px 10px 15px;width:100%}.sidebar-search input::placeholder{color:#666}.sidebar-search i{color:#666;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.arpege-list,.arpege-list li,.arpege-list ul{list-style:none;margin:0;padding:0}.arpege-list li::marker{content:""}.sidebar-section{margin-bottom:5px}.sidebar-section.expanded .sub-list{max-height:500px}.list-toggle,.sidebar-link{align-items:center;border-radius:10px;box-sizing:border-box;color:#000;display:flex;gap:12px;margin:0;padding:12px 10px;text-decoration:none;transition:all .3s ease;width:100%}.list-toggle:hover,.sidebar-link:hover{background-color:var(--eti-yellow);box-shadow:2px 0 5px rgba(0,0,0,.1);font-weight:700}.list-toggle i,.sidebar-link i{color:var(--eti-orange);text-align:center;width:16px}.sidebar-link.active{background-color:var(--eti-orange);color:#000;font-weight:700}.list-toggle{cursor:pointer}.list-toggle .list-arrow{margin-left:auto;transition:transform .3s ease}.list-toggle.expanded .list-arrow{transform:rotate(180deg)}.sub-list{border-left:2px solid #ccc;margin-left:15px;max-height:0;overflow-x:visible;overflow-y:hidden;padding-left:10px;transition:max-height .3s ease-out}.sub-list li{margin:5px 0}.sub-list li::marker{content:""}.sub-list a{align-items:center;border-radius:8px;box-sizing:border-box;color:#000;display:flex;font-size:14px;gap:10px;margin:0;padding:8px 10px;text-decoration:none;transition:all .3s ease;width:100%}.sub-list a.active,.sub-list a:hover{background-color:var(--eti-orange);font-weight:700}.sub-list a.active{color:#000}.sub-list a i{color:var(--eti-orange);font-size:8px}.sidebar-footer{background:rgba(0,0,0,.05);border-top:1px solid #ccc;margin-top:auto;padding:15px}.sidebar-stats{color:#666;font-size:12px;text-align:center}.sidebar-stats i{color:var(--eti-orange);margin-right:5px}.arpege-content{padding:20px;position:relative;width:100%}.arpege-container{font-size:16.5px;margin:auto;max-width:850px;padding:0 20px}.main-tab{display:none}@media (max-width:768px){.arpege-container{font-size:16px;padding:0 15px}.arpege-content{padding:15px}}@media (max-width:480px){.arpege-container{font-size:15px;padding:0 10px}.arpege-content{padding:10px}}@media (max-width:1019px){.sidebar-container{padding-left:0}.sidebar-content{bottom:20px;left:0;position:fixed;right:auto;top:80px;transform:translateX(-100%);transition:transform .3s ease;width:300px;z-index:1000}body.sidebar-open .sidebar-content{transform:translateX(0)}.sidebar{height:calc(100vh - 100px);width:300px}.main-tab{align-items:center;background:var(--eti-orange);border-radius:0 10px 10px 0;box-shadow:0 4px 12px rgba(0,0,0,.25);color:#000;cursor:pointer;display:flex;height:64px;justify-content:center;left:0;position:fixed;top:50%;transform:translateY(-50%);width:34px;z-index:1001}body.sidebar-open .main-tab{left:300px}body.sidebar-open .main-tab i{transform:rotate(180deg)}.sidebar-overlay{background:rgba(0,0,0,.25);bottom:20px;display:none;left:0;position:fixed;right:0;top:0;z-index:999}body.sidebar-open .sidebar-overlay{display:block}}.scales-overview{margin:2rem 0}.scale-category{background:#f8f9fa;border-radius:12px;margin-bottom:3rem;padding:2rem}.scale-category h3{border-bottom:2px solid var(--eti-orange);color:var(--eti-red);display:inline-block;padding-bottom:.5rem}.scale-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.scale-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.scale-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.scale-header{margin-bottom:1rem}.scale-header h4{color:var(--eti-red);font-size:1.2rem;margin:0 0 .5rem}.scale-type{background:var(--eti-yellow);border-radius:20px;color:#333;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.modes-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.mode-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);display:flex;gap:1rem;padding:1rem;transition:transform .2s ease}.mode-item:hover{transform:translateX(4px)}.mode-number{align-items:center;background:var(--eti-red);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:30px;justify-content:center;width:30px}.mode-link{color:inherit;display:flex;flex:1;flex-direction:column;text-decoration:none}.mode-link strong{color:var(--eti-red);font-size:1rem}.mode-link small{color:#666;font-size:.8rem;margin-top:.25rem}.btn{border-radius:6px;font-weight:600;gap:.5rem;padding:.5rem 1rem}.btn.btn-primary{background:var(--eti-orange);border:none;color:#000}.btn.btn-primary:hover{background:var(--eti-red);color:#fff}.scales-footer .alert{background:var(--eti-yellow);border:none;border-radius:12px}.scales-footer h4{color:#1976d2;margin-bottom:1rem}.scales-footer ul{padding-left:1.5rem}.scales-footer li{margin-bottom:.5rem}@media (max-width:768px){.scale-category{margin:1.5rem 0;padding:1rem}.modes-grid,.scale-grid{gap:1rem;grid-template-columns:1fr}.mode-item{flex-direction:column;gap:.75rem;padding:.75rem;text-align:center}.scale-card{padding:1rem}.scales-overview{margin:1rem 0}}@media (max-width:480px){.scale-category{margin:1rem 0;padding:.75rem}.modes-grid,.scale-grid{gap:.75rem}.scale-card{padding:.75rem}.mode-item{padding:.5rem}}.notifications-container{display:flex;flex-direction:column;gap:1rem}.notification-card{animation:slideIn .3s ease-out;background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;position:relative;transition:all .2s ease}.notification-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.notification-card:hover .notification-icon i{transform:scale(1.1);transition:transform .2s ease}.notification-card.unread{background-color:#fff3cd;border-left:4px solid #ffc107}.notification-card.unread:hover{background-color:#ffeaa7}.notification-card.clickable{cursor:pointer}.notification-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.notification-icon{color:#6c757d;font-size:1.5rem;min-width:2rem;text-align:center}.notification-icon .fas.fa-comment,.notification-icon .fas.fa-reply{color:#007bff}.notification-icon .fas.fa-heart{animation:heartbeat 2s infinite;color:#dc3545}.notification-icon .fas.fa-star{animation:twinkle 2s infinite;color:#ffc107}.notification-icon .fas.fa-user-plus{color:#28a745}.notification-icon .fas.fa-at{color:#6f42c1}.notification-icon .fas.fa-cog{color:#6c757d}.notification-icon .fas.fa-sync-alt{color:#17a2b8}.notification-icon .fas.fa-bell{color:#fd7e14}.notification-meta{flex:1}.notification-type{color:#495057;font-weight:600;margin-bottom:.25rem}.notification-time{color:#6c757d;font-size:.875rem}.notification-content{margin-bottom:1rem}.notification-message{color:#212529;font-size:1rem;line-height:1.5;margin-bottom:.75rem}.notification-sender,.notification-target{margin-bottom:.5rem}.notification-actions{display:flex;gap:.5rem;justify-content:flex-end}.notification-link-main{border-radius:6px;color:inherit;display:block;margin:-.5rem;padding:.5rem;text-decoration:none;transition:all .2s ease}.notification-link-main:hover{background-color:rgba(0,123,255,.05);color:inherit;text-decoration:none}.notification-link-main:focus{outline:2px solid #007bff;outline-offset:2px}.notification-link-indicator{color:#007bff;font-size:.875rem;opacity:.7;transition:opacity .2s ease}.notification-card.clickable:hover .notification-link-indicator{opacity:1}.btn-outline-success.active,.btn-outline-success:hover{background-color:#198754;border-color:#198754;color:#fff}.btn-outline-danger:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-outline-secondary.active{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-outline-warning.active{background-color:#ffc107;border-color:#ffc107;color:#212529}@keyframes heartbeat{0%,50%,to{transform:scale(1)}25%,75%{transform:scale(1.1)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@media (max-width:768px){.notification-header{align-items:flex-start;flex-direction:column;gap:.5rem}.notification-actions{align-items:stretch;flex-direction:column}.notification-actions .btn{width:100%}}.comment-form .form-control{border:1px solid #dee2e6;border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease}.comment-form .form-control:focus{border-color:var(--eti-orange);box-shadow:0 0 0 .2rem rgba(241,149,20,.25)}.comment-form .btn{border-radius:8px;font-weight:500;transition:all .3s ease}.comment-form .btn:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.comment-preview{border-left:4px solid var(--eti-orange);padding-left:1rem}.example-wrapper{font:18px/1.5 sans-serif;margin:1em auto;max-width:800px;width:95%}.example-wrapper code{background:#f5f5f5;padding:2px 6px}.form-control:focus,.form-select:focus{border-color:var(--eti-orange);box-shadow:0 0 0 .25rem rgba(241,149,20,.25)}.btn-primary{background-color:var(--eti-red);border-color:var(--eti-red)}.btn-primary:hover{background-color:var(--eti-red-hover);border-color:var(--eti-red-hover)}.card-header{border-bottom:none}.custom-card{border-radius:var(--bs-card-inner-border-radius)!important;overflow:hidden}.custom-card .card-header{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0!important}.custom-card .card-body{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)!important}.table th{background-color:var(--eti-orange);border:none;color:#000}.table tbody tr:nth-child(odd) td{background-color:var(--eti-yellow);border:none}.table tbody tr:nth-child(2n) td{background-color:#fff;border:none}.table tbody tr:hover td{background-color:#f7c600}.table-eti{border:none}.table-eti thead th{background-color:var(--eti-orange);border:none;color:#000}.table-eti tbody tr,.table-eti thead tr{border:none}.table-eti tbody tr:nth-child(odd) td{background-color:var(--eti-yellow);border:none}.table-eti tbody tr:nth-child(2n) td{background-color:#fff;border:none}.table-eti tbody tr:hover td{background-color:#f7c600}.table-eti td,.table-eti th{border:none;padding:.75rem}.badge{cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .3s ease}.badge:hover{box-shadow:0 2px 8px rgba(0,0,0,.2);transform:scale(1.05)}.badge.bg-success{background-color:#198754!important}.badge.bg-success:hover{background-color:#146c43!important;box-shadow:0 2px 8px rgba(20,108,67,.3)}.badge.bg-warning{background-color:#ffc107!important}.badge.bg-warning:hover{background-color:#e0a800!important;box-shadow:0 2px 8px rgba(224,168,0,.3)}.badge.bg-danger{background-color:#dc3545!important}.badge.bg-danger:hover{background-color:#bb2d3b!important;box-shadow:0 2px 8px rgba(187,45,59,.3)}.badge.bg-info{background-color:#0dcaf0!important}.badge.bg-primary{background-color:#0d6efd!important}.badge.bg-primary:hover{background-color:#0b5ed7!important;box-shadow:0 2px 8px rgba(13,110,253,.3)}.pagination-stats{display:flex;flex-direction:column;gap:.25rem}.pagination-stats-text{color:var(--eti-red);font-size:1rem;font-weight:600}.pagination-stats-detail{color:#6c757d;font-size:.85rem}.card-footer .pagination-container,.pagination-container,.search-results-container .pagination-container{align-items:center;animation:fadeInUp .6s ease-out;display:flex!important;flex-direction:column;gap:1rem;padding:1rem 0}.pagination-info{text-align:center}.pagination-text{color:#6c757d;font-size:.9rem;font-weight:500}.card-footer .pagination-nav,.pagination-nav,.search-results-container .pagination-nav{align-items:center;display:flex!important;flex-wrap:wrap;gap:.5rem;justify-content:center}.card-footer .pagination-btn,.pagination-btn,.search-results-container .pagination-btn{align-items:center;background:linear-gradient(135deg,var(--eti-orange),#ff8c42)!important;border:none;border-radius:25px;box-shadow:0 2px 8px rgba(255,140,66,.3);color:#fff!important;cursor:pointer;display:inline-flex!important;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;text-decoration:none!important;transition:all .3s ease}.card-footer .pagination-btn:hover,.pagination-btn:hover,.search-results-container .pagination-btn:hover{background:linear-gradient(135deg,#ff8c42,var(--eti-orange))!important;box-shadow:0 4px 12px rgba(255,140,66,.4);color:#fff!important;text-decoration:none!important;transform:translateY(-2px)}.card-footer .pagination-btn:active,.pagination-btn:active,.search-results-container .pagination-btn:active{transform:translateY(0) scale(.98)}.card-footer .pagination-btn.pagination-btn-disabled,.pagination-btn.pagination-btn-disabled,.search-results-container .pagination-btn.pagination-btn-disabled{background:linear-gradient(135deg,#e9ecef,#dee2e6)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;color:#6c757d!important;cursor:not-allowed!important;transform:none!important}.card-footer .pagination-btn.pagination-btn-disabled:hover,.pagination-btn.pagination-btn-disabled:hover,.search-results-container .pagination-btn.pagination-btn-disabled:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6)!important;box-shadow:0 2px 4px rgba(0,0,0,.1)!important;transform:none!important}.pagination-icon{height:18px;width:18px}.card-footer .pagination-pages,.pagination-pages,.search-results-container .pagination-pages{align-items:center;display:flex!important;gap:.25rem}.card-footer .pagination-page,.pagination-page,.search-results-container .pagination-page{align-items:center;background:#fff!important;border:2px solid var(--eti-red)!important;border-radius:50%;color:var(--eti-red)!important;cursor:pointer;display:inline-flex!important;font-size:.9rem;font-weight:600;height:40px;justify-content:center;overflow:hidden;position:relative;text-decoration:none!important;transition:all .3s ease;width:40px}.card-footer .pagination-page:before,.pagination-page:before,.search-results-container .pagination-page:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.card-footer .pagination-page:hover,.pagination-page:hover,.search-results-container .pagination-page:hover{background:var(--eti-red)!important;box-shadow:0 4px 12px rgba(220,53,69,.4);color:#fff!important;text-decoration:none!important;transform:scale(1.1)}.card-footer .pagination-page:hover:before,.pagination-page:hover:before,.search-results-container .pagination-page:hover:before{left:100%}.card-footer .pagination-page:active,.pagination-page:active,.search-results-container .pagination-page:active{transform:scale(.95)}.card-footer .pagination-page.pagination-page-current,.pagination-page.pagination-page-current,.search-results-container .pagination-page.pagination-page-current{background:var(--eti-red)!important;border-color:var(--eti-red)!important;box-shadow:0 4px 12px rgba(220,53,69,.4);color:#fff!important;transform:scale(1.1)}.pagination-ellipsis{color:#6c757d;font-size:1.1rem;font-weight:600;padding:0 .5rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){main{margin-top:.5rem}.container{padding-top:0}.card,.container{margin-top:0}.pagination-nav{flex-direction:column;gap:1rem}.pagination-pages{order:1}.pagination-btn{justify-content:center;min-width:120px;order:2}.pagination-page{font-size:.8rem;height:35px;width:35px}}.chord-grid-display{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.grid-header{background:var(--eti-orange);border-radius:15px;color:#fff;margin-bottom:30px;padding:30px;text-align:center}.lick-header{border-radius:12px;padding:.5rem 1rem}.grid-info-compact{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin:0 20px;padding:1rem}.info-list{flex-direction:column}.info-line,.info-list{display:flex;gap:.5rem}.info-line{align-items:flex-start;font-size:.85rem;line-height:1.4;min-height:1.5rem}.info-label{color:#495057;flex-shrink:0;font-weight:600;min-width:80px}.info-label,.info-value{align-items:center;display:flex}.info-value{color:#6c757d;flex:1}.tags-container{display:flex;flex:1;flex-wrap:wrap;gap:.5rem}.tag-clickable{align-items:center;border:1px solid transparent;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:500;overflow:hidden;padding:.3rem .6rem;position:relative;text-decoration:none;transition:all .2s ease}.tag-clickable:hover{box-shadow:0 2px 8px rgba(0,0,0,.15);text-decoration:none;transform:translateY(-1px)}.tag-clickable:active{transform:translateY(0)}.tag-style{color:#fff}.tag-style,.tag-style:hover{background:var(--eti-orange);border-color:var(--eti-orange)}.tag-cadence{background:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important}.tag-cadence:hover{background-color:#0b5ed7;border-color:#0b5ed7;box-shadow:0 2px 8px rgba(13,110,253,.3);color:#fff;transform:scale(1.05)}.tag-scale{background:#198754!important;border-color:#198754!important;color:#fff!important}.tag-scale:hover{background-color:#146c43!important;box-shadow:0 2px 8px rgba(25,135,84,.3);color:#fff!important;transform:scale(1.05)}.like-container{align-items:center;border-radius:50px;cursor:pointer;display:flex;gap:.5rem;height:31px;padding:.375rem .75rem;transition:all .3s ease}.like-container:hover{background-color:rgba(220,53,69,.1)}.like-icon{color:#dc3545;font-size:1.1rem;transition:all .3s ease}.like-count{color:#6c757d;font-size:.875rem;font-weight:600}.like-container.liked .like-icon,.like-container[data-liked=true] .like-icon{animation:heartBeat .6s ease-in-out;color:#dc3545}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.rating-container-compact{background:transparent;border:none;box-shadow:none;margin-bottom:0;padding:0}.grid-actions-mobile{margin-top:0}.grid-actions-mobile .btn{font-size:.875rem;padding:.375rem .75rem;white-space:nowrap}@media (max-width:575px){.grid-actions-mobile .btn{justify-content:center;min-width:40px;padding:.375rem .5rem}.grid-actions-mobile .btn .d-none.d-sm-inline{display:none!important}}.grid-actions-mobile .like-container{justify-content:center;min-width:50px;padding:.375rem .75rem}@media (max-width:575px){.grid-actions-mobile .like-container{min-width:45px;padding:.375rem .5rem}}.grid-actions-mobile .playlist-btn{padding:.375rem .75rem}@media (max-width:575px){.grid-actions-mobile .playlist-btn{justify-content:center;min-width:40px;padding:.375rem .5rem}.grid-actions-mobile .playlist-btn .d-none.d-sm-inline{display:none!important}}@media (max-width:767px){.grid-actions-mobile .d-flex{justify-content:center!important}}@media (min-width:768px){.grid-actions-mobile .d-flex{justify-content:flex-end!important}}.btn-edit{background-color:var(--eti-orange);border-color:var(--eti-orange)}.btn-edit:hover{background-color:var(--eti-orange-dark,#e67e22);border-color:var(--eti-orange-dark,#e67e22);filter:brightness(.9)}.btn-edit:focus{box-shadow:0 0 0 .2rem rgba(230,126,34,.25)}.stars-compact{display:flex;gap:2px}.star-rating-compact{color:#dee2e6;cursor:pointer;font-size:.9rem;transition:all .2s ease}.star-rating-compact.active,.star-rating-compact:hover{color:var(--eti-orange);transform:scale(1.1)}.star-rating-compact.selected{color:var(--eti-orange);transform:scale(1.05)}.rating-feedback-compact{background:rgba(255,165,0,.1);border:1px solid rgba(255,165,0,.3);border-radius:12px;display:inline-block;padding:4px 8px}.rating-stats-left{align-items:center;display:flex}.rating-average{font-weight:700}.grid-title-section h1{font-size:2.5em;font-weight:300;margin:0 0 10px}.grid-title-section h2{font-size:1.5em;font-weight:300;margin:0 0 20px;opacity:.9}.grid-meta{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.meta-item{align-items:center;display:flex;flex-direction:column;gap:5px}.meta-item .label{font-size:.9em;opacity:.8}.meta-item .value{background:hsla(0,0%,100%,.2);border-radius:20px;font-size:1.1em;font-weight:600;padding:8px 16px}.controls-section{background:#f8f9fa;border-radius:10px;margin:0 0 30px;padding:20px}.controls-form{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0;padding:0}.transposition-controls{align-items:center;display:flex;gap:10px}.transposition-controls button{pointer-events:auto!important}.transposition-controls button:focus{outline:2px solid var(--eti-orange)!important;outline-offset:2px!important}.transposer-btn{align-items:center;background:var(--eti-red)!important;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1em;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.transposer-btn:hover{background:var(--eti-red-hover)!important;box-shadow:0 4px 12px rgba(139,0,0,.3);transform:scale(1.1)}.transposer-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.transposer-btn i{font-size:.9em}.semitones-display{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;font-size:1.2em;font-weight:700;min-width:30px;padding:8px 12px;text-align:center;transition:all .3s ease}.semitones-display.transposed{background:#e8f5e8;border-color:#28a745;box-shadow:0 2px 8px rgba(40,167,69,.2)}#reset-transposition{transition:all .3s ease}#reset-transposition:hover{background:var(--eti-orange);border-color:var(--eti-orange);color:#fff;transform:translateY(-1px)}.display-toggles{display:flex;gap:20px}.display-toggles .form-check-input{height:1.5rem;margin-top:0;width:3rem}.display-toggles .form-check-input:checked{background-color:var(--eti-red);border-color:var(--eti-red)}.display-toggles .form-check-input:focus{border-color:var(--eti-orange);box-shadow:0 0 0 .25rem rgba(241,149,20,.25)}.display-toggles .form-check{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin:0!important;padding:0!important;text-align:center}.display-toggles .form-check .form-check-input{margin:0}.display-toggles .form-check .form-check-label{cursor:pointer;margin:0}.toggle-text{color:#495057;font-size:.8em;font-weight:500}.toggle-description{color:#6c757d;font-size:.7em;font-weight:400;margin-left:.5rem;opacity:.8}.chord-grid-content{margin-bottom:30px}.section-container{border:2px solid #e0e0e0;border-radius:10px;margin-bottom:40px;opacity:0;overflow:hidden;transform:translateY(20px);transition:all .6s ease}.section-container.visible{opacity:1;transform:translateY(0)}.section-header{background:#f8f9fa!important;border-bottom:1px solid #e0e0e0;gap:15px}.section-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.section-title{color:var(--bs-gray-700)!important;font-size:1.3em;margin:0!important}.section-title:after{content:none!important;display:none!important}.section-cadence,.section-key,.section-measures-count,.section-time-changes,.section-time-signature{background:var(--eti-orange);border-radius:15px;color:#fff;font-size:.8em;font-weight:500;padding:4px 12px}.section-cadence{background:#28a745;font-size:.75em;font-weight:500;letter-spacing:normal;text-transform:none}body.analysis-enabled .section-key[data-key*="C major"],body.analysis-enabled .section-key[data-key^="C "]{background-color:rgba(255,0,0,.25)!important;border:2px solid red;color:#212529}body.analysis-enabled .section-key[data-key*="G major"],body.analysis-enabled .section-key[data-key^="G "]{background-color:rgba(54,162,235,.2)!important;border:2px solid #36a2eb;color:#212529}body.analysis-enabled .section-key[data-key*="D major"],body.analysis-enabled .section-key[data-key^="D "]{background-color:rgba(255,205,86,.2)!important;border:2px solid #ffcd56;color:#212529}body.analysis-enabled .section-key[data-key*="A major"],body.analysis-enabled .section-key[data-key^="A "]{background-color:rgba(75,192,192,.2)!important;border:2px solid #4bc0c0;color:#212529}body.analysis-enabled .section-key[data-key*="E major"],body.analysis-enabled .section-key[data-key^="E "]{background-color:rgba(153,102,255,.2)!important;border:2px solid #96f;color:#212529}body.analysis-enabled .section-key[data-key*="B major"],body.analysis-enabled .section-key[data-key^="B "]{background-color:rgba(255,159,64,.2)!important;border:2px solid #ff9f40;color:#212529}body.analysis-enabled .section-key[data-key*="F# major" i],body.analysis-enabled .section-key[data-key*="F#" i]{background-color:hsla(0,0%,78%,.2)!important;border:2px solid #c7c7c7;color:#212529}body.analysis-enabled .section-key[data-key*="F major"],body.analysis-enabled .section-key[data-key^="F "]{background-color:rgba(83,102,255,.2)!important;border:2px solid #5366ff;color:#212529}body.analysis-enabled .section-key[data-key*="Bb major"],body.analysis-enabled .section-key[data-key^="Bb "]{background-color:rgba(255,99,255,.2)!important;border:2px solid #ff63ff;color:#212529}body.analysis-enabled .section-key[data-key*="Eb major"],body.analysis-enabled .section-key[data-key^="Eb "]{background-color:rgba(99,255,132,.2)!important;border:2px solid #63ff84;color:#212529}body.analysis-enabled .section-key[data-key*="Ab major"],body.analysis-enabled .section-key[data-key^="Ab "]{background-color:rgba(255,132,99,.2)!important;border:2px solid #ff8463;color:#212529}body.analysis-enabled .section-key[data-key*="Db major"],body.analysis-enabled .section-key[data-key^="Db "]{background-color:rgba(255,192,203,.2)!important;border:2px solid #ffb3c6;color:#212529}body.analysis-enabled .section-key[data-key*="Gb major"],body.analysis-enabled .section-key[data-key^="Gb "]{background-color:rgba(99,255,255,.2)!important;border:2px solid #63ffff;color:#212529}body.analysis-enabled .section-key[data-key*="C# major"],body.analysis-enabled .section-key[data-key^="C# "]{background-color:rgba(138,43,226,.25)!important;border:2px solid #8a2be2;color:#212529}body.analysis-enabled .section-key[data-key*="A minor" i],body.analysis-enabled .section-key[data-key*=Am i]{background-color:rgba(255,0,0,.25)!important;border:2px solid red;color:#212529}body.analysis-enabled .section-key[data-key*="E minor" i],body.analysis-enabled .section-key[data-key*=Em i]{background-color:rgba(0,0,255,.25)!important;border:2px solid #00f;color:#212529}body.analysis-enabled .section-key[data-key*="B minor" i],body.analysis-enabled .section-key[data-key*=Bm i]{background-color:rgba(255,255,0,.25)!important;border:2px solid #ff0;color:#212529}body.analysis-enabled .section-key[data-key*="F# minor" i],body.analysis-enabled .section-key[data-key*="F#m" i]{background-color:rgba(0,255,0,.25)!important;border:2px solid #0f0;color:#212529}body.analysis-enabled .section-key[data-key*="C# minor" i],body.analysis-enabled .section-key[data-key*="C#m" i]{background-color:rgba(255,0,255,.25)!important;border:2px solid #f0f;color:#212529}body.analysis-enabled .section-key[data-key*="G# minor" i],body.analysis-enabled .section-key[data-key*="G#m" i]{background-color:rgba(255,165,0,.25)!important;border:2px solid orange;color:#212529}body.analysis-enabled .section-key[data-key*="D# minor" i],body.analysis-enabled .section-key[data-key*="D#m" i]{background-color:rgba(128,0,128,.25)!important;border:2px solid purple;color:#212529}body.analysis-enabled .section-key[data-key*="D minor" i],body.analysis-enabled .section-key[data-key*=Dm i]{background-color:rgba(0,128,255,.25)!important;border:2px solid #0080ff;color:#212529}body.analysis-enabled .section-key[data-key*="G minor" i],body.analysis-enabled .section-key[data-key*=Gm i]{background-color:rgba(255,20,147,.25)!important;border:2px solid #ff1493;color:#212529}body.analysis-enabled .section-key[data-key*="C minor" i],body.analysis-enabled .section-key[data-key*=Cm i]{background-color:rgba(0,255,128,.25)!important;border:2px solid #00ff80;color:#212529}body.analysis-enabled .section-key[data-key*="F minor" i],body.analysis-enabled .section-key[data-key*=Fm i]{background-color:rgba(255,69,0,.25)!important;border:2px solid #ff4500;color:#212529}body.analysis-enabled .section-key[data-key*="Bb minor" i],body.analysis-enabled .section-key[data-key*=Bbm i]{background-color:rgba(138,43,226,.25)!important;border:2px solid #8a2be2;color:#212529}body.analysis-enabled .section-key[data-key*="Eb minor" i],body.analysis-enabled .section-key[data-key*=Ebm i]{background-color:rgba(0,191,255,.25)!important;border:2px solid #00bfff;color:#212529}body.analysis-enabled .section-key[data-key*="Ab minor" i],body.analysis-enabled .section-key[data-key*=Abm i]{background-color:rgba(255,99,132,.25)!important;border:2px solid #ff639c;color:#212529}body.analysis-enabled .section-key[data-key*="Db minor" i],body.analysis-enabled .section-key[data-key*=Dbm i]{background-color:rgba(99,255,132,.25)!important;border:2px solid #9cff63;color:#212529}body.analysis-enabled .section-key[data-key*="Gb minor" i],body.analysis-enabled .section-key[data-key*=Gbm i]{background-color:rgba(255,159,64,.25)!important;border:2px solid #ff9f40;color:#212529}body.analysis-enabled .section-key[data-key*="Cb minor" i],body.analysis-enabled .section-key[data-key*=Cbm i]{background-color:hsla(0,0%,50%,.3)!important;border:2px solid grey;color:#212529}.section-measures-count{background:#28a745}.measures-grid{overflow:hidden;padding:0}.measures-row{border:none;border-bottom:1px solid #dee2e6;display:flex;gap:0;margin-bottom:0;overflow:hidden;position:relative}.measures-row:first-child{border-top:none}.measures-row:last-child{border-bottom:none;justify-items:start}.measures-row:last-child .measure-container:last-child{grid-column:span 1}.row-number{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;left:-40px;position:absolute;top:50%;transform:translateY(-50%);width:30px;z-index:10}@keyframes pulse-change{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes rotate-change{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chord-cell{background:#fff;border:none;border-right:1px solid #dee2e6;display:flex;flex:1;flex-direction:column;justify-content:flex-start;min-width:0;overflow:visible;padding:0;position:relative;text-align:center;transition:all .3s ease}.chord-cell:last-child{border-right:none}.chord-cell:hover{background:#e3f2fd;box-shadow:inset 0 0 10px rgba(0,123,255,.1);transform:none}.measures-row:nth-child(2n) .chord-cell{background:#f8f9fa}.measures-row:nth-child(2n) .chord-cell[data-time-change=true]{background:#fff3cd}.chord-cell[data-time-change=true]{background:#fff8e1;border-right:2px solid #ffc107;box-shadow:inset 0 0 10px rgba(255,193,7,.2)}.chord-time-signature{background:#28a745;border-radius:8px;color:#fff;font-size:.6em;font-weight:500;left:2px;padding:2px 6px;position:absolute;top:2px;z-index:5}.chord-time-signature.change-indicator{animation:pulse-change .6s ease-in-out;background:#ffc107;color:#212529}.chord-cell[data-loop-start=true]{border-left:4px solid #000}.chord-cell[data-loop-end=true]{border-right:4px solid #000}.chord-cell[data-ending="1"]{border-top:3px solid #6f42c1}.chord-cell[data-ending="2"]{border-top:3px solid #fd7e14}.chord-cell[data-ending="3"]{border-top:3px solid #20c997}.chord-cell[data-ending="4"]{border-top:3px solid #e83e8c}.chord-cell.empty-measure{background:#f8f9fa;border:1px dashed #dee2e6;opacity:.7}.chord-cell.empty-measure .chord-item.empty-chord{background:transparent;border:none;cursor:default}.chord-cell.empty-measure .chord-item.empty-chord:hover{background:transparent;box-shadow:none;transform:none}.chord-cell.empty-measure .chord-name{color:#adb5bd;font-style:italic}.chord-cell[data-ending-start=true] .ending-indicator{font-weight:700;text-shadow:0 0 3px rgba(0,0,0,.3)}.loop-dots-start{left:2px}.loop-dots-end,.loop-dots-start{color:#000;font-family:Times New Roman,serif;font-size:1.2em;font-weight:700;position:absolute;top:25%;z-index:5}.loop-dots-end{right:2px}.ending-indicator{border-radius:12px;left:5px;position:absolute;top:5px;z-index:5}.ending-indicator[data-ending="1"]{animation:pulse-purple 2s ease-in-out infinite;background:#6f42c1}.ending-indicator[data-ending="2"]{animation:pulse-orange 2s ease-in-out infinite;background:#fd7e14}.ending-indicator[data-ending="3"]{animation:pulse-teal 2s ease-in-out infinite;background:#20c997}.ending-indicator[data-ending="4"]{animation:pulse-pink 2s ease-in-out infinite;background:#e83e8c}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulse-red{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulse-orange{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulse-purple{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulse-teal{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes pulse-pink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.chord-name{color:#212529;font-size:1.2em;font-weight:700;margin-bottom:5px;margin-top:8px}.chord-function{background:#f8f9fa;border-radius:10px;color:#6c757d;font-size:.7em;margin-bottom:3px;padding:2px 6px}.chords-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:0;justify-content:center;width:100%}.chord-item{background:hsla(0,0%,100%,.8);border:none;border-radius:0;border-right:1px solid #e9ecef;cursor:pointer;flex-shrink:0;flex:1;min-width:40px;padding:8px 4px;position:relative;text-align:center}.chord-item:hover{background:rgba(227,242,253,.9);border-color:var(--eti-red);box-shadow:0 2px 8px rgba(0,123,255,.2);transform:translateY(-1px)}.chord-item:last-child{border-right:none}.chord-item.chord-extended{flex:2;position:relative}.chord-item.chord-extended:after{background:linear-gradient(to bottom,transparent,var(--eti-orange),transparent);content:"";height:60%;opacity:.6;position:absolute;right:0;top:50%;transform:translateY(-50%);width:2px}.chord-item.chord-percent-alone{background:rgba(255,193,7,.1);color:var(--eti-orange);font-style:italic}.chord-item.chord-percent-alone .chord-name{color:var(--eti-orange);font-weight:700}.chord-item.chord-percent-hidden{display:none!important}.chord-analysis-section{animation:slideDown .3s ease-out;background:#f8f9fa;border:none;border-radius:0;margin:0;padding:20px}.analysis-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.analysis-header h4{color:#495057;font-size:1.2em;margin:0}.close-analysis-btn{align-items:center;background:var(--eti-red);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.close-analysis-btn:hover{background:var(--eti-red-hover);transform:scale(1.1)}.analysis-content{display:grid;gap:30px;grid-template-columns:1fr 2fr}.harmonic-analysis{display:flex;flex-direction:column;gap:15px}.analysis-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;padding:10px}.analysis-item .label{color:#495057;font-weight:600}.analysis-item .value{color:var(--eti-red);font-weight:500}.chord-positions{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px}.chord-positions h5{color:#495057;margin:0 0 20px;text-align:center}.positions-carousel{align-items:center;display:flex;gap:12px;margin-bottom:20px}.carousel-btn{align-items:center;background:var(--eti-red);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:35px;justify-content:center;transition:all .3s ease;width:35px}.carousel-btn:hover{background:var(--eti-red-hover);transform:scale(1.1)}.carousel-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.carousel-container{border:1px solid #dee2e6;border-radius:8px;flex:1;margin:0 auto;max-width:300px;overflow:hidden}.carousel-track{display:flex;transition:transform .3s ease}.carousel-track img{height:auto;max-height:150px;min-height:120px;object-fit:contain;width:100%}.carousel-indicators{display:flex;gap:8px;justify-content:center;position:static}.carousel-indicator{background:#dee2e6;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.carousel-indicator.active{background:var(--eti-red);transform:scale(1.2)}.grid-actions{align-items:center;display:flex;gap:12px;margin-top:30px;text-align:center}.grid-actions .btn{padding:.5rem 1rem}.btn-edit{align-items:center;background:var(--eti-orange);border:none;border-radius:8px;display:inline-flex;font-size:.9em;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.btn-edit,.btn-edit:hover{color:#fff;text-decoration:none}.btn-edit:hover{background:var(--eti-red);box-shadow:0 4px 12px rgba(220,53,69,.3);transform:translateY(-1px)}.codas-section{background:#f8f9fa;border-radius:10px;margin-top:40px;padding:20px}.codas-title{color:#6f42c1;margin:0 0 20px}.coda-container{border:1px solid #6f42c1;border-radius:8px;margin-bottom:20px;overflow:hidden}.coda-header{background:#6f42c1;color:#fff;padding:15px 20px}.coda-header h4{margin:0 0 5px}.coda-description{font-size:.9em;opacity:.9}.coda-measures{padding:15px}.coda-measure{background:#f8f5ff;border:1px solid #6f42c1}.coda-chord{background:#f8f5ff;border-color:#6f42c1}.song-structure-section{margin-top:20px}.structure-timeline-vertical{display:grid;gap:8px;grid-template-columns:1fr}@media (min-width:992px){.structure-timeline-vertical{gap:10px;grid-template-columns:1fr 1fr}}.timeline-item-vertical{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.timeline-item-vertical:hover{background:#e9ecef;transform:translateX(2px)}.timeline-name-vertical{color:#495057;font-size:.9rem;font-weight:600}.timeline-repeats-vertical{background:rgba(241,149,20,.1);border:1px solid rgba(241,149,20,.3);border-radius:12px;color:var(--eti-orange);font-size:.75rem;font-weight:700;padding:2px 8px}.video-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:15px;margin-top:40px;padding:30px}.video-title{align-items:center;color:var(--eti-red);display:flex;font-size:1.5em;font-weight:600;gap:10px;justify-content:center;margin:0 0 25px;text-align:center}.video-title i{color:var(--eti-orange)}.video-container{margin:0 auto;max-width:800px}.video-embed{background:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);overflow:hidden}.video-embed iframe{border-radius:12px;display:block}.video-link{padding:40px 20px;text-align:center}.btn-video{align-items:center;background:var(--eti-orange);border:none;border-radius:25px;box-shadow:0 4px 15px rgba(241,149,20,.3);display:inline-flex;font-size:1.1em;font-weight:600;gap:10px;padding:15px 30px;transition:all .3s ease}.btn-video,.btn-video:hover{color:#fff;text-decoration:none}.btn-video:hover{background:var(--eti-red);box-shadow:0 6px 20px rgba(220,53,69,.4);transform:translateY(-2px)}.btn{display:inline-block;margin:0;padding:14px 28px}.btn.btn-info{background:var(--eti-orange);color:#fff}.btn.btn-info:hover{background:var(--eti-orange-hover);transform:translateY(-1px)}.playlist-btn.show,.playlist-btn:active,.playlist-btn:focus,.playlist-btn:hover,.playlist-btn[aria-expanded=true]{background-color:var(--eti-yellow)!important;border-color:var(--eti-yellow)!important;box-shadow:0 4px 12px rgba(255,237,206,.4);color:#000!important;transform:translateY(-1px)}.playlist-btn:focus{box-shadow:0 0 0 .25rem rgba(255,237,206,.5)!important}.comment-form-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem}.comment-form-container h6{color:var(--eti-red);font-weight:600}.comments-list{margin-top:2rem}.comment-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:all .3s ease}.comment-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.comment-header{border-bottom:none;padding-bottom:0}.comment-avatar{color:var(--eti-orange)}.comment-author{color:var(--eti-red);font-size:1rem}.comment-date{font-size:.8rem}.comment-content{line-height:1.6;padding:0}.comment-actions-bottom,.reply-actions-bottom{border-top:none;padding-top:.5rem}.reply-btn-link{background:none;border:none;color:var(--eti-orange);cursor:pointer;font-size:.8rem;font-weight:500;padding:0;text-decoration:none;transition:all .2s ease}.reply-btn-link:hover{color:var(--eti-red);text-decoration:underline;transform:none}.reply-btn-link:focus{box-shadow:none;outline:none}.reply-btn-link i{font-size:.75rem}.reply-form-container{background:#f8f9fa;border-radius:8px;margin-top:1rem;padding:1rem}.replies-container{margin-top:1rem;padding-left:1rem}.reply-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:all .2s ease}.reply-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.reply-header{border-bottom:none;margin-bottom:.5rem;padding-bottom:0}.reply-content{line-height:1.5;padding:0}.reply-author{color:var(--eti-red);font-size:.9rem;margin-bottom:.25rem}.reply-date{font-size:.75rem}.reply-avatar{color:var(--eti-orange)}.comment-actions .dropdown-toggle,.reply-actions .dropdown-toggle{background:transparent;border:none;color:#6c757d}.comment-actions .dropdown-toggle:hover,.reply-actions .dropdown-toggle:hover{color:var(--eti-red)}.dropdown-menu{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.dropdown-item{padding:.5rem 1rem;transition:all .2s ease}.dropdown-item:hover{background-color:#f8f9fa;color:var(--eti-red)}.dropdown-item.text-danger:hover{background-color:#f8d7da;color:#721c24}.reply-actions{opacity:1!important;position:relative;z-index:10}.reply-actions,.reply-actions .dropdown-toggle{display:block!important;visibility:visible!important}.reply-actions .dropdown-toggle{font-size:.875rem;padding:.25rem .5rem}.reply-actions .dropdown-menu{display:none;min-width:150px;z-index:1000}.reply-actions .dropdown-menu.show{display:block!important}.reply-actions .btn-outline-secondary{align-items:center;background-color:#f8f9fa!important;border-color:#dee2e6!important;border-radius:4px;color:#6c757d!important;display:flex!important;height:32px;justify-content:center;min-width:32px}.reply-actions .btn-outline-secondary:hover{background-color:#e9ecef!important;border-color:#adb5bd!important;color:#495057!important}.reply-form-inline,.reply-to-reply-form{animation:slideDown .3s ease-out;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:1rem;padding:1rem}.reply-preview{background:#e3f2fd;border-left:3px solid var(--eti-orange);border-radius:6px;padding:.5rem}.reply-preview strong{color:var(--eti-red)}@media (max-width:990px){.lick-header .row{flex-direction:column;gap:20px}.lick-header .col-md-5,.lick-header .col-md-7{text-align:center;width:100%}.lick-header .col-md-5{order:2}.lick-header .col-md-7{order:1}.grid-actions,.rating-container-compact{justify-content:center!important}.controls-form{align-items:center}.controls-form,.display-toggles,.transposition-controls{justify-content:center}}@media (max-width:768px){.chord-grid-display{padding:10px}.grid-header{flex-direction:column;gap:15px;padding:20px}.grid-actions{justify-content:center}.grid-info-compact{margin:0 10px;padding:.75rem}.info-line{align-items:center;border-bottom:1px solid #e9ecef;gap:.75rem;padding:.5rem 0}.info-line:last-child{border-bottom:none}.info-label{color:var(--eti-red);flex-shrink:0;font-size:.85rem;font-weight:700;letter-spacing:.5px;min-width:70px;text-transform:uppercase}.info-value{color:#495057;font-size:.9rem;font-weight:500}.tags-container{justify-content:flex-start}.video-section{margin-top:30px;padding:20px}.video-title{flex-direction:column;font-size:1.3em;gap:8px}.video-container{max-width:100%}.video-embed iframe{height:250px}.btn-video{font-size:1em;padding:12px 24px}.grid-title-section h1{font-size:2em}.controls-form{align-items:stretch;flex-direction:column}.display-toggles{flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:center;margin:0;padding:0;width:100%}.display-toggles .form-check{flex:1;gap:.5rem;justify-content:center;margin:0;min-width:auto;padding:0;text-align:center}.transposition-controls{align-items:center;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}#reset-transposition{font-size:.8rem;height:auto;min-width:auto;padding:4px 8px}.measures-grid{padding:0}.measures-row{border:none;border-bottom:1px solid #dee2e6;flex-wrap:wrap;gap:0}.measures-row:after,.measures-row:before,.row-number{display:none}.analysis-content{gap:20px;grid-template-columns:1fr}.chord-cell{flex:1 1 calc(50% - 1px);min-height:0;min-width:auto}.chord-item{min-width:auto;padding:6px 4px}.chords-container{align-items:stretch;min-height:0}}@media (max-width:480px){.carousel-indicators{gap:4px;justify-content:flex-start;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px 2px;white-space:nowrap;-webkit-overflow-scrolling:touch}.carousel-indicators::-webkit-scrollbar{height:6px}.carousel-indicators::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.carousel-indicators::-webkit-scrollbar-track{background:transparent}.carousel-indicator{flex:0 0 auto;height:8px;width:8px}.measures-row{border:none;border-bottom:1px solid #dee2e6;flex-direction:row;flex-wrap:wrap;gap:0}.chord-cell{flex:1 1 calc(50% - 1px);min-height:0;min-width:0}.chords-container{align-items:stretch;min-height:0}.chord-name{font-size:1rem;margin-bottom:3px;margin-top:6px}.chord-function{font-size:.6rem;margin-bottom:2px;padding:1px 4px}.chord-time-signature{font-size:.5em;padding:1px 4px}.ending-indicator{font-size:.6em;min-width:25px;padding:1px 4px}.loop-dots-end,.loop-dots-start{font-size:1em}.loop-count-indicator{font-size:.7em;padding:1px 4px;right:3px;top:3px}.display-toggles{gap:6px;justify-content:center}.display-toggles .form-check{flex:1;gap:.4rem;margin-bottom:0;min-width:auto;text-align:center}.display-toggles .form-check .form-check-label{font-size:.85rem}.toggle-description{font-size:.65rem}.transposition-controls{gap:6px;justify-content:center}.transposer-btn{font-size:.85rem;padding:6px 10px}.semitones-display{font-size:.9rem;padding:0 8px}.grid-info-compact{margin:0 5px;padding:.5rem}.info-line{gap:.4rem;padding:.4rem 0}.info-label{font-size:.8rem}.info-value{font-size:.85rem}}.loading-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:none;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loading-text{color:#fff;font-family:Arial,sans-serif;font-size:18px;margin-top:20px}.loading-overlay .container{background-color:var(--eti-yellow);border-radius:10px;box-shadow:5px 5px 0 0 var(--eti-orange);height:175px;position:relative;width:175px}.loading-overlay .plate{width:fit-content}.loading-overlay .plate .black,.loading-overlay .plate .border,.loading-overlay .plate .center,.loading-overlay .plate .white{border-radius:100%}.loading-overlay .container,.loading-overlay .plate .black,.loading-overlay .plate .border,.loading-overlay .plate .white{align-items:center;display:flex;justify-content:center}.loading-overlay .plate .black{animation:rotation 2s linear infinite;background-color:var(--eti-orange);height:150px;width:150px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.loading-overlay .plate .white{background-color:#fff;height:70px;width:70px}.loading-overlay .plate .center{background-color:var(--eti-red);height:20px;width:20px}.loading-overlay .plate .border{border-bottom:3px solid #fff;border-left:3px solid var(--eti-orange);border-right:3px solid var(--eti-orange);border-top:3px solid #fff;height:111px;width:111px}.loading-overlay .player{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;margin-bottom:8px;margin-right:8px;position:absolute;right:0;rotate:-45deg;width:fit-content}.loading-overlay .player .circ{background-color:#fff;border-radius:100%;height:25px;width:25px;z-index:1}.loading-overlay .player .rect{background-color:#fff;bottom:0;height:55px;margin-bottom:5px;position:absolute;width:10px}.chord-item{transition:all .3s ease}.chord-item.analysis-enabled[data-key*="C major"]{background-color:rgba(255,0,0,.25)!important;border-left:3px solid red}.chord-item.analysis-enabled[data-key*="G major"]{background-color:rgba(0,0,255,.25)!important;border-left:3px solid #00f}.chord-item.analysis-enabled[data-key*="D major"]{background-color:rgba(255,255,0,.25)!important;border-left:3px solid #ff0}.chord-item.analysis-enabled[data-key*="A major"]{background-color:rgba(0,255,0,.25)!important;border-left:3px solid #0f0}.chord-item.analysis-enabled[data-key*="E major"]{background-color:rgba(255,0,255,.25)!important;border-left:3px solid #f0f}.chord-item.analysis-enabled[data-key*="B major"]{background-color:rgba(255,165,0,.25)!important;border-left:3px solid orange}.chord-item.analysis-enabled[data-key*="F major"]{background-color:rgba(0,128,255,.25)!important;border-left:3px solid #0080ff}.chord-item.analysis-enabled[data-key*="Bb major"]{background-color:rgba(255,20,147,.25)!important;border-left:3px solid #ff1493}.chord-item.analysis-enabled[data-key*="Eb major"]{background-color:rgba(0,255,128,.25)!important;border-left:3px solid #00ff80}.chord-item.analysis-enabled[data-key*="Ab major"]{background-color:rgba(255,69,0,.25)!important;border-left:3px solid #ff4500}.chord-item.analysis-enabled[data-key*="Db major"]{background-color:rgba(138,43,226,.25)!important;border-left:3px solid #8a2be2}.chord-item.analysis-enabled[data-key*="Gb major"]{background-color:rgba(0,191,255,.25)!important;border-left:3px solid #00bfff}.chord-item.analysis-enabled[data-key*="C# major"]{background-color:rgba(138,43,226,.25)!important;border-left:3px solid #8a2be2}.chord-item.analysis-enabled[data-key*="D# major"]{background-color:rgba(0,191,255,.25)!important;border-left:3px solid #00bfff}.chord-item.analysis-enabled[data-key*="F# major"]{background-color:rgba(128,0,128,.25)!important;border-left:3px solid purple}.chord-item.analysis-enabled[data-key*="G# major"]{background-color:rgba(0,255,128,.25)!important;border-left:3px solid #00ff80}.chord-item.analysis-enabled[data-key*="A# major"]{background-color:rgba(255,69,0,.25)!important;border-left:3px solid #ff4500}.chord-item.analysis-enabled[data-key*="A minor" i],.chord-item.analysis-enabled[data-key*=Am i]{background-color:rgba(255,0,0,.25)!important;border-left:3px solid red}.chord-item.analysis-enabled[data-key*="E minor" i],.chord-item.analysis-enabled[data-key*=Em i]{background-color:rgba(0,0,255,.25)!important;border-left:3px solid #00f}.chord-item.analysis-enabled[data-key*="B minor" i],.chord-item.analysis-enabled[data-key*=Bm i]{background-color:rgba(255,255,0,.25)!important;border-left:3px solid #ff0}.chord-item.analysis-enabled[data-key*="F# minor" i],.chord-item.analysis-enabled[data-key*="F#m" i]{background-color:rgba(0,255,0,.25)!important;border-left:3px solid #0f0}.chord-item.analysis-enabled[data-key*="C# minor" i],.chord-item.analysis-enabled[data-key*="C#m" i]{background-color:rgba(255,0,255,.25)!important;border-left:3px solid #f0f}.chord-item.analysis-enabled[data-key*="G# minor" i],.chord-item.analysis-enabled[data-key*="G#m" i]{background-color:rgba(255,165,0,.25)!important;border-left:3px solid orange}.chord-item.analysis-enabled[data-key*="D# minor" i],.chord-item.analysis-enabled[data-key*="D#m" i]{background-color:rgba(128,0,128,.25)!important;border-left:3px solid purple}.chord-item.analysis-enabled[data-key*="D minor" i],.chord-item.analysis-enabled[data-key*=Dm i]{background-color:rgba(0,128,255,.25)!important;border-left:3px solid #0080ff}.chord-item.analysis-enabled[data-key*="G minor" i],.chord-item.analysis-enabled[data-key*=Gm i]{background-color:rgba(255,20,147,.25)!important;border-left:3px solid #ff1493}.chord-item.analysis-enabled[data-key*="C minor" i],.chord-item.analysis-enabled[data-key*=Cm i]{background-color:rgba(0,255,128,.25)!important;border-left:3px solid #00ff80}.chord-item.analysis-enabled[data-key*="F minor" i],.chord-item.analysis-enabled[data-key*=Fm i]{background-color:rgba(255,69,0,.25)!important;border-left:3px solid #ff4500}.chord-item.analysis-enabled[data-key*="Bb minor" i],.chord-item.analysis-enabled[data-key*=Bbm i]{background-color:rgba(138,43,226,.25)!important;border-left:3px solid #8a2be2}.chord-item.analysis-enabled[data-key*="Eb minor" i],.chord-item.analysis-enabled[data-key*=Ebm i]{background-color:rgba(0,191,255,.25)!important;border-left:3px solid #00bfff}.chord-item.analysis-enabled[data-key*="Ab minor" i],.chord-item.analysis-enabled[data-key*=Abm i]{background-color:rgba(255,69,0,.25)!important;border-left:3px solid #ff4500}.chord-item.analysis-enabled[data-key*="Db minor" i],.chord-item.analysis-enabled[data-key*=Dbm i]{background-color:rgba(138,43,226,.25)!important;border-left:3px solid #8a2be2}.chord-item.analysis-enabled[data-key*="Gb minor" i],.chord-item.analysis-enabled[data-key*=Gbm i]{background-color:rgba(0,191,255,.25)!important;border-left:3px solid #00bfff}.chord-item.analysis-enabled[data-key*="Cb minor" i],.chord-item.analysis-enabled[data-key*=Cbm i]{background-color:hsla(0,0%,50%,.3)!important;border-left:3px solid grey}.chord-item.analysis-enabled[data-key*="A# minor" i],.chord-item.analysis-enabled[data-key*="A#m" i]{background-color:rgba(138,43,226,.25)!important;border-left:3px solid #8a2be2}.chord-item.no-analysis-data{background-color:hsla(0,0%,94%,.3)!important;border-left:3px solid #e0e0e0!important;opacity:.6!important}.chord-item.analysis-enabled[data-chord="%"]{border-left:none!important}.chord-item:not(.analysis-enabled){background-color:transparent!important;border-left:none!important}.chord-item.analysis-enabled{animation:colorTransition .5s ease-in-out}@keyframes colorTransition{0%{background-color:transparent}}.chord-grid-create{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.create-header{background:linear-gradient(135deg,var(--eti-orange) 0,var(--eti-red) 100%);border-radius:15px;color:#fff;margin-bottom:40px;padding:30px;text-align:center}.create-header h1{font-size:2.5em;font-weight:300;margin:0 0 15px}.create-description{font-size:1.1em;margin:0;opacity:.9}.create-form-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden}.chord-grid-form,.form-sections{padding:0}.form-section{animation:slideIn .6s ease forwards;border-bottom:1px solid #e9ecef;opacity:0;padding:30px;transform:translateY(20px)}.form-section:last-child{border-bottom:none}.form-section:first-child{animation-delay:.1s}.form-section:nth-child(2){animation-delay:.2s}.form-section:nth-child(3){animation-delay:.3s}.form-section:nth-child(4){animation-delay:.4s}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.section-header-toggle{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.section-header-toggle .section-title{margin:0}.structure-section-optional{opacity:.7;transition:all .3s ease}.structure-section-optional.active{opacity:1}.structure-section-optional:not(.active) .structure-editor{opacity:.5;pointer-events:none}.coda-section-optional{opacity:.7;transition:all .3s ease}.coda-section-optional.active{opacity:1}.coda-section-optional:not(.active) .coda-editor{opacity:.5;pointer-events:none}.section-title{align-items:center;color:var(--eti-red);display:flex;font-size:1.4em;font-weight:600;gap:10px;margin:0 0 25px}.section-title i{color:var(--eti-orange)}.form-row{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group,.form-row{margin-bottom:20px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#495057;display:block;font-weight:600;margin-bottom:8px}.form-control,.form-select{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-size:1em;padding:12px 15px;transition:all .3s ease;width:100%}.form-control:focus,.form-select:focus{background:#fff;border-color:var(--eti-red);box-shadow:0 0 0 3px rgba(220,53,69,.1);outline:none}.select2-container--bootstrap-5 .select2-selection--multiple{border:2px solid #e9ecef;border-radius:8px;min-height:38px;transition:all .3s ease}.select2-container--bootstrap-5 .select2-selection--multiple:focus{border-color:var(--eti-red);box-shadow:0 0 0 3px rgba(220,53,69,.1)}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice{background-color:var(--eti-orange)!important;border:none!important;border-radius:20px!important;color:#fff!important;font-size:.9rem!important;margin:2px!important;padding:2px 10px!important}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{color:#fff;font-weight:700;margin-right:5px}.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover{color:#f8f9fa}.select2-styles+.select2-container .select2-selection--multiple{border:2px solid #e9ecef;border-radius:8px;min-height:38px;transition:all .3s ease}.select2-dropdown--below{border-color:var(--eti-red);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected]{background-color:var(--eti-orange);color:#fff}.form-text{color:#6c757d;font-size:.875rem;font-style:italic;margin-top:.25rem}.toggle-details-btn{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-weight:500;padding:.75rem 1rem;transition:all .3s ease;width:100%}.toggle-details-btn:hover{background:#fff3cd;border-color:var(--eti-orange);box-shadow:0 2px 8px rgba(241,149,20,.2);color:var(--eti-orange);transform:translateY(-1px)}.toggle-details-btn:focus{box-shadow:0 0 0 3px rgba(241,149,20,.25);outline:none}.toggle-details-btn i{transition:transform .3s ease}.toggle-details-btn.expanded i{transform:rotate(180deg)}.additional-details{animation:slideDown .3s ease-out;border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.additional-details.hidden{animation:slideUp .3s ease-out}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{max-height:1000px;opacity:1;transform:translateY(0)}to{max-height:0;opacity:0;transform:translateY(-10px)}}.grid-editor{background:#f8f9fa;border-radius:10px;padding:20px}.editor-bottom-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;margin-top:20px}.btn-tool{align-items:center;background:var(--eti-orange);border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-tool:hover{background:var(--eti-red);transform:translateY(-1px)}.grid-container{background:#fff;border:2px solid #dee2e6;border-radius:8px;margin-bottom:20px;overflow:hidden}.grid-section{border-bottom:2px solid var(--eti-orange)}.grid-section:last-child{border-bottom:none}.section-header{align-items:center;background:var(--eti-orange);color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.section-title-container{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:15px}.section-title-input{background:transparent;border:none;color:var(--bs-gray-700);font-size:1.1em;font-weight:600;margin:0;min-width:200px;padding:0;width:100%}.section-title-input:focus{background:hsla(0,0%,100%,.1);border-radius:4px;outline:none;padding:2px 8px}.section-title-input::placeholder{color:var(--bs-gray-500)}.section-time-signature-input{background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;color:#333;cursor:pointer;font-size:.8em;font-weight:500;margin:0;padding:2px 4px;text-align:center;width:60px}.section-time-signature-input:focus{background:#fff;border-color:var(--eti-red);box-shadow:0 0 0 2px rgba(220,53,69,.1);outline:none}.section-time-signature-input option{background:#fff;color:#333}.endings-select:focus,.loop-input:focus{background:#fff;border-color:var(--eti-red);box-shadow:0 0 0 2px rgba(220,53,69,.1);outline:none}.endings-select{width:60px}.endings-select option{background:#fff;color:#333}.section-controls{display:flex;gap:10px}.section-control-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.section-control-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.section-content{padding:20px}.section-add-row-btn{background:var(--eti-red);border:2px dashed hsla(0,0%,100%,.3);justify-content:center;margin-top:15px;width:100%}.section-add-row-btn:hover{background:var(--eti-red);border-color:hsla(0,0%,100%,.5);transform:none}.section-endings-container{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;margin-top:25px;padding:20px}.endings-header{align-items:center;border-bottom:2px solid var(--eti-orange);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.endings-header h4{align-items:center;color:var(--eti-red);display:flex;font-size:1.2em;font-weight:600;gap:8px;margin:0}.endings-header h4 i{color:var(--eti-orange)}.endings-content{display:flex;flex-direction:column;gap:20px}.ending-element{background:#fff;border:2px solid #dee2e6;border-radius:8px;overflow:hidden}.ending-header{align-items:center;background:var(--eti-red);color:#fff;display:flex;justify-content:space-between;padding:12px 20px}.ending-header h5{font-size:1.1em;font-weight:600;margin:0}.ending-controls{align-items:center;display:flex;gap:10px}.ending-add-row-btn{align-items:center;background:var(--eti-orange);border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:.8em;gap:5px;padding:6px 12px;transition:all .3s ease}.ending-add-row-btn:hover{background:var(--eti-red);transform:translateY(-1px)}.ending-content{padding:15px}.ending-row{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-bottom:10px}.ending-row:last-child{margin-bottom:0}.ending-row-number{background:var(--eti-red);border-radius:6px;color:#fff;font-size:.8em;font-weight:700;padding:8px;text-align:center}.ending-measure-cell{background:#e9ecef;border:1px solid #ced4da}.grid-row{align-items:center;border-bottom:1px solid #e9ecef;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr 1fr 120px;padding:15px 0}.grid-row:last-child{border-bottom:none}.grid-row .measure-cell{max-width:none;min-width:0;width:100%}.row-number{background:#6c757d;border-radius:6px;color:#fff;font-size:.9em;font-weight:700;padding:8px;text-align:center}.measure-cell{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;flex:1;flex-direction:column;gap:5px;min-height:60px;min-width:0;padding:10px;width:100%}.measure-time-signature-input{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-size:.8em;font-weight:500;padding:4px 6px;text-align:center;transition:all .3s ease;width:55px}.measure-time-signature-input:focus{background:#fff;border-color:var(--eti-red);box-shadow:0 0 0 2px rgba(220,53,69,.1);outline:none}.measure-time-signature-input option{background:#fff;color:#333;font-size:.8em}.measure-chords{display:flex;flex:1;flex-direction:column;gap:3px}.measure-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.measure-menu-btn{align-items:center;background:#6c757d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:24px;justify-content:center;margin-left:auto;transition:all .2s ease;width:24px}.measure-menu-btn:hover{background:var(--eti-orange);transform:scale(1.1)}.measure-indicators{align-items:center;display:flex;flex-wrap:wrap;gap:5px;position:relative}.time-signature-indicator{background:var(--eti-orange);border-radius:4px;color:#fff;font-size:.7em;font-weight:600;min-width:30px;padding:2px 6px;text-align:center}.time-signature-indicator.clickable{cursor:pointer;transition:all .2s ease;user-select:none}.time-signature-indicator.clickable:hover{background:#e8690b;box-shadow:0 2px 4px rgba(0,0,0,.2);transform:scale(1.05)}.time-signature-indicator.clickable:active{transform:scale(.95)}.time-signature-indicator.editing{background:#fff!important;color:#495057!important}.time-signature-editor,.time-signature-indicator.editing{border:2px solid var(--eti-orange);box-shadow:0 0 0 2px rgba(253,126,20,.2)}.time-signature-editor{background:#fff;border-radius:4px;color:#495057;font-size:.7em;font-weight:600;outline:none;padding:2px 4px}.time-signature-editor:focus{border-color:var(--eti-red);box-shadow:0 0 0 2px rgba(220,53,69,.2)}.loop-start-indicator{background:#28a745;border-radius:4px;color:#fff;font-size:.8em;font-weight:700;min-width:20px;padding:2px 6px;position:relative;text-align:center}.loop-start-indicator.multiple{background:#20c997;border:2px solid #28a745}.loop-start-indicator.multiple:after{align-items:center;background:#dc3545;border-radius:50%;color:#fff;content:attr(data-loop-number);display:flex;font-size:.7em;font-weight:700;height:16px;justify-content:center;position:absolute;right:-8px;top:-8px;width:16px}.loop-end-indicator{background:#dc3545;font-size:.8em;font-weight:700;min-width:20px}.loop-end-indicator,.repetitions-indicator{border-radius:4px;color:#fff;padding:2px 6px;text-align:center}.repetitions-indicator{background:#fd7e14;font-size:.7em;font-weight:600;min-width:25px}.repetitions-indicator.clickable{cursor:pointer;transition:all .2s ease;user-select:none}.repetitions-indicator.clickable:hover{background:#e8690b;box-shadow:0 2px 4px rgba(0,0,0,.2);transform:scale(1.05)}.repetitions-indicator.clickable:active{transform:scale(.95)}.ending-indicator{background:#6f42c1;border-radius:4px;color:#fff;font-size:.7em;font-weight:600;min-width:30px;padding:2px 6px;text-align:center}.measure-menu{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;min-width:200px;overflow:hidden;position:absolute;z-index:1000}.measure-menu.show{display:block}.repetitions-menu{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;min-width:60px;overflow:hidden;position:absolute;z-index:1000}.repetitions-menu.show{display:block}.loop-count-indicator{background:hsla(0,0%,100%,.9);border:1px solid #000;border-radius:8px;color:#000;cursor:pointer;font-size:.8em;font-weight:700;line-height:1;min-width:16px;padding:2px 6px;position:absolute;right:5px;text-align:center;top:5px;transition:all .2s ease;z-index:5}.loop-count-indicator:hover{background:#e8690b;border-color:#e8690b;box-shadow:0 2px 4px rgba(0,0,0,.2);transform:scale(1.05)}.repetitions-menu-item{border-bottom:1px solid #f8f9fa;color:#495057;cursor:pointer;font-weight:600;padding:8px 12px;text-align:center;transition:all .2s ease}.repetitions-menu-item:last-child{border-bottom:none}.repetitions-menu-item:hover{background:#f8f9fa;color:var(--eti-red)}.repetitions-menu-item.active{background:var(--eti-orange);color:#fff}.time-signature-menu{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none;min-width:100px;overflow:hidden;position:absolute;z-index:1000}.time-signature-menu.show{display:block}.time-signature-menu-item{border-bottom:1px solid #f8f9fa;color:#495057;cursor:pointer;font-weight:600;padding:8px 12px;text-align:center;transition:all .2s ease}.time-signature-menu-item:last-child{border-bottom:none}.time-signature-menu-item:hover{background:#f8f9fa;color:var(--eti-red)}.menu-item{align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;gap:10px;padding:10px 15px;transition:all .2s ease}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#f8f9fa;color:var(--eti-red)}.menu-item i{text-align:center;width:16px}.measure-ending-select option,.measure-loop-select option{background:#fff;color:#333;font-size:.8em}.chord-input-container{align-items:center;display:flex;gap:5px}.chord-remove-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.8em;font-weight:700;height:20px;justify-content:center;transition:all .3s ease;width:20px}.chord-remove-btn:hover{background:#c82333;transform:scale(1.1)}.chord-input{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.9em;padding:4px 8px;text-align:center;width:100%}.chord-input:focus{border-color:var(--eti-red);box-shadow:0 0 0 2px rgba(220,53,69,.1);outline:none}.row-controls{display:flex;gap:5px}.row-control-btn{align-items:center;background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8em;height:30px;justify-content:center;transition:all .3s ease;width:30px}.row-control-btn:hover{background:var(--eti-red);transform:scale(1.1)}.row-control-btn.delete{background:#dc3545}.row-control-btn.delete:hover{background:#c82333}.grid-info{background:#fff;border:1px solid #dee2e6;border-radius:8px;display:flex;gap:30px;justify-content:center;padding:15px}.info-item{color:#495057;font-weight:600}.info-item span{background:#f8f9fa;border-radius:12px;color:var(--eti-red);font-size:.9em;padding:2px 8px}.modal{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;margin:5% auto;max-height:80vh;max-width:800px;overflow-y:auto;padding:0;width:90%}.modal-header{align-items:center;background:var(--eti-orange);border-radius:10px 10px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.modal-header h3{margin:0}.close{color:#fff;cursor:pointer;font-size:28px;font-weight:700}.close:hover{opacity:.7}.modal-body{padding:20px}.form-actions{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding:30px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1em;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn.btn-primary{background:var(--eti-red);color:#fff}.btn.btn-primary:hover{background:var(--eti-red-hover);box-shadow:0 4px 12px rgba(220,53,69,.3);transform:translateY(-1px)}.btn.btn-secondary{background:#6c757d;color:#fff}.btn.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.structure-editor{background:#f8f9fa;border-radius:10px;padding:20px}.structure-info{margin-bottom:20px}.structure-description{color:#6c757d;font-style:italic;margin:0}.structure-container{background:#fff;border:2px solid #dee2e6;border-radius:8px;margin-bottom:20px;min-height:100px;overflow:hidden}.structure-item{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;gap:15px;padding:15px 20px;transition:all .3s ease}.structure-item:last-child{border-bottom:none}.structure-item:hover{background:#f8f9fa}.structure-item.dragging{opacity:.5;transform:rotate(5deg)}.structure-drag-handle{color:#6c757d;cursor:grab;font-size:1.2em;padding:5px}.structure-drag-handle:active{cursor:grabbing}.structure-section-info{display:flex;flex:1;flex-direction:column;gap:5px}.structure-section-name{color:#495057;font-size:1.1em;font-weight:600}.structure-section-details{color:#6c757d;font-size:.9em}.structure-section-controls{align-items:center;display:flex;gap:10px}.structure-remove-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8em;height:28px;justify-content:center;transition:all .3s ease;width:28px}.structure-remove-btn:hover{background:#c82333;transform:scale(1.1)}.structure-repeat-input{border:1px solid #ced4da;border-radius:4px;font-size:.9em;padding:4px 8px;text-align:center;width:60px}.structure-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.structure-add-section{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid #dee2e6;border-radius:8px;display:flex;gap:10px;padding:10px}.section-selector{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:.9em;min-width:200px;padding:8px 12px}.section-selector:focus{border-color:var(--eti-red);box-shadow:0 0 0 2px rgba(220,53,69,.1);outline:none}.structure-preview{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px}.structure-preview h4{color:var(--eti-red);margin:0 0 15px}.structure-preview pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#495057;font-size:.9em;line-height:1.4;overflow-x:auto;padding:15px}.coda-editor{background:#f8f9fa;border-radius:10px;padding:20px}.coda-info{margin-bottom:20px}.coda-description{color:#6c757d;font-style:italic;margin:0}.coda-global-codas,.coda-navigation,.coda-section-codas{margin-bottom:25px}.coda-global-codas h4,.coda-navigation h4,.coda-section-codas h4{color:var(--eti-red);font-size:1.1em;font-weight:600;margin:0 0 15px}.global-codas-container,.navigation-container,.section-codas-container{background:#fff;border:2px solid #dee2e6;border-radius:8px;margin-bottom:15px;min-height:50px;overflow:hidden}.coda-item{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;gap:15px;padding:15px 20px;transition:all .3s ease}.coda-item:last-child{border-bottom:none}.coda-item:hover{background:#f8f9fa}.coda-item.dragging{opacity:.5;transform:rotate(5deg)}.coda-drag-handle{color:#6c757d;cursor:grab;font-size:1.2em;padding:5px}.coda-drag-handle:active{cursor:grabbing}.coda-info{display:flex;flex:1;flex-direction:column;gap:5px}.coda-name{color:#495057;font-size:1.1em;font-weight:600}.coda-details{color:#6c757d;font-size:.9em}.coda-controls{align-items:center;display:flex;gap:10px}.coda-remove-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8em;height:28px;justify-content:center;transition:all .3s ease;width:28px}.coda-remove-btn:hover{background:#c82333;transform:scale(1.1)}.coda-input{border:1px solid #ced4da;border-radius:4px;font-size:.9em;padding:4px 8px;text-align:center;width:120px}.coda-input:focus{border-color:var(--eti-red);box-shadow:0 0 0 2px rgba(220,53,69,.1);outline:none}.coda-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.coda-preview{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:20px}.coda-preview h4{color:var(--eti-red);margin:0 0 15px}.coda-preview pre{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#495057;font-size:.9em;line-height:1.4;overflow-x:auto;padding:15px}@media (max-width:992px){.grid-row{gap:8px;grid-template-columns:repeat(2,1fr) 100px}.grid-row .measure-cell:first-child{grid-column:1;grid-row:1}.grid-row .measure-cell:nth-child(2){grid-column:2;grid-row:1}.grid-row .measure-cell:nth-child(3){grid-column:1;grid-row:2}.grid-row .measure-cell:nth-child(4){grid-column:2;grid-row:2}}@media (max-width:768px){.chord-grid-create{padding:10px}.create-header{padding:20px}.create-header h1{font-size:2em}.form-section{padding:20px}.form-row{gap:15px;grid-template-columns:1fr}.form-actions{align-items:stretch;gap:15px}.editor-bottom-toolbar,.form-actions{flex-direction:column}.grid-row{gap:8px;grid-template-columns:repeat(2,1fr) 80px;grid-template-rows:auto auto;padding:10px 0}.grid-row .measure-cell:first-child{grid-column:1;grid-row:1}.grid-row .measure-cell:nth-child(2){grid-column:2;grid-row:1}.grid-row .measure-cell:nth-child(3){grid-column:1;grid-row:2}.grid-row .measure-cell:nth-child(4){grid-column:2;grid-row:2}.measure-cell{min-height:50px;padding:5px}.chord-input{font-size:.8em;padding:2px 4px}.section-title-container{align-items:stretch;flex-direction:column;gap:10px}.section-loop-controls{flex-wrap:wrap;justify-content:center}.ending-element{margin-bottom:15px}.ending-header{flex-direction:column;gap:10px;text-align:center}.ending-controls{justify-content:center}.measure-header{align-items:stretch;flex-direction:column;gap:8px}.measure-indicators{gap:8px;justify-content:center;margin-left:0}.measure-menu-btn{align-self:center;margin-left:0}}.bg-eti-red{background-color:#8b0000!important}.bg-eti-orange{background-color:#f19514!important}.bg-eti-yellow{background-color:#ffedce!important}.text-eti-red{color:#8b0000!important}.text-eti-orange{color:#f19514!important}.text-eti-yellow{color:#ffedce!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.ps-0{padding-left:0!important}.pe-0,.px-0{padding-right:0!important}.px-0{padding-left:0!important}.py-0{padding-bottom:0!important;padding-top:0!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.ms-0{margin-left:0!important}.me-0,.mx-0{margin-right:0!important}.mx-0{margin-left:0!important}.my-0{margin-bottom:0!important;margin-top:0!important}.p-1{padding:.25rem!important}.pt-1{padding-top:.25rem!important}.pb-1{padding-bottom:.25rem!important}.ps-1{padding-left:.25rem!important}.pe-1,.px-1{padding-right:.25rem!important}.px-1{padding-left:.25rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.m-1{margin:.25rem!important}.mt-1{margin-top:.25rem!important}.mb-1{margin-bottom:.25rem!important}.ms-1{margin-left:.25rem!important}.me-1,.mx-1{margin-right:.25rem!important}.mx-1{margin-left:.25rem!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.p-2{padding:.5rem!important}.pt-2{padding-top:.5rem!important}.pb-2{padding-bottom:.5rem!important}.ps-2{padding-left:.5rem!important}.pe-2,.px-2{padding-right:.5rem!important}.px-2{padding-left:.5rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.m-2{margin:.5rem!important}.mt-2{margin-top:.5rem!important}.mb-2{margin-bottom:.5rem!important}.ms-2{margin-left:.5rem!important}.me-2,.mx-2{margin-right:.5rem!important}.mx-2{margin-left:.5rem!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.p-3{padding:1rem!important}.pt-3{padding-top:1rem!important}.pb-3{padding-bottom:1rem!important}.ps-3{padding-left:1rem!important}.pe-3,.px-3{padding-right:1rem!important}.px-3{padding-left:1rem!important}.py-3{padding-bottom:1rem!important;padding-top:1rem!important}.m-3{margin:1rem!important}.mt-3{margin-top:1rem!important}.mb-3{margin-bottom:1rem!important}.ms-3{margin-left:1rem!important}.me-3,.mx-3{margin-right:1rem!important}.mx-3{margin-left:1rem!important}.my-3{margin-bottom:1rem!important;margin-top:1rem!important}.p-4{padding:1.5rem!important}.pt-4{padding-top:1.5rem!important}.pb-4{padding-bottom:1.5rem!important}.ps-4{padding-left:1.5rem!important}.pe-4,.px-4{padding-right:1.5rem!important}.px-4{padding-left:1.5rem!important}.py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.m-4{margin:1.5rem!important}.mt-4{margin-top:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.ms-4{margin-left:1.5rem!important}.me-4,.mx-4{margin-right:1.5rem!important}.mx-4{margin-left:1.5rem!important}.my-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.p-5{padding:3rem!important}.pt-5{padding-top:3rem!important}.pb-5{padding-bottom:3rem!important}.ps-5{padding-left:3rem!important}.pe-5,.px-5{padding-right:3rem!important}.px-5{padding-left:3rem!important}.py-5{padding-bottom:3rem!important;padding-top:3rem!important}.m-5{margin:3rem!important}.mt-5{margin-top:3rem!important}.mb-5{margin-bottom:3rem!important}.ms-5{margin-left:3rem!important}.me-5,.mx-5{margin-right:3rem!important}.mx-5{margin-left:3rem!important}.my-5{margin-bottom:3rem!important;margin-top:3rem!important}.p-6{padding:4rem!important}.pt-6{padding-top:4rem!important}.pb-6{padding-bottom:4rem!important}.ps-6{padding-left:4rem!important}.pe-6,.px-6{padding-right:4rem!important}.px-6{padding-left:4rem!important}.py-6{padding-bottom:4rem!important;padding-top:4rem!important}.m-6{margin:4rem!important}.mt-6{margin-top:4rem!important}.mb-6{margin-bottom:4rem!important}.ms-6{margin-left:4rem!important}.me-6,.mx-6{margin-right:4rem!important}.mx-6{margin-left:4rem!important}.my-6{margin-bottom:4rem!important;margin-top:4rem!important}.p-7{padding:5rem!important}.pt-7{padding-top:5rem!important}.pb-7{padding-bottom:5rem!important}.ps-7{padding-left:5rem!important}.pe-7,.px-7{padding-right:5rem!important}.px-7{padding-left:5rem!important}.py-7{padding-bottom:5rem!important;padding-top:5rem!important}.m-7{margin:5rem!important}.mt-7{margin-top:5rem!important}.mb-7{margin-bottom:5rem!important}.ms-7{margin-left:5rem!important}.me-7,.mx-7{margin-right:5rem!important}.mx-7{margin-left:5rem!important}.my-7{margin-bottom:5rem!important;margin-top:5rem!important}.p-8{padding:6rem!important}.pt-8{padding-top:6rem!important}.pb-8{padding-bottom:6rem!important}.ps-8{padding-left:6rem!important}.pe-8,.px-8{padding-right:6rem!important}.px-8{padding-left:6rem!important}.py-8{padding-bottom:6rem!important;padding-top:6rem!important}.m-8{margin:6rem!important}.mt-8{margin-top:6rem!important}.mb-8{margin-bottom:6rem!important}.ms-8{margin-left:6rem!important}.me-8,.mx-8{margin-right:6rem!important}.mx-8{margin-left:6rem!important}.my-8{margin-bottom:6rem!important;margin-top:6rem!important}.border-eti-red{border-color:#8b0000!important}.border-eti-orange{border-color:#f19514!important}.border-eti-yellow{border-color:#ffedce!important}.rounded-eti{border-radius:.75rem!important}.rounded-eti-sm{border-radius:.5rem!important}.rounded-eti-lg{border-radius:1rem!important}.shadow-soft{box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.shadow-eti{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-eti-sm{box-shadow:0 .0625rem .125rem rgba(0,0,0,.075)!important}.shadow-eti-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-eti-primary{box-shadow:0 4px 10px rgba(139,0,0,.25)!important}.shadow-eti-orange{box-shadow:0 4px 12px rgba(241,149,20,.3)!important}.transition{transition:all .3s ease!important}.transition-fast{transition:all .15s ease!important}.transition-slow{transition:all .5s ease!important}.text-truncate-2{-webkit-line-clamp:2}.text-truncate-2,.text-truncate-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-truncate-3{-webkit-line-clamp:3}@media (width <= 768px){.d-md-none{display:none!important}.d-md-block{display:block!important}}@media (width <= 576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}}