.trill-chart__selector{margin-top:0;margin-bottom:26px}.trill-chart__results{gap:18px;display:grid}.trill-row{background:#fff;border-radius:22px;grid-template-columns:190px minmax(170px,1fr) minmax(0,1.8fr);align-items:center;gap:18px;padding:22px 24px;display:grid;box-shadow:0 10px 30px #292a3314}.trill-row__score{color:#292a33;min-width:0}.trill-notation{width:190px;max-width:100%;min-height:143px}.trill-notation svg{width:100%;height:auto;display:block}.trill-row__interval{color:#6d6f76;margin:0 0 9px;font-size:14px}.trill-row__detail h2{letter-spacing:-.03em;white-space:nowrap;margin:0;font-size:26px;font-weight:700;line-height:1.3}.trill-row sub{font-size:.55em;font-weight:500}.trill-row__between{color:#9698a0;font-size:18px;font-weight:400}.trill-row__enharmonic,.trill-row__hint{color:#6d6f76;margin:8px 0 0;font-size:13px;line-height:1.5}.trill-row__controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.trill-row__controls button{cursor:pointer;border:0;border-radius:11px;min-height:36px;padding:9px 12px;font:600 13px/1.2 inherit}.trill-row__animate{color:#fff;background:#40553d}.trill-row__animate:disabled{opacity:.45;cursor:default}.trill-row__states{background:#f1f1f4;border-radius:12px;gap:3px;padding:3px;display:flex}.trill-row__states button{color:#6d6f76;background:0 0;min-height:30px;padding:6px 9px}.trill-row__states button[aria-pressed=true]{color:#292a33;background:#fff}.trill-row button:focus-visible{outline-offset:3px;outline:3px solid #adc7a0}.trill-row__fingering{--flute-key-ground:#fff;color:#2f3a2c;min-width:0}.trill-diagram .flute-key.is-moving{color:#b24450}.trill-diagram .flute-key{cursor:help}.trill-diagram .flute-key:focus-visible{outline:none}.trill-diagram .flute-key:focus-visible>:not(title){stroke-width:5px;stroke-dasharray:5 3}.trill-row__movement{color:#5c5f65;margin:8px 0 0;font-size:13px;line-height:1.5}.trill-row__key-name{color:#80828a;min-height:20px;margin:5px 0 0;font-size:12px;line-height:1.5}.trill-row__unavailable{color:#7a5340;margin:0;font-size:14px;line-height:1.6}.trill-chart .fingering-chart__note a{color:#40553d;text-underline-offset:3px}@media (max-width:820px){.trill-row{grid-template-columns:170px minmax(0,1fr)}.trill-row__fingering{grid-column:1/-1}.trill-notation{width:170px}.trill-diagram{max-width:520px;margin:auto}}@media (max-width:440px){.trill-row{grid-template-columns:130px minmax(0,1fr);gap:12px;padding:18px 14px}.trill-notation{width:130px;min-height:100px}.trill-row__detail h2{font-size:22px}.trill-row__controls{gap:7px;margin-top:12px}.trill-chart .fingering-chart__notes button{min-width:46px}}.trill-chart__registers{grid-template-columns:1fr 1fr;gap:18px 24px;margin-top:28px;margin-bottom:26px;display:grid}.trill-chart__registers .trill-chart__selector{margin:0}.trill-row__alternatives{color:#5c5f65;margin-top:12px;font-size:13px}.trill-row__alternatives summary{cursor:pointer}@media (max-width:650px){.trill-chart__registers{grid-template-columns:1fr;gap:16px}}.trill-chart .fingering-chart__header{padding-top:24px;padding-bottom:20px}.trill-chart .fingering-chart__intro,.trill-chart .fingering-chart__sibling{margin-top:12px}@media (max-width:760px){.trill-chart__results{gap:10px}.trill-row{border-radius:18px;gap:6px 12px!important;padding:12px 14px!important}.trill-notation{width:130px!important}.trill-row__interval{margin-bottom:4px}.trill-row__detail h2{font-size:20px}.trill-row__fingering .flute-diagram,.trill-row__fingering svg{max-height:78px}.trill-row__hint{display:none}.trill-row__controls{margin-top:6px}.trill-chart .fingering-chart__note,.fingering-chart .fingering-chart__note{display:none}html body .trill-row{box-shadow:none!important;background:#f6f6f8!important}html body .trill-row__fingering{--flute-key-ground:#f6f6f8}.trill-row__key-name{display:none}.trill-chart__results{gap:10px;display:grid}}html body .trill-row__animate{color:#45464f;background:#f1f1f2}@media (hover:hover){html body .trill-row__animate:hover:not(:disabled){background:#e8e8ea}}html body :is(.fingering-chart__notes,.fingering-chart__variants) button.selected{color:#6d4585;background:#f1e5f5}html body .fingering-chart__notes button.selected sub{color:#9a7aae}@media (max-width:760px){html body .trill-row{border-radius:0;background:0 0!important;padding:10px 0!important}html body .trill-row+.trill-row{border-top:1px solid #ececef}html body .trill-row__fingering{--flute-key-ground:#fff}.trill-chart__results{gap:0}html body .fingering-chart__now{background:0 0;border-bottom:1px solid #ececef;border-radius:0;padding:4px 0 10px!important}html body .fingering-chart__diagram{--flute-key-ground:#fff}}@media (min-width:900px){.trill-chart__results{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.trill-row .trill-notation{width:150px;min-height:0}.trill-row__fingering{grid-column:1/-1}.trill-diagram{max-width:420px;margin:0 auto}.trill-row__detail h2{font-size:22px}.trill-chart__registers{gap:12px 20px;margin-top:16px;margin-bottom:12px}html body .trill-row{grid-template-columns:120px minmax(0,1fr);gap:4px 12px;padding:10px 16px}.trill-row .trill-notation{width:120px}.trill-diagram{max-width:380px}.trill-chart .fingering-chart__note{margin-top:8px}}@media (max-width:1100px){.trill-chart .fingering-chart__octaves{color:#71747e;justify-content:space-between;align-items:center;gap:8px;margin:14px 2px 10px;font-size:12.5px;display:flex}.trill-chart .fingering-chart__octaves select{font:inherit;border:1px solid var(--line,#dedfd9);color:#292a33;background:#fff;border-radius:8px;min-height:36px;padding:5px 8px;font-size:14px}.trill-chart .trill-chart__registers{margin-top:0;display:block}.trill-chart .fingering-chart__register:not([data-active]),.trill-chart .fingering-chart__register h3{display:none}}.trill-chart .trill-chart__registers{margin-bottom:4px}.trill-chart .fingering-chart__note{margin-top:4px}