:root,:root[data-theme="light"],[data-mt-palette="light"]{color-scheme:light;--mt-bg:#f7f6f0;--mt-surface-main:#fff;--mt-panel:var(--mt-surface-main);--mt-soft:#e9ede7;--mt-line:#ccd4cc;--mt-ink:#242d27;--mt-muted:#59665d;--mt-orange:#a94412;--mt-instrument-legend:var(--mt-instrument-note);--mt-wave-accent:#26466b;--mt-control-line:#78877c;--mt-primary-ink:#fff;--mt-primary-hover:#89360d;--mt-success:#246636;--mt-error:#a52a2a;--mt-selection:#dce7f5;--mt-selection-ink:#242d27;--mt-selection-line:#315b8a;--mt-playing:#765500;--mt-playing-bg:#fff0bb}:root[data-theme="dark"],[data-mt-palette="dark"]{color-scheme:dark;--mt-bg:#151d19;--mt-surface-main:#202b25;--mt-panel:var(--mt-surface-main);--mt-soft:#2b3931;--mt-line:#45564b;--mt-ink:#f1f4f0;--mt-muted:#b5c2b8;--mt-orange:#f2a064;--mt-instrument-legend:#9ac9b4;--mt-wave-accent:#e2ecff;--mt-control-line:#879a8d;--mt-primary-ink:#151d19;--mt-primary-hover:#ffb983;--mt-success:#9ad5a6;--mt-error:#ffb4ab;--mt-selection:#385447;--mt-selection-ink:#f1f4f0;--mt-selection-line:#b5d1ff;--mt-playing:#f9d270;--mt-playing-bg:#453a18}:root,[data-mt-palette]{--mt-warm:var(--mt-soft);--mt-notes:var(--mt-muted);--mt-on-success:var(--mt-primary-ink);--mt-on-error:var(--mt-primary-ink);--mt-on-selection-line:var(--mt-primary-ink);--mt-control-knob:var(--mt-primary-ink);--mt-disabled-bg:var(--mt-soft);--mt-disabled-ink:var(--mt-muted);--mt-backdrop:#0009;--mt-shadow:#0003;--mt-instrument-note:#263f37;--mt-instrument-root:#a94412;--mt-instrument-ink:#fff;--mt-instrument-muted:#dce8df;--mt-instrument-muted-ink:#59665d;--mt-instrument-playing:#765500;--mt-instrument-playing-dark:#f9d270;--mt-key-hint:#c4e6d2;--mt-key-white:#f8f6ef;--mt-key-black:#272727;--mt-key-marked:#dce7f5;--mt-key-marked-ink:#242d27;--mt-key-selection-line:#315b8a;--mt-tuner-low:red;--mt-tuner-near:#ff0}.mt-page [data-tool="scales"]{--tile-bg:#ef9e85;--tile-accent:#9c341b;--tile-soft:#fbe1d8;--tile-ink:#702b1c}.mt-page [data-tool="auralis"]{--tile-bg:#b6a0e3;--tile-accent:#603a9a;--tile-soft:#ece2fa;--tile-ink:#473064}.mt-page [data-tool="tuner"]{--tile-bg:#8ccba6;--tile-accent:#1b6540;--tile-soft:#dcefe2;--tile-ink:#224c34}.mt-page [data-tool="metronome"]{--tile-bg:#efc55b;--tile-accent:#865508;--tile-soft:#fcf0ce;--tile-ink:#664610}.mt-page [data-tool="chords"]{--tile-bg:#8eb8e8;--tile-accent:#215b9e;--tile-soft:#deebfa;--tile-ink:#214875}.mt-page [data-tool="rhythm"]{--tile-bg:#78c9c7;--tile-accent:#0c6363;--tile-soft:#daf0ec;--tile-ink:#1c5150}html[data-theme="dark"] .mt-page [data-tool="scales"]{--tile-bg:#80432f;--tile-accent:#ffba91;--tile-soft:#55382c;--tile-ink:#ffe1cd}html[data-theme="dark"] .mt-page [data-tool="auralis"]{--tile-bg:#584178;--tile-accent:#d9bdff;--tile-soft:#40324f;--tile-ink:#efe0ff}html[data-theme="dark"] .mt-page [data-tool="tuner"]{--tile-bg:#2c6650;--tile-accent:#a2e7b8;--tile-soft:#284638;--tile-ink:#d4f4dd}html[data-theme="dark"] .mt-page [data-tool="metronome"]{--tile-bg:#796026;--tile-accent:#ffdc83;--tile-soft:#4b402b;--tile-ink:#fff0bf}html[data-theme="dark"] .mt-page [data-tool="chords"]{--tile-bg:#345c8a;--tile-accent:#b2d5ff;--tile-soft:#2b405b;--tile-ink:#dfedff}html[data-theme="dark"] .mt-page [data-tool="rhythm"]{--tile-bg:#276b6c;--tile-accent:#98e6df;--tile-soft:#284a49;--tile-ink:#d2f6ef}.mt-page [data-tool="transcriber"]{--tile-bg:#8eb8e8;--tile-accent:#215b9e;--tile-soft:#deebfa;--tile-ink:#214875}html[data-theme="dark"] .mt-page [data-tool="transcriber"]{--tile-bg:#345c8a;--tile-accent:#b2d5ff;--tile-soft:#2b405b;--tile-ink:#dfedff}.mt-header .mt-theme-control select,.mt-page .mt-header .mt-menu,.mt-page .mt-back-to-top{border-color:var(--mt-control-line)}:where(mt-site-header,mt-site-footer) :is(button,select):not(:where(.mt-about-trigger)):hover{background-color:var(--mt-soft)}body[data-mt-app] :is(select,input[type=number],input[type=text],textarea),body[data-mt-app=scales] .scales-app :is(select,input[type=number],input[type=text],textarea){color:var(--mt-ink);background-color:var(--mt-panel);border-color:var(--mt-control-line)}body[data-mt-app] :is(input[type=range],input[type=checkbox],input[type=radio]){accent-color:var(--mt-orange)}body[data-mt-app] button:not(.white-key):not(.black-key):not(.note){border-color:var(--mt-control-line)}body[data-mt-app] button:not(.white-key):not(.black-key):not(.note):not(:where(.mt-about-trigger,.transport button[data-primary],#mic,#toggle,.play-scale,#open-track)):not(:disabled):hover{background-color:var(--mt-soft)}body[data-mt-app] :is(button,select,input,textarea):disabled:not(.white-key):not(.black-key):not([data-result]){opacity:1;color:var(--mt-disabled-ink);background-color:var(--mt-disabled-bg);border-color:var(--mt-control-line);cursor:default}body[data-mt-app] :is(button,select,input,textarea):focus-visible{outline-color:var(--mt-orange)}body[data-mt-app] [role="tab"][aria-selected="true"]{background-color:var(--mt-panel);color:var(--mt-ink)}body[data-mt-app=tuner] #mic:not(:disabled),body[data-mt-app=metronome] #toggle:not(:disabled),body[data-mt-app=auralis] .transport button[data-primary]:not(:disabled),body[data-mt-app=scales] .scales-app button.play-scale:not(:disabled),body[data-mt-app=transcriber] #transcriber #open-track:not(:disabled),body[data-mt-app=rhythm] #rhythm-dd .play:not(:disabled){color:var(--mt-primary-ink);background-color:var(--mt-orange);border-color:var(--mt-orange)}body[data-mt-app=tuner] #mic:not(:disabled):hover,body[data-mt-app=metronome] #toggle:not(:disabled):hover,body[data-mt-app=auralis] .transport button[data-primary]:not(:disabled):hover,body[data-mt-app=scales] .scales-app button.play-scale:not(:disabled):hover,body[data-mt-app=transcriber] #transcriber #open-track:not(:disabled):hover,body[data-mt-app=rhythm] #rhythm-dd .play:not(:disabled):hover{background-color:var(--mt-primary-hover);border-color:var(--mt-primary-hover)}body[data-mt-app=tuner] .strings button:is([aria-pressed=true],.playing),body[data-mt-app=scales] .scales-app :is(.segmented,.display-toggle,.view-switch) button[aria-pressed=true],body[data-mt-app=rhythm] #rhythm-dd :is(#dot,.figure,.tuplet-option,.metro-switch)[aria-pressed=true],body[data-mt-app=rhythm] #rhythm-dd .metro-switch:has(input:checked){background-color:var(--mt-selection);color:var(--mt-selection-ink);border-color:var(--mt-selection-line);box-shadow:inset 0 0 0 2px var(--mt-selection-line)}body[data-mt-app="metronome"] #error{color:var(--mt-error)}body[data-mt-app=auralis] :is(.answers button,.history-answer-outcome)[data-result=correct]{background-color:var(--mt-success);border-color:var(--mt-success);color:var(--mt-on-success);opacity:1}body[data-mt-app=auralis] :is(.answers button,.history-answer-outcome)[data-result=wrong]{background-color:var(--mt-error);border-color:var(--mt-error);color:var(--mt-on-error);opacity:1}body[data-mt-app="auralis"] .keyboard .marked{box-shadow:inset 0 0 0 2px var(--mt-key-selection-line)}body[data-mt-app="auralis"] .keyboard .white-key:focus-visible{outline-color:var(--mt-instrument-root)}body[data-mt-app="auralis"] .keyboard .black-key:focus-visible{outline-color:var(--mt-instrument-playing-dark)}body[data-mt-app="auralis"] .keyboard .black-key.marked{color:var(--mt-key-marked-ink)}body[data-mt-app="scales"] .scales-app .note.tonic{background-color:var(--mt-instrument-note);color:var(--mt-instrument-ink)}body[data-mt-app=scales] .scales-app .note.tonic :is(small,.degree){color:var(--mt-instrument-muted)}body[data-mt-app="scales"] .scales-app .note.sounding{background-color:var(--mt-playing-bg);color:var(--mt-playing);outline-color:var(--mt-playing)}body[data-mt-app=scales] .scales-app .note.sounding :is(small,.degree){color:var(--mt-playing)}body[data-mt-app="scales"] .scales-app .audio-error{color:var(--mt-error)}body[data-mt-app="scales"] .scales-app .staff-line{stroke:var(--mt-muted);opacity:1}body[data-mt-app="scales"] .scales-app .staff-note.is-sounding{color:var(--mt-playing)}body[data-mt-app="scales"] .scales-app .staff-highlight{fill:var(--mt-playing-bg);opacity:1}body[data-mt-app=scales] .scales-app .instrument-note>circle:not([fill=none]){fill:var(--mt-instrument-note)}body[data-mt-app="scales"] .scales-app .instrument-note>circle[fill="#cc5737"]{fill:var(--mt-instrument-root)}body[data-mt-app="scales"] .scales-app .instrument-note>circle[fill="none"]{stroke:var(--mt-instrument-playing)}body[data-mt-app=scales] .scales-app .piano svg>g:has(>rect[fill="#29332f"]) .instrument-note>circle[fill=none]{stroke:var(--mt-instrument-playing-dark)}body[data-mt-app=scales] .scales-app :is(.string-label,.fret-number){fill:var(--mt-muted)}body[data-mt-app="transcriber"] #transcriber{color-scheme:inherit;--ink:var(--mt-ink);--soft:var(--mt-muted);--edge:var(--mt-line);--surface:var(--mt-panel);--wave:var(--mt-soft);--accent:var(--mt-wave-accent)}body[data-mt-app=transcriber] #transcriber :is(button,input[type=number],select){border-color:var(--mt-control-line)}body[data-mt-app="rhythm"] #rhythm-dd{color:var(--mt-ink)}body[data-mt-app=rhythm] #rhythm-dd :is(.panel,.rhythm-help,.tuplet-menu){background-color:var(--mt-panel);color:var(--mt-ink)}body[data-mt-app=rhythm] #rhythm-dd :is(.empty,.beats,.measure-label,.help,.help-kicker,.edit-guidance,.drag-hint,.tuplet-ratio,.meter-slash){color:var(--mt-muted)}body[data-mt-app="rhythm"] #rhythm-dd .note.is-selected{background-color:var(--mt-selection);box-shadow:inset 0 0 0 2px var(--mt-selection-line)}body[data-mt-app="rhythm"] #rhythm-dd .note.active{background-color:var(--mt-playing-bg);outline-color:var(--mt-playing)}body[data-mt-app="rhythm"] #rhythm-dd .note.active.is-selected{background-color:var(--mt-playing-bg)}body[data-mt-app="rhythm"] #rhythm-dd .dictation-score{background-color:var(--mt-soft);color:var(--mt-ink)}body[data-mt-app="rhythm"] #rhythm-dd .read-pad{background-color:var(--mt-soft);color:var(--mt-ink);border-color:var(--mt-control-line)}body[data-mt-app="rhythm"] #rhythm-dd .read-pad.is-hit{background-color:var(--mt-playing-bg);color:var(--mt-playing);border-color:var(--mt-playing);box-shadow:inset 0 0 0 2px var(--mt-playing)}body[data-mt-app="rhythm"] #rhythm-dd .insert-caret{background-color:var(--mt-selection-line)}body[data-mt-app="rhythm"] #rhythm-dd .chosen .measure-label{color:var(--mt-selection-line)}body[data-mt-app="scales"] .scales-app .staff-note.is-sounding .staff-label{fill:var(--mt-playing)}body[data-mt-app=rhythm] #rhythm-dd :is(button,input,select):disabled,body[data-mt-app=transcriber] #transcriber :is(#toggle-play,#restart-track,button,input,select):disabled{opacity:1;color:var(--mt-disabled-ink);background-color:var(--mt-disabled-bg);border-color:var(--mt-control-line)}body[data-mt-app="tuner"] .meter-track [data-zone]{border-color:var(--mt-control-line)}body[data-mt-app="auralis"] .keyboard .black-key.marked:focus-visible{outline-color:var(--mt-key-selection-line)}body[data-mt-app="transcriber"] #transcriber input{accent-color:var(--mt-orange)}html,body{margin:0;padding:0;min-height:100%;background:var(--mt-bg);color:var(--mt-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe\ UI,sans-serif}*{box-sizing:border-box}a{color:inherit}.mt-page a:not(:where(.tool-card,[role=tab],[role=button],[aria-pressed],[aria-selected],.mt-functional-link,.mt-policy-google-link,.instrument-jumps a)){text-decoration:none}.mt-page a:not(:where(.tool-card,[role=tab],[role=button],[aria-pressed],[aria-selected],.mt-functional-link,.mt-policy-google-link,.instrument-jumps a)):hover,.mt-navigation :is(.mt-about-trigger,summary):hover{color:var(--mt-orange);text-decoration:none}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--mt-orange);outline-offset:4px}mt-site-header,mt-site-footer{display:block}.mt-page mt-site-header .mt-header{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--mt-line);padding:15px 0}.mt-header .mt-brand{font-size:25px;letter-spacing:-1px;font-weight:500;white-space:nowrap;text-decoration:none}.mt-brand em{color:var(--mt-orange);font-style:normal}.mt-page .mt-header .mt-navigation{display:flex;align-items:center;justify-content:flex-end;gap:24px;flex-wrap:wrap;font-size:12px}.mt-navigation a{text-decoration:none;padding:10px 0}.mt-navigation details{position:relative}.mt-navigation details a{display:block}.mt-navigation summary{padding:8px 0}.mt-theme-control{display:flex;align-items:center;gap:8px;color:var(--mt-muted);font-size:12px;flex-wrap:wrap}.mt-theme-control select{background:var(--mt-panel);color:var(--mt-ink);border:1px solid var(--mt-line);border-radius:5px;padding:8px}.mt-theme-status{font-size:11px}.mt-header .mt-menu{display:none;background:var(--mt-panel);color:var(--mt-ink);border:1px solid var(--mt-line);border-radius:4px;padding:10px 13px}.mt-page mt-site-footer .mt-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;border-top:1px solid var(--mt-line);padding:22px 0 48px;font-size:11px;color:var(--mt-muted)}.mt-footer-tagline{grid-column:1;min-width:0}.mt-footer-center{grid-column:2;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 24px;text-align:center;min-width:0}.mt-footer>.mt-back-to-top{grid-column:3;justify-self:end;min-width:0;max-width:100%}@media (max-width:900px){.mt-page mt-site-footer .mt-footer{grid-template-columns:minmax(0,1fr)}.mt-footer .mt-footer-tagline,.mt-footer .mt-footer-center{grid-column:1;text-align:center}.mt-footer>.mt-back-to-top{grid-column:1}}.mt-skip{position:absolute;left:20px;top:-100px;padding:12px;background:var(--mt-panel);z-index:100}.mt-skip:focus{top:10px}@media (max-width:650px){.mt-page mt-site-header .mt-header{min-height:74px;flex-wrap:wrap}.mt-header .mt-menu{display:block;min-height:44px}.mt-page .mt-header .mt-navigation{display:none;width:100%;justify-content:flex-start;gap:18px}.mt-page .mt-header .mt-navigation.mt-open,.mt-page .mt-header .mt-navigation.mt-navigation-simple{display:flex}.mt-theme-control select{min-height:44px;font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.mt-page mt-site-footer .mt-footer{align-items:center}.mt-back-to-top{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 13px;border:1px solid var(--mt-line);border-radius:6px;background:var(--mt-panel);color:var(--mt-ink);font:inherit;cursor:pointer}.mt-back-to-top svg{flex:none;color:var(--mt-orange)}.mt-back-to-top:hover{border-color:var(--mt-orange)}.mt-navigation .mt-about-trigger{font:inherit;color:inherit;background:none;border:0;padding:10px 0;cursor:pointer}.mt-page mt-site-header .mt-header .mt-navigation .mt-about-trigger{background:none;box-shadow:none}.mt-page mt-site-header .mt-header .mt-navigation .mt-about-trigger:is(:hover,:active){background:none;box-shadow:none;color:var(--mt-orange);text-decoration:none}.mt-about-dialog{color:var(--mt-ink);background:var(--mt-panel);border:1px solid var(--mt-line);border-radius:12px;padding:28px;width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;line-height:1.6}.mt-about-dialog::backdrop{background:var(--mt-backdrop)}.mt-about-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.mt-about-heading h2{font:600 26px/1.2 system-ui;margin:0}.mt-about-dialog button{min-height:44px;padding:9px 16px;color:var(--mt-ink);background:var(--mt-soft);border:1px solid var(--mt-control-line);border-radius:6px;cursor:pointer}.mt-about-dialog p{font:16px/1.65 system-ui;margin:22px 0 0}.mt-about-error{font-size:12px}@media (max-width:480px){.mt-about-dialog{padding:20px}.mt-about-heading h2{font-size:23px}}@media (max-width:650px){.mt-page .mt-header :is(.mt-menu,.mt-navigation){font-size:16px;line-height:1.5}.mt-page .mt-header .mt-navigation{gap:8px 18px}.mt-page .mt-header .mt-navigation :is(a,summary,.mt-about-trigger){min-height:44px;padding-block:10px;box-sizing:border-box;overflow-wrap:anywhere;max-width:100%}.mt-page .mt-header .mt-navigation>*,.mt-page .mt-header .mt-tool-links{min-width:0;max-width:100%}}.mt-page{background:var(--mt-bg);color:var(--mt-ink);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe\ UI,sans-serif;padding:0 38px 24px;isolation:isolate}.mt-page *{box-sizing:border-box}.mt-page a{color:inherit;text-decoration:none}.mt-page .eyebrow{font-size:11px;letter-spacing:2px;color:var(--mt-muted);text-transform:uppercase;margin:0 0 14px}.mt-page .hero{padding:48px 0 34px;display:grid;grid-template-columns:1fr 210px;align-items:end;gap:24px}.mt-page h1{font:normal clamp(38px,5.2vw,60px) / 1.06 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1.8px;margin:0 0 18px}.mt-page h1 em{font-weight:400;color:var(--mt-orange)}.mt-page .lead{max-width:500px;color:var(--mt-muted);margin:0;font-size:15px}.mt-page .hero-side{border-left:1px solid var(--mt-line);padding:8px 0 8px 22px;font:18px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe\ UI,sans-serif}.mt-page .catalogue-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.mt-page .catalogue-head h2{font-size:11px;letter-spacing:2px;font-weight:500;margin:0}.mt-page .catalogue-head span{font-size:11px;color:var(--mt-muted)}.mt-page .mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mt-page .tool-card{min-width:0;background:var(--mt-panel);border:1px solid var(--mt-line);border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.mt-page .preview{height:164px;background:var(--mt-soft);position:relative;overflow:hidden;padding:18px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--mt-line)}.mt-page .warm{background:var(--mt-warm)}.mt-page .placeholder-tag{position:absolute;left:12px;top:10px;font-size:10px;letter-spacing:1px;color:var(--mt-muted);background:var(--mt-panel);padding:3px 6px;border-radius:3px;z-index:1}.mt-page .content{padding:19px;display:flex;flex-direction:column;flex:1}.mt-page .tool-kind{font-size:10px;letter-spacing:1.5px;color:var(--mt-muted);text-transform:uppercase;margin:0 0 7px}.mt-page h3{font:22px/1.15 system-ui,-apple-system,BlinkMacSystemFont,Segoe\ UI,sans-serif;margin:0 0 12px;letter-spacing:-.4px}.mt-page .description{font-size:12px;color:var(--mt-muted);margin:0 0 20px;line-height:1.6}.mt-page .state{margin-top:auto;padding-top:12px;border-top:1px solid var(--mt-line);display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--mt-muted)}.mt-page .reserved{display:flex;align-items:center;gap:6px}.mt-page .reserved:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--mt-orange)}.mt-page .cutout{width:100%;padding:13px;border:1px solid var(--mt-line);background:var(--mt-panel);border-radius:7px;transform:translateY(17px) rotate(-4deg);box-shadow:0 9px 20px color-mix(in srgb,var(--mt-ink) 8%,transparent)}.mt-page .mini-label{font-size:10px;color:var(--mt-muted);margin:0 0 11px;letter-spacing:1px}.mt-page .notes{display:flex;gap:5px}.mt-page .notes b{background:var(--mt-soft);padding:10px 0;flex:1;text-align:center;font:20px system-ui,-apple-system,BlinkMacSystemFont,Segoe\ UI,sans-serif;border-radius:4px}.mt-page .notes b:first-child{color:var(--mt-orange)}.mt-page .pattern{margin-top:10px;border-top:1px solid var(--mt-line);padding-top:8px;color:var(--mt-muted);font-size:10px;letter-spacing:3px}.mt-page .ear{transform:translateY(19px) rotate(3deg)}.mt-page .audio-bars{height:40px;display:flex;align-items:center;justify-content:center;gap:4px;margin:3px 0 12px}.mt-page .audio-bars i{display:block;width:5px;background:var(--mt-orange);border-radius:3px}.mt-page .answers{display:flex;gap:6px;font-size:11px}.mt-page .answers span{border:1px solid var(--mt-line);padding:5px;flex:1;text-align:center;border-radius:3px}.mt-page .tuner{text-align:center;transform:translateY(21px) rotate(-3deg)}.mt-page .tuner strong{font:46px/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe\ UI,sans-serif;display:block}.mt-page .tuner small{font-size:10px;color:var(--mt-muted)}.mt-page .ruler{height:22px;margin:7px 0;background:repeating-linear-gradient(90deg,var(--mt-line) 0 1px,transparent 1px 11px);position:relative}.mt-page .ruler:after{content:"";position:absolute;height:31px;width:2px;left:50%;top:-4px;background:var(--mt-orange)}.mt-page .metronome{text-align:center;transform:translateY(18px) rotate(3deg)}.mt-page .bpm{font:48px/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe\ UI,sans-serif}.mt-page .beats{display:flex;justify-content:center;gap:12px;margin-top:15px}.mt-page .beats i{width:11px;height:11px;border-radius:50%;background:var(--mt-line)}.mt-page .beats i:first-child{background:var(--mt-orange)}.mt-page .chord{width:104px;padding-top:14px;transform:translateY(12px) rotate(-4deg)}.mt-page .chord strong{display:block;font:24px system-ui,-apple-system,BlinkMacSystemFont,Segoe\ UI,sans-serif;text-align:center;margin-bottom:6px}.mt-page .fret-grid{position:relative;width:80px;height:87px;margin:auto;background:repeating-linear-gradient(0deg,transparent 0 20px,var(--mt-line) 20px 21px) , repeating-linear-gradient(90deg,var(--mt-line) 0 1px,transparent 1px 15.8px);border-top:3px solid var(--mt-ink)}.mt-page .finger{position:absolute;width:12px;height:12px;background:var(--mt-ink);border-radius:50%}.mt-page .rhythm{padding:18px 12px;transform:translateY(18px) rotate(3deg)}.mt-page .rhythm-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-top:16px}.mt-page .rhythm-grid span{height:35px;background:var(--mt-soft);border-radius:3px;border-bottom:3px solid var(--mt-line)}.mt-page .rhythm-grid .hit{background:var(--mt-warm);border-color:var(--mt-orange)}.mt-page .about{margin:36px 0 0;padding:25px 0;border-top:1px solid var(--mt-line);display:grid;grid-template-columns:1fr 1.3fr;gap:30px}.mt-page .about h2{font:27px/1.15 system-ui,-apple-system,BlinkMacSystemFont,Segoe\ UI,sans-serif;margin:0}.mt-page .about p{color:var(--mt-muted);font-size:13px;margin:0;max-width:490px}.mt-page a:focus-visible,.mt-page button:focus-visible{outline:2px solid var(--mt-orange);outline-offset:4px}@media (max-width:800px){.mt-page .mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-page .hero{grid-template-columns:1fr}.mt-page .hero-side{display:none}}@media (max-width:500px){.mt-page{padding:0 20px 22px}.mt-page nav.open{display:flex}.mt-page .hero{padding:32px 0}.mt-page h1{font-size:42px}.mt-page .mosaic{grid-template-columns:1fr}.mt-page .preview{height:180px}.mt-page .cutout{max-width:260px}.mt-page .chord{max-width:104px}.mt-page .content{padding:21px}.mt-page .about{grid-template-columns:1fr;gap:14px}}.mt-page{width:100%;max-width:1280px;margin:0 auto;padding:0 38px 24px;container-name:mt-page;container-type:inline-size;box-sizing:border-box}.mt-page .hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;padding:42px 0 35px}.mt-page .music-notes{position:relative;height:345px;min-width:0;color:var(--mt-notes);user-select:none}.mt-page .music-notes span{position:absolute;font:400 170px/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe\ UI,sans-serif}.mt-page .music-notes .note-main{left:35%;top:17%;transform:rotate(-13deg)}.mt-page .music-notes .note-small{font-size:95px;left:10%;top:48%;transform:rotate(-21deg);opacity:.65}.mt-page .music-notes .note-high{font-size:115px;right:6%;top:10%;transform:rotate(12deg);opacity:.8}.mt-page .mosaic{gap:clamp(18px,1.8vw,30px)}.mt-page .preview .cutout{max-width:340px}.mt-page .preview .cutout.chord{max-width:104px}.mt-page .preview,.mt-page .preview.warm{background:var(--tile-bg)}.mt-page .placeholder-tag{background:var(--tile-soft);color:var(--tile-ink)}.mt-page .tool-kind{color:var(--tile-accent)}.mt-page .cutout{border-color:color-mix(in srgb,var(--tile-accent) 35%,var(--mt-line));background:var(--mt-panel);box-shadow:0 12px 24px #15191d1a}.mt-page .notes b:first-child{background:var(--tile-accent);color:var(--mt-bg)}.mt-page .audio-bars i,.mt-page .finger,.mt-page .beats i:first-child{background:var(--tile-accent)}.mt-page .answers span:last-child{background:var(--tile-soft);color:var(--tile-ink);border-color:var(--tile-accent)}.mt-page .tuner strong,.mt-page .bpm{color:var(--tile-accent)}.mt-page .ruler:after{background:var(--tile-accent)}.mt-page .rhythm-grid .hit{background:var(--tile-soft);border-color:var(--tile-accent)}@media (min-width:1100px){.mt-page .hero{gap:5vw}.mt-page .hero h1{font-size:clamp(54px,4.5vw,80px)}}@media (max-width:500px){.mt-page{padding:0 20px 22px}}@container mt-page (max-width:760px){.mt-page .music-notes{display:none}.mt-page .hero{grid-template-columns:minmax(0,1fr);gap:0;padding:32px 0 24px}.mt-page .hero h1{font-size:clamp(36px,7cqi,54px)}}@media (max-width:800px){.mt-page .music-notes{display:none}.mt-page .hero{grid-template-columns:minmax(0,1fr);gap:0;padding:32px 0 24px}}.mt-tool-links{padding:6px;background:var(--mt-panel);border:1px solid var(--mt-line);border-radius:7px;z-index:30}.mt-tool-links a{padding:9px 12px;white-space:normal}@media (min-width:651px){.mt-tool-links{position:absolute;top:100%;right:0;width:280px;box-shadow:0 6px 20px #0002}}.mt-page .tool-card.is-available{cursor:pointer;transition:border-color .12s , box-shadow .12s}.mt-page .tool-card.is-available h3{font-weight:700}.mt-page .tool-card.is-available:hover{border-color:var(--mt-orange);box-shadow:0 0 0 1px var(--mt-orange)}.mt-page .tool-card.is-available:focus-visible{outline:3px solid var(--mt-orange);outline-offset:4px}.mt-page .tool-card.is-available:is(:hover,:focus-visible) h3{text-decoration:none;color:var(--mt-orange)}.mt-page .card-open{font-size:14px;font-weight:700;line-height:16.5px;color:var(--mt-ink);border-radius:3px;background:color-mix(in srgb,var(--tile-accent,var(--mt-orange)) 12%,var(--mt-panel));box-shadow:0 0 0 5px color-mix(in srgb,var(--tile-accent,var(--mt-orange)) 12%,var(--mt-panel))}.mt-page .card-open:before{display:none}.mt-page .card-open .open-arrow{font-size:18px;line-height:16.5px;color:var(--mt-orange)}.mt-page .tool-card.is-unavailable{cursor:default;border-style:dashed}.mt-page .tool-card.is-unavailable h3{color:var(--mt-muted);font-weight:400}.mt-page .tool-card.is-unavailable .reserved:before{background:var(--mt-muted)}@media (prefers-reduced-motion:reduce){.mt-page .tool-card.is-available{transition:none}}.mt-page .mosaic{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}.mt-page .mosaic>.tool-card{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;min-height:0}.mt-page .mosaic>.tool-card .preview{height:168px;min-height:168px;flex:none;padding:12px;border-right:0;border-bottom:1px solid var(--mt-line)}.mt-page .preview svg{display:block;width:100%;height:100%;max-width:340px;font-family:inherit}.mt-page .mosaic>.tool-card .content{padding:20px}.mt-page .mosaic>.tool-card h3{font-size:22px;font-weight:700}.mt-page .mosaic>.tool-card .description{display:block;margin-bottom:16px}.mt-page .mosaic>.tool-card .tool-kind{display:block}.mt-page .tool-card.is-unavailable h3{color:var(--mt-muted)}@media (max-width:1049px){.mt-page .mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.mt-page .mosaic{grid-template-columns:minmax(0,1fr)}.mt-page .catalogue-head{flex-wrap:wrap;gap:8px}}@media (min-width:651px){body:not([data-mt-app]) .mt-page:has(#mt-catalogue) .mt-back-to-top{display:none}}.mt-page .hero{grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:20px;padding:30px 0 28px}.mt-page .hero>div:first-child{min-width:0}.mt-page .hero h1{font-size:clamp(30px,4.1cqi,49px);line-height:1.16;letter-spacing:-.045em;margin-bottom:14px}.mt-page .hero .eyebrow{margin-bottom:12px}.mt-page .hero .lead{max-width:660px}.mt-page .hero .music-notes{display:block;width:90px;height:110px}.mt-page .music-notes svg{position:absolute;overflow:visible}.mt-page .music-notes .note-main{left:30px;top:28px;width:38px;height:57px}.mt-page .music-notes .note-small{left:8px;top:66px;width:22px;height:33px}.mt-page .music-notes .note-high{right:5px;top:3px;width:25px;height:38px}.mt-page .mosaic>.tool-card .preview.approved-art{padding:0}.mt-page .preview.approved-art svg{max-width:none;object-fit:contain}@media (max-width:800px){.mt-page .hero{grid-template-columns:minmax(0,1fr) 64px;gap:12px;padding:26px 0 24px}.mt-page .hero h1{font-size:clamp(28px,5.5cqi,40px)}.mt-page .hero .music-notes{width:64px;height:100px}.mt-page .music-notes .note-main{left:22px;width:30px;height:45px}.mt-page .music-notes .note-small{left:2px;width:18px;height:27px}.mt-page .music-notes .note-high{right:2px;width:21px;height:32px}}@media (max-width:420px){.mt-page .hero{grid-template-columns:minmax(0,1fr) 44px;gap:8px}.mt-page .hero h1{font-size:28px}.mt-page .hero .music-notes{width:44px}.mt-page .music-notes .note-main{left:16px;width:24px;height:36px}.mt-page .music-notes .note-small{left:0;width:16px;height:24px}.mt-page .music-notes .note-high{right:0;width:18px;height:27px}}@media (min-width:801px){.mt-page .hero{grid-template-columns:minmax(0,1fr) clamp(160px,24cqi,300px)}.mt-page .hero .music-notes{width:100%;height:110px}.mt-page .music-notes .note-small{left:8%;top:55px}.mt-page .music-notes .note-main{left:46%;top:25px}.mt-page .music-notes .note-high{right:8%;top:12px}}@media (min-width:561px) and (max-width:800px){.mt-page .hero{grid-template-columns:minmax(0,1fr) 110px}.mt-page .hero .music-notes{width:110px}.mt-page .music-notes .note-small{left:4px;top:58px}.mt-page .music-notes .note-main{left:44px;top:26px}.mt-page .music-notes .note-high{right:2px;top:12px}}.mt-page .hero{position:relative}.mt-page .hero .music-notes{position:static;container-type:normal;display:block}.mt-page .music-note-group{position:absolute;display:block;pointer-events:none;visibility:hidden}.mt-page .music-note-group[data-ready="true"]{visibility:visible}.mt-page .music-note-group[data-ready="false"]{display:none}.mt-page .music-note-group svg{position:absolute;max-width:none;margin:0;transform-origin:50% 50%}