:root{--font-sans: Inter, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Mono", "Cascadia Code", ui-monospace, monospace;--font-logo: Outfit, Inter, system-ui, sans-serif;--font-titles: Outfit, Inter, system-ui, sans-serif;--font-size-xxs: 10px;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 16px;--font-size-lg: 22px;--font-size-xlg: 28px;--font-size-xxlg: 40px;--font-size-logo: 22px;--pad: clamp(16px, 2.5vw, 36px);--radius: 4px;--site-max-width: 1600px;--tg-card-desc-font-size: 14px;--tg-radius-card: 18px;--tg-radius-pill: 100px;--tg-gap: 16px}:root{--tg-bg: #141414;--tg-text: #f0f0ee;--tg-text-muted: #888888;--tg-text-dim: #555555;--tg-card-bg: #1e2222;--tg-pill-bg: #2a2a2a;--tg-pill-text: #cccccc;--tg-seg-active: #3a3a3a;--tg-octave: #2a2a2a;--tg-link: #58a6ff;--tg-link-hover: #79c0ff;--accent: #ff4f44;--body-color: #f0f0ee;--card-bg: #1e2222;--muted: #888888;--muted-light: #555555;--border-color: #333333}html[data-theme=light]{--tg-bg: #efefed;--tg-text: #111111;--tg-text-muted: #666666;--tg-text-dim: #aaaaaa;--tg-card-bg: #ffffff;--tg-pill-bg: #ddddd9;--tg-pill-text: #333333;--tg-seg-active: #ffffff;--tg-octave: #f6fff0;--tg-link: #0969da;--tg-link-hover: #0550ae;--accent: #e8342a;--body-color: #111111;--card-bg: #ffffff;--muted: #666666;--muted-light: #aaaaaa;--border-color: #dededd}html[data-theme=dark]{--tg-bg: #141414;--tg-text: #f0f0ee;--tg-text-muted: #888888;--tg-text-dim: #555555;--tg-card-bg: #1e2222;--tg-pill-bg: #2a2a2a;--tg-pill-text: #cccccc;--tg-seg-active: #3a3a3a;--tg-octave: #2a2a2a;--tg-link: #58a6ff;--tg-link-hover: #79c0ff;--accent: #ff4f44;--body-color: #f0f0ee;--card-bg: #1e2222;--muted: #888888;--muted-light: #555555;--border-color: #333333}@media(prefers-color-scheme:light){html[data-theme=auto]{--tg-bg: #efefed;--tg-text: #111111;--tg-text-muted: #666666;--tg-text-dim: #aaaaaa;--tg-card-bg: #ffffff;--tg-pill-bg: #ddddd9;--tg-pill-text: #333333;--tg-seg-active: #ffffff;--tg-octave: #f6fff0;--tg-link: #0969da;--tg-link-hover: #0550ae;--accent: #e8342a;--body-color: #111111;--card-bg: #ffffff;--muted: #666666;--muted-light: #aaaaaa;--border-color: #dededd}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--tg-bg);color:var(--body-color);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100dvh;transition:background .15s}strong{font-weight:600}.text-align-right{text-align:right}a{color:var(--tg-link);text-decoration:none;transition:color .1s}a:hover{color:var(--tg-link-hover);text-decoration:underline}.midicv{padding-inline:var(--pad, 20px)}.header-title{margin-top:2rem;margin-bottom:1.5rem;padding-bottom:.4rem;border-bottom:1px solid var(--border-color);display:flex;align-items:baseline;justify-content:space-between}.header-title .title{font-family:var(--font-mono);font-size:var(--font-size-xlg);font-weight:500;letter-spacing:-.02em}.row{margin:.5rem 0}.content-center{justify-content:center}.space-between{justify-content:space-between}.justify-left{justify-self:left}.justify-right{justify-self:right}.underline{text-decoration:underline}.italic{font-style:italic}.center{text-align:center}.border-l{border-left:1px solid var(--border-color)}.midi-setup input,.midi-setup select{font-size:var(--font-size-sm);font-family:var(--font-mono);margin:0 .25rem;padding:.15rem .4rem;border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--card-bg);font-weight:500;color:var(--body-color)}.accidental{background-color:#e8e8e3}.out-of-range{color:var(--muted-light)}.midi-notes-grid{display:grid;grid-template-columns:repeat(60,auto);justify-content:start;font-family:var(--font-mono);font-size:var(--font-size-sm)}.midi-notes-grid>div{padding:.3rem .2rem;display:flex;justify-content:center;align-items:center;white-space:nowrap}.midi-notes-full-grid{display:grid;grid-template-columns:repeat(5,auto);justify-content:start;font-family:var(--font-mono);font-size:var(--font-size-xs)}.shortcuts-grid{display:flex;color:#888;font-size:var(--font-size-sm)}.prev-next-btn{margin:0 0 0 5px;padding:0 8px;border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;background:transparent}.prev-next-btn:hover{background-color:var(--border-color)}.number.large input{width:7rem}.muted{color:var(--tg-text-dim)}.midicv-data-section-title{font-family:var(--font-sans, Inter, system-ui, sans-serif);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:16px}.midicv-data-section{background:var(--tg-card-bg, #fff);border-radius:var(--tg-radius-card, 18px);padding:16px 20px}.midicv-mode-bar{flex-grow:1}.midicv-mode-seg{display:inline-flex;align-items:center;background:var(--tg-pill-bg, #ddddd9);border-radius:var(--tg-radius-pill, 100px);padding:3px;gap:2px}.midicv-mode-btn{font-family:var(--font-sans, Inter, system-ui, sans-serif);font-size:13px;font-weight:500;cursor:pointer;border:none;border-radius:var(--tg-radius-pill, 100px);padding:5px 16px;background:transparent;color:var(--tg-text-muted, #666);transition:background .1s,color .1s}.midicv-mode-btn--active{background:var(--tg-card-bg, #fff);color:var(--tg-text, #111)}.midicv-data-table{border-collapse:collapse}.midicv-data-table th{font-family:var(--font-sans, Inter, system-ui, sans-serif);font-size:var(--font-size-xs, 12px);font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--tg-text-dim, #aaa);text-align:left;padding:0 28px 6px 0;border-bottom:1.5px solid var(--border-color, #dededd);white-space:nowrap}.midicv-data-table th:last-child{padding-right:0}.midicv-data-table td{font-family:var(--font-mono);font-size:var(--font-size-base, 16px);padding:6px 56px 6px 0;white-space:nowrap;vertical-align:middle;color:var(--tg-text, #111);border-bottom:1px solid var(--tg-pill-bg, #ddddd9)}.midicv-data-table td:last-child{padding-right:0}.midicv-data-table tbody tr:last-child td{border-bottom:none}.midicv-data-cell--key{font-weight:600}.midicv-data-cell--num{text-align:right;color:var(--tg-text-muted, #666)}.midicv-data-row--boundary td{color:var(--tg-text-muted, #666)}.midicv-data-row--boundary .midicv-data-cell--key{font-weight:400}.midicv-out-of-range{color:var(--accent);font-size:var(--font-size-sm, 12px)}.sh-header{background:var(--tg-bg);position:sticky;top:0;z-index:2000;padding-block:var(--tg-gap, 28px);padding-inline:var(--pad);transition:background .15s}.sh-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.sh-logo{color:var(--tg-pill-text);border-radius:var(--tg-radius-pill);padding:4px 18px 4px 0;font-family:var(--font-logo);font-size:var(--font-size-logo);font-weight:500;white-space:nowrap;transition:background .15s,color .15s}.sh-logo a{text-decoration:none;color:var(--tg-text)}.sh-logo-dot{color:var(--accent)}.sh-logo a:hover{text-decoration:underline}.sh-logo-page,.sh-logo-page a{color:var(--accent)}.sh-logo .fa-arrow-right-arrow-left{font-size:14px}.sh-nav{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.sh-nav-link{font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--tg-text-dim);padding:6px 14px;border-radius:var(--tg-radius-pill);white-space:nowrap;text-decoration:none;transition:color .1s,background .1s}.sh-nav-link:hover{color:var(--tg-text)}.sh-nav-link.active{background:var(--tg-pill-bg);color:var(--tg-text)}.sh-theme{display:flex;align-items:center;background:var(--tg-pill-bg);border-radius:var(--tg-radius-pill);padding:3px;gap:2px;flex-shrink:0;margin-left:auto;transition:background .15s}.sh-theme-btn{font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;border:none;border-radius:var(--tg-radius-pill);padding:5px 14px;background:transparent;color:var(--tg-text-dim);white-space:nowrap;transition:background .15s,color .15s}.sh-theme-btn.active{background:var(--tg-seg-active);color:var(--tg-text)}@media(max-width:1060px){.sh-nav{display:none}}.sh-theme-btn-icon{display:none}@media(max-width:800px){.sh-theme{display:none}}.sh-theme-list{display:flex;flex-direction:column;gap:2px}.sh-theme-list-btn{display:flex;align-items:center;gap:10px;width:100%;border:none;border-radius:var(--tg-radius-pill);padding:8px 14px;background:transparent;color:var(--tg-text-muted);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;text-align:left;transition:background .15s,color .15s}.sh-theme-list-btn.active{background:var(--tg-pill-bg);color:var(--tg-text)}.sh-theme-list-btn:not(.active):hover{color:var(--tg-text)}.sh-theme-list-icon{width:14px;text-align:center;flex-shrink:0}.site-root{max-width:var(--site-max-width);margin-inline:auto}.main-wrapper{padding:0}.about-tool{padding-left:var(--pad);padding-right:var(--pad);padding-top:0;padding-bottom:0;margin:1.5rem 0}.about-tool+.about-tool{padding-top:0;margin-top:0}.about-tool h1{font-family:var(--font-titles);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.5rem}.about-tool p{line-height:1.7;max-width:70ch}.about-tool-links{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.4rem}