.svelte-18ukwtn:export{c-bg:#001727;c-base:#1f1f1f}.waves.svelte-18ukwtn{width:100%;min-width:0}.waves.svelte-18ukwtn canvas{display:block;width:100%;height:auto;max-width:100%}.svelte-y6m2on:export{c-bg:#001727;c-base:#1f1f1f}.tone-step.svelte-y6m2on{position:absolute;top:calc(var(--band) + var(--key-height) + 8px);height:6px;box-sizing:border-box;border-inline:1.5px solid transparent;background:var(--step-color) padding-box;border-radius:3px;opacity:0;animation:svelte-y6m2on-tone-step-in .3s ease-out forwards;animation-delay:var(--delay)}@media(prefers-reduced-motion:reduce){.tone-step.svelte-y6m2on{animation:none;opacity:1}}.tone-step__label.svelte-y6m2on{position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%);font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:700;line-height:1;letter-spacing:.04em;color:var(--step-color);white-space:nowrap}@keyframes svelte-y6m2on-tone-step-in{0%{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}.tone.svelte-y6m2on{display:inline-flex;align-items:baseline;gap:6px}.tone__name.svelte-y6m2on{font-family:Noto Sans JP,sans-serif;font-size:28px;font-weight:700;line-height:1.1;letter-spacing:.06em}.tone__count.svelte-y6m2on{font-family:din-2014,sans-serif;font-size:22px;font-weight:700;line-height:1}.tone-plus.svelte-y6m2on{font-family:din-2014,sans-serif;font-size:20px;font-weight:700;color:#fff6}@media screen and (max-width:840px){.tone-step__rest.svelte-y6m2on{display:none}.tone-step__label.svelte-y6m2on{font-size:11px}.tone__name.svelte-y6m2on{font-size:22px}.tone__count.svelte-y6m2on{font-size:18px}}.svelte-1qcwzk7:export{c-bg:#001727;c-base:#1f1f1f}.letter-count.svelte-1qcwzk7{position:absolute;top:calc(var(--band) + var(--key-height) + 6px);width:24px;height:24px;display:flex;align-items:center;justify-content:center;transform:translate(-50%);font-family:din-2014,sans-serif;font-size:12px;font-weight:700;line-height:1;color:#061420;background:#ffffffe6;border-radius:50%;opacity:0;animation:svelte-1qcwzk7-letter-in .2s ease-out forwards;animation-delay:var(--delay)}@keyframes svelte-1qcwzk7-letter-in{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.rulers.svelte-1qcwzk7{display:grid;gap:12px;margin:0}.rulers__row.svelte-1qcwzk7{display:flex;align-items:baseline;gap:20px;min-height:40px}.rulers.svelte-1qcwzk7 dt:where(.svelte-1qcwzk7){font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.05em;flex:0 0 9.2em;font-family:Noto Sans JP,sans-serif;color:#fff9}.rulers.svelte-1qcwzk7 dd:where(.svelte-1qcwzk7){margin:0;color:#ffffffe6}.rulers__letters.svelte-1qcwzk7{font-size:15px;font-weight:700;line-height:1.4;letter-spacing:.2em;font-family:din-2014,sans-serif;color:#fffc}@media(prefers-reduced-motion:reduce){.letter-count.svelte-1qcwzk7{animation:none;opacity:1}}@media screen and (max-width:840px){.rulers__row.svelte-1qcwzk7{gap:12px}.rulers.svelte-1qcwzk7 dt:where(.svelte-1qcwzk7){flex-basis:6em}}.svelte-1gv7g25:export{c-bg:#001727;c-base:#1f1f1f}.strip.svelte-1gv7g25{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}.strip__cell.svelte-1gv7g25{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0;padding:12px 0 10px;border:1px solid rgba(255,255,255,.0784313725);border-bottom:3px solid var(--cell-color);transition:border-color .2s linear,background .2s linear}.strip__cell.is-current.svelte-1gv7g25{background:#ffffff0d;border-top-color:#fff3;border-left-color:#fff3;border-right-color:#fff3}.strip__from.svelte-1gv7g25{font-size:11px;font-weight:700;line-height:1;letter-spacing:.05em;font-family:din-2014,sans-serif;color:#ffffff80}.strip__size.svelte-1gv7g25{font-size:22px;font-weight:700;line-height:1;letter-spacing:.02em;font-family:din-2014,sans-serif;color:var(--cell-color)}.strip__name.svelte-1gv7g25{font-size:11px;font-weight:700;line-height:1;letter-spacing:.05em;min-height:11px;font-family:Noto Sans JP,sans-serif;color:var(--cell-color)}@media screen and (max-width:840px){.strip.svelte-1gv7g25{gap:4px}.strip__size.svelte-1gv7g25{font-size:17px;font-weight:700;line-height:1;letter-spacing:.02em}}.svelte-7rp9y5:export{c-bg:#001727;c-base:#1f1f1f}.ladder-layout.svelte-7rp9y5{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:28px}.ladder.svelte-7rp9y5{display:flex;flex-direction:column-reverse;gap:6px;margin:0;padding:0;list-style:none}.ladder__item.svelte-7rp9y5{margin:0}.ladder__rung.svelte-7rp9y5{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:4px;padding:10px 14px;text-align:left;color:#ffffff80;background:#ffffff08;border:1px solid rgba(255,255,255,.0784313725);border-left:4px solid color-mix(in srgb,var(--rung-color) 40%,transparent);cursor:pointer;transition:background .2s linear,color .2s linear}.ladder__rung.is-current.svelte-7rp9y5{color:#ffffffe6;background:color-mix(in srgb,var(--rung-color) 16%,transparent);border-left-color:var(--rung-color)}.ladder__name.svelte-7rp9y5{font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.05em;font-family:Noto Sans JP,sans-serif;color:var(--rung-color)}.ladder__size.svelte-7rp9y5{font-size:14px;font-weight:700;line-height:1.2;letter-spacing:.02em;font-family:din-2014,sans-serif;text-align:right}.ladder__note.svelte-7rp9y5{font-size:11px;font-weight:400;line-height:1.2;letter-spacing:.05em;grid-column:1/-1;font-family:din-2014,Noto Sans JP,sans-serif}@media screen and (max-width:840px){.ladder-layout.svelte-7rp9y5{grid-template-columns:minmax(0,1fr);gap:22px}}.word-table.svelte-1c073mu th:where(.svelte-1c073mu),.word-table.svelte-1c073mu td:where(.svelte-1c073mu){word-break:auto-phrase}.word-table.svelte-1c073mu th:where(.svelte-1c073mu){white-space:normal}.word-table__term.svelte-1c073mu{width:1%;white-space:nowrap;font-weight:700}.word-table__term.svelte-1c073mu a:where(.svelte-1c073mu){text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:6px}.interval-table__size.svelte-1c073mu{width:1%;white-space:nowrap;font-family:din-2014,sans-serif;font-weight:700}.interval-table__sep.svelte-1c073mu{color:#ffffff4d}.interval-table.svelte-1c073mu td:where(.svelte-1c073mu){font-weight:700}