@layer base,foundation,echo,product,site;
:root{--mu-border-radius-none:none;--mu-border-radius-s:1px;--mu-border-radius-m:2px;--mu-border-radius-l:100px;--mu-border-radius-full:9999px}:root,[data-theme=light]{--mu-color-accent-primary-brand:#6b5dfe;--mu-color-accent-secondary-brand:#19f3ff;--mu-color-accent-brand-contrast:#6b5dfe;--mu-color-action-primary:#6b5dfe;--mu-color-action-secondary:#f3f1f4;--mu-color-action-float:#180036e6;--mu-color-action-controls:#180036;--mu-color-additional-default:#6b5dfe;--mu-color-additional-default-subdued:#f5eeff;--mu-color-additional-attention:#d32139;--mu-color-additional-staff:#6e5f79;--mu-color-additional-rating:#ff9318;--mu-color-additional-level-beginner:#00271c;--mu-color-additional-level-beginner-subdued:#95e7d3;--mu-color-additional-level-intermediate:#410b00;--mu-color-additional-level-intermediate-subdued:#f9c66d;--mu-color-additional-level-advanced:#3c0915;--mu-color-additional-level-advanced-subdued:#ffb8aa;--mu-color-additional-promo-dark:#00232f;--mu-color-additional-promo-malachite:#49d5ab;--mu-color-additional-promo-pink:#f67bb4;--mu-color-additional-promo-violet:#ab93ff;--mu-color-additional-promo-cyan:#0fe4f2;--mu-color-additional-promo-purple:#d77dff;--mu-color-additional-promo-sapphire:#7fa9fe;--mu-color-background-default:#fff;--mu-color-background-highlight:#f9f7fa;--mu-color-background-inactive:#f3f1f4;--mu-color-background-disabled:#e7e5e8;--mu-color-background-modal:#fff;--mu-color-background-none:transparent;--mu-color-content-primary:#180036;--mu-color-content-secondary:#6e5f79;--mu-color-content-tertiary:#a7a4a9;--mu-color-content-inactive:#9b989d;--mu-color-exception-constant-light:#fff;--mu-color-exception-constant-dark:#0d0d10;--mu-color-exception-inverse-dark:#f9f7fa;--mu-color-exception-inverse-light:#0d0d10;--mu-color-exception-multilayer:#0000000d;--mu-color-form-default:#a7a4a9;--mu-color-form-hovered:#8f8993;--mu-color-form-active:#180036;--mu-color-form-disabled:#e7e5e8;--mu-color-overlay-image:#0000000d;--mu-color-overlay-modal:#0006;--mu-color-overlay-float:#000c;--mu-color-status-default:#6b5dfe;--mu-color-status-default-subdued:#f5eeff;--mu-color-status-success:#017b22;--mu-color-status-success-subdued:#ecf6ec;--mu-color-status-error:#b51c36;--mu-color-status-error-subdued:#ffede7;--mu-color-status-warning:#c54900;--mu-color-status-warning-subdued:#f9f2df;--mu-color-stroke-default:#1800361a;--mu-color-stroke-decorative:#180036}[data-theme=dark]{--mu-color-accent-primary-brand:#8b77ff;--mu-color-accent-secondary-brand:#54ecf1;--mu-color-accent-brand-contrast:#fff;--mu-color-action-primary:#8b77ff;--mu-color-action-secondary:#262629;--mu-color-action-float:#0d0d10e6;--mu-color-action-controls:#f2f2f5;--mu-color-additional-default:#6b5dfe;--mu-color-additional-default-subdued:#f5eeff;--mu-color-additional-attention:#ff3542;--mu-color-additional-staff:#666669;--mu-color-additional-rating:#ffa52f;--mu-color-additional-level-beginner:#00271c;--mu-color-additional-level-beginner-subdued:#95e7d3;--mu-color-additional-level-intermediate:#410b00;--mu-color-additional-level-intermediate-subdued:#f9c66d;--mu-color-additional-level-advanced:#3c0915;--mu-color-additional-level-advanced-subdued:#ffb8aa;--mu-color-additional-promo-dark:#00232f;--mu-color-additional-promo-malachite:#49d5ab;--mu-color-additional-promo-pink:#f67bb4;--mu-color-additional-promo-violet:#ab93ff;--mu-color-additional-promo-cyan:#0fe4f2;--mu-color-additional-promo-purple:#d77dff;--mu-color-additional-promo-sapphire:#7fa9fe;--mu-color-background-default:#0d0d10;--mu-color-background-highlight:#141417;--mu-color-background-inactive:#1a1a1d;--mu-color-background-disabled:#ffffff1a;--mu-color-background-modal:#262629;--mu-color-background-none:transparent;--mu-color-content-primary:#f2f2f5;--mu-color-content-secondary:#a6a6a9;--mu-color-content-tertiary:#8c8c8f;--mu-color-content-inactive:#737376;--mu-color-exception-constant-light:#fff;--mu-color-exception-constant-dark:#0d0d10;--mu-color-exception-inverse-dark:#0d0d10;--mu-color-exception-inverse-light:#f9f7fa;--mu-color-exception-multilayer:#ffffff1a;--mu-color-form-default:#404043;--mu-color-form-hovered:#545455;--mu-color-form-active:#fff;--mu-color-form-disabled:#262629;--mu-color-overlay-image:#0000000d;--mu-color-overlay-modal:#0006;--mu-color-overlay-float:#000c;--mu-color-status-default:#8b77ff;--mu-color-status-default-subdued:#260c44;--mu-color-status-success:#02a528;--mu-color-status-success-subdued:#001407;--mu-color-status-error:#f2263b;--mu-color-status-error-subdued:#1e040b;--mu-color-status-warning:#d65600;--mu-color-status-warning-subdued:#230400;--mu-color-stroke-default:#ffffff1a;--mu-color-stroke-decorative:#fff}:root,[data-theme=light],[data-theme=dark]{--mu-color-utility-focus-outline:#4e8ffe;--mu-color-utility-box-shadow:0 8px 36px 0 #00000026}:root{--mu-spacing-3xs:2px;--mu-spacing-xxs:4px;--mu-spacing-xs:8px;--mu-spacing-s:12px;--mu-spacing-m:16px;--mu-spacing-l:20px;--mu-spacing-xl:24px;--mu-spacing-xxl:32px;--mu-spacing-3xl:40px;--mu-spacing-4xl:48px;--mu-spacing-5xl:56px;--mu-spacing-6xl:64px;--mu-font-family-fallback:Helvetica neue, Helvetica, sans-serif;--mu-font-family-muse-sans:"Muse Sans", var(--mu-font-family-fallback);--mu-font-family-muse-display-harmony:"Muse Display Harmony", var(--mu-font-family-fallback);--mu-font-family-muse-display-symphony:"Muse Display Symphony", var(--mu-font-family-fallback);--mu-font-family:var(--mu-font-family-muse-sans);--mu-font-weight-regular:400;--mu-font-weight-medium:500;--mu-font-weight-semibold:600;--mu-font-heading-xxl:400 88px/76px var(--mu-font-family-muse-display-harmony);--mu-font-heading-xl:400 72px/64px var(--mu-font-family-muse-display-harmony);--mu-font-heading-l:400 64px/56px var(--mu-font-family-muse-display-harmony);--mu-font-heading-m:400 56px/48px var(--mu-font-family-muse-display-harmony);--mu-font-heading-s:400 44px/42px var(--mu-font-family-muse-display-harmony);--mu-font-subtitle-l:500 32px/36px var(--mu-font-family-muse-sans);--mu-font-subtitle-m:500 24px/28px var(--mu-font-family-muse-sans);--mu-font-subtitle-s:500 20px/24px var(--mu-font-family-muse-sans);--mu-font-body-l:400 17px/24px var(--mu-font-family-muse-sans);--mu-font-body-l-medium:500 17px/24px var(--mu-font-family-muse-sans);--mu-font-body-l-semibold:600 17px/24px var(--mu-font-family-muse-sans);--mu-font-body-s:400 15px/20px var(--mu-font-family-muse-sans);--mu-font-body-s-medium:500 15px/20px var(--mu-font-family-muse-sans);--mu-font-body-s-semibold:600 15px/20px var(--mu-font-family-muse-sans);--mu-font-caption-l:400 13px/16px var(--mu-font-family-muse-sans);--mu-font-caption-l-medium:500 13px/16px var(--mu-font-family-muse-sans);--mu-font-caption-l-semibold:600 13px/16px var(--mu-font-family-muse-sans);--mu-font-caption-s:400 11px/12px var(--mu-font-family-muse-sans);--mu-font-caption-s-medium:500 11px/12px var(--mu-font-family-muse-sans);--mu-font-caption-s-semibold:600 11px/12px var(--mu-font-family-muse-sans);--mu-states-default:1;--mu-states-hovered:.8;--mu-states-pending:.7;--mu-states-pressed:.6;--mu-states-disabled:.4}:root,[data-theme=light]{--mu-action-primary-hovered:#6b5dfecc;--mu-action-primary-pressed:#6b5dfe99}[data-theme=dark]{--mu-action-primary-hovered:#8b77ffcc;--mu-action-primary-pressed:#8b77ff99}
:root{--echo-border-radius-s:1px;--echo-border-radius-full:9999px}:root,[data-theme=light]{--echo-color-content-primary:#0d0d10;--echo-color-content-secondary:#000c;--echo-color-content-tertiary:#0009;--echo-color-content-quaternary:#0006;--echo-color-accent-primary:#0d0d10;--echo-color-accent-secondary:#f9f7fa;--echo-color-overlay-image:#00000026;--echo-color-overlay-modal:#00000080;--echo-color-status-success:#017b22;--echo-color-status-success-surface:#ecf6ec;--echo-color-status-warning:#c54900;--echo-color-status-warning-surface:#f9f2df;--echo-color-status-error:#b51c36;--echo-color-status-error-surface:#ffede7;--echo-color-exception-constant-light:#f9f7fa;--echo-color-exception-constant-dark:#0d0d10;--echo-color-exception-inverse-light:#0d0d10;--echo-color-exception-inverse-dark:#f9f7fa;--echo-color-exception-multilayer-light:#ffffff0d;--echo-color-exception-multilayer-dark:#0000000d;--echo-color-background-base:#f9f7fa;--echo-color-background-subtle:#0000000d;--echo-color-background-surface:#0000001a;--echo-color-background-raised:#00000026;--echo-color-background-elevated:#0003;--echo-color-background-highest:#00000040;--echo-color-stroke-subtle:#0000001a;--echo-color-stroke-moderate:#00000026;--echo-color-stroke-strong:#0000004d;--echo-color-stroke-emphasis:#0006;--echo-color-stroke-intense:#0d0d10;--echo-color-stroke-focus:#2298ff}[data-theme=dark]{--echo-color-content-primary:#f9f7fa;--echo-color-content-secondary:#fffc;--echo-color-content-tertiary:#fff9;--echo-color-content-quaternary:#fff6;--echo-color-accent-primary:#f9f7fa;--echo-color-accent-secondary:#000000a6;--echo-color-overlay-image:#00000026;--echo-color-overlay-modal:#00000080;--echo-color-status-success:#02a528;--echo-color-status-success-surface:#001407;--echo-color-status-warning:#d65600;--echo-color-status-warning-surface:#230400;--echo-color-status-error:#f2263b;--echo-color-status-error-surface:#1e040b;--echo-color-exception-constant-light:#f9f7fa;--echo-color-exception-constant-dark:#0d0d10;--echo-color-exception-inverse-light:#f9f7fa;--echo-color-exception-inverse-dark:#0d0d10;--echo-color-exception-multilayer-light:#ffffff0d;--echo-color-exception-multilayer-dark:#0000000d;--echo-color-background-base:#0d0d10;--echo-color-background-subtle:#ffffff0d;--echo-color-background-surface:#ffffff1a;--echo-color-background-raised:#ffffff26;--echo-color-background-elevated:#fff3;--echo-color-background-highest:#ffffff40;--echo-color-stroke-subtle:#ffffff1a;--echo-color-stroke-moderate:#fff3;--echo-color-stroke-strong:#ffffff59;--echo-color-stroke-emphasis:#ffffff8c;--echo-color-stroke-intense:#f9f7fa;--echo-color-stroke-focus:#35a3ff}:root,[data-theme=light],[data-theme=dark]{--echo-color-utility-box-shadow:0 8px 36px 0 #00000026}:root{--echo-spacing-3xs:2px;--echo-spacing-xxs:4px;--echo-spacing-xs:8px;--echo-spacing-s:12px;--echo-spacing-m:16px;--echo-spacing-l:20px;--echo-spacing-xl:24px;--echo-spacing-xxl:32px;--echo-spacing-3xl:40px;--echo-spacing-4xl:48px;--echo-spacing-5xl:56px;--echo-spacing-6xl:64px;--echo-font-family-fallback:Helvetica neue, Helvetica, sans-serif;--echo-font-family-muse-sans:"Muse Sans", var(--echo-font-family-fallback);--echo-font-family-muse-sans-mono:"Muse Sans Mono", monospace;--echo-font-family-muse-display-harmony:"Muse Display Harmony", var(--echo-font-family-fallback);--echo-font-family-muse-display-symphony:"Muse Display Symphony", var(--echo-font-family-fallback);--echo-font-family:var(--echo-font-family-muse-sans);--echo-font-weight-regular:400;--echo-font-weight-medium:500;--echo-font-weight-semibold:600;--echo-font-heading-xxl:400 88px/80px var(--echo-font-family-muse-display-harmony);--echo-font-heading-xl:400 72px/68px var(--echo-font-family-muse-display-harmony);--echo-font-heading-l:400 64px/60px var(--echo-font-family-muse-display-harmony);--echo-font-heading-m:400 56px/52px var(--echo-font-family-muse-display-harmony);--echo-font-heading-s:400 44px/40px var(--echo-font-family-muse-display-harmony);--echo-font-subtitle-l:600 32px/36px var(--echo-font-family-muse-sans);--echo-font-subtitle-m:600 24px/28px var(--echo-font-family-muse-sans);--echo-font-subtitle-s:600 20px/24px var(--echo-font-family-muse-sans);--echo-font-body-l:400 17px/24px var(--echo-font-family-muse-sans);--echo-font-body-l-medium:500 17px/24px var(--echo-font-family-muse-sans);--echo-font-body-l-semibold:600 17px/24px var(--echo-font-family-muse-sans);--echo-font-body-s:400 15px/20px var(--echo-font-family-muse-sans);--echo-font-body-s-medium:500 15px/20px var(--echo-font-family-muse-sans);--echo-font-body-s-semibold:600 15px/20px var(--echo-font-family-muse-sans);--echo-font-caption-l:400 13px/16px var(--echo-font-family-muse-sans);--echo-font-caption-l-medium:500 13px/16px var(--echo-font-family-muse-sans);--echo-font-caption-l-semibold:600 13px/16px var(--echo-font-family-muse-sans);--echo-font-caption-s:400 11px/12px var(--echo-font-family-muse-sans);--echo-font-caption-s-medium:500 11px/12px var(--echo-font-family-muse-sans);--echo-font-caption-s-semibold:600 11px/12px var(--echo-font-family-muse-sans);--echo-font-mono:400 13px/16px var(--echo-font-family-muse-sans-mono);--echo-states-default:1;--echo-states-hovered:.8;--echo-states-pending:.7;--echo-states-pressed:.6;--echo-states-disabled:.4}:root,[data-theme=light]{--echo-action-primary-hovered:#6b5dfecc;--echo-action-primary-pressed:#6b5dfe99}[data-theme=dark]{--echo-action-primary-hovered:#8b77ffcc;--echo-action-primary-pressed:#8b77ff99}
:root,[data-theme=light],[data-theme=dark]{--echo-color-content-primary:var(--mu-color-content-primary);--echo-color-content-secondary:var(--mu-color-content-secondary);--echo-color-content-tertiary:var(--mu-color-content-tertiary);--echo-color-content-quaternary:var(--mu-color-content-inactive);--echo-color-accent-primary:var(--mu-color-action-primary);--echo-color-accent-secondary:var(--mu-color-background-highlight);--echo-color-background-base:var(--mu-color-background-default);--echo-color-background-subtle:var(--mu-color-exception-multilayer);--echo-color-background-surface:var(--mu-color-background-inactive);--echo-color-background-raised:var(--mu-color-background-disabled);--echo-color-stroke-subtle:var(--mu-color-stroke-default);--echo-color-stroke-moderate:var(--mu-color-form-default);--echo-color-stroke-strong:var(--mu-color-form-hovered);--echo-color-stroke-emphasis:var(--mu-color-form-hovered);--echo-color-stroke-intense:var(--mu-color-form-active);--echo-color-stroke-focus:var(--mu-color-utility-focus-outline);--echo-color-status-success:var(--mu-color-status-success);--echo-color-status-success-surface:var(--mu-color-status-success-subdued);--echo-color-status-warning:var(--mu-color-status-warning);--echo-color-status-warning-surface:var(--mu-color-status-warning-subdued);--echo-color-status-error:var(--mu-color-status-error);--echo-color-status-error-surface:var(--mu-color-status-error-subdued);--echo-color-exception-constant-light:var(--mu-color-exception-constant-light);--echo-color-exception-constant-dark:var(--mu-color-exception-constant-dark);--echo-color-exception-inverse-light:var(--mu-color-exception-inverse-light);--echo-color-exception-inverse-dark:var(--mu-color-exception-inverse-dark);--echo-color-exception-multilayer-dark:var(--mu-color-exception-multilayer);--echo-color-overlay-image:var(--mu-color-overlay-image);--echo-color-overlay-modal:var(--mu-color-overlay-modal);--echo-font-family-muse-sans:var(--mu-font-family-muse-sans);--echo-font-family-muse-display-harmony:var(--mu-font-family-muse-display-harmony);--echo-font-family:var(--mu-font-family);--echo-action-primary-hovered:var(--mu-action-primary-hovered);--echo-action-primary-pressed:var(--mu-action-primary-pressed)}
@layer base{*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--mu-color-content-primary);background:var(--mu-color-background-highlight);font:var(--mu-font-body-l);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0}a{color:var(--mu-color-action-primary);-webkit-text-decoration:none;text-decoration:none}a:hover{-webkit-text-decoration:underline;text-decoration:underline}:focus-visible{outline:2px solid var(--mu-color-utility-focus-outline);outline-offset:1px}h1{font:var(--mu-font-heading-m);margin:0}h2{font:var(--mu-font-subtitle-m);font-weight:var(--mu-font-weight-semibold);margin:var(--mu-spacing-xxl) 0 var(--mu-spacing-m)}h3{font:var(--mu-font-subtitle-s);font-weight:var(--mu-font-weight-semibold);margin:var(--mu-spacing-xl) 0 var(--mu-spacing-xs)}p{margin:0 0 var(--mu-spacing-m)}@media (max-width:640px){h1{font:var(--mu-font-heading-s)}}}@layer foundation,echo,product;@layer site{:root{--site-column:840px;--site-wide:1440px;--site-header-height:64px}.skip-link{z-index:1000;padding:var(--mu-spacing-s) var(--mu-spacing-l);background:var(--mu-color-action-primary);color:var(--mu-color-exception-constant-light);position:absolute;top:0;left:-9999px}.skip-link:focus{-webkit-text-decoration:none;text-decoration:none;left:0}.container{width:100%;max-width:calc(var(--site-column) + 2 * var(--mu-spacing-xl));padding:0 var(--mu-spacing-xl);margin:0 auto}.container--wide{max-width:calc(var(--site-wide) - 2 * var(--mu-spacing-4xl) + 2 * var(--mu-spacing-xl))}@media (min-width:1100px){.container--wide{max-width:var(--site-wide);padding:0 var(--mu-spacing-4xl)}}main{min-height:60vh;padding:var(--mu-spacing-xl) 0 var(--mu-spacing-6xl)}.edit-link{top:calc(var(--site-header-height) + var(--mu-spacing-s));right:var(--mu-spacing-m);z-index:49;align-items:center;gap:var(--mu-spacing-xxs);padding:var(--mu-spacing-xxs) var(--mu-spacing-s);border-radius:var(--mu-border-radius-full);background:var(--mu-color-action-primary);color:var(--mu-color-exception-constant-light);font:var(--mu-font-body-s-semibold);box-shadow:var(--mu-color-utility-box-shadow);display:inline-flex;position:fixed}.edit-link:hover{color:var(--mu-color-exception-constant-light);opacity:var(--mu-states-hovered);-webkit-text-decoration:none;text-decoration:none}.ms-header{z-index:50;background:var(--mu-color-background-highlight);border-bottom:1px solid var(--mu-color-stroke-default);position:sticky;top:0}.ms-header-inner{width:100%;height:var(--site-header-height);padding:0 var(--mu-spacing-xl);align-items:center;gap:var(--mu-spacing-m);display:flex}.ms-logo{width:190px;height:41px;margin-right:var(--mu-spacing-xl);flex:none;display:block;position:relative}.ms-logo-svg{width:190px;height:41px;display:block}.ms-logo-tagline{color:var(--mu-color-content-secondary);font:400 11px/12px var(--mu-font-family);white-space:nowrap;position:absolute;top:29px;left:41px}.ms-nav{align-items:center;gap:var(--mu-spacing-m);padding:0 var(--mu-spacing-m);display:flex}.ms-nav-link{align-items:center;gap:var(--mu-spacing-xxs);padding:0 var(--mu-spacing-xxs);color:var(--mu-color-content-primary);font:var(--mu-font-body-l-medium);white-space:nowrap;display:inline-flex;position:relative}.ms-nav-link:hover{opacity:var(--mu-states-hovered);-webkit-text-decoration:none;text-decoration:none}.ms-badge{margin-top:calc(-1 * var(--mu-spacing-xs));padding:var(--mu-spacing-3xs);border-radius:var(--mu-border-radius-s);background:var(--mu-color-accent-primary-brand);color:var(--mu-color-exception-constant-light);font:var(--mu-font-caption-s);letter-spacing:.5px;text-transform:uppercase;align-self:flex-start}.ms-actions{align-items:center;gap:var(--mu-spacing-s);margin-left:auto;display:flex}.ms-burger{width:44px;height:44px;color:var(--mu-color-content-primary);background:var(--mu-color-background-none);border-radius:var(--mu-border-radius-full);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:none}.ms-nav-mobile{gap:var(--mu-spacing-m);padding:var(--mu-spacing-l) var(--mu-spacing-xl);border-top:1px solid var(--mu-color-stroke-default);flex-direction:column;display:none}@media (max-width:860px){.ms-nav,.ms-action-wide{display:none}.ms-burger{display:inline-flex}.ms-nav-mobile{display:flex}}.ms-footer{background:var(--mu-color-background-default);color:var(--mu-color-content-secondary);font:var(--mu-font-body-s)}.ms-footer-inner{width:100%;max-width:var(--site-wide);padding:var(--mu-spacing-3xl) var(--mu-spacing-4xl) var(--mu-spacing-3xl);margin:0 auto}.ms-footer-cols{grid-gap:var(--mu-spacing-4xl) var(--mu-spacing-l);gap:var(--mu-spacing-4xl) var(--mu-spacing-l);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.ms-footer-title{font:var(--mu-font-body-l-semibold);color:var(--mu-color-content-primary);margin:0 0 var(--mu-spacing-s)}.ms-footer-col ul{gap:var(--mu-spacing-m);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ms-footer-col a{color:var(--mu-color-content-secondary)}.ms-footer-col a:hover{color:var(--mu-color-content-primary);-webkit-text-decoration:none;text-decoration:none}.ms-app-tagline{margin:0 0 var(--mu-spacing-m)}.ms-badges{gap:var(--mu-spacing-m);flex-direction:column;display:flex}.ms-badge-link{align-items:center;gap:var(--mu-spacing-xs);padding:var(--mu-spacing-xs) var(--mu-spacing-m);border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-full);color:var(--mu-color-content-primary);font:var(--mu-font-body-s-medium);width:fit-content;display:inline-flex}.ms-badge-link:hover{opacity:var(--mu-states-hovered);-webkit-text-decoration:none;text-decoration:none}.ms-footer-bottom{align-items:center;gap:var(--mu-spacing-s);border-top:1px solid var(--mu-color-stroke-default);margin-top:var(--mu-spacing-3xl);padding-top:var(--mu-spacing-3xl);flex-wrap:wrap;display:flex}.ms-footer-bottom a{color:var(--mu-color-content-secondary)}.ms-footer-bottom a:hover{color:var(--mu-color-content-primary);-webkit-text-decoration:none;text-decoration:none}.page-header{align-items:flex-start;gap:var(--mu-spacing-m);margin:0 0 var(--mu-spacing-3xl);flex-direction:column;display:flex}.page-header>*{margin:0}.breadcrumbs{margin-bottom:var(--mu-spacing-m)}.lead{font:var(--mu-font-body-l);color:var(--mu-color-content-secondary);margin-top:0}.muted{color:var(--mu-color-content-secondary)}.section-title{font:var(--mu-font-heading-s);letter-spacing:.5px;margin:0 0 var(--mu-spacing-m)}@media (max-width:640px){.section-title{font:var(--mu-font-subtitle-l);font-weight:var(--mu-font-weight-semibold)}}.article-hero{-o-object-fit:contain;object-fit:contain;max-width:100%;height:auto;max-height:480px;margin:var(--mu-spacing-m) auto var(--mu-spacing-l);border-radius:var(--mu-border-radius-s);display:block}.article-hero-fig{margin:var(--mu-spacing-m) 0 var(--mu-spacing-l);text-align:center}.article-hero-fig .article-hero{margin:0 auto}.article-hero-credit{margin-top:var(--mu-spacing-xs);font:var(--mu-font-caption-l);color:var(--mu-color-content-secondary);text-align:center}.rate-tool,.tool-page .tool-intro,.reviews,.tool-faq,.tool-item-faq,.related,.feedback-cta{margin-top:var(--mu-spacing-3xl)}.tool-intro+.tool-explainer{margin-top:var(--mu-spacing-m)}.reviews>h2,.tool-faq>h2,.tool-item-faq>h2,.related>h2,.tool-item-directory>h2{font:var(--mu-font-heading-s);letter-spacing:.5px;margin:0 0 var(--mu-spacing-m)}@media (max-width:640px){.reviews>h2,.tool-faq>h2,.tool-item-faq>h2,.related>h2,.tool-item-directory>h2{font:var(--mu-font-subtitle-l);font-weight:var(--mu-font-weight-semibold)}}.tool-faq dl,.tool-item-faq dl{margin:0}.tool-faq dt,.tool-item-faq dt{font:var(--mu-font-body-l-semibold);padding-top:var(--mu-spacing-l)}.tool-faq dd,.tool-item-faq dd{margin:var(--mu-spacing-xs) 0 0;padding-bottom:var(--mu-spacing-l);border-bottom:1px solid var(--mu-color-stroke-default);color:var(--mu-color-content-secondary)}.tuner{--tuner-green:var(--mu-color-status-success);--tuner-yellow:var(--mu-color-status-warning);--tuner-red:var(--mu-color-status-error)}.tuner__body{align-items:center;gap:var(--mu-spacing-m);flex-direction:column;width:100%;max-width:460px;margin:0 auto;display:flex}.tuner__gaugeWrap{justify-content:center;width:100%;min-height:200px;display:flex}.tuner__startBox{justify-content:center;align-items:center;gap:var(--mu-spacing-s);text-align:center;flex-direction:column;min-height:200px;display:flex}.tuner__hint{color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);margin:0}.tuner__error{color:var(--mu-color-status-error);margin:0;font-weight:600}.gauge{align-items:center;gap:var(--mu-spacing-xs);flex-direction:column;width:100%;display:flex}.gauge--dim{opacity:.5}.gauge__header{min-height:18px}.gauge__currentHz{color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gauge__scaleWrap{width:100%;max-width:360px;padding-top:12px;position:relative}.gauge__svg{width:100%;height:56px;display:block}.gauge__zone{fill-opacity:.5}.gauge__zone--red{fill:var(--mu-color-status-error)}.gauge__zone--yellow{fill:var(--mu-color-status-warning)}.gauge__zone--green{fill:var(--mu-color-status-success)}.gauge__centerLine{stroke:var(--mu-color-form-default)}.gauge__label{fill:var(--mu-color-content-secondary);font-size:3px}.gauge__cursor{border-left:7px solid #0000;border-right:7px solid #0000;border-top:11px solid var(--mu-color-action-primary);width:0;height:0;transition:left 80ms linear,border-top-color .12s;position:absolute;top:0;transform:translate(-50%)}.gauge--green .gauge__cursor{border-top-color:var(--tuner-green)}.gauge--yellow .gauge__cursor{border-top-color:var(--tuner-yellow)}.gauge--red .gauge__cursor{border-top-color:var(--tuner-red)}.gauge__noteZone{justify-content:center;align-items:center;min-height:60px;display:flex}.gauge__noteRow{align-items:baseline;gap:2px;display:flex}.gauge__noteLetter{font:var(--mu-font-subtitle-l);color:var(--mu-color-content-primary);font-size:48px;font-weight:700}.gauge--green .gauge__noteLetter{color:var(--tuner-green)}.gauge--yellow .gauge__noteLetter{color:var(--tuner-yellow)}.gauge--red .gauge__noteLetter{color:var(--tuner-red)}.gauge__noteOctave{color:var(--mu-color-content-secondary);font-size:22px;font-weight:600}.gauge__pill{align-items:center;gap:var(--mu-spacing-xs);padding:var(--mu-spacing-xs) var(--mu-spacing-m);border-radius:var(--mu-border-radius-full);background:var(--mu-color-background-highlight);border:1px solid var(--mu-color-stroke-default);color:var(--mu-color-content-secondary);font-weight:600;display:inline-flex}.gauge__pillDot{background:var(--mu-color-content-secondary);border-radius:50%;width:8px;height:8px}.gauge__stateTextZone{min-height:22px}.gauge__stateText{color:var(--mu-color-content-secondary);font-weight:600}.gauge--green .gauge__stateText{color:var(--tuner-green)}.gauge--yellow .gauge__stateText{color:var(--tuner-yellow)}.gauge--red .gauge__stateText{color:var(--tuner-red)}.strings{gap:var(--mu-spacing-xs);flex-wrap:wrap;justify-content:center;display:flex}.strings__btn{min-width:56px;min-height:44px;padding:var(--mu-spacing-xs) var(--mu-spacing-s);border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-highlight);color:var(--mu-color-content-primary);cursor:pointer;flex-direction:column;align-items:center;display:flex}.strings__btn:hover{border-color:var(--mu-color-form-hovered)}.strings__btn--active{background:var(--mu-color-action-primary);border-color:var(--mu-color-action-primary);color:var(--mu-color-exception-constant-light)}.strings__note{font:var(--mu-font-body-s-semibold)}.strings__octave{font:var(--mu-font-caption-l);opacity:.8}.metronome{align-items:center;gap:var(--mu-spacing-m);width:100%;max-width:484px;padding:var(--mu-spacing-xl);border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-highlight);flex-direction:column;margin:0 auto;display:flex}.metronome-beats{gap:var(--mu-spacing-xs);min-height:20px;display:flex}.metronome-dot{border-radius:var(--mu-border-radius-full);background:var(--mu-color-background-inactive);width:16px;height:16px;transition:transform 60ms,background-color 60ms}.metronome-dot.is-downbeat{box-shadow:inset 0 0 0 2px var(--mu-color-content-secondary)}.metronome-dot.is-active{background:var(--mu-color-action-primary);transform:scale(1.25)}@media (prefers-reduced-motion:reduce){.metronome-dot{transition:none}}.metronome-bpm{align-items:baseline;gap:var(--mu-spacing-xs);display:flex}.metronome-bpm-num{font:var(--mu-font-subtitle-l);font-weight:var(--mu-font-weight-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metronome-bpm-label{color:var(--mu-color-content-secondary);font:var(--mu-font-body-s)}.metronome-row{align-items:center;gap:var(--mu-spacing-xs);justify-content:center;width:100%;display:flex}.metronome-slider{flex:1;min-width:0}.metronome-controls{gap:var(--mu-spacing-s);flex-wrap:wrap}.metronome-time{align-items:center;gap:var(--mu-spacing-xs);font:var(--mu-font-body-s-medium);display:inline-flex}.finder,.tool-box{--pk-root:var(--mu-color-action-primary);--pk-hot:color-mix(in srgb, var(--mu-color-action-primary) 30%, var(--mu-color-background-default));--pk-hot-black:color-mix(in srgb, var(--mu-color-action-primary) 70%, var(--mu-color-content-primary));--pk-black:var(--mu-color-content-primary);--pk-black-stroke:var(--mu-color-content-primary);--pk-stroke:var(--mu-color-content-primary);--pk-label:var(--mu-color-content-primary);--staff-note:var(--mu-color-action-primary);align-items:center;gap:var(--mu-spacing-xl);width:100%;padding:var(--mu-spacing-xl);border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-default);flex-direction:column;margin:0;display:flex}.tool-box .finder{background:0 0;border:0;padding:0}.tool-box>*{flex-direction:column;align-items:center;width:100%;display:flex}.tool-box>.finder-controls{flex-direction:row;align-items:flex-end}.tool-box [role=tablist] [role=tab]{min-height:40px;padding:10px var(--mu-spacing-m)}.tool-box [role=tabpanel]{width:100%;margin-top:var(--mu-spacing-xl);overflow:visible}.finder-controls{justify-content:center;align-items:flex-end;gap:var(--mu-spacing-m);flex-wrap:wrap;width:100%;display:flex}.finder label:has(>select){position:relative}.tool-box label:has(>select){position:relative}.metronome label:has(>select){position:relative}.finder-field{gap:var(--mu-spacing-xxs);color:var(--mu-color-content-primary);font:var(--mu-font-body-s-medium);flex-direction:column;display:inline-flex;position:relative}.finder select,.tool-box select,.metronome select{appearance:none;min-height:44px;padding:var(--mu-spacing-s) calc(var(--mu-spacing-s) * 2 + 20px) var(--mu-spacing-s) var(--mu-spacing-s);border:1px solid var(--mu-color-form-hovered);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-highlight);color:var(--mu-color-content-primary);font:var(--mu-font-body-s);cursor:pointer}.finder select:hover,.tool-box select:hover,.metronome select:hover{border-color:var(--mu-color-form-active)}.finder select:focus-visible,.tool-box select:focus-visible,.metronome select:focus-visible{outline:2px solid var(--mu-color-utility-focus-outline);outline-offset:1px}.finder label:not(.does-not-exist):has(>select):after{content:"";right:var(--mu-spacing-s);bottom:var(--mu-spacing-s);background:var(--mu-color-content-primary);pointer-events:none;width:20px;height:20px;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat}.finder .finder-field:has(>select):after{content:"";right:var(--mu-spacing-s);bottom:var(--mu-spacing-s);background:var(--mu-color-content-primary);pointer-events:none;width:20px;height:20px;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat}.tool-box label:not(.does-not-exist):has(>select):after{content:"";right:var(--mu-spacing-s);bottom:var(--mu-spacing-s);background:var(--mu-color-content-primary);pointer-events:none;width:20px;height:20px;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat}.tool-box .finder-field:has(>select):after{content:"";right:var(--mu-spacing-s);bottom:var(--mu-spacing-s);background:var(--mu-color-content-primary);pointer-events:none;width:20px;height:20px;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat}.metronome label:not(.does-not-exist):has(>select):after{content:"";right:var(--mu-spacing-s);bottom:var(--mu-spacing-s);background:var(--mu-color-content-primary);pointer-events:none;width:20px;height:20px;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat}.metronome .finder-field:has(>select):after{content:"";right:var(--mu-spacing-s);bottom:var(--mu-spacing-s);background:var(--mu-color-content-primary);pointer-events:none;width:20px;height:20px;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat}:is(.finder,.tool-box,.metronome) :is(label,.finder-field):has(>select):after{content:"";right:var(--mu-spacing-s);bottom:var(--mu-spacing-s);background:var(--mu-color-content-primary);pointer-events:none;width:20px;height:20px;position:absolute;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 14 5 8h10z'/%3E%3C/svg%3E") 50%/contain no-repeat}.finder-toggle{align-items:center;gap:var(--mu-spacing-xs);min-height:44px;font:var(--mu-font-body-s);cursor:pointer;flex-direction:row}.finder input[type=checkbox],.tool-box input[type=checkbox],.metronome input[type=checkbox]{width:20px;height:20px;accent-color:var(--mu-color-action-primary);cursor:pointer;margin:0}.finder input[type=range],.tool-box input[type=range],.metronome input[type=range]{appearance:none;height:20px;accent-color:var(--mu-color-action-primary);cursor:pointer;background:0 0}.finder input[type=range]::-webkit-slider-runnable-track{background:var(--mu-color-background-disabled);height:2px}.tool-box input[type=range]::-webkit-slider-runnable-track{background:var(--mu-color-background-disabled);height:2px}.metronome input[type=range]::-webkit-slider-runnable-track{background:var(--mu-color-background-disabled);height:2px}.finder input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--mu-border-radius-full);background:var(--mu-color-action-primary);width:12px;height:12px;margin-top:-5px}.tool-box input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--mu-border-radius-full);background:var(--mu-color-action-primary);width:12px;height:12px;margin-top:-5px}.metronome input[type=range]::-webkit-slider-thumb{appearance:none;border-radius:var(--mu-border-radius-full);background:var(--mu-color-action-primary);width:12px;height:12px;margin-top:-5px}.finder input[type=range]::-moz-range-track{background:var(--mu-color-background-disabled);height:2px}.tool-box input[type=range]::-moz-range-track{background:var(--mu-color-background-disabled);height:2px}.metronome input[type=range]::-moz-range-track{background:var(--mu-color-background-disabled);height:2px}.finder input[type=range]::-moz-range-progress{background:var(--mu-color-action-primary);height:2px}.tool-box input[type=range]::-moz-range-progress{background:var(--mu-color-action-primary);height:2px}.metronome input[type=range]::-moz-range-progress{background:var(--mu-color-action-primary);height:2px}.finder input[type=range]::-moz-range-thumb{border-radius:var(--mu-border-radius-full);background:var(--mu-color-action-primary);border:0;width:12px;height:12px}.tool-box input[type=range]::-moz-range-thumb{border-radius:var(--mu-border-radius-full);background:var(--mu-color-action-primary);border:0;width:12px;height:12px}.metronome input[type=range]::-moz-range-thumb{border-radius:var(--mu-border-radius-full);background:var(--mu-color-action-primary);border:0;width:12px;height:12px}.finder-stage{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;justify-content:safe center;width:100%;display:flex;overflow-x:auto}.piano-keyboard-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-width:100%;overflow:auto hidden}.piano-keyboard{display:block}.pk-white,.pk-black{transition:fill 80ms}.finder-photo{max-width:520px;margin:var(--mu-spacing-s) auto 0;text-align:center}.finder-photo img{background:var(--mu-color-background-default);border-radius:10px;max-width:100%;height:auto}.finder-photo figcaption{margin-top:var(--mu-spacing-xs);color:var(--mu-color-content-secondary);font:var(--mu-font-body-s)}.finder-readout{align-items:center;gap:var(--mu-spacing-xs);text-align:center;flex-direction:column;margin:0;display:flex}.finder-readout strong{font:var(--mu-font-subtitle-s);font-weight:var(--mu-font-weight-semibold);color:var(--mu-color-content-primary)}.finder-notes{color:var(--mu-color-content-secondary);font:var(--mu-font-body-l);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.finder-notes strong{font:inherit;color:var(--mu-color-content-primary)}.finder-note-aside{max-width:38ch;color:var(--mu-color-content-secondary);font:var(--mu-font-caption-l);text-align:center}.finder-readout-name{color:var(--mu-color-content-secondary);font:var(--mu-font-body-l-medium)}.finder-credit{color:var(--mu-color-content-secondary);font:var(--mu-font-caption-l);text-align:center;margin:0}.finder-credit a{color:var(--mu-color-content-primary)}@media (max-width:560px){.finder,.tool-box{gap:var(--mu-spacing-m);padding:var(--mu-spacing-m) var(--mu-spacing-s)}.tool-box .finder{padding:0}.finder-controls{grid-gap:var(--mu-spacing-s);gap:var(--mu-spacing-s);grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));align-items:end;display:grid}.finder-field{width:100%;min-width:0}.finder-field select{width:100%;font-size:16px}.finder-toggle{align-self:center;width:auto}.finder-readout strong{font:var(--mu-font-subtitle-s)}.finder-note-aside{max-width:100%}}.guitar-voicings{grid-gap:1rem .75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem .75rem;width:100%;margin:1rem 0;display:grid}.guitar-voicing{flex-direction:column;align-items:center;gap:.35rem;margin:0;display:flex}.guitar-voicing-cap{text-align:center}.guitar-voicing-play{border:1px solid var(--mu-color-stroke-default);color:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.15rem .6rem;font-size:.8rem}.guitar-voicing-play:hover{background:var(--mu-color-exception-multilayer)}.finder-empty{color:var(--mu-color-content-secondary);margin:1rem 0}.finder-linkbtn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline;text-decoration:underline}.music-staff{display:block}.trainer-head{justify-content:space-between;align-items:center;gap:var(--mu-spacing-m);flex-wrap:wrap;width:100%;display:flex}.trainer-score{font:var(--mu-font-body-s-medium);color:var(--mu-color-content-secondary)}.trainer-score strong{color:var(--mu-color-content-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trainer-feedback{text-align:center;min-height:1.4em;margin:0;font-weight:600}.trainer-feedback.is-correct{color:var(--mu-color-status-success)}.trainer-feedback.is-wrong{color:var(--mu-color-status-error)}.trainer-names{justify-content:center;gap:var(--mu-spacing-s);flex-wrap:wrap;width:100%;display:flex}.trainer-choice{min-width:48px}@media (hover:none){.trainer-choice{min-height:44px}}.trainer-play-row{justify-content:center;gap:var(--mu-spacing-s);flex-wrap:wrap;display:flex}.fretboard{display:block}.tap-tempo{align-items:center}.tap-readout{flex-direction:column;align-items:center;gap:0;display:flex}.tap-bpm{font:var(--mu-font-heading-l);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--mu-color-content-primary);font-size:4rem;font-weight:800;line-height:1}.tap-unit{color:var(--mu-color-content-secondary);letter-spacing:.08em;font-weight:700}.tap-next{text-align:center;min-height:1.5em;margin:0}.tap-button{min-width:220px;padding:var(--mu-spacing-l) var(--mu-spacing-xl);border-radius:var(--mu-border-radius-full);background:var(--mu-color-action-primary);color:var(--mu-color-exception-constant-light);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;font-size:1.15rem;font-weight:800}.tap-button:hover{background:var(--mu-action-primary-hovered)}.tap-button:active{transform:scale(.98)}.home-section{margin-bottom:var(--mu-spacing-3xl)}.home-section-head{justify-content:space-between;align-items:baseline;gap:var(--mu-spacing-s);margin-bottom:var(--mu-spacing-m);display:flex}.home-section-head h2{margin:0}.home-section-more{white-space:nowrap;font-weight:600}.card-grid{grid-gap:var(--mu-spacing-xl);gap:var(--mu-spacing-xl);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));margin:0;padding:0;list-style:none;display:grid}.card{border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-default);transition:background-color .12s;position:relative;overflow:hidden}@media (hover:hover){.card:hover{background:var(--mu-color-background-inactive)}}.card:active{background:var(--mu-color-background-inactive)}.card-link{height:100%;color:inherit;padding:0 0 var(--mu-spacing-xl);display:block}.card-link:hover{-webkit-text-decoration:none;text-decoration:none}.card-cover{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0;background:var(--mu-color-background-inactive);width:100%;height:auto;display:block}.card-title{font:var(--mu-font-subtitle-s);font-weight:var(--mu-font-weight-semibold);margin:var(--mu-spacing-m) var(--mu-spacing-xl) var(--mu-spacing-xxs)}.card-meta,.card-sub{margin:0 var(--mu-spacing-xl);color:var(--mu-color-content-secondary);font:var(--mu-font-body-s)}.card-link--icon{grid-column-gap:var(--mu-spacing-m);-moz-column-gap:var(--mu-spacing-m);column-gap:var(--mu-spacing-m);grid-row-gap:var(--mu-spacing-xxs);row-gap:var(--mu-spacing-xxs);padding:var(--mu-spacing-xl);grid-template-rows:auto auto auto;grid-template-columns:56px minmax(0,1fr);align-items:center;display:grid}.card-link--text.card-link--icon{padding-top:var(--mu-spacing-xl)}.card-link--icon .card-icon{box-sizing:border-box;width:56px;height:56px;padding:var(--mu-spacing-s);border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-full);background:var(--mu-color-background-highlight);-o-object-fit:contain;object-fit:contain;grid-area:1/1/span 3;align-self:center;margin:0}.card-icon--glyph{color:var(--mu-color-accent-primary-brand);justify-content:center;align-items:center;display:inline-flex}.card-link--icon .card-title,.card-link--icon .card-meta,.card-link--icon .card-rating{grid-column:2;margin:0}.card-link--icon .card-sub{margin:var(--mu-spacing-m) 0 0;grid-column:1/-1}.card-rating{align-items:center;gap:var(--mu-spacing-xxs);min-height:20px;margin:var(--mu-spacing-xxs) var(--mu-spacing-xl) 0;font:var(--mu-font-body-s);display:flex}.card-rating+.card-sub{margin-top:var(--mu-spacing-m)}.card--tool .card-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card--tool .card-meta{min-height:20px}.card--tool .card-rating{height:20px}.card--tool .card-sub{min-height:60px}.card-desc{margin:var(--mu-spacing-xs) var(--mu-spacing-xl) 0;color:var(--mu-color-content-primary);font:var(--mu-font-body-s);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pager{justify-content:space-between;gap:var(--mu-spacing-m);border-top:1px solid var(--mu-color-stroke-default);margin-top:var(--mu-spacing-3xl);padding-top:var(--mu-spacing-l);font:var(--mu-font-body-s);display:flex}.pager-next{text-align:right}.book-header{gap:var(--mu-spacing-xl);flex-wrap:wrap;align-items:flex-start;display:flex}.book-cover{border-radius:var(--mu-border-radius-s);border:1px solid var(--mu-color-stroke-default);width:220px;height:auto}.book-intro{flex:320px}.byline,.edition{color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);margin:0}.byline a{color:var(--mu-color-action-controls)}.byline+.article-dates{margin-top:calc(var(--mu-spacing-xxs) - var(--mu-spacing-m))}.cta{align-items:center;gap:var(--mu-spacing-xs);margin-top:var(--mu-spacing-s);padding:var(--mu-spacing-s) var(--mu-spacing-m);background:var(--mu-color-action-primary);color:var(--mu-color-exception-constant-light);border-radius:var(--mu-border-radius-full);font:var(--mu-font-body-s-medium);cursor:pointer;border:0;display:inline-flex}.cta:hover{opacity:var(--mu-states-hovered);-webkit-text-decoration:none;text-decoration:none}.toc-sections{gap:var(--mu-spacing-3xl);margin-top:var(--mu-spacing-l);flex-direction:column;display:flex}.toc-section{gap:var(--mu-spacing-l);flex-direction:column;display:flex}.toc-section-title{font:var(--mu-font-body-s-semibold);text-transform:uppercase;letter-spacing:.09em;color:var(--mu-color-action-primary);padding-bottom:var(--mu-spacing-xs);border-bottom:1px solid var(--mu-color-stroke-default);margin:0;font-weight:600}.toc-chapter{border-left:3px solid var(--mu-color-form-default);padding-left:var(--mu-spacing-l)}.toc-chapter-title{font:var(--mu-font-subtitle-s);margin:0 0 var(--mu-spacing-s)}.toc-articles{gap:var(--mu-spacing-s);flex-direction:column;margin:0;padding-left:1.4em;display:flex}.toc-articles li{margin:0}.toc-articles a{font:var(--mu-font-body-l-semibold);font-weight:600}.toc-article-excerpt{color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);margin-top:2px;display:block}.teaser{border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-s);padding:var(--mu-spacing-l) var(--mu-spacing-xl);margin-top:var(--mu-spacing-xl);background:var(--mu-color-background-default)}.commerce{gap:var(--mu-spacing-5xl);border-top:1px solid var(--mu-color-stroke-default);margin-top:var(--mu-spacing-3xl);padding-top:var(--mu-spacing-l);flex-wrap:wrap;display:flex}.commerce ul{padding-left:1.1em}.guide-cta{margin-top:var(--mu-spacing-3xl);padding:var(--mu-spacing-xl) var(--mu-spacing-xl);border:1px solid var(--mu-color-form-default);border-radius:var(--mu-border-radius-s);background:color-mix(in srgb, var(--mu-color-action-primary) 5%, var(--mu-color-background-default))}.guide-cta>:first-child{margin-top:0}.guide-cta>:last-child{margin-bottom:0}.guide-cta h2{font:var(--mu-font-subtitle-m);margin:0 0 var(--mu-spacing-s)}.guide-cta h3{font:var(--mu-font-subtitle-s);margin:var(--mu-spacing-l) 0 var(--mu-spacing-xs)}.guide-cta p{margin:0 0 var(--mu-spacing-m)}.guide-cta ul{margin:0 0 var(--mu-spacing-m);gap:var(--mu-spacing-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.guide-cta li{margin:0}.guide-cta ul a{padding:var(--mu-spacing-3xs) var(--mu-spacing-m);border:1px solid var(--mu-color-form-default);border-radius:var(--mu-border-radius-full);background:var(--mu-color-background-highlight);color:var(--mu-color-action-primary);font-weight:600;display:inline-block}.guide-cta ul a:hover{border-color:var(--mu-color-action-primary);background:var(--mu-color-action-primary);color:var(--mu-color-exception-constant-light);-webkit-text-decoration:none;text-decoration:none}.prose{font:var(--mu-font-body-l)}.prose img{max-width:100%;height:auto}.zoom-img{cursor:zoom-in;background:0 0;border:0;width:100%;margin:0;padding:0;display:block;position:relative}.zoom-img img{display:block}.zoom-img-hint{background:var(--mu-color-overlay-float);width:30px;height:30px;color:var(--mu-color-exception-constant-light);opacity:0;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:opacity .15s;display:flex;position:absolute;bottom:10px;right:10px}.zoom-img:hover .zoom-img-hint,.zoom-img:focus-visible .zoom-img-hint{opacity:1}.zoom-img:focus-visible{outline:2px solid var(--mu-color-action-primary);outline-offset:2px}.lightbox{z-index:1000;background:var(--mu-color-overlay-float);cursor:zoom-out;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:95vw;height:auto;max-height:92vh;box-shadow:var(--mu-color-utility-box-shadow);cursor:default;background:var(--mu-color-exception-constant-light);border-radius:8px}.lightbox-close{background:color-mix(in srgb, var(--mu-color-exception-constant-light) 12%, transparent);width:44px;height:44px;color:var(--mu-color-exception-constant-light);cursor:pointer;border:0;border-radius:999px;font-size:28px;line-height:1;position:absolute;top:16px;right:20px}.lightbox-close:hover{background:color-mix(in srgb, var(--mu-color-exception-constant-light) 25%, transparent)}.prose-table-wrap{margin:var(--mu-spacing-l) 0;overflow-x:auto}.prose-table{border-collapse:collapse;width:100%;font:var(--mu-font-body-l)}.prose-table caption{caption-side:top;text-align:left;color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);margin-bottom:var(--mu-spacing-xs)}.prose-table th,.prose-table td{border:1px solid var(--mu-color-stroke-default);padding:var(--mu-spacing-xs) var(--mu-spacing-s);text-align:left;vertical-align:top}.prose-table thead th{background:var(--mu-color-background-default);border-bottom:2px solid var(--mu-color-form-default);font-weight:600}.prose-table tbody th[scope=row]{white-space:nowrap;background:var(--mu-color-background-default);width:1%;font-weight:600}.prose-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--mu-color-background-default) 50%, var(--mu-color-background-highlight))}.card-link--text{padding-top:var(--mu-spacing-xs)}.tag-chips{gap:var(--mu-spacing-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tag-chip{align-items:center;gap:var(--mu-spacing-xxs);padding:var(--mu-spacing-s) var(--mu-spacing-m);border-radius:var(--mu-border-radius-full);color:var(--mu-color-content-primary);background:var(--mu-color-exception-multilayer);font:var(--mu-font-body-s-medium);cursor:pointer;border:0;display:inline-flex}.tag-chip:hover{opacity:var(--mu-states-hovered);-webkit-text-decoration:none;text-decoration:none}.tag-chip-count{color:var(--mu-color-content-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chapter-header{align-items:flex-start;gap:var(--mu-spacing-m);margin:0 0 var(--mu-spacing-3xl);flex-direction:column;display:flex}.chapter-header>*{margin:0}.article-dates{color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);margin:0}.feedback-cta{justify-content:space-between;align-items:center;gap:var(--mu-spacing-xl);padding:var(--mu-spacing-l) var(--mu-spacing-xl);background:var(--mu-color-background-default);border-radius:var(--mu-border-radius-s);display:flex}.feedback-cta-title{font:var(--mu-font-subtitle-s);font-weight:var(--mu-font-weight-semibold);margin:0}.feedback-cta-body{margin:var(--mu-spacing-xxs) 0 0;color:var(--mu-color-content-secondary);font:var(--mu-font-body-s)}.feedback-cta-btn{flex:none}@media (max-width:560px){.feedback-cta{flex-direction:column;align-items:flex-start}}.chapter-eyebrow{font:var(--mu-font-body-s-semibold);letter-spacing:.02em;text-transform:uppercase;color:var(--mu-color-content-secondary);margin:0 0 var(--mu-spacing-s);font-weight:600}.start-here{margin:0 0 var(--mu-spacing-l);padding:var(--mu-spacing-m) var(--mu-spacing-l);border:1px solid var(--mu-color-form-default);border-left:4px solid var(--mu-color-action-primary);border-radius:var(--mu-border-radius-s);background:color-mix(in srgb, var(--mu-color-action-primary) 5%, var(--mu-color-background-default))}.start-here p{margin:0}.start-here-actions{align-items:center;gap:var(--mu-spacing-s) var(--mu-spacing-l);flex-wrap:wrap;display:flex;margin-top:var(--mu-spacing-s)!important}.start-here-cta{padding:var(--mu-spacing-xs) var(--mu-spacing-m);border-radius:var(--mu-border-radius-s);background:var(--mu-color-action-primary);color:var(--mu-color-exception-constant-light);font-weight:700;-webkit-text-decoration:none;text-decoration:none;display:inline-block}.start-here-cta:hover{filter:brightness(.92);-webkit-text-decoration:none;text-decoration:none}.start-here-toc{color:var(--mu-color-content-secondary);font-weight:600}.page-section{scroll-margin-top:80px}.hub-pages{margin:var(--mu-spacing-xl) 0 0;gap:var(--mu-spacing-l);flex-direction:column;padding:0;list-style:none;display:flex}.hub-page{border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-s);padding:var(--mu-spacing-l) var(--mu-spacing-xl);background:var(--mu-color-background-default)}.hub-page-title{font:var(--mu-font-subtitle-s);margin:0}.hub-page-excerpt{margin:var(--mu-spacing-xs) 0 0;color:var(--mu-color-content-secondary)}.hub-page-sections{margin:var(--mu-spacing-s) 0 0;color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);padding-left:1.2em}.page-images{gap:var(--mu-spacing-m);margin-top:var(--mu-spacing-xl);flex-direction:column;display:flex}.page-images img{border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-inactive);width:100%;height:auto}.paywall-slot{border:1px dashed var(--mu-color-form-default);border-radius:var(--mu-border-radius-s);padding:var(--mu-spacing-l) var(--mu-spacing-xl);margin-top:var(--mu-spacing-xl);background:var(--mu-color-background-default);text-align:center}.paywall-slot p{margin:0}.related>h2{margin-bottom:var(--mu-spacing-xl)}.article-scores{border-top:1px solid var(--mu-color-stroke-default);margin-top:var(--mu-spacing-3xl);padding-top:var(--mu-spacing-l)}.article-scores h2{font:var(--mu-font-subtitle-s);margin:0 0 var(--mu-spacing-s)}.article-scores ul{gap:var(--mu-spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.article-scores a{padding:var(--mu-spacing-s) var(--mu-spacing-m);border:1px solid var(--mu-color-form-default);border-radius:var(--mu-border-radius-s);color:var(--mu-color-action-primary);font-weight:600;display:block}.article-scores a:hover{border-color:var(--mu-color-action-primary);background:color-mix(in srgb, var(--mu-color-action-primary) 6%, var(--mu-color-background-highlight));-webkit-text-decoration:none;text-decoration:none}.book-topics{margin-top:var(--mu-spacing-xl)}.home-topics{border-top:1px solid var(--mu-color-stroke-default);margin-top:var(--mu-spacing-3xl);padding-top:var(--mu-spacing-l)}.see-also{margin-top:var(--mu-spacing-4xl)}.see-also h2{margin:0 0 var(--mu-spacing-s);font:var(--mu-font-subtitle-m);font-weight:var(--mu-font-weight-semibold)}.see-also p{margin:0}.see-also a{font-weight:600}.not-found-articles{margin-top:var(--mu-spacing-3xl)}.author-header{gap:var(--mu-spacing-xl);flex-wrap:wrap;align-items:flex-start;display:flex}.author-photo{border-radius:var(--mu-border-radius-s);border:1px solid var(--mu-color-stroke-default);width:160px;height:auto}.author-intro{flex:320px}.credentials{margin:var(--mu-spacing-s) 0 0;color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);padding-left:1.1em}.author-links ul{padding-left:1.1em}.stars>span{--icon-size:16px}.stars--l>span{--icon-size:20px}.rate-tool{grid-column-gap:var(--mu-spacing-m);-moz-column-gap:var(--mu-spacing-m);align-items:start;column-gap:var(--mu-spacing-m);padding:var(--mu-spacing-l) var(--mu-spacing-xl);background:var(--mu-color-background-default);border-radius:var(--mu-border-radius-s);grid-template-columns:1fr auto;display:grid}.rate-tool>:not(.rate-tool-head){grid-column:1/-1}.rate-tool-head{display:contents}.rate-tool-title{font:var(--mu-font-subtitle-s);font-weight:var(--mu-font-weight-semibold);grid-area:1/1;margin:0}.rate-tool-agg{align-items:center;gap:var(--mu-spacing-xxs);color:var(--mu-color-content-primary);font:var(--mu-font-body-s-medium);grid-area:1/2;display:inline-flex}.rate-tool-agg:hover{opacity:var(--mu-states-hovered);-webkit-text-decoration:none;text-decoration:none}.rate-tool-agg.muted{color:var(--mu-color-content-secondary);font:var(--mu-font-body-s)}.rate-tool-stars{gap:var(--mu-spacing-xxs);margin-top:var(--mu-spacing-xs);justify-self:start;display:inline-flex}.rate-star{appearance:none;color:var(--mu-color-form-default);cursor:pointer;--icon-size:32px;background:0 0;border:0;padding:0;display:inline-flex}.rate-star.is-on{color:var(--mu-color-content-primary)}.rate-star:hover{opacity:var(--mu-states-hovered)}.rate-star:focus-visible{outline:2px solid var(--mu-color-utility-focus-outline);outline-offset:1px;border-radius:var(--mu-border-radius-s)}.rate-star:disabled{cursor:default;opacity:var(--mu-states-disabled)}.rate-tool-hp{opacity:0;width:1px;height:1px;left:-10000px;position:absolute!important}.rate-tool-label{margin:0 0 var(--mu-spacing-xs);font:var(--mu-font-body-l-semibold);display:block}.rate-tool-link{appearance:none;color:var(--mu-color-action-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline;text-decoration:underline}.rate-tool-link:hover{opacity:var(--mu-states-hovered)}.rate-tool-form{margin-top:var(--mu-spacing-m);gap:var(--mu-spacing-xs);flex-direction:column;display:flex}.rate-tool-form textarea,.rate-tool-row input{width:100%;font:var(--mu-font-body-s);padding:var(--mu-spacing-s) var(--mu-spacing-m);border:1px solid var(--mu-color-form-default);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-highlight);color:var(--mu-color-content-primary)}.rate-tool-form textarea:hover,.rate-tool-row input:hover{border-color:var(--mu-color-form-hovered)}.rate-tool-form textarea:focus,.rate-tool-row input:focus{border-color:var(--mu-color-form-active);outline:none}.rate-tool-form textarea{resize:vertical;min-height:96px}.rate-tool-row{gap:var(--mu-spacing-xs);align-items:stretch;display:flex}.rate-tool-row input{border-radius:var(--mu-border-radius-full);flex:auto}.rate-tool-send{flex:none;margin:0}.rate-tool-send:disabled{opacity:var(--mu-states-disabled);cursor:default}.rate-tool-note{font:var(--mu-font-caption-l);margin:0}.rate-tool-thanks{margin:var(--mu-spacing-xs) 0 0;font:var(--mu-font-body-s-semibold)}.rate-tool-error{margin:var(--mu-spacing-xs) 0 0;color:var(--mu-color-status-error);font:var(--mu-font-body-s)}@media (max-width:560px){.rate-tool-row{flex-direction:column}}.reviews{gap:var(--mu-spacing-m);flex-direction:column;display:flex}.reviews>h2{margin:0}.reviews-agg{align-items:center;gap:var(--mu-spacing-5xl);padding:var(--mu-spacing-xl) var(--mu-spacing-3xl);background:var(--mu-color-background-default);border-radius:var(--mu-border-radius-s);display:flex}.reviews-agg-score{align-items:center;gap:var(--mu-spacing-xxs);font:var(--mu-font-body-s);flex-direction:column;flex:none;display:flex}.reviews-agg-number{font:var(--mu-font-heading-m);color:var(--mu-color-content-primary)}.reviews-hist{grid-gap:var(--mu-spacing-xs);gap:var(--mu-spacing-xs);flex:auto;margin:0;padding:0;list-style:none;display:grid}.reviews-hist li{grid-gap:var(--mu-spacing-s);align-items:center;gap:var(--mu-spacing-s);font:var(--mu-font-body-s);grid-template-columns:28px 1fr 36px;display:grid}.reviews-hist-label{font:var(--mu-font-body-s-medium)}.reviews-hist-bar{background:var(--mu-color-background-inactive);border-radius:var(--mu-border-radius-full);height:8px;display:block;overflow:hidden}.reviews-hist-bar>span{background:var(--mu-color-accent-primary-brand);border-radius:var(--mu-border-radius-full);height:100%;display:block}.reviews-hist-n{text-align:right}.reviews-list{grid-gap:var(--mu-spacing-m);gap:var(--mu-spacing-m);margin:0;padding:0;list-style:none;display:grid}.review-card{gap:var(--mu-spacing-xs);padding:var(--mu-spacing-l) var(--mu-spacing-xl);border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-default);flex-direction:column;display:flex}.review-card-head{align-items:center;gap:var(--mu-spacing-xs);font:var(--mu-font-body-s);flex-wrap:wrap;display:flex}.review-card-author{font:var(--mu-font-body-s-medium)}.review-card-text{font:var(--mu-font-body-l);white-space:pre-line;margin:0}.review-reply{gap:var(--mu-spacing-xs);margin:var(--mu-spacing-xs) 0 0 var(--mu-spacing-s);padding:var(--mu-spacing-s) var(--mu-spacing-m);border-left:2px solid var(--mu-color-accent-primary-brand);background:var(--mu-color-background-highlight);flex-direction:column;display:flex}.reviews-more{justify-self:start}.reviews-empty{color:var(--mu-color-content-secondary);margin:0}.reviews-empty-cta{color:var(--mu-color-action-primary);font:var(--mu-font-body-l-medium)}@media (max-width:560px){.reviews-agg{align-items:stretch;gap:var(--mu-spacing-xl);padding:var(--mu-spacing-xl);flex-direction:column}}.progression-player{gap:var(--mu-spacing-xl)}.progression-tempo{min-width:200px}.progression-tempo-row{align-items:center;gap:var(--mu-spacing-s);min-height:44px;display:flex}.progression-tempo-row input[type=range]{flex:1;min-width:120px}.progression-bpm{align-items:baseline;gap:var(--mu-spacing-xxs);color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex}.progression-bpm strong{color:var(--mu-color-content-primary);font:var(--mu-font-subtitle-s);font-weight:var(--mu-font-weight-semibold)}.progression-grid{grid-gap:var(--mu-spacing-m);gap:var(--mu-spacing-m);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.progression-card{gap:var(--mu-spacing-s);padding:var(--mu-spacing-m);border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-highlight);flex-direction:column;display:flex}.progression-card.is-playing{border-color:var(--mu-color-action-primary);box-shadow:inset 0 0 0 1px var(--mu-color-action-primary)}.progression-card.is-featured{grid-column:1/-1}.progression-card-head{justify-content:space-between;align-items:center;gap:var(--mu-spacing-xs);display:flex}.progression-name{font:var(--mu-font-body-l-semibold);margin:0}.progression-play{flex:none}.progression-numerals{color:var(--mu-color-content-secondary);font:var(--echo-font-mono);margin:0}.progression-chips{gap:var(--mu-spacing-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.progression-chip{min-width:40px;padding:var(--mu-spacing-xs) var(--mu-spacing-s);border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-full);background:var(--mu-color-background-highlight);font:var(--mu-font-body-s-semibold);text-align:center;transition:background-color 80ms,color 80ms}.progression-chip.is-active{background:var(--mu-color-action-primary);border-color:var(--mu-color-action-primary);color:var(--mu-color-exception-constant-light)}@media (prefers-reduced-motion:reduce){.progression-chip{transition:none}}.progression-key{color:var(--mu-color-content-secondary);font:var(--mu-font-caption-l);margin:0}.progression-songs{color:var(--mu-color-content-secondary);font:var(--mu-font-caption-l)}.progression-songs-label{margin:0 0 var(--mu-spacing-xxs);text-transform:uppercase}.progression-songs ul{gap:var(--mu-spacing-xxs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.progression-more{color:var(--mu-color-action-controls);font:var(--mu-font-caption-l-medium);margin-top:auto}.progression-more:hover{opacity:var(--mu-states-hovered);-webkit-text-decoration:none;text-decoration:none}.tool-item-numerals{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tool-item-keytable th[scope=row]{white-space:nowrap}@media (max-width:560px){.progression-tempo{min-width:100%}.progression-grid{grid-template-columns:1fr}}.metronome-beats-pro{flex-wrap:wrap;justify-content:center;min-height:32px}.metronome-beatcol{align-items:center;gap:var(--mu-spacing-xxs);flex-direction:column;display:flex}.metronome-beatbtn{cursor:pointer;border:0;width:20px;height:20px;padding:0}.metronome-beatbtn.is-accent{box-shadow:inset 0 0 0 2px var(--mu-color-content-secondary)}.metronome-beatbtn.is-mute{box-shadow:inset 0 0 0 1px var(--mu-color-form-default);background:0 0}.metronome-beatbtn.is-mute.is-active{box-shadow:inset 0 0 0 2px var(--mu-color-action-primary);background:0 0}.metronome-beatbtn.is-silent{opacity:var(--mu-states-disabled)}.metronome-subs{gap:var(--mu-spacing-3xs);display:flex}.metronome-subdot{border-radius:var(--mu-border-radius-full);background:var(--mu-color-background-disabled);width:6px;height:6px}.metronome-subdot.is-active{background:var(--mu-color-action-primary)}.metronome-hint{color:var(--mu-color-content-secondary);font:var(--mu-font-caption-l);text-align:center;margin:0}.metronome-marking{color:var(--mu-color-content-secondary);font:var(--mu-font-body-s)}.metronome-grid,.tool-grid{grid-gap:var(--mu-spacing-m);gap:var(--mu-spacing-m);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%;display:grid}.metronome-field,.tool-field{gap:var(--mu-spacing-xxs);color:var(--mu-color-content-primary);font:var(--mu-font-body-s-medium);flex-direction:column;display:flex}.metronome-field select,.metronome-field input[type=range],.tool-field select,.tool-field input[type=range]{width:100%}.metronome-field input[type=range],.tool-field input[type=range]{height:44px}.tool-field select{appearance:none;min-height:44px;padding:var(--mu-spacing-s) calc(var(--mu-spacing-s) * 2 + 20px) var(--mu-spacing-s) var(--mu-spacing-s);border:1px solid var(--mu-color-form-hovered);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-highlight);color:var(--mu-color-content-primary);font:var(--mu-font-body-s)}.metronome-trainers{grid-gap:var(--mu-spacing-s);gap:var(--mu-spacing-s);grid-template-columns:1fr;width:100%;display:grid}.metronome-trainer{padding:var(--mu-spacing-m);border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-highlight);color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);margin:0}.metronome-trainer.is-on{border-color:var(--mu-color-action-primary)}.metronome-trainer legend{float:left;width:100%;color:var(--mu-color-content-primary);font:var(--mu-font-body-s);padding:0}.metronome-trainer legend+*{clear:both}.metronome-trainer-row{align-items:center;gap:var(--mu-spacing-s);padding-top:var(--mu-spacing-m);flex-wrap:wrap;display:flex}.metronome-trainer-row label{align-items:center;gap:var(--mu-spacing-xs);display:inline-flex}.metronome-trainer-row input[type=number]{width:64px;min-height:40px;padding:var(--mu-spacing-xs);border:1px solid var(--mu-color-form-hovered);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-highlight);color:var(--mu-color-content-primary);font:var(--mu-font-body-s);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metronome-trainer-row input[type=number]:focus-visible{outline:2px solid var(--mu-color-utility-focus-outline);outline-offset:1px}.metronome-timings{color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);text-align:center;margin:0}.metronome-timings strong{color:var(--mu-color-content-primary);font:var(--mu-font-body-s-medium)}.metronome-rec{align-items:center;gap:var(--mu-spacing-s);width:100%;padding-top:var(--mu-spacing-m);border-top:1px solid var(--mu-color-stroke-default);flex-direction:column;display:flex}.metronome-rec-row{align-items:center;gap:var(--mu-spacing-s);display:flex}.metronome-rec-btn.is-recording{color:var(--mu-color-status-error)}.metronome-rec-time{font:var(--mu-font-body-s-semibold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metronome-rec-note{max-width:48ch;color:var(--mu-color-content-secondary);font:var(--mu-font-caption-l);text-align:center;margin:0}.metronome-rec-note.is-error{color:var(--mu-color-status-error)}.metronome-rec-take{justify-content:center;align-items:center;gap:var(--mu-spacing-s);flex-wrap:wrap;display:flex}.metronome-rec-download{color:var(--mu-color-action-primary);font:var(--mu-font-body-s-medium)}@media (max-width:560px){.metronome-trainers{grid-template-columns:1fr}}.progression-songs a{color:var(--mu-color-content-primary)}.tool-item-companions a strong{color:var(--mu-color-action-primary)}.drone-notes{grid-gap:var(--mu-spacing-xs);gap:var(--mu-spacing-xs);grid-template-columns:repeat(6,minmax(0,1fr));width:100%;display:grid}.drone-note{min-height:44px;padding:var(--mu-spacing-s) 0;border:1px solid var(--mu-color-stroke-default);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-highlight);color:var(--mu-color-content-primary);font:var(--mu-font-body-s-semibold);cursor:pointer}.drone-note:hover{border-color:var(--mu-color-form-hovered)}.drone-note.is-active{background:var(--mu-color-action-primary);border-color:var(--mu-color-action-primary);color:var(--mu-color-exception-constant-light)}.drone-readout{text-align:center;flex-direction:column;align-items:center;gap:2px;margin:0;display:flex}.drone-pitch{font:var(--mu-font-subtitle-l);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.drone-pitch.is-playing{color:var(--mu-color-action-primary)}.drone-hz{color:var(--mu-color-content-secondary);font:var(--mu-font-body-l-medium);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.drone-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width:560px){.drone-notes{grid-template-columns:repeat(4,minmax(0,1fr))}}.piano-link{color:var(--mu-color-action-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.piano-link:hover{-webkit-text-decoration:underline;text-decoration:underline}.finder.piano-pro{--pk-hot:color-mix(in srgb, var(--mu-color-action-primary) 10%, var(--mu-color-background-default));--pk-hot-black:color-mix(in srgb, var(--mu-color-action-primary) 35%, var(--mu-color-content-primary));gap:var(--mu-spacing-s)}.piano-pro-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.piano-pro-row{justify-content:center;align-items:center;gap:var(--mu-spacing-s) var(--mu-spacing-m);flex-wrap:wrap;width:100%;display:flex}.piano-octave{align-items:center;gap:var(--mu-spacing-xs);display:inline-flex}.piano-octave-label{min-width:6.5em;color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);text-align:center}.piano-octave-label strong{color:var(--mu-color-content-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.piano-status{color:var(--mu-color-content-secondary);font:var(--mu-font-caption-l);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-height:1.2em}.piano-hint{max-width:60ch;color:var(--mu-color-content-secondary);font:var(--mu-font-caption-l);text-align:center;margin:0;line-height:1.6}.piano-hint kbd,.piano-octave-label kbd{border:1px solid var(--mu-color-form-default);background:var(--mu-color-background-highlight);min-width:1.4em;color:var(--mu-color-content-primary);text-align:center;border-bottom-width:2px;border-radius:4px;padding:0 5px;font:600 .85em/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-block}.piano-tools{gap:var(--mu-spacing-s);width:100%;padding-top:var(--mu-spacing-s);border-top:1px solid var(--mu-color-stroke-default);flex-direction:column;display:flex}.piano-tool{align-items:center;gap:var(--mu-spacing-xs) var(--mu-spacing-s);flex-wrap:wrap;display:flex}.piano-tool-name{min-width:7.5em;color:var(--mu-color-content-primary);font:var(--mu-font-body-s-semibold)}.piano-inline{align-items:center;gap:var(--mu-spacing-xxs);color:var(--mu-color-content-secondary);font:var(--mu-font-body-s);display:inline-flex}.piano-inline input[type=number]{width:4.5em;min-height:40px;padding:var(--mu-spacing-xs) var(--mu-spacing-s);border:1px solid var(--mu-color-form-hovered);border-radius:var(--mu-border-radius-s);background:var(--mu-color-background-highlight);color:var(--mu-color-content-primary);font:var(--mu-font-body-s);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.piano-metro-dots{gap:5px;display:inline-flex}.piano-metro-dot{background:var(--mu-color-stroke-default);border-radius:50%;width:10px;height:10px;transition:transform 60ms,background-color 60ms}.piano-metro-dot.is-active{background:var(--mu-color-action-primary);transform:scale(1.3)}@media (max-width:560px){.piano-tool-name{width:100%;min-width:0}.piano-octave-label{min-width:0}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.browse-bar{align-items:center;gap:var(--mu-spacing-m);margin:calc(var(--mu-spacing-xl) - var(--mu-spacing-3xl)) 0 var(--mu-spacing-4xl);flex-wrap:wrap;display:flex}.browse-search{flex:0 480px;min-width:240px}.browse-search>*{width:100%}.browse-facets{gap:var(--mu-spacing-xs);flex-wrap:wrap;display:flex}.browse-facet{font-family:inherit}.browse-facet[aria-pressed=true]{background:var(--mu-color-action-controls);color:var(--mu-color-background-default)}.browse-facet[aria-pressed=true] .tag-chip-count{color:inherit}.browse-section+.browse-section{margin-top:var(--mu-spacing-4xl)}.browse-section .home-section-head{margin-bottom:var(--mu-spacing-xs)}.browse-section-title{font:var(--mu-font-heading-s);letter-spacing:.5px}.browse-count{font:inherit;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.browse-section-blurb{margin:0 0 var(--mu-spacing-xl);color:var(--mu-color-content-secondary);font:var(--mu-font-body-l)}.browse-section .home-section-head+.card-grid{margin-top:var(--mu-spacing-xl)}.browse-more{margin:var(--mu-spacing-m) 0 0;font:var(--mu-font-body-l-medium)}.browse-more .muted{font:var(--mu-font-body-l)}.browse-empty{margin:var(--mu-spacing-l) 0}.browse-reset{color:var(--mu-color-action-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline;text-decoration:underline}@media (max-width:640px){.browse-section-title{font:var(--mu-font-subtitle-l);font-weight:var(--mu-font-weight-semibold)}}.card-sub--clamp{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-tools{border-top:1px solid var(--mu-color-stroke-default);margin-top:var(--mu-spacing-3xl);padding-top:var(--mu-spacing-l)}}@font-face{font-family:Muse Sans;src:url(../media/MuseSansVF.07h1g0cny~a7w.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Muse Sans Mono;src:url(../media/MuseSansMono-Variable.0lax70w.akq1m.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Muse Display Harmony;src:url(../media/MuseDisplay-Harmony.0u2o2hqfk7xzx.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}