:root{--font-family-primary: "Noto Sans", system-ui, sans-serif;--font-weight-regular: 400;--font-weight-bold: 700;--radius-primary: 26px;--radius-secondary: 5px;--accent: #1f4fd8;--gradient-violet-start: #b53cff;--gradient-violet-end: #f952ff;--gradient-green-start: #23bd38;--gradient-green-end: #41eba9;--gradient-red-start: #f857a6;--gradient-red-end: #ff5858;--gradient-orange-start: #e77842;--gradient-orange-end: #f7c068;--gradient-yellow-start: #ffb040;--gradient-yellow-end: #ffd62e;--gradient-blue-start: #327ae7;--gradient-blue-end: #6bd0ff;--color-font: #161b3d;--color-font-button: #161b3d;--color-alert-red: #f74856;--color-alert-orange: #ff970d;--color-body: #fff;--color-search-icon: #161b3d;--color-underline-link: #dde0e0;--color-table-border: #dde0e0;--color-figcaption: #5b6572;--color-hover-dot: #d3d5dc;--color-bg-textarea: #f2f3f7;--color-bg-code: #f1f4f4;--color-bg-tag: #f4f4f4;--color-bg-elements: #f7f7f7;--color-elements-one: #f0f0f0;--color-elements-two: #e2e5ed;--gradient-gray-start: #e2e5ed;--gradient-gray-end: #f1f4f4}.dark-mode,:root[data-theme=dark]{--color-font: #fff;--color-font-button: #0b0b0b;--color-body: #222327;--color-search-icon: #717171;--color-underline-link: #414242;--color-table-border: #414242;--color-figcaption: #c3c6c7;--color-hover-dot: #717171;--color-bg-textarea: #28292e;--color-bg-code: #32343a;--color-bg-tag: #414242;--color-bg-elements: #28292e;--color-elements-one: #414242;--color-elements-two: #717171;--gradient-gray-start: #2b2d32;--gradient-gray-end: #32343a}@media (prefers-color-scheme: dark){:root[data-theme=auto]{--color-font: #fff;--color-font-button: #0b0b0b;--color-body: #222327;--color-search-icon: #717171;--color-underline-link: #414242;--color-table-border: #414242;--color-figcaption: #c3c6c7;--color-hover-dot: #717171;--color-bg-textarea: #28292e;--color-bg-code: #32343a;--color-bg-tag: #414242;--color-bg-elements: #28292e;--color-elements-one: #414242;--color-elements-two: #717171;--gradient-gray-start: #2b2d32;--gradient-gray-end: #32343a}}html{-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);color:var(--color-font);background:var(--color-body)}a{color:inherit;text-decoration:none}:root{--mtm-indigo: #4f46e5;--mtm-indigo-soft: rgba(79, 70, 229, .12);--mtm-border: var(--color-table-border, #dde0e0);--mtm-muted: var(--color-figcaption, #5b6572)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family-primary, system-ui, sans-serif);color:var(--color-font, #161b3d);background:var(--color-body, #fff)}a{color:var(--accent, #1f4fd8)}.mtm-app{min-height:100vh;display:flex;flex-direction:column}.mtm-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 20px;border-bottom:1px solid var(--mtm-border);position:sticky;top:0;background:var(--color-body, #fff);z-index:10}.mtm-brand{font-weight:700;text-decoration:none;color:inherit;font-size:1.1rem;white-space:nowrap}.mtm-brand__mark{color:var(--mtm-indigo)}.mtm-tabs{display:flex;gap:4px;flex-wrap:wrap}.mtm-tab{padding:6px 12px;border-radius:999px;text-decoration:none;color:inherit;font-size:.95rem}.mtm-tab:hover{background:var(--mtm-indigo-soft)}.mtm-tab--active{background:var(--mtm-indigo);color:#fff}.mtm-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:20px}.mtm-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:16px 20px;border-top:1px solid var(--mtm-border);color:var(--mtm-muted);font-size:.85rem}.mtm-panel{display:flex;flex-direction:column;gap:16px}.mtm-panel--narrow{max-width:480px}.mtm-title{margin:0;font-size:1.8rem}.mtm-subtitle{margin:8px 0 0;font-size:1.2rem}.mtm-muted{color:var(--mtm-muted);margin:0}.mtm-note{padding:12px;border:1px dashed var(--mtm-border);border-radius:8px;color:var(--mtm-muted)}.mtm-card{padding:16px;border:1px solid var(--mtm-border);border-radius:12px;display:flex;flex-direction:column;gap:12px}.mtm-btn{display:inline-block;padding:8px 14px;border-radius:8px;border:1px solid var(--mtm-border);background:#fff;color:inherit;cursor:pointer;text-decoration:none;font:inherit;width:fit-content}.mtm-btn--primary{background:var(--mtm-indigo);border-color:var(--mtm-indigo);color:#fff}.mtm-btn:disabled{opacity:.5;cursor:default}.mtm-form{display:flex;flex-direction:column;gap:12px}.mtm-field{display:flex;flex-direction:column;gap:4px;font-size:.9rem}.mtm-field input{padding:10px;border:1px solid var(--mtm-border);border-radius:8px;font:inherit}.mtm-form__notice{padding:10px;border-radius:8px;background:#23bd381f;margin:0}.mtm-form__error{padding:10px;border-radius:8px;background:#f748561f;color:#b3202b;margin:0}.mtm-form__links{display:flex;gap:12px;flex-wrap:wrap}.mtm-form__links button{background:none;border:none;color:var(--accent, #1f4fd8);cursor:pointer;padding:0;font:inherit}.mtm-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.mtm-tier{border:1px solid var(--mtm-border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.mtm-tier--current{border-color:var(--mtm-indigo);box-shadow:0 0 0 2px var(--mtm-indigo-soft)}.mtm-tier h3{margin:0}.mtm-price{margin:0;font-size:1.4rem;font-weight:700}.mtm-price span{font-size:.85rem;font-weight:400;color:var(--mtm-muted)}.mtm-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--mtm-indigo-soft);color:var(--mtm-indigo);font-size:.85rem;width:fit-content}.mtm-list{margin:0;padding-left:20px}.mtm-store{display:flex;flex-direction:column;gap:12px}.mtm-bank__head{display:flex;justify-content:space-between;align-items:center;gap:8px}.mtm-bank__head h3{margin:0}.mtm-rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.mtm-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--mtm-border)}.mtm-row__action,.mtm-row__actions{display:flex;align-items:center;gap:8px}.mtm-small{font-size:.85rem}.mtm-warn{color:#b26a00;font-size:.85rem}.mtm-picker{display:flex;flex-direction:column;gap:6px}.mtm-picker__head{display:flex;justify-content:space-between;font-weight:600;font-size:.95rem}.mtm-picker__row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.mtm-chip{flex:0 0 auto;width:120px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 6px;border-radius:10px;border:2px solid transparent;background:#0000000d;cursor:pointer;font:inherit;color:inherit}.mtm-chip--selected{background:var(--mtm-indigo-soft);border-color:var(--mtm-indigo)}.mtm-chip--locked{opacity:.45}.mtm-chip__icon{font-size:1.3rem}.mtm-chip__name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mtm-chip__bank{font-size:.7rem;color:var(--mtm-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mtm-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.mtm-modal__card{background:var(--color-body, #fff);border-radius:14px;max-width:760px;width:100%;max-height:90vh;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.mtm-modal__head{display:flex;justify-content:space-between;align-items:center}.mtm-section{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px}.mtm-section--gray{background:#0000000d}.mtm-section--indigo{background:var(--mtm-indigo-soft)}.mtm-section--green{background:#16a34a0f}.mtm-section--orange{background:#d977060f}.mtm-section--red{background:#dc26260f}.mtm-section--purple{background:#7c3aed0f}.mtm-section__title{margin:0;font-size:1.25rem}.mtm-section p{margin:0}.mtm-inline{display:flex;align-items:center;gap:10px}.mtm-wrap{flex-wrap:wrap}.mtm-center{justify-content:center}.mtm-space-between{justify-content:space-between}.mtm-label{font-weight:600;font-size:.9rem;margin-bottom:4px}.mtm-accent{color:var(--mtm-indigo)}.mtm-big{font-size:1.5rem;margin:0}.mtm-field select{padding:8px;border-radius:8px;border:1px solid var(--mtm-border);font:inherit;background:#fff}.mtm-segmented{display:inline-flex;border:1px solid var(--mtm-border);border-radius:8px;overflow:hidden}.mtm-segmented__item{padding:6px 12px;border:none;background:#fff;font:inherit;cursor:pointer;color:inherit}.mtm-segmented__item--on{background:var(--mtm-indigo);color:#fff}.mtm-btn--success{background:#16a34a;border-color:#16a34a;color:#fff}.mtm-btn--danger{background:#dc2626;border-color:#dc2626;color:#fff}.mtm-btn--round{width:44px;height:44px;border-radius:50%;padding:0;font-size:1.1rem}.mtm-code{background:#000000d9;color:#4ade80;padding:12px;border-radius:8px;overflow-x:auto;font-size:.85rem;margin:0}.mtm-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.mtm-row--tappable{cursor:pointer;border-radius:8px;padding:6px 10px}.mtm-row--selected{background:#4f46e52e;font-weight:600}.mtm-interval-display{display:flex;justify-content:center;align-items:center;gap:24px;text-align:center;padding:8px}.mtm-interval-display small{display:block;margin-top:4px}.mtm-op{font-size:1.6rem;color:var(--mtm-muted)}.mtm-bubble{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin:0 auto}.mtm-bubble--indigo{background:var(--mtm-indigo)}.mtm-bubble--indigo-soft{background:#4f46e5bf}.mtm-bubble--orange{background:#f97316}.mtm-bubble--green{background:#16a34a}.mtm-bubbles{display:flex;gap:16px;overflow-x:auto;padding:8px 4px}.mtm-bubble-btn{flex:0 0 auto;background:none;border:none;cursor:pointer;font:inherit;color:inherit;display:flex;flex-direction:column;align-items:center;gap:4px}.mtm-progs{display:flex;flex-direction:column;gap:10px}.mtm-prog{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:12px;border-radius:8px;border:none;background:#4f46e50f;cursor:pointer;font:inherit;color:inherit;width:100%}.mtm-prog:hover{background:#4f46e51f}.mtm-table{border-collapse:collapse}.mtm-table td{padding:4px 8px}.mtm-tint-green{background:#16a34a0d}.mtm-tint-orange{background:#d977060d}.mtm-tint-red{background:#dc26260d}.mtm-piano{position:relative;width:100%;-webkit-user-select:none;user-select:none}.mtm-key{position:absolute;top:0;height:100%;border:1px solid #000;padding:0;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;font:inherit}.mtm-key--white{background:#fff;color:#000000b3;z-index:1}.mtm-key--black{background:#000;color:#ffffffd9;border-radius:0 0 4px 4px;z-index:2;box-shadow:0 2px 3px #0000004d}.mtm-key--on{background:var(--mtm-indigo)!important;color:#fff!important}.mtm-key--oor{background:#dc2626!important;color:#fff!important}.mtm-key span{font-size:.75rem;padding-bottom:6px;text-align:center}.mtm-key span small{display:block;font-size:.6rem;opacity:.7}.mtm-cof__key{cursor:pointer}.mtm-keybar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:12px;border:none;background:var(--mtm-indigo-soft);font:inherit;color:inherit;cursor:pointer}.mtm-keygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.mtm-keybtn{padding:10px 6px;border-radius:8px;border:none;background:#00000014;font:inherit;cursor:pointer;color:inherit}.mtm-keybtn--indigo{background:var(--mtm-indigo);color:#fff;font-weight:700}.mtm-keybtn--purple{background:#7c3aed;color:#fff;font-weight:700}.mtm-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:12px;border:none;background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff;font:inherit;cursor:pointer;text-align:left;width:100%}.mtm-cta small{opacity:.85}.mtm-pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#00000014;font-size:.75rem}.mtm-chordpill{display:inline-flex;flex-direction:column;align-items:center;padding:6px 10px;border-radius:8px;background:var(--mtm-indigo-soft)}.mtm-chordpill small{color:var(--mtm-muted)}.mtm-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.mtm-fn{display:inline-flex;width:56px;height:56px;border-radius:50%;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.mtm-hr{border:none;border-top:1px solid var(--mtm-border);width:100%;margin:4px 0}.mtm-playrow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mtm-playbtn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border-radius:10px;border:none;background:var(--mtm-indigo);color:#fff;font:inherit;font-size:1.3rem;cursor:pointer}.mtm-playbtn small{font-size:.75rem}.mtm-playbtn--stop{background:#dc2626}.mtm-tip{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:8px;background:#facc151f}.mtm-dot--pulse{animation:mtm-pulse 1.2s ease-in-out infinite}@keyframes mtm-pulse{0%,to{opacity:1}50%{opacity:.2}}.mtm-homebtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px;border-radius:14px;border:none;background:var(--mtm-indigo-soft);color:var(--mtm-indigo);font:inherit;font-weight:600;font-size:1.4rem;cursor:pointer}.mtm-homebtn span{font-size:.95rem}.mtm-homebtn--filled{background:var(--mtm-indigo);color:#fff}.mtm-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px;border:2px dashed var(--mtm-border);border-radius:8px;color:var(--mtm-muted);text-align:center}.mtm-menu{position:absolute;right:0;top:100%;z-index:20;background:#fff;border:1px solid var(--mtm-border);border-radius:10px;box-shadow:0 6px 20px #0000001f;display:flex;flex-direction:column;min-width:200px;padding:6px}.mtm-menu button{text-align:left;padding:8px 10px;border:none;background:none;font:inherit;cursor:pointer;border-radius:6px;color:inherit}.mtm-menu button:hover{background:#0000000d}.mtm-round{width:30px;height:30px;border-radius:50%;border:none;background:#0000001f;font:inherit;font-size:.8rem;cursor:pointer;color:inherit}.mtm-round--on{background:var(--mtm-indigo);color:#fff;font-weight:700}.mtm-round--purple{background:#7c3aed}.mtm-scroll{overflow-x:auto}.mtm-ruler{position:relative;border-bottom:1px solid var(--mtm-border)}.mtm-ruler__beat{position:absolute;font-size:.7rem;padding-left:3px}.mtm-lane{position:relative;background-image:linear-gradient(90deg,rgba(0,0,0,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px)}.mtm-lane--purple{border-top:1px solid var(--mtm-border);background-image:linear-gradient(90deg,rgba(124,58,237,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(rgba(124,58,237,.03) 50%,transparent 50%)}.mtm-lane__label{position:absolute;top:4px;left:6px;font-size:.65rem;font-weight:700}.mtm-playhead{position:absolute;top:0;bottom:0;width:2px;background:#dc2626;z-index:5;pointer-events:none}.mtm-tile{position:absolute;top:5px;height:90px;border-radius:10px;background:#4f46e526;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.75rem;color:var(--mtm-indigo);cursor:pointer;box-shadow:0 1px 2px #4f46e533}.mtm-tile b{font-size:1.1rem}.mtm-tile small{font-size:.6rem;color:var(--mtm-muted)}.mtm-tile--on{background:var(--mtm-indigo);color:#fff}.mtm-tile--on small{color:#fffc}.mtm-tile__x,.mtm-tile__opt{position:absolute;top:-6px;width:18px;height:18px;border-radius:50%;border:none;background:#fff;font-size:.65rem;cursor:pointer;box-shadow:0 1px 2px #0003}.mtm-tile__x{right:-6px;color:#dc2626}.mtm-tile__opt{left:-6px;color:var(--mtm-indigo)}.mtm-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}.mtm-palette__btn{display:flex;flex-direction:column;align-items:center;gap:4px;height:64px;justify-content:center;border-radius:10px;border:1px solid transparent;background:#fff;font:inherit;cursor:pointer;color:inherit}.mtm-roll{display:flex;overflow:auto;max-height:520px;border:1px solid var(--mtm-border);border-radius:8px}.mtm-roll__keys{position:sticky;left:0;z-index:3;display:flex;flex-direction:column;background:#0000000a;flex:0 0 auto}.mtm-roll__key{border:none;border-bottom:1px solid rgba(0,0,0,.15);text-align:left;padding-left:6px;font:inherit;font-size:.65rem;cursor:pointer;color:inherit}.mtm-roll__grid{position:relative;flex:0 0 auto;background-image:linear-gradient(90deg,rgba(0,0,0,.35) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(0,0,0,.12) 1px,transparent 1px),linear-gradient(rgba(124,58,237,.04) 50%,transparent 50%)}.mtm-roll__measure{position:absolute;top:2px;font-size:.65rem;color:#7c3aed;transform:translate(-50%);pointer-events:none}.mtm-roll__cell{position:absolute;cursor:crosshair;border-bottom:1px solid rgba(0,0,0,.08)}.mtm-roll__cell:hover{background:#7c3aed1f}.mtm-note{position:absolute;border-radius:4px;background:#7c3aedb3;color:#fff;font-size:.65rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;overflow:hidden;white-space:nowrap}.mtm-note--on{background:#7c3aed;box-shadow:0 0 6px #7c3aed99}.mtm-block{position:absolute;border-radius:8px;background:#4f46e533;color:var(--mtm-indigo);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem}.mtm-block--on{background:var(--mtm-indigo);color:#fff}.mtm-bigbtn{width:70px;height:70px;border-radius:50%;border:none;background:var(--mtm-indigo);color:#fff;font-size:1.6rem;cursor:pointer}.mtm-bigbtn--stop{width:50px;height:50px;background:#dc2626;font-size:1.2rem}.mtm-scrub{position:relative;height:20px;cursor:pointer}.mtm-scrub:before{content:"";position:absolute;top:6px;left:0;right:0;height:8px;border-radius:4px;background:#00000026}.mtm-scrub__fill{position:absolute;top:6px;left:0;height:8px;border-radius:4px;background:var(--mtm-indigo)}.mtm-scrub__knob{position:absolute;top:0;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d}.mtm-formats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mtm-format{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border-radius:12px;border:2px solid transparent;background:#0000000d;font:inherit;cursor:pointer;color:inherit}.mtm-format--on{background:#16a34a1f;border-color:#16a34a;color:#16a34a}.mtm-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--mtm-border)}.mtm-toggle input{width:20px;height:20px}.mtm-prog--on{outline:2px solid var(--mtm-indigo)}.mtm-stepnum{display:inline-flex;width:28px;height:28px;border-radius:50%;color:#fff;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.mtm-symgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.mtm-symcard{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:12px;border:1px solid var(--mtm-border);background:#00000008;font:inherit;cursor:pointer;color:inherit;text-align:center}.mtm-symcard b{font-size:.9rem}.mtm-symcard small{font-size:.75rem}.mtm-rhythmrow{display:flex;gap:4px;cursor:pointer}.mtm-rhythmcell{flex:1;display:flex;align-items:center;justify-content:center;height:44px;border-radius:6px;background:#4f46e526;overflow:hidden}.mtm-quizopt{flex:1;padding:16px;border-radius:12px;border:1px solid var(--mtm-border);font:inherit;font-size:1.3rem;font-weight:700;cursor:pointer;color:inherit}.mtm-durbtn{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:8px;border:none;background:#0000001f;font:inherit;cursor:pointer;color:inherit}.mtm-durbtn--on{background:var(--mtm-indigo);color:#fff}.mtm-letterbtn{flex:1;padding:12px;border-radius:8px;border:none;background:var(--mtm-indigo-soft);font:inherit;font-weight:600;cursor:pointer;color:inherit}