.dl-fing,.dl-preview{color:var(--dl-dark,#3D2C28);font-family:var(--dl-font-body,sans-serif);letter-spacing:0}.dl-fing__jumps{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem}.dl-fing__chip{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:.25rem .65rem;box-sizing:border-box;border:1px solid currentColor;border-radius:999px;color:var(--dl-rose-text,#A8524A);background:var(--dl-cream,#FAF0EB);text-decoration:none}.dl-fing__legend{margin-bottom:1.5rem;line-height:1.6}.dl-fing__legend p{margin:.4rem 0}.dl-fing__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.dl-fing__note{min-width:0;margin:0;padding:.75rem;border-radius:16px;background:var(--dl-cream-deep,#F3E4DC);scroll-margin-top:2rem}.dl-fing__staff{display:block;width:100%;max-width:150px;margin:auto;fill:currentColor}.dl-fing__staff path{stroke:currentColor;stroke-width:1;fill:none}.dl-fing__staff .dl-fing__clef{fill:currentColor;stroke:none}.dl-fing__accidental{font:22px serif}.dl-fing__recorder{display:block;height:260px;width:100%;margin:.5rem auto}.dl-fing__tube{fill:var(--dl-cream,#FAF0EB);stroke:currentColor;stroke-width:2}.dl-fing__detail{fill:none;stroke:currentColor}.dl-fing__hole{stroke:var(--dl-dark,#3D2C28);stroke-width:2;fill:none}.dl-fing__hole--c,.dl-fing__half{fill:var(--dl-dark,#3D2C28)}.dl-fing__number{fill:currentColor;font:12px sans-serif}.dl-fing__label{display:block;font-family:var(--dl-font-heading,serif);font-size:2rem;line-height:1.1;letter-spacing:-.025em;margin-bottom:.65rem}.dl-fing__description{display:block;font-size:.875rem;line-height:1.55;overflow-wrap:anywhere}.dl-preview{max-width:720px;margin:1.5rem auto}.dl-preview__button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;aspect-ratio:16 / 9;padding:1rem;overflow:hidden;border:0;border-radius:16px;background:var(--dl-cream-deep,#F3E4DC);color:var(--dl-dark,#3D2C28);cursor:pointer;font:inherit;transition:transform 160ms cubic-bezier(.23,1,.32,1)}.dl-preview__button img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dl-preview__play,.dl-preview__title{position:relative;background:var(--dl-cream,#FAF0EB);color:var(--dl-dark,#3D2C28);padding:.5rem 1rem;border-radius:8px}.dl-preview__play{font-size:1.5rem}.dl-preview__title{font-family:var(--dl-font-heading,serif);font-size:clamp(1.125rem, 3vw, 1.5rem);letter-spacing:-.02em}.dl-preview__button:active,.dl-fing__chip:active{transform:scale(.97)}.dl-preview__button[aria-busy="true"]{cursor:progress}.dl-preview__button:focus-visible,.dl-fing__chip:focus-visible{outline:3px solid var(--dl-rose-text,#A8524A);outline-offset:4px}.dl-preview__video{display:block;width:100%;aspect-ratio:16 / 9;background:var(--dl-dark,#3D2C28);border-radius:16px}.dl-preview__error{color:var(--dl-rose-text,#A8524A)}@media (min-width:600px){.dl-fing__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}@media (min-width:960px){.dl-fing__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (hover:hover) and (pointer:fine){.dl-fing__chip:hover{background:var(--dl-cream-deep,#F3E4DC)}.dl-preview__button:hover .dl-preview__play{outline:2px solid var(--dl-rose,#D4756A)}}@media (prefers-reduced-motion:reduce){.dl-preview__button{transition:none}.dl-preview__button:active,.dl-fing__chip:active{transform:none}}@media (prefers-contrast:more){.dl-fing__note,.dl-preview__button,.dl-preview__play,.dl-preview__title{border:2px solid currentColor}.dl-fing__chip,.dl-preview__error{color:var(--dl-dark,#3D2C28)}}@media (prefers-reduced-transparency:reduce){.dl-preview__play,.dl-preview__title{background:var(--dl-cream,#FAF0EB)}}@media print{.dl-fing__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.dl-fing__note{break-inside:avoid;box-shadow:none}.dl-fing__jumps,.dl-preview{display:none}}