/*!
 *  Hack typeface https://github.com/source-foundry/Hack
 *  License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md
 */
@font-face{font-family:Hack;src:url(/assets/hack-regular-Dv5unGLz.woff2?sha=3114f1256)format("woff2"),url(/assets/hack-regular-DEir-J6A.woff?sha=3114f1256)format("woff");font-weight:400;font-style:normal}@font-face{font-family:Hack;src:url(/assets/hack-bold-o0myPlua.woff2?sha=3114f1256)format("woff2"),url(/assets/hack-bold-XM2YsVf3.woff?sha=3114f1256)format("woff");font-weight:700;font-style:normal}@font-face{font-family:Hack;src:url(/assets/hack-italic-CQtdA7T5.woff2?sha=3114f1256)format("woff2"),url(/assets/hack-italic-CxLZKZQa.woff?sha=3114f1256)format("woff");font-weight:400;font-style:italic}@font-face{font-family:Hack;src:url(/assets/hack-bolditalic-D5TV5Tsg.woff2?sha=3114f1256)format("woff2"),url(/assets/hack-bolditalic-CcY3gI8S.woff?sha=3114f1256)format("woff");font-weight:700;font-style:italic}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Hack,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}.frame-outer{min-height:100vh;padding:24px;display:flex}@media (width<=900px){.frame-outer{padding:16px}}.frame-inner{border:1px solid var(--border);background:var(--paper);border-radius:20px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.top-strip{border-bottom:1px solid var(--divider);grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 28px;display:grid}.top-strip-left{justify-self:start;align-items:center;gap:8px;display:flex}.midi-dot{border-radius:50%;width:8px;height:8px}.midi-label{color:var(--text-muted);font-size:13px}.top-strip-tabs{justify-self:center;gap:4px;display:flex}.top-tab{color:var(--text-muted);border-radius:4px;padding:6px 16px;font-size:13px;transition:color .12s,background .12s}.top-tab:hover{color:var(--text)}.top-tab.active{color:var(--primary);border-bottom:2px solid var(--primary)}.top-strip-right{justify-self:end;align-items:center;gap:4px;display:flex}.center-area{flex:1;grid-template-rows:1fr auto 1fr;min-height:0;padding:24px;display:grid;overflow:auto}.center-header{flex-direction:column;align-self:end;align-items:center;margin-bottom:26px;display:flex}.center-piano{flex-direction:column;align-items:center;gap:26px;display:flex}.chord-name-primary{color:var(--text);letter-spacing:-.01em;font-weight:700;line-height:1}.chord-name-alt{opacity:.4;white-space:nowrap;margin-left:12px;font-weight:400;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.chord-name-delta{letter-spacing:-.01em;pointer-events:none;margin-bottom:4px;font-size:24px;font-weight:700;line-height:1;animation:1s ease-out forwards float-up;position:absolute;bottom:100%;left:50%}@keyframes float-up{0%{opacity:0;transform:translate(-50%,4px)}15%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-30px)}}.progression-header{flex-direction:column;align-items:center;gap:12px;display:flex}.progression-name{color:var(--text);letter-spacing:-.01em;font-size:56px;font-weight:700;line-height:1}.progression-row{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:24px;display:flex}.progression-chord-inactive{color:var(--text-muted);opacity:.4;letter-spacing:-.01em;font-size:32px;font-weight:400;line-height:1}.jam-row{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:24px;display:flex}.jam-chord-cell{flex-direction:column;align-items:center;gap:10px;display:flex}.jam-chord-current{color:var(--text);letter-spacing:-.01em;font-size:50px;font-weight:700;line-height:1}.jam-chord-upcoming{color:var(--text-muted);opacity:.4;letter-spacing:-.01em;font-size:28px;font-weight:400;line-height:1}.jam-numeral{color:var(--text-muted);opacity:.55;letter-spacing:.04em;font-size:16px;font-weight:500;line-height:1}.jam-numeral-current{opacity:.8;font-size:22px}.jam-lookahead{opacity:.55}.jam-lookahead-divider{background:var(--text-muted);opacity:.2;align-self:stretch;width:1px;margin:0 4px}.jam-lookahead-key{opacity:.7;margin-left:4px;font-size:.6em;font-weight:500}.jam-key-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);opacity:.7;margin-bottom:8px;font-size:16px;font-weight:500}.jam-controls{justify-content:center;align-items:center;gap:20px;margin-top:16px;display:flex}.jam-play{border:1px solid var(--divider);width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.jam-play:hover{background:var(--action-hover,#ffffff0d)}.jam-beats{gap:8px;display:flex}.jam-beat{background:color-mix(in srgb, var(--text-muted) 30%, transparent);border-radius:50%;width:10px;height:10px;transition:background 60ms,transform 60ms}.jam-beat.active{background:var(--primary);transform:scale(1.25)}.jam-bpm-presets{gap:4px;display:flex}.jam-bpm{border:1px solid var(--divider);color:var(--text-muted);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border-radius:4px;padding:4px 10px;font-size:12px}.jam-bpm:hover{color:var(--text)}.jam-bpm.active{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary)}.piano-key{border:1px solid #0000;border-radius:0 0 4px 4px;transition:background-color 60ms,border-color 60ms}.piano-key-white{background:var(--white-key);border-color:var(--white-key-border)}.piano-key-black{background:var(--black-key);border-color:var(--black-key-border);box-shadow:0 2px 4px #00000080}.piano-key[data-tone=target]{background:var(--success);border-color:var(--success);border-width:2px}.piano-key[data-tone=wrong]{background:var(--error);border-color:var(--error);border-width:2px}.piano-key[data-tone=revealed]{background:var(--warning);border-color:var(--warning);border-width:2px}.key-hints{flex-direction:column;align-items:center;gap:2px;display:flex}.key-hint-black{color:var(--text-dim);justify-self:center;font-size:12px;transform:translate(12px)}.key-hint-white{color:var(--text-muted);justify-self:center;font-size:12px}.numeral-prompt{flex-direction:column;align-items:center;gap:10px;display:flex}.numeral-value{font-size:64px;font-weight:400;line-height:1;position:relative}.key-picker-inline{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.key-chip{color:var(--text);background:var(--action-disabled-bg);border:1px solid var(--divider);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;transition:opacity .12s}.key-chip:hover{opacity:.85}.key-chip.selected{background:var(--primary);color:var(--primary-contrast);border-color:#0000}.chip-tooltip{grid-template-columns:auto auto;gap:2px 10px;font-size:12px;display:grid}.chip-tooltip-empty{color:var(--text-muted);font-size:12px}.chip-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.chip-stat-good{color:var(--primary)}.stats2-scroll{flex:1;min-height:0;padding:28px 32px 48px;overflow:auto}.stats2-page{max-width:1040px;color:var(--text);flex-direction:column;gap:16px;margin:0 auto;display:flex}.ta-left{text-align:left}.ta-right{text-align:right}.stats2-mono-line,.stats2-mono-small{color:var(--text-dim);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:11px}.stats2-mono-small{font-size:10.5px}.stats2-tone-good{color:var(--success)}.stats2-tone-bad{color:var(--error)}.stats2-tone-warn{color:var(--warning)}.stats2-tone-dim{color:var(--text-dim)}.stats2-card{background:var(--paper);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:14px;padding:18px 20px 14px;display:flex}.stats2-empty-line{color:var(--text-dim);padding:6px 0 2px;font-size:12px}.stats2-section-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.stats2-section-num{color:var(--primary);letter-spacing:.06em;font-size:11px}.stats2-section-title{color:var(--text);font-size:15px;font-weight:400}.stats2-section-meta{color:var(--text-dim);letter-spacing:.02em;margin-left:auto;font-size:10.5px}.stats2-section-right{margin-left:12px;display:inline-flex}.stats2-section-meta+.stats2-section-right{margin-left:12px}.stats2-header{justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:6px;display:flex}.stats2-header-left{flex-direction:column;gap:8px;display:flex}.stats2-title{letter-spacing:-.015em;color:var(--text);font-size:30px;font-weight:300}.stats2-range{gap:6px;display:flex}.stats2-range-pill{border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:5px 10px;font-size:11px;transition:color .12s,border-color .12s,background .12s}.stats2-range-pill:hover{color:var(--text)}.stats2-range-pill.active{border-color:var(--primary);color:var(--primary)}.stats2-surface-toggle{gap:4px;display:inline-flex}.stats2-toggle-pill{border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:3px 9px;font-size:10.5px;transition:color .12s,border-color .12s}.stats2-toggle-pill:hover{color:var(--text)}.stats2-toggle-pill.active{border-color:var(--primary);color:var(--primary)}.stats2-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stats2-kpi{gap:12px;padding:16px 18px 14px}.stats2-kpi-label{color:var(--text-dim);letter-spacing:.09em;font-size:10px}.stats2-kpi-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:34px;font-weight:300;line-height:1}.stats2-kpi-unit{color:var(--text-dim);margin-left:4px;font-size:14px}.stats2-kpi-foot{justify-content:space-between;align-items:flex-end;gap:10px;min-height:22px;display:flex}.stats2-kpi-spark{flex:none}.stats2-trend-svg{width:100%;display:block}.stats2-tick-row{color:var(--text-dim);border-top:1px solid var(--divider);justify-content:space-between;padding-top:8px;font-size:10px;display:flex}.stats2-cat-rows{flex-direction:column;display:flex}.stats2-cat-row{border-top:1px solid var(--divider);grid-template-columns:84px 1fr 40px 46px 74px 74px 16px;align-items:center;gap:16px;padding:8px 0;transition:background .12s;display:grid}.stats2-cat-row:first-child{border-top:none}.stats2-cat-row:hover:not(.disabled){background:var(--action-hover)}.stats2-cat-row.disabled{opacity:.34}.stats2-cat-name{color:var(--text);font-size:13px}.stats2-cat-bar{background:var(--divider);border-radius:2px;height:6px;overflow:hidden}.stats2-cat-bar-fill{background:var(--primary);border-radius:2px;height:100%}.stats2-cat-level{text-align:right;color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:300}.stats2-cat-delta,.stats2-cat-attempts{text-align:right}.stats2-cat-spark{display:block}.stats2-cat-flag{color:var(--warning);text-align:center;font-size:11px}.stats2-activity-row{align-items:flex-end;gap:5px;height:60px;display:flex}.stats2-activity-column{flex-direction:column;flex:1;justify-content:flex-end;gap:1px;min-width:6px;height:100%;display:flex}.stats2-activity-wrong{background:var(--error);opacity:.5;border-radius:2px 2px 0 0;min-height:0}.stats2-activity-right{background:var(--primary);border-radius:0 0 2px 2px;min-height:1px}.stats2-two-up{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.stats2-stuck-rows,.stats2-speed-rows{flex-direction:column;display:flex}.stats2-stuck-row{border-top:1px solid var(--divider);grid-template-columns:1fr 56px 28px;align-items:center;gap:12px;padding:8px 0;transition:background .12s;display:grid}.stats2-stuck-row:first-child{border-top:none}.stats2-stuck-row:hover{background:var(--action-hover)}.stats2-stuck-text{flex-direction:column;gap:2px;min-width:0;display:flex}.stats2-stuck-name{color:var(--text);font-size:13px}.stats2-stuck-spark{display:block}.stats2-stuck-score{text-align:right;color:var(--warning);font-variant-numeric:tabular-nums;font-size:12px}.stats2-speed-row{border-top:1px solid var(--divider);grid-template-columns:76px 1fr 46px;align-items:center;gap:12px;padding:8px 0;transition:background .12s;display:grid}.stats2-speed-row:first-child{border-top:none}.stats2-speed-row:hover{background:var(--action-hover)}.stats2-speed-name{font-size:12.5px}.stats2-speed-row.stats2-tone-good .stats2-speed-name{color:var(--success)}.stats2-speed-row.stats2-tone-warn .stats2-speed-name{color:var(--warning)}.stats2-speed-bar{background:var(--divider);border-radius:2px;height:4px;overflow:hidden}.stats2-speed-bar-fill{opacity:.75;border-radius:2px;height:100%}.stats2-tone-good .stats2-speed-bar-fill{background:var(--success)}.stats2-tone-warn .stats2-speed-bar-fill{background:var(--warning)}.stats2-speed-ms{text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11.5px}.stats2-surfaces{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.stats2-surface{border-left:1px solid var(--divider);align-items:center;gap:16px;padding-left:16px;display:flex}.stats2-surface:first-child{border-left:none;padding-left:0}.stats2-surface-arc{flex:none}.stats2-surface-text{font-variant-numeric:tabular-nums;font-size:15px}.stats2-surface-meta{flex-direction:column;gap:6px;display:flex}.stats2-surface-name{color:var(--text-muted);letter-spacing:.04em;font-size:11.5px}.stats2-keys-wrap{justify-content:center;padding:4px 0;display:flex}.stats2-table-wrap{border-top:1px solid var(--divider);max-height:320px;margin-top:2px;overflow:auto}.stats2-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:11.5px}.stats2-table thead th{background:var(--paper);border-bottom:1px solid var(--border);z-index:1;padding:8px 10px 8px 0;position:sticky;top:0}.stats2-table td{border-bottom:1px solid var(--divider);color:var(--text);white-space:nowrap;padding:7px 10px 7px 0}.stats2-table tbody tr:last-child td{border-bottom:none}.stats2-table tbody tr:hover td{background:var(--action-hover)}.stats2-table-name{color:var(--text)}.stats2-table-head{color:var(--text-dim);letter-spacing:.08em;text-transform:lowercase;font-size:10px;font-weight:400}.stats2-table-sort{color:inherit;font:inherit;letter-spacing:inherit;align-items:baseline;gap:4px;display:inline-flex}.stats2-table-sort:hover{color:var(--text)}.stats2-table-sort.active{color:var(--primary)}.stats2-table-arrow{opacity:.7;min-width:8px;font-size:10px;display:inline-block}.stats2-table-level{align-items:center;gap:8px;display:flex}.stats2-table-level-track{background:var(--divider);border-radius:2px;flex:1;height:5px;overflow:hidden}.stats2-table-level-fill{background:var(--primary);border-radius:2px;height:100%}.stats2-table-level-value{text-align:right;width:20px;color:var(--text-muted)}@media (width<=900px){.stats2-kpi-grid{grid-template-columns:repeat(2,1fr)}.stats2-two-up,.stats2-surfaces{grid-template-columns:1fr}.stats2-surface{border-left:none;padding-left:0}.stats2-cat-row{grid-template-columns:68px 1fr 40px 46px 60px 16px}.stats2-cat-spark{display:none}.stats2-keys-wrap{overflow-x:auto}}.keys-stats-grid table{border-collapse:separate;border-spacing:4px;font-variant-numeric:tabular-nums;font-size:13px}.keys-stats-col-head{letter-spacing:.06em;color:var(--text-muted);text-align:center;min-width:44px;font-size:11px;font-weight:400}.keys-stats-row-head{color:var(--text);text-align:right;padding-right:8px;font-size:12px;font-weight:600}.keys-stats-cell-td{padding:0}.keys-stats-cell{cursor:default;border-radius:6px;justify-content:center;align-items:center;width:44px;height:30px;font-weight:600;display:flex}.keys-stats-cell.empty{color:var(--text-muted);font-weight:400}.keys-stats-tooltip-header{color:var(--text);margin-bottom:6px;font-size:12px;font-weight:700}.chord-mastery-grid table{border-collapse:separate;border-spacing:4px;font-variant-numeric:tabular-nums;font-size:12px}.chord-mastery-col-head{letter-spacing:.04em;color:var(--text-muted);text-align:center;min-width:32px;font-size:11px;font-weight:400}.chord-mastery-row-head{color:var(--text);text-align:right;padding-right:8px;font-size:12px;font-weight:600}.chord-mastery-cell-td{padding:0}.chord-mastery-cell{cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;transition:opacity .12s;display:flex}.chord-mastery-cell:hover{opacity:.8}.chord-mastery-cell.untouched{color:var(--text-muted);border:1px solid color-mix(in srgb, var(--text-muted) 25%, transparent);font-weight:400}.chord-mastery-cell.locked{color:color-mix(in srgb, var(--text-muted) 55%, transparent);background:color-mix(in srgb, var(--text-muted) 8%, transparent);font-weight:400}.chord-mastery-tooltip-header{color:var(--text);margin-bottom:6px;font-size:12px;font-weight:700}.chord-mastery-tooltip-alt{color:var(--text-muted);font-weight:400}.unlock-toast{background:var(--paper);border-left:3px solid var(--success);border-radius:4px;align-items:baseline;gap:10px;min-width:220px;padding:10px 16px;display:flex;box-shadow:0 4px 12px #00000059}.unlock-toast-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:12px}.unlock-toast-name{letter-spacing:-.01em;color:var(--text);font-size:18px;font-weight:700}.mastery-drawer{z-index:20;background:var(--paper);border-radius:0 8px 8px 0;padding:12px 16px;transition:transform .22s;position:absolute;top:50%;left:0;transform:translate(-100%,-50%);box-shadow:4px 0 20px #00000059}.mastery-drawer.open{transform:translateY(-50%)}.mastery-drawer-toggle{background:var(--paper);border:none;border-left:1px solid var(--divider);cursor:pointer;width:22px;height:60px;color:var(--text-muted);border-radius:0 8px 8px 0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:100%;transform:translateY(-50%);box-shadow:4px 0 20px #00000059}.mastery-drawer-toggle:hover{color:var(--text)}