@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/polices/barlow-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/polices/barlow-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/polices/barlow-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/polices/barlow-semi-condensed-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/polices/barlow-semi-condensed-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/polices/barlow-semi-condensed-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(/polices/gloock-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bois: #faf7f1;--bois-2: #ffffff;--bois-3: #f0e9de;--touche: #f5ecda;--frette: #e3dacb;--frette-2: #c0b3a1;--ivoire: #22180f;--ivoire-2: #5d5145;--ivoire-3: #8f8273;--laiton: #e39a12;--laiton-2: #f5b73a;--mineur: #1c8ad6;--dim: #a34fc4;--septieme: #e2661a;--caged-c: #e53e3e;--caged-a: #e7ac00;--caged-g: #22a35e;--caged-e: #2a72e5;--caged-d: #8a48dd;--amb-pop: #dc3d7c;--amb-lumineux: #d29a00;--amb-melancolique: #2b8fd6;--amb-rock: #e04545;--amb-folk: #22a35e;--amb-jazz: #8a48dd;--amb-retro: #e08a1e;--amb-sombre: #6b7590;--amb-blues: #4a63e0;--sur-couleur: #1f1712;--lueur-1: rgba(255, 176, 60, .22);--lueur-2: rgba(255, 110, 140, .12);--ombre-laiton: rgba(227, 154, 18, .3);--teinte: var(--ivoire);--police-titre: "Gloock", Georgia, "Times New Roman", serif;--police-ui: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--police-accord: "Barlow Semi Condensed", "Arial Narrow", Arial, sans-serif}:root[data-theme=dark]{--bois: #211712;--bois-2: #2c1e18;--bois-3: #3a2920;--touche: #2c1e18;--frette: #57453a;--frette-2: #7e6756;--ivoire: #f8eedb;--ivoire-2: #cfbda1;--ivoire-3: #998773;--laiton: #f5b942;--laiton-2: #ffd46e;--mineur: #7fc9f0;--dim: #df9fe6;--septieme: #ff9f5c;--caged-c: #ff6b6b;--caged-a: #ffd23f;--caged-g: #5fd39a;--caged-e: #5aaeff;--caged-d: #c58bff;--amb-pop: #ff6fae;--amb-lumineux: #ffd23f;--amb-melancolique: #7fc9f0;--amb-rock: #ff6b6b;--amb-folk: #5fd39a;--amb-jazz: #c58bff;--amb-retro: #ffb347;--amb-sombre: #a3aecb;--amb-blues: #6d8cff;--lueur-1: rgba(255, 172, 72, .16);--lueur-2: rgba(255, 96, 118, .09);--ombre-laiton: rgba(245, 185, 66, .28)}html{color-scheme:light;background:var(--bois)}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bois);background-image:radial-gradient(ellipse 70% 45% at 12% -5%,var(--lueur-1) 0%,transparent 65%),radial-gradient(ellipse 55% 45% at 100% 100%,var(--lueur-2) 0%,transparent 60%);color:var(--ivoire);font:15px/1.5 var(--police-ui);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--laiton);outline-offset:2px}button{font-family:inherit}figure{margin:0}a{color:var(--laiton)}.page{max-width:1160px;margin:0 auto;padding:30px 28px 64px}.entete{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--frette)}.marque{margin:0;font:400 48px/1 var(--police-titre);letter-spacing:-.01em;color:var(--laiton-2);background:linear-gradient(100deg,var(--ivoire) 0%,var(--laiton-2) 60%,var(--laiton) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.slogan{margin:10px 0 0;color:var(--ivoire-2);font-size:15px}.reglages{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.reglage{display:flex;align-items:center;gap:10px;color:var(--ivoire-2);font-size:14px}.select{appearance:none;-webkit-appearance:none;background:var(--bois-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238f8273' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--frette-2);border-radius:4px;color:var(--ivoire);font:500 15px var(--police-ui);padding:7px 32px 7px 12px;cursor:pointer;min-width:128px}.segments{display:inline-flex;border:1px solid var(--frette-2);border-radius:4px;overflow:hidden}.segments button{background:transparent;border:0;color:var(--ivoire-2);padding:7px 13px;font:500 14px var(--police-ui);cursor:pointer}.segments button+button{border-left:1px solid var(--frette-2)}.segments button[aria-pressed=true]{background:var(--ivoire);color:var(--bois)}.bloc{padding-top:34px}.bloc-entete{display:flex;align-items:baseline;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;margin-bottom:16px}.bloc h2{margin:0;font:400 27px/1.15 var(--police-titre);color:var(--ivoire);text-wrap:balance}.sous{margin:0;color:var(--ivoire-2);font-size:14px;max-width:62ch}.cadre{position:relative;padding:0 12px}.grille{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--frette);border-left:4px double var(--ivoire-2);border-right:4px double var(--ivoire-2)}.cadre.boucle .grille:before,.cadre.boucle .grille:after{content:"";position:absolute;top:50%;width:6px;height:24px;transform:translateY(-50%);background:radial-gradient(circle,var(--laiton) 2.4px,transparent 3px) 0 0 / 6px 12px repeat-y}.cadre.boucle .grille:before{left:-12px}.cadre.boucle .grille:after{right:-12px}.mesure{position:relative;min-height:108px;padding:14px 12px 12px 16px;border:0;border-right:1px solid var(--frette);border-bottom:1px solid var(--frette);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .15s}.mesure:nth-child(4n){border-right:0}.mesure:hover{background:var(--bois-2)}.mesure[data-i]{box-shadow:inset 0 3px color-mix(in srgb,var(--teinte) 55%,transparent)}.mesure.joue{background:color-mix(in srgb,var(--laiton) 10%,var(--bois-3));box-shadow:inset 0 3px color-mix(in srgb,var(--teinte) 55%,transparent),inset 0 -3px 0 var(--laiton)}:is(.mesure,.puce,.choix):has(>.accord.min){--teinte: var(--mineur)}:is(.mesure,.puce,.choix):has(>.accord.dim){--teinte: var(--dim)}:is(.mesure,.puce,.choix):has(>.accord.dom7){--teinte: var(--septieme)}.mesure.blanche{cursor:default}.mesure.blanche:hover{background:transparent}.accord{font:600 clamp(28px,4.4vw,46px) / 1 var(--police-accord);color:var(--ivoire);letter-spacing:-.01em;white-space:nowrap}.accord .suffixe{font-size:.62em;font-weight:500;margin-left:1px}.accord.min{color:var(--mineur)}.accord.dim{color:var(--dim)}.accord.dom7{color:var(--septieme)}.degre{font:500 13px/1 var(--police-ui);color:var(--ivoire-3);letter-spacing:.02em}.retirer{position:absolute;top:8px;right:10px;font-size:18px;line-height:1;color:var(--ivoire-3);opacity:0;transition:opacity .15s}.mesure:hover .retirer,.mesure:focus-visible .retirer{opacity:1}.mesure-ajout{justify-content:center;align-items:center;color:var(--ivoire-3);font-size:14px;gap:6px}.mesure-ajout .plus{font:500 30px/1 var(--police-accord);color:var(--ivoire-3)}.mesure-ajout.vide{grid-column:1 / -1;flex-direction:row;padding:22px}.mesure-ajout:hover{color:var(--ivoire-2)}.transport{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding:0 12px}.btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--frette-2);border-radius:4px;color:var(--ivoire);font:500 14px var(--police-ui);padding:8px 14px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn:hover{background:var(--bois-3);border-color:var(--ivoire-3)}.btn svg{width:12px;height:12px}.btn-principal{background:linear-gradient(180deg,var(--laiton-2),var(--laiton));border-color:var(--laiton);color:var(--sur-couleur);font-weight:600;padding:9px 18px;box-shadow:0 4px 18px var(--ombre-laiton)}.btn-principal:hover{background:var(--laiton-2);border-color:var(--laiton-2)}.btn-bascule[aria-pressed=true]{border-color:var(--laiton);color:var(--laiton)}.btn-discret{border-color:transparent;color:var(--ivoire-2)}.tempo{display:flex;align-items:center;gap:10px;color:var(--ivoire-2);font-size:14px;margin-left:8px}.tempo input{accent-color:var(--laiton);width:120px}.tempo output{font:600 15px var(--police-accord);color:var(--ivoire);min-width:2.2em;font-variant-numeric:tabular-nums}.reglage-rythmique{display:flex;align-items:center;gap:8px;color:var(--ivoire-2);font-size:14px;margin-left:8px}.select-petit{min-width:0;padding:6px 30px 6px 10px;font-size:14px}.motif{font:500 15px var(--police-accord);color:var(--ivoire-2);letter-spacing:.1em;white-space:nowrap}.motif .doux{opacity:.45}.pousse{margin-left:auto}.deux-colonnes{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0 48px}.puces{display:flex;flex-wrap:wrap;gap:8px}.puce{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:66px;padding:10px 12px 9px;background:color-mix(in srgb,var(--teinte) 8%,var(--bois-2));border:1px solid color-mix(in srgb,var(--teinte) 25%,var(--frette));border-radius:4px;color:var(--ivoire);cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.puce:hover{background:color-mix(in srgb,var(--teinte) 16%,var(--bois-3));border-color:color-mix(in srgb,var(--teinte) 45%,var(--frette-2))}.puce .accord{font-size:26px}.puce.petite{flex-direction:row;align-items:baseline;gap:7px;padding:6px 10px;min-width:0}.puce.petite .accord{font-size:20px}.apres{margin-top:20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ivoire-2);font-size:14px}.apres:empty{display:none}.apres b{color:var(--ivoire);font-weight:600}.legende{margin:18px 0 0;color:var(--ivoire-3);font-size:13px}.legende .pastille{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:-1px;margin:0 4px 0 2px}.pastille.maj{background:var(--ivoire)}.pastille.min{background:var(--mineur)}.pastille.dim{background:var(--dim)}.pastille.dom7{background:var(--septieme)}.diagrammes{display:flex;flex-wrap:wrap;gap:14px 16px}.diagramme{position:relative;display:flex;flex-direction:column;align-items:center}.diagramme.min{--point: var(--mineur)}.diagramme.dim{--point: var(--dim)}.diagramme.dom7{--point: var(--septieme)}.badge-caged{position:absolute;top:2px;right:0;font:700 12px/1 var(--police-accord);color:var(--sur-couleur);background:var(--caged, var(--ivoire));border-radius:4px;padding:3px 5px 2px}.diagramme svg{width:94px;height:auto;display:block;font-family:var(--police-ui)}.diagramme .nom{font:600 18px var(--police-accord);color:var(--ivoire)}.diagramme .nom.min{color:var(--mineur)}.diagramme .nom.dim{color:var(--dim)}.diagramme .nom.dom7{color:var(--septieme)}.capo{margin-top:20px;padding:14px 16px;border:1px solid var(--frette);border-left:3px solid var(--laiton);background:var(--bois-2);font-size:14px;color:var(--ivoire-2)}.capo b{color:var(--ivoire);font-weight:600}.capo .formes{font:600 20px/1.2 var(--police-accord);color:var(--ivoire);margin-top:4px}.capo .formes .suffixe{font-size:.7em;font-weight:500}.manche-choix{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:14px}.choix-groupe{display:flex;flex-wrap:wrap;gap:8px}.penta-reglage{margin-left:auto}.choix{padding:6px 12px;background:color-mix(in srgb,var(--teinte) 8%,var(--bois-2));border:1px solid color-mix(in srgb,var(--teinte) 25%,var(--frette));border-radius:4px;color:var(--ivoire);cursor:pointer;transition:background .15s,border-color .15s}.choix .accord{font-size:22px}.choix:hover{background:var(--bois-3);border-color:var(--frette-2)}.choix[aria-pressed=true]{border-color:var(--laiton);background:var(--bois-3)}.manche-defile{overflow-x:auto;padding:2px 0 6px}.manche-defile svg{display:block;width:100%;min-width:760px;height:auto;font-family:var(--police-ui)}.formes{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:14px}.forme{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bois-2);border:1px solid var(--frette);border-radius:4px;color:var(--ivoire);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.forme:hover{background:var(--bois-3);border-color:var(--frette-2)}[data-forme=C]{--caged: var(--caged-c)}[data-forme=A]{--caged: var(--caged-a)}[data-forme=G]{--caged: var(--caged-g)}[data-forme=E]{--caged: var(--caged-e)}[data-forme=D]{--caged: var(--caged-d)}.forme[aria-pressed=true]{border-color:var(--caged, var(--laiton));background:color-mix(in srgb,var(--caged, var(--laiton)) 14%,var(--bois-2))}.forme .lettre{font:600 30px/1 var(--police-accord);min-width:1em;text-align:center;color:var(--caged, var(--laiton))}.forme .ou{font-size:13px;line-height:1.3;color:var(--ivoire-2)}.manche-phrase{margin:14px 0 0;color:var(--ivoire-2);font-size:14px;max-width:72ch}.manche-phrase b{color:var(--ivoire);font-weight:600}.filtres{display:flex;flex-wrap:wrap;gap:6px}[data-ambiance=pop]{--teinte: var(--amb-pop)}[data-ambiance=lumineux]{--teinte: var(--amb-lumineux)}[data-ambiance=mélancolique]{--teinte: var(--amb-melancolique)}[data-ambiance=rock]{--teinte: var(--amb-rock)}[data-ambiance=folk]{--teinte: var(--amb-folk)}[data-ambiance=jazz]{--teinte: var(--amb-jazz)}[data-ambiance=rétro]{--teinte: var(--amb-retro)}[data-ambiance=sombre]{--teinte: var(--amb-sombre)}[data-ambiance=blues]{--teinte: var(--amb-blues)}[data-ambiance=mineur]{--teinte: var(--mineur)}.filtre{padding:5px 12px;border:1px solid color-mix(in srgb,var(--teinte) 35%,var(--frette));border-radius:999px;background:color-mix(in srgb,var(--teinte) 6%,transparent);color:var(--ivoire-2);font:500 13px var(--police-ui);cursor:pointer;transition:background .15s,color .15s}.filtre:hover{color:var(--ivoire);background:color-mix(in srgb,var(--teinte) 16%,transparent)}.filtre[aria-pressed=true]{background:var(--teinte);color:var(--bois);border-color:var(--teinte)}.filtre[data-ambiance][aria-pressed=true]{color:var(--sur-couleur)}.liste-progressions{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;column-gap:48px;border-top:1px solid var(--frette)}.progression{display:grid;grid-template-columns:minmax(150px,44%) 1fr;gap:2px 18px;align-items:start;width:100%;padding:16px 10px;border:0;border-bottom:1px solid var(--frette);background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .15s}.progression:hover{background:var(--bois-2)}.progression .degres{font:600 22px/1.15 var(--police-accord);color:var(--ivoire);letter-spacing:.01em}.progression .noms{font:500 15px/1.3 var(--police-accord);color:var(--ivoire-2);margin-top:5px}.progression .titre{font-weight:600;color:var(--ivoire)}.progression .titres{color:var(--ivoire-2);font-size:14px;margin-top:2px}.progression .etiquettes{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.etiquette{font-size:12px;color:color-mix(in srgb,var(--teinte) 75%,var(--ivoire));border:1px solid color-mix(in srgb,var(--teinte) 30%,var(--frette));background:color-mix(in srgb,var(--teinte) 8%,transparent);border-radius:999px;padding:1px 8px}.vide-liste{grid-column:1 / -1;padding:24px 10px;color:var(--ivoire-3)}.apropos{margin-top:48px;padding-top:24px;border-top:1px solid var(--frette);color:var(--ivoire-2);font-size:14px;max-width:68ch}.apropos p{margin:0 0 10px}.pied{margin-top:28px;color:var(--ivoire-3);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,10px);background:var(--ivoire);color:var(--bois);padding:10px 16px;border-radius:4px;font-weight:500;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%)}@media(max-width:860px){.page{padding:22px 16px 48px}.deux-colonnes,.liste-progressions{grid-template-columns:1fr}.marque{font-size:40px}.mesure{min-height:88px;padding:10px 8px 10px 10px}.cadre{padding:0 10px}.transport{padding:0}}.sans-transition *,.sans-transition *:before,.sans-transition *:after{transition:none!important}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}