:root{--bg:#0f1115;--surface:#171a21;--sector:#1e222b;--line:#2b3140;--text:#e9ebf2;--muted:#8b93a5;--accent:#4dd4ac;--accent-ink:#06231b;--degree-tonic:var(--accent);--degree-strong:color-mix(in srgb,var(--accent) 52%,var(--sector));--degree-soft:color-mix(in srgb,var(--accent) 24%,var(--sector));--degree-faint:color-mix(in srgb,var(--accent) 30%,var(--sector));--spin:550ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}html{background-color:var(--bg);-webkit-tap-highlight-color:transparent}.card__name,.chord,.fretboard,.legend__summary,.note,.progression__chord,.wheel,button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.sector,button{touch-action:manipulation}body{background:radial-gradient(120% 90% at 50% 0,#1a1e27 0,var(--bg) 60%) no-repeat;background-attachment:fixed;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh}.shell{display:flex;flex-direction:column;min-height:100dvh}.page{--page-width:640px;flex:1 1;margin:0 auto;width:100%;max-width:var(--page-width);padding:1.25rem 1rem calc(3rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1.5rem}.page[data-view=instrument]{--page-width:1240px}.page[data-view=circle]{--page-width:700px;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;align-content:safe center;justify-items:center;grid-gap:1.5rem 2.5rem;gap:1.5rem 2.5rem}.page[data-view=circle]>*{width:100%}@media (min-aspect-ratio:1/1){.page[data-view=circle]{--page-width:1240px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:center}}.page[data-view=circle] .page__hint{grid-column:1/-1}.page[data-view=chord]{--page-width:1160px}.page[data-view=scale]{--page-width:1100px}.page[data-view=create]{--page-width:1080px}.page__hint{margin:0;color:var(--muted);font-size:.9rem;text-align:center}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.bar{justify-content:space-between;gap:1rem;padding:calc(.75rem + env(safe-area-inset-top)) 1rem .75rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:20}.bar,.bar__menu{display:flex;align-items:center}.bar__menu{flex:0 0 auto;gap:.6rem;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--text);cursor:pointer;font:inherit;font-size:.85rem;padding:.4rem .85rem .4rem .7rem;transition:border-color .15s ease}.bar__menu:hover{border-color:var(--accent)}.bar__burger{width:15px;height:11px;background:linear-gradient(var(--accent),var(--accent)) top /100% 1.5px no-repeat,linear-gradient(var(--accent),var(--accent)) 50% /100% 1.5px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom /100% 1.5px no-repeat}.bar__end{gap:.5rem;min-width:0}.bar__end,.bar__install{display:flex;align-items:center}.bar__install{gap:.3rem;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid var(--accent);border-radius:999px;color:var(--accent);cursor:pointer;font:inherit;font-size:.78rem;font-weight:600;padding:.35rem .7rem;white-space:nowrap;transition:background .15s ease}.bar__install:hover{background:color-mix(in srgb,var(--accent) 24%,transparent)}.bar__tune{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.bar__tune:hover,.bar__tune[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.bar__tune svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.switch{display:flex;background:var(--sector);border:1px solid var(--line);border-radius:999px;padding:3px;min-width:0;overflow-x:auto;scrollbar-width:none}.switch::-webkit-scrollbar{display:none}.switch__option{flex:0 0 auto;background:transparent;border:0;border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:.82rem;font-weight:500;padding:.35rem .85rem;transition:background .18s ease,color .18s ease}.switch__option[aria-selected=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}@media (max-width:460px){.bar{gap:.5rem;padding-inline:.75rem}.bar__instrument{display:none}.bar__menu{padding:.4rem .6rem}.bar__install-label{display:none}.bar__install{padding:.35rem .5rem}.switch__option{font-size:.78rem;padding:.35rem .55rem}}.drawer__veil{position:fixed;inset:0;z-index:30;background:rgb(0 0 0/.5);opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer__veil[data-open]{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;left:0;z-index:40;width:min(280px,82vw);display:flex;flex-direction:column;gap:.75rem;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom));background:var(--surface);border-right:1px solid var(--line);transform:translateX(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1)}.drawer[data-open]{transform:translateX(0)}.drawer:focus{outline:none}.drawer__head{display:flex;align-items:center;justify-content:space-between}.drawer__title{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.drawer__close{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;padding:.25rem}.drawer__close:hover{color:var(--text)}.drawer__families,.drawer__variants{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.drawer__families{overflow-y:auto}.drawer__family{width:100%;display:flex;align-items:baseline;gap:.5rem;background:transparent;border:0;border-radius:10px;color:var(--text);cursor:pointer;font:inherit;padding:.55rem .6rem;text-align:left;transition:background .15s ease}.drawer__family:hover{background:var(--sector)}.drawer__family[data-current] .drawer__name{color:var(--accent)}.drawer__chevron{color:var(--muted);font-size:.7rem;transition:transform .18s ease}.drawer__family[aria-expanded=true] .drawer__chevron{transform:rotate(90deg)}.drawer__name{font-size:.95rem;font-weight:600}.drawer__current{margin-left:auto;color:var(--muted);font-size:.72rem}.drawer__variants{margin:.15rem 0 .35rem .75rem;padding-left:.6rem;border-left:1px solid var(--line)}.drawer__item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;background:transparent;border:1px solid transparent;border-radius:9px;color:var(--text);cursor:pointer;font:inherit;padding:.45rem .6rem;text-align:left;transition:background .15s ease,border-color .15s ease}.drawer__item:hover{background:var(--sector)}.drawer__item[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 12%,var(--sector));border-color:var(--accent)}.drawer__variant{font-size:.88rem;font-weight:600}.drawer__detail{line-height:1.4}.drawer__detail,.drawer__note{color:var(--muted);font-size:.7rem}.drawer__note{margin:auto 0 0;line-height:1.5}.drawer__note a{color:var(--accent)}@media (min-width:900px){.drawer__veil{display:none}.shell{transition:padding-left .26s cubic-bezier(.4,0,.2,1)}.drawer[data-open]~.shell{padding-left:min(280px,82vw)}}.wheel{--wheel-chrome:170px;display:block;width:100%;height:auto;max-width:min(100%,640px,calc(100dvh - var(--wheel-chrome)));margin:0 auto;overflow:visible;touch-action:manipulation}@media (max-height:520px){.page__hint{display:none}.wheel{--wheel-chrome:110px}}.wheel__pointer{fill:var(--accent)}.wheel__ring{transform-box:view-box;transform-origin:center;transition:transform var(--spin)}.wheel__hub{fill:var(--surface);stroke:var(--line)}.wheel__mode,.wheel__signature,.wheel__tonic{text-anchor:middle;dominant-baseline:central;pointer-events:none}.wheel__tonic{fill:var(--text);font-size:42px;font-weight:600}.wheel__mode{fill:var(--muted);font-size:15px}.wheel__signature{fill:var(--accent);font-size:13px;letter-spacing:.02em}.sector{cursor:pointer}.sector:focus{outline:none}.sector:focus-visible .sector__major,.sector:focus-visible .sector__minor{stroke:var(--text);stroke-width:2}.sector__dim,.sector__major,.sector__minor{fill:var(--sector);stroke:var(--bg);stroke-width:2;transition:fill .3s ease,stroke .3s ease}.sector__minor{fill:color-mix(in srgb,var(--sector) 72%,black)}.sector__dim{fill:color-mix(in srgb,var(--sector) 48%,black)}.sector:hover .sector__dim,.sector:hover .sector__major,.sector:hover .sector__minor{fill:color-mix(in srgb,var(--accent) 14%,var(--sector))}.sector__major[data-degree=I]{fill:var(--degree-tonic)}.sector__major[data-degree=IV],.sector__major[data-degree=V]{fill:var(--degree-strong)}.sector__minor[data-degree]{fill:var(--degree-soft)}.sector__dim[data-degree]{fill:var(--degree-faint)}.sector__label{transform-box:view-box;transform-origin:0 0;transition:transform var(--spin);pointer-events:none}.sector__alternate,.sector__degree,.sector__name{text-anchor:middle;dominant-baseline:central}.sector__name{fill:var(--text);font-size:20px;font-weight:600}.sector__name--small{font-size:15px;font-weight:500;fill:color-mix(in srgb,var(--text) 80%,var(--bg))}.sector__name--tiny{font-size:12px;font-weight:500;fill:color-mix(in srgb,var(--text) 62%,var(--bg))}.sector__degree{fill:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em}.sector__alternate{fill:color-mix(in srgb,var(--muted) 70%,var(--bg));font-size:12px}.sector__label[data-inverted] .sector__alternate,.sector__label[data-inverted] .sector__degree,.sector__label[data-inverted] .sector__name{fill:var(--accent-ink)}.strip{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem 1.3rem}.strip__header{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem .75rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}.strip__title{margin:0;font-size:1.15rem;font-weight:600}.strip__signature{margin:0;color:var(--muted);font-size:.85rem}.strip__letters{margin-left:.5rem;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.strip__swap{margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:.78rem;padding:.25rem .7rem;transition:color .15s ease,border-color .15s ease}.strip__swap:hover{color:var(--accent);border-color:var(--accent)}.strip__label{margin:1rem 0 .5rem;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.strip__row{display:flex;gap:.4rem;list-style:none;margin:0;padding:0 0 .25rem;overflow-x:auto;scrollbar-width:thin}.strip__row>*{flex:1 0 auto}.note{width:100%;background:var(--sector);border:1px solid var(--line);border-radius:9px;color:var(--text);cursor:pointer;font:inherit;font-size:1.05rem;font-weight:600;padding:.55rem .2rem;text-align:center;transition:border-color .15s ease,background .15s ease}.chord:hover,.note:hover{border-color:var(--accent)}.note[data-tonic]{background:var(--degree-tonic);border-color:var(--degree-tonic);color:var(--accent-ink)}.chord{width:100%;background:var(--sector);border:1px solid var(--line);border-radius:9px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.15rem;font:inherit;padding:.5rem .35rem;text-align:center;transition:border-color .15s ease,background .15s ease}.chord[aria-pressed=true],.note[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.chord[data-type=dim],.chord[data-type=halfDim]{border-style:dashed}.chord[data-current]{background:color-mix(in srgb,var(--accent) 18%,var(--sector));border-color:var(--accent)}.strip__labels{display:flex;align-items:center;justify-content:space-between;gap:1rem}.switch--small{padding:2px}.switch--small .switch__option{font-size:.72rem;padding:.2rem .6rem}.chord__symbol{font-size:1rem;font-weight:600}.chord__roman{color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.04em}.chord__notes{color:var(--muted);font-size:.62rem;white-space:nowrap}.instrument{display:flex;flex-direction:column;gap:2rem}.instrument__header{margin-bottom:.9rem}.instrument__title{margin:0;font-size:1.05rem;font-weight:600}.instrument__hint{margin:.2rem 0 0;max-width:68ch;color:var(--muted);font-size:.82rem}.instrument__from{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;margin-top:.6rem}.instrument__fromlabel{color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.instrument__select{background:var(--sector);border:1px solid var(--line);border-radius:999px;color:var(--text);font:inherit;font-size:.78rem;padding:.25rem .6rem}.instrument__fromwhat{color:var(--muted);font-size:.75rem}.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.chips__group{margin-bottom:.4rem}.chips__label{margin:0 0 .35rem;color:var(--muted);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.chips__group .chips{margin-bottom:.6rem}.keyboard{display:block;width:100%;max-width:190px;height:auto}.keyboard__white{fill:#e9ebf2;stroke:var(--bg);stroke-width:1}.keyboard__black{fill:#1a1d24;stroke:var(--bg);stroke-width:1}.keyboard__white[data-lit]{fill:color-mix(in srgb,var(--accent) 55%,#e9ebf2)}.keyboard__black[data-lit]{fill:color-mix(in srgb,var(--accent) 70%,#1a1d24)}.keyboard__black[data-root],.keyboard__white[data-root]{fill:var(--accent)}.card[data-keyboard]{justify-content:center}.peek__boards[data-keyboard] .keyboard{max-width:260px}.chip{background:var(--sector);border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:.78rem;padding:.3rem .75rem;transition:background .15s ease,border-color .15s ease,color .15s ease}.chip:hover{color:var(--text);border-color:var(--accent)}.chip[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-gap:.6rem;gap:.6rem}.grid:has(.card[data-keyboard]){grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid:has(.card[data-wind]){grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card .sax__transposition{display:none}.bar__instrument{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.bar__variant{color:var(--muted);font-size:.68rem}.card{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.7rem .4rem .6rem}.card__name{display:flex;align-items:baseline;gap:.35rem;margin:0;font-size:1rem;font-weight:600}.card__degree{color:var(--accent);font-size:.7rem;font-weight:600}.card__empty{margin:1.5rem 0;color:var(--muted);font-size:.75rem}.card__diagram{display:block;width:100%;padding:0;background:none;border:0;border-radius:8px;color:inherit;cursor:pointer;font:inherit}.card__diagram:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.card__positions{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:0}.card__positionlabel{color:var(--muted);font-size:.62rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.card__dots{display:flex;gap:.3rem}.card__position{width:6px;height:6px;border-radius:50%;background:var(--line);transition:background .15s ease}.card__position[data-on]{background:var(--accent)}.fretboard{display:block;width:100%;max-width:108px;height:auto}.fretboard__nut{stroke:var(--text);stroke-width:3;stroke-linecap:round}.fretboard__fret,.fretboard__string{stroke:var(--line);stroke-width:1}.fretboard__basefret{fill:var(--muted);font-size:9px;dominant-baseline:central}.fretboard__barre,.fretboard__dot{fill:var(--accent)}.fretboard__open{fill:none;stroke:var(--muted);stroke-width:1.3}.fretboard__muted line{stroke:var(--muted);stroke-width:1.3;stroke-linecap:round}.scale{display:flex;flex-direction:column;gap:1.6rem}@media (min-aspect-ratio:1/1) and (min-width:760px){.scale{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"titre  titre" "manche prose" "manche choix" "notes  accords";align-items:start;grid-gap:1rem 1.8rem;gap:1rem 1.8rem}.scale>header{display:contents}.scale__title{grid-area:titre}.scale__prose{grid-area:prose}.scale__board{grid-area:manche}.scale__picker{grid-area:choix}.scale__theory{grid-area:notes}.scale__chords{grid-area:accords}}@media (max-height:520px){.page[data-view=scale]{padding-top:.6rem}.scale{gap:.9rem 1.8rem}.scale__title{font-size:1.15rem}.scale__lead,.scale__what{font-size:.78rem;line-height:1.45}.scale__what{margin-top:.3rem}.neck{padding:.6rem .5rem .4rem}}.scale__title{margin:0;font-size:1.5rem;font-weight:600}.scale__lead{margin:.3rem 0 0;max-width:62ch;color:var(--muted);font-size:.88rem;line-height:1.6}.scale__lead strong{color:var(--text)}.scale__what{margin:.5rem 0 0;max-width:62ch;color:var(--accent);font-size:.85rem;line-height:1.6}.scale__label{margin:0 0 .45rem;color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.scale__boardhead{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.scale__boardhead .scale__label{margin:0}.scale__label--spaced{margin-top:1.1rem}.found__scales{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line)}.chip--scale{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);font-weight:600}.chip--scale:hover{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent)}.neck{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.9rem .7rem .6rem}.neck svg{display:block;width:100%;height:auto}.neck__nut{stroke:var(--text);stroke-width:3;stroke-linecap:round}.neck__fret{stroke:var(--line);stroke-width:1}.neck__string{stroke:color-mix(in srgb,var(--line) 80%,var(--text));stroke-width:1}.neck__marker{fill:color-mix(in srgb,var(--line) 60%,transparent)}.neck__number,.neck__open{fill:var(--muted);font-size:9px;text-anchor:middle;dominant-baseline:central}.neck__open{font-weight:600;text-anchor:start}.neck__note circle{fill:color-mix(in srgb,var(--accent) 28%,var(--sector));stroke:var(--accent);stroke-width:1}.neck__note text{fill:var(--text);font-size:8.5px;font-weight:600;text-anchor:middle;dominant-baseline:central}.neck__note[data-root] circle{fill:var(--accent)}.neck__note[data-root] text{fill:var(--accent-ink)}.neck__note[data-avoid] circle{fill:color-mix(in srgb,var(--role-tension) 22%,var(--sector));stroke:var(--role-tension);stroke-dasharray:2 2}.neck__caption{margin-top:.5rem;color:var(--muted);font-size:.7rem;text-align:center}.degrees{display:flex;gap:.4rem;list-style:none;margin:0 0 .9rem;padding:0 0 .25rem;overflow-x:auto;scrollbar-width:thin}.degree{flex:1 0 auto;display:flex;flex-direction:column;align-items:center;gap:.15rem;background:var(--sector);border:1px solid var(--line);border-radius:9px;padding:.45rem .5rem;text-align:center}.degree[data-root]{background:var(--degree-tonic);border-color:var(--degree-tonic);color:var(--accent-ink)}.degree[data-avoid]{border-color:var(--role-tension);border-style:dashed}.degree__figure{color:var(--accent);font-size:.72rem;font-weight:600}.degree[data-root] .degree__figure{color:var(--accent-ink)}.degree__note{font-size:1rem;font-weight:600}.scale__formula{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;margin:0 0 .8rem}.scale__formulalabel{color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-right:.3rem}.scale__step{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;background:var(--sector);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:.78rem;font-weight:600;padding:.1rem .3rem}.scale__formulahint{margin-left:.5rem;color:var(--muted);font-size:.7rem}.scale__avoid{margin:0;max-width:66ch;color:var(--muted);font-size:.82rem;line-height:1.6}.scale__avoid strong{color:var(--role-tension)}.strip__mode{display:block;width:100%;margin-top:.9rem;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-radius:9px;color:var(--muted);cursor:pointer;font:inherit;font-size:.8rem;padding:.45rem .7rem;text-align:left;transition:border-color .15s ease}.strip__mode:hover{border-color:var(--accent)}.strip__mode strong{color:var(--accent)}.roles{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:.7rem 0 0;padding:0}.role{flex:1 1 auto;min-width:5.5rem;display:flex;flex-direction:column;align-items:center;gap:.1rem;background:var(--sector);border:1px solid var(--line);border-radius:9px;padding:.4rem .35rem;text-align:center}.role[data-root]{border-color:var(--accent)}.role__note{font-size:1rem;font-weight:600}.role__figure{color:var(--accent);font-size:.72rem;font-weight:600}.role__name{color:var(--muted);font-size:.62rem;line-height:1.3}.peek{margin-top:.9rem;background:var(--sector);border:1px solid var(--accent);border-radius:12px;padding:.8rem .9rem .7rem}.peek__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem}.peek__name{margin:0;font-size:1.15rem;font-weight:600}.peek__degree{color:var(--accent);font-size:.78rem;font-weight:600}.peek__instrument{color:var(--muted);font-size:.72rem}.peek__close{margin-left:auto;background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:.85rem;line-height:1;padding:.2rem .25rem}.peek__close:hover{color:var(--text)}.peek__boards{display:flex;flex-wrap:wrap;gap:1rem;padding:.7rem 0 .2rem}.peek__board{margin:0;display:flex;flex-direction:column;align-items:center;gap:.25rem}.peek__board .fretboard{max-width:96px}.peek__position{color:var(--muted);font-size:.65rem}.peek__more{margin-top:.5rem}.peek__summary{color:var(--muted);cursor:pointer;font-size:.72rem;list-style:none}.peek__summary::-webkit-details-marker{display:none}.peek__summary:before{content:"▸";display:inline-block;margin-right:.3rem;transition:transform .15s ease}.peek__more[open] .peek__summary:before{transform:rotate(90deg)}.peek__summary:hover{color:var(--text)}.peek__more .neck{margin-top:.5rem}@media (prefers-reduced-motion:reduce){.peek__summary:before{transition:none}}.peek__detail,.peek__empty{margin:.35rem 0 0;color:var(--muted);font-size:.75rem;letter-spacing:.02em}:root{--role-repos:var(--accent);--role-depart:#7aa2f7;--role-tension:#f7a072}.legend{margin-top:1.2rem;border-top:1px solid var(--line);padding-top:.9rem}.legend__summary{color:var(--muted);cursor:pointer;font-size:.82rem;list-style:none}.legend__summary:before{content:"▸";display:inline-block;margin-right:.45rem;transition:transform .15s ease}.legend[open] .legend__summary:before{transform:rotate(90deg)}.legend__summary:hover{color:var(--text)}.legend__body{padding-top:.9rem;max-width:68ch}.legend__lead{margin:0 0 .8rem;color:var(--muted);font-size:.85rem;line-height:1.6}.legend__lead em,.legend__lead strong{color:var(--text)}.legend__lead code,.legend__text code{background:var(--sector);border-radius:4px;color:var(--accent);font-size:.85em;padding:.1em .35em}.legend__heading{margin:1.3rem 0 .5rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.legend__degrees,.legend__roles{list-style:none;margin:0 0 .9rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.legend__degree,.legend__role{display:flex;align-items:baseline;gap:.7rem}.legend__roman{flex:0 0 2.6rem;font-weight:600;font-size:.9rem;text-align:right}.legend__badge{flex:0 0 auto;border-radius:999px;font-size:.7rem;font-weight:600;padding:.15rem .55rem}.legend__badge[data-role=repos],.legend__roman[data-role=repos],.match__roman[data-role=repos]{color:var(--role-repos)}.legend__badge[data-role=depart],.legend__roman[data-role=depart],.match__roman[data-role=depart]{color:var(--role-depart)}.legend__badge[data-role=tension],.legend__roman[data-role=tension],.match__roman[data-role=tension]{color:var(--role-tension)}.legend__badge[data-role]{background:color-mix(in srgb,currentcolor 15%,transparent)}.legend__text{color:var(--muted);font-size:.82rem;line-height:1.5}.legend__text strong{color:var(--text)}.finder{display:flex;flex-direction:column;gap:1.75rem}.finder__title{margin:0;font-size:1.15rem;font-weight:600}.finder__hint{margin:.25rem 0 1rem;max-width:68ch;color:var(--muted);font-size:.85rem}.finder__heading{margin:0 0 .9rem;font-size:1rem;font-weight:600}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.found{max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem}.found__head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.found__name{margin:0;font-size:1.6rem;font-weight:600}.found__notes{margin:.2rem 0 0;color:var(--accent);font-size:.95rem;letter-spacing:.04em}.matches{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));align-items:start;grid-gap:1rem;gap:1rem}.match{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem 1.2rem}.match__head{display:flex;align-items:center;gap:.7rem}.match__key{margin:0;font-size:1.05rem;font-weight:600}.match__roman{font-size:1rem;font-weight:700}.match__open{margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:.75rem;padding:.25rem .7rem;transition:color .15s ease,border-color .15s ease}.match__open:hover{color:var(--accent);border-color:var(--accent)}.match__role{margin:.6rem 0 0;color:var(--muted);font-size:.83rem;line-height:1.6}.match__role strong{color:var(--text)}.match__label{margin:1.1rem 0 .5rem;color:var(--muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.progressions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.progression{background:var(--sector);border-radius:10px;padding:.6rem .8rem}.progression__chords{flex-wrap:wrap;margin:0}.progression__chords,.progression__chords>span{display:flex;align-items:center;gap:.35rem}.progression__chord{border-radius:6px;font-size:.9rem;font-weight:600;padding:.1rem .35rem}.progression__chord[data-current]{background:var(--accent);color:var(--accent-ink)}.progression__arrow{color:var(--muted);font-size:.75rem}.progression__what{margin:.35rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.5}.progression__what strong{color:var(--text)}.orphan{background:var(--surface);border:1px dashed var(--line);border-radius:14px;padding:1rem 1.2rem}.orphan__why{margin:0;max-width:68ch;color:var(--muted);font-size:.85rem;line-height:1.65}@media (prefers-reduced-motion:reduce){.drawer,.sector__dim,.sector__label,.sector__major,.sector__minor,.shell,.wheel__ring{transition:none}}.sound{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--accent);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.sound:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.sound[aria-pressed=true]{color:var(--muted)}.sound[aria-pressed=true]:hover{border-color:var(--muted);background:color-mix(in srgb,var(--muted) 14%,transparent)}.sound:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sound__icon{display:block;width:18px;height:18px}.sound__cone{fill:currentColor}.sound__wave{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.tuner__veil{position:fixed;inset:0;z-index:30;background:rgb(0 0 0/.5);opacity:0;pointer-events:none;transition:opacity .25s ease}.tuner__veil[data-open]{opacity:1;pointer-events:auto}.tuner{position:fixed;left:0;right:0;bottom:0;z-index:40;width:min(560px,100%);margin:0 auto;max-height:92dvh;overflow-y:auto;display:flex;flex-direction:column;gap:.9rem;padding:1rem 1rem calc(1.1rem + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -12px 32px rgb(0 0 0/.35);transform:translateY(100%);transition:transform .26s cubic-bezier(.4,0,.2,1)}.tuner[data-open]{transform:translateY(0)}.tuner:focus{outline:none}.tuner__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.tuner__title{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tuner__instrument{margin:.2rem 0 0;font-size:.95rem;font-weight:600}.tuner__close{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:1rem;line-height:1;padding:.7rem;margin:-.5rem -.5rem 0 0}.tuner__close:hover{color:var(--text)}.tuner__strings{list-style:none;margin:0;padding:0;display:flex;gap:.4rem}.tuner__strings>li{flex:1 1;min-width:0}.tuner__diapason,.tuner__string{width:100%;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;background:var(--sector);border:1px solid var(--line);border-radius:12px;color:var(--text);cursor:pointer;font:inherit;padding:.5rem .2rem;transition:background .15s ease,border-color .15s ease}.tuner__diapason:hover,.tuner__string:hover{border-color:var(--accent)}.tuner__string[data-target]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--sector))}.tuner__diapason[aria-pressed=true],.tuner__string[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tuner__rank{font-size:.65rem;color:var(--muted);line-height:1}.tuner__string[aria-pressed=true] .tuner__rank{color:color-mix(in srgb,var(--accent-ink) 70%,transparent)}.tuner__note{font-size:1.5rem;font-weight:700;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tuner__octave{font-size:.6em;font-weight:600;vertical-align:super;opacity:.7;margin-left:.05em}.tuner__diapason{min-height:92px}.tuner__hz{font-size:.72rem;color:var(--muted)}.tuner__diapason[aria-pressed=true] .tuner__hz{color:color-mix(in srgb,var(--accent-ink) 70%,transparent)}.tuner__micro{display:flex;flex-direction:column;gap:.7rem}.tuner__listen{align-self:flex-start;background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--text);cursor:pointer;font:inherit;font-size:.85rem;padding:.6rem 1.1rem;transition:border-color .15s ease,background .15s ease}.tuner__listen:hover:not(:disabled){border-color:var(--accent)}.tuner__listen[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.tuner__listen:disabled{color:var(--muted);cursor:default}.tuner__gauge{position:relative;height:58px;border:1px solid var(--line);border-radius:12px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 1px),var(--line) calc(10% - 1px),var(--line) 10%),var(--sector);overflow:hidden}.tuner__center{top:0;bottom:0;left:50%;width:2px;background:color-mix(in srgb,var(--accent) 55%,transparent)}.tuner__center,.tuner__needle{position:absolute;transform:translateX(-50%)}.tuner__needle{top:7px;bottom:7px;width:6px;border-radius:3px;background:var(--text);transition:left 90ms linear}.tuner__gauge[data-verdict=juste] .tuner__needle{background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 60%,transparent)}.tuner__readout{margin:0;min-height:2.4rem;display:flex;align-items:baseline;gap:.6rem}.tuner__target{font-size:1.9rem;font-weight:700;line-height:1}.tuner__verdict{font-size:1rem;font-weight:600;color:var(--muted)}.tuner__verdict[data-verdict=juste]{color:var(--accent)}.tuner__waiting{color:var(--muted);font-size:.9rem}.tuner__detail{margin:-.3rem 0 0;color:var(--muted);font-size:.78rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tuner__prose{margin:0;font-size:.82rem;line-height:1.55;color:var(--text)}.tuner__foot{margin:.2rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.55}@media (max-width:380px){.tuner__strings{gap:.25rem}.tuner__note{font-size:1.25rem}.tuner__string{min-height:68px}}@media (prefers-reduced-motion:reduce){.tuner,.tuner__needle,.tuner__veil{transition:none}}.create{gap:1.6rem}.create,.create__head{display:flex;flex-direction:column}.create__head{gap:.35rem}.create__name{background:transparent;border:0;border-bottom:1px dashed var(--line);color:var(--text);font:inherit;font-size:1.4rem;font-weight:600;padding:.2rem 0;width:100%;max-width:22ch}.create__name:hover{border-bottom-color:var(--muted)}.create__name:focus{border-bottom-color:var(--accent);outline:none}.create__hint{margin:0;max-width:62ch;color:var(--muted);font-size:.85rem;line-height:1.6}.create__label{margin:0 0 .5rem;color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.create__empty{margin:.6rem 0 0;max-width:60ch;color:var(--muted);font-size:.83rem;line-height:1.6}.create__keyline{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.create__keyname{font-size:.95rem;font-weight:600}.create__transport{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .7rem;padding-bottom:.9rem}.create__play{display:inline-flex;align-items:center;gap:.4rem;background:var(--accent);border:1px solid var(--accent);border-radius:999px;color:var(--accent-ink);cursor:pointer;font:inherit;font-size:.85rem;font-weight:600;padding:.35rem 1rem}.create__play:disabled{border-color:var(--line);cursor:not-allowed}.create__play:disabled,.create__toggle{background:var(--sector);color:var(--muted)}.create__toggle{border:1px solid var(--line);border-radius:999px;cursor:pointer;font:inherit;font-size:.78rem;padding:.3rem .75rem;transition:background .15s ease,border-color .15s ease,color .15s ease}.create__toggle:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.create__toggle:disabled{opacity:.45;cursor:not-allowed}.create__toggle[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.create__remove{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:.75rem;padding:.25rem .7rem}.create__remove:hover{border-color:var(--role-tension);color:var(--role-tension)}.create__remove--end{margin-left:auto}.create__tempo{display:inline-flex;align-items:center;gap:.45rem}.create__tempo input{width:7.5rem;accent-color:var(--accent)}.create__tempolabel{color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.create__tempovalue{color:var(--accent);font-size:.82rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:2.4ch}.create__switch{display:inline-flex;background:var(--sector);border:1px solid var(--line);border-radius:999px;padding:2px}.create__switchoption{background:transparent;border:0;border-radius:999px;color:var(--muted);cursor:pointer;font:inherit;font-size:.75rem;min-width:1.9rem;padding:.2rem .5rem;transition:background .15s ease,color .15s ease}.create__switchoption[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);font-weight:600}.create__layers{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem;padding-bottom:.7rem}.create__sheetblock{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem 1.1rem}.create__scroll{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:.5rem;scrollbar-width:thin}.create__sheet{--gutter:4.6rem;--cell:calc(var(--beat) / var(--division));--bar-line:color-mix(in srgb,var(--muted) 60%,transparent);position:relative;width:max-content;min-width:100%}.create__band{display:grid;grid-template-columns:var(--gutter);grid-auto-flow:column;grid-auto-columns:var(--cell);align-items:stretch}.create__rowlabel{position:-webkit-sticky;position:sticky;left:0;z-index:3;display:flex;align-items:center;background:var(--surface);border-right:1px solid var(--line);color:var(--muted);font-size:.64rem;font-weight:600;letter-spacing:.06em;padding-right:.5rem;text-transform:uppercase;white-space:nowrap;overflow:hidden}.create__rowlabel--degree{font-size:.62rem;letter-spacing:0;text-transform:none}.create__band--ruler{height:1.15rem}.create__barmark{border-left:2px solid var(--bar-line);color:var(--muted);font-size:.62rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-left:.3rem}.create__band--chords{height:3.1rem}.create__step{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.1rem;overflow:hidden;background:var(--sector);border:1px solid var(--line);border-radius:8px;color:var(--text);cursor:pointer;font:inherit;min-width:0;padding:.3rem .45rem;text-align:left;transition:background .15s ease,border-color .15s ease}.create__step:hover{border-color:var(--accent)}.create__step[data-bar]{border-left:2px solid var(--bar-line)}.create__step[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.create__step[data-now]{background:color-mix(in srgb,var(--accent) 26%,var(--sector))}.create__step[data-outside]{border-style:dashed}.create__stepsymbol{font-size:.95rem;font-weight:600;white-space:nowrap}.create__stepfigure{color:var(--muted);font-size:.6rem;letter-spacing:.04em;white-space:nowrap}.create__step[data-role=repos] .create__stepfigure{color:var(--role-repos)}.create__step[data-role=depart] .create__stepfigure{color:var(--role-depart)}.create__step[data-role=tension] .create__stepfigure{color:var(--role-tension)}.create__band--parole,.create__band--repere{height:1.85rem}.create__band--parole{margin-top:.15rem}.create__textcell{position:relative;min-width:0}.create__textcell[data-bar]{border-left:2px solid var(--bar-line)}.create__textcell[data-now]:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--accent)}.create__text{position:absolute;inset:0;width:100%;min-width:0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--text);font:inherit;font-size:.78rem;padding:0 .3rem;text-overflow:ellipsis}.create__text::placeholder{color:color-mix(in srgb,var(--muted) 55%,transparent)}.create__text:focus{width:max(100%,10ch);z-index:4;background:var(--surface);border:1px solid var(--accent);border-radius:5px;outline:none}.create__band--repere .create__text{border-bottom:0;color:var(--accent);font-size:.74rem;font-weight:600;letter-spacing:.04em}.create__lane{margin:.6rem 0 .3rem;border-top:1px solid var(--line);padding-top:.5rem}.create__laneheader{position:-webkit-sticky;position:sticky;left:0;display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 4.5rem);z-index:4;background:var(--surface);padding-bottom:.4rem}.create__lanename{background:var(--sector);border:1px solid var(--line);border-radius:6px;color:var(--text);font:inherit;font-size:.8rem;font-weight:600;padding:.2rem .45rem;width:8rem}.create__lanefield{display:inline-flex;align-items:center}.create__lanefield input[type=range]{width:5rem;accent-color:var(--accent)}.create__select{background:var(--sector);border:1px solid var(--line);border-radius:999px;color:var(--muted);font:inherit;font-size:.75rem;padding:.25rem .5rem}.create__lanerows[data-muted]{opacity:.4}.create__band--melody{height:1.35rem}.create__cell{background:var(--sector);border-left:1px solid transparent;border-top:1px solid transparent;border-right:1px solid transparent;border-right-color:color-mix(in srgb,var(--line) 60%,transparent);border-bottom:1px solid transparent;border-bottom-color:color-mix(in srgb,var(--line) 60%,transparent);border-radius:0;color:var(--accent-ink);cursor:pointer;font:inherit;font-size:.6rem;line-height:1;min-width:0;padding:0}.create__cell[data-beat]{border-left-color:color-mix(in srgb,var(--line) 90%,transparent)}.create__cell[data-bar]{border-left:2px solid var(--bar-line)}.create__cell[data-chord]{background:color-mix(in srgb,var(--accent) 14%,var(--sector))}.create__cell:hover{background:color-mix(in srgb,var(--accent) 32%,var(--sector))}.create__cell[data-on]{background:var(--accent);border-radius:3px;font-weight:700}.create__cell[data-on][data-shift]{background:var(--role-tension)}.create__lanehint{position:-webkit-sticky;position:sticky;left:0;z-index:4;width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 4.5rem);background:var(--surface);margin:.4rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.5}.create__lanehint strong{color:var(--accent)}.create__playhead{position:absolute;top:0;bottom:0;left:calc(var(--gutter) + var(--cell) * var(--head));width:var(--cell);min-width:2px;background:color-mix(in srgb,var(--accent) 16%,transparent);border-left:2px solid var(--accent);pointer-events:none;z-index:2}.create__panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem 1.1rem}.create__panelhead{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem}.create__panelname{margin:0;font-size:1.5rem;font-weight:600}.create__panelfigure{border-radius:999px;color:var(--muted);font-size:.8rem;font-weight:700}.create__panelfigure[data-role=repos]{color:var(--role-repos)}.create__panelfigure[data-role=depart]{color:var(--role-depart)}.create__panelfigure[data-role=tension]{color:var(--role-tension)}.create__panelfigure[data-outside]{background:color-mix(in srgb,var(--role-tension) 15%,transparent);color:var(--role-tension);font-size:.72rem;padding:.15rem .55rem}.create__panelhead .create__toggle{margin-left:auto}.create__panelwhat{margin:.55rem 0 0;max-width:62ch;color:var(--muted);font-size:.83rem;line-height:1.6}.create__panelwhat strong{color:var(--text)}.create__panelbody{display:flex;align-items:flex-start;flex-wrap:wrap;gap:1.2rem;margin-top:.9rem}.create__paneldiagram{flex:0 0 auto;width:110px}.create__paneldiagram .keyboard{max-width:220px}.create__panelbody:has(.keyboard) .create__paneldiagram{width:220px}.create__paneltools{flex:1 1 14rem;display:flex;flex-direction:column;gap:.6rem}.create__toolrow{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.create__toollabel{color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.07em;min-width:3.4rem;text-transform:uppercase}.create__moves{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start;grid-gap:1rem;gap:1rem}.create__move{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.8rem .9rem .9rem}.create__movename{margin:0;font-size:.92rem;font-weight:600}.create__movewhat{margin:.2rem 0 .7rem;color:var(--muted);font-size:.75rem;line-height:1.5}.create__dirlist{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;padding:0}.create__direction{display:flex;flex-direction:column;gap:.2rem;width:100%;background:var(--sector);border:1px solid var(--line);border-radius:9px;color:var(--text);cursor:pointer;font:inherit;padding:.5rem .65rem;text-align:left;transition:background .15s ease,border-color .15s ease}.create__direction:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--sector))}.create__direction[data-outside]{border-style:dashed}.create__dirhead{display:flex;align-items:baseline;flex-wrap:wrap;gap:.45rem}.create__dirsymbol{font-size:1rem;font-weight:600}.create__dirfigure{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em}.create__direction[data-role=repos] .create__dirfigure{color:var(--role-repos)}.create__direction[data-role=depart] .create__dirfigure{color:var(--role-depart)}.create__direction[data-role=tension] .create__dirfigure,.create__dirout{color:var(--role-tension)}.create__dirout{background:color-mix(in srgb,var(--role-tension) 16%,transparent);border-radius:999px;font-size:.6rem;font-weight:600;letter-spacing:.03em;padding:.1rem .45rem}.create__dirwhat{color:var(--muted);font-size:.74rem;line-height:1.45}.create__library{border-top:1px solid var(--line);padding-top:.9rem}.create__librarysummary{color:var(--muted);cursor:pointer;font-size:.82rem;list-style:none}.create__librarysummary:before{content:"▸";display:inline-block;margin-right:.45rem;transition:transform .15s ease}.create__library[open] .create__librarysummary:before{transform:rotate(90deg)}.create__librarysummary:hover{color:var(--text)}.create__list{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:.9rem 0;padding:0}.create__listrow{display:flex;align-items:center;gap:.6rem}.create__open{flex:1 1 auto;display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;background:var(--sector);border:1px solid var(--line);border-radius:9px;color:var(--text);cursor:pointer;font:inherit;padding:.4rem .7rem;text-align:left}.create__open:hover{border-color:var(--accent)}.create__open[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.create__openname{font-size:.9rem;font-weight:600}.create__opendetail{color:var(--muted);font-size:.72rem}.create__key,.create__next,.create__start{display:flex;flex-direction:column}.create__start .strip__row{margin:0}@media (max-width:520px){.create__sheet{--gutter:3.6rem}.create__name{font-size:1.2rem}.create__tempo input{width:5.5rem}}@media (prefers-reduced-motion:reduce){.create__direction,.create__librarysummary:before,.create__step,.create__switchoption,.create__toggle{transition:none}}.create__files{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.create__filestitle{margin:0 0 .3rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.create__fileshint{margin:0 0 .7rem;max-width:62ch;color:var(--muted);font-size:.82rem;line-height:1.6}.create__filerow{display:flex;flex-wrap:wrap;gap:.5rem}.create__filerow .create__toggle:disabled{opacity:.45;cursor:not-allowed}.create__notice{margin:.7rem 0 0;max-width:62ch;padding:.55rem .75rem;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:10px;color:var(--text);font-size:.82rem;line-height:1.55}.create__cell[data-hold]{border-left-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0}.create__cell[data-lead]{border-top-right-radius:0;border-bottom-right-radius:0}.create__cell[data-picked]{outline:2px solid var(--text);outline-offset:-2px;z-index:1}.create__lanelength{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.create__lengthlabel{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.create__lengths{display:flex;gap:.25rem}.create__length{min-width:2rem;padding:.3rem .45rem;background:var(--sector);border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;font:inherit;font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.create__length:hover{border-color:var(--accent);color:var(--text)}.create__length[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.create__places{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none}.create__place{display:inline-flex;align-items:baseline;gap:.3rem;padding:.25rem .5rem;background:var(--sector);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.72rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.create__place[data-printed]{border-color:var(--accent);color:var(--text);font-weight:600}.create__placestring{color:var(--muted);font-size:.62rem;font-weight:400}.create__lengthwhat{color:var(--muted);font-size:.78rem}.sax{display:flex;flex-direction:column;gap:.65rem}.sax__transposition{margin:0;color:var(--muted);font-size:.75rem;line-height:1.5}.sax__arpeggio{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-gap:.5rem;gap:.5rem;margin:0;padding:0;list-style:none}.sax__step{gap:.35rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.55rem .35rem .5rem}.sax__names,.sax__step{display:flex;flex-direction:column;align-items:center}.sax__names{gap:.1rem;margin:0}.sax__name{display:flex;align-items:baseline;gap:.3rem}.sax__tag{color:var(--muted);font-size:.55rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sax__note{color:var(--text);font-size:.95rem;font-weight:600;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sax__note--concert{color:var(--muted);font-size:.8rem;font-weight:500}.sax__keys{display:block;width:100%;max-width:58px;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sax__body{fill:var(--sector)}.sax__key{fill:none;stroke:var(--line);stroke-width:1.2;transition:fill .15s ease}.sax__key[data-on]{fill:var(--accent);stroke:var(--accent)}.sax__key[data-group=droite],.sax__key[data-group=gauche]{stroke:color-mix(in srgb,var(--line) 60%,var(--text))}.sax__what{margin:0;font-size:.62rem;text-wrap:balance}.sax__out,.sax__what{color:var(--muted);line-height:1.35;text-align:center}.sax__out{margin:.4rem 0 .6rem;font-size:.68rem}.sax__step[data-out]{border-style:dashed}.sax__more{width:100%}.sax__summary{color:var(--muted);cursor:pointer;font-size:.62rem;list-style:none;text-align:center}.sax__summary::-webkit-details-marker{display:none}.sax__summary:before{content:"▸";display:inline-block;margin-right:.3rem;transition:transform .15s ease}.sax__more[open] .sax__summary:before{transform:rotate(90deg)}.sax__summary:hover{color:var(--text)}.sax__alts{gap:.6rem;margin:.5rem 0 0;padding:0;list-style:none}.sax__alt,.sax__alts{display:flex;flex-direction:column;align-items:center}.sax__alt{gap:.2rem;width:100%}.sax__alt-name{margin:0;color:var(--accent);font-size:.66rem;font-weight:600;text-align:center}@media (prefers-reduced-motion:reduce){.sax__key,.sax__summary:before{transition:none}}