:root{--bg: #0e0e0f;--surface: #181819;--border: #2a2a2d;--text: #e8e6e0;--muted: #6b6a66;--root: #e8432d;--note: #f0c040;--accent: #e8432d;--p1: #e8432d;--p2: #4a9eff;--p3: #3dca7a;--p4: #c97af0;--p5: #f0a030}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;padding:40px 28px 80px}input[type=range]{-webkit-appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 0 8px #e8432d66}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}._header_13lcp_1{max-width:1100px;margin:0 auto 32px;border-bottom:1px solid var(--border);padding-bottom:24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}._title_13lcp_13{font-family:Bebas Neue,sans-serif;font-size:clamp(38px,6vw,64px);letter-spacing:.04em;line-height:1}._accent_13lcp_20{color:var(--accent)}._meta_13lcp_24{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);text-align:right;line-height:2;text-transform:uppercase;letter-spacing:.1em}._wrapper_1q29b_1{max-width:1100px;margin:0 auto 24px;display:flex;align-items:center;gap:16px}._label_1q29b_9{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;flex-shrink:0}._pills_1q29b_18{display:flex;gap:6px;flex-wrap:wrap}._pill_1q29b_18{background:#1e1e1f;border:1px solid var(--border);color:var(--muted);font-family:Bebas Neue,sans-serif;font-size:16px;letter-spacing:.06em;padding:6px 20px 4px;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;transition:all .15s;line-height:1}._pill_1q29b_18:hover{border-color:#4a4a48;color:var(--text)}._pill_1q29b_18._active_1q29b_45{background:#252526;border-color:#4a4a48;color:var(--text)}._sub_1q29b_51{font-family:DM Mono,monospace;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}._pill_1q29b_18._active_1q29b_45 ._sub_1q29b_51{color:var(--accent)}._metronome_1dxom_1{max-width:1100px;margin:0 auto 28px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px 22px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}._label_1dxom_14{font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:.08em;color:var(--muted);flex-shrink:0}._bpmDisplay_1dxom_22{font-family:Bebas Neue,sans-serif;font-size:50px;line-height:1;color:var(--text);min-width:80px;letter-spacing:.04em;flex-shrink:0}._bpmUnit_1dxom_32{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;align-self:flex-end;padding-bottom:8px}._sliderWrap_1dxom_42{flex:1;min-width:140px;display:flex;flex-direction:column;gap:6px}._sliderLabels_1dxom_50{display:flex;justify-content:space-between;font-family:DM Mono,monospace;font-size:9px;color:#3a3a38;letter-spacing:.06em}._controls_1dxom_59{display:flex;gap:8px;align-items:center;flex-shrink:0}._btnBpm_1dxom_66{background:#1e1e1f;border:1px solid var(--border);color:var(--text);font-family:DM Mono,monospace;font-size:18px;width:34px;height:34px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}._btnBpm_1dxom_66:hover{background:#282829}._btnPlay_1dxom_85{background:var(--accent);border:none;color:#fff;font-family:Bebas Neue,sans-serif;font-size:15px;letter-spacing:.1em;padding:0 20px;height:42px;border-radius:4px;cursor:pointer;transition:opacity .15s,transform .1s;flex-shrink:0}._btnPlay_1dxom_85:hover{opacity:.85}._btnPlay_1dxom_85:active{transform:scale(.97)}._btnPlay_1dxom_85._playing_1dxom_105{background:#333334;color:var(--text);border:1px solid var(--border)}._beatRow_1dxom_111{display:flex;gap:7px;align-items:center;flex-shrink:0}._beatDot_1dxom_118{width:11px;height:11px;border-radius:50%;background:var(--border);transition:background .05s,box-shadow .05s}._beatDot_1dxom_118._activeAccent_1dxom_125{background:var(--accent);box-shadow:0 0 10px #e8432db3}._beatDot_1dxom_118._active_1dxom_125{background:var(--note);box-shadow:0 0 8px #f0c04080}._timeSig_1dxom_134{display:flex;gap:6px;align-items:center;flex-shrink:0}._timeBtn_1dxom_141{background:#1e1e1f;border:1px solid var(--border);color:var(--muted);font-family:DM Mono,monospace;font-size:10px;padding:4px 9px;border-radius:4px;cursor:pointer;transition:all .15s;letter-spacing:.06em}._timeBtn_1dxom_141._active_1dxom_125{background:#252526;border-color:#4a4a48;color:var(--text)}._tabBar_1dxom_161{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;flex-shrink:0;align-self:center}._tab_1dxom_161{background:#1c1c1d;border:none;color:var(--muted);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:8px 16px;cursor:pointer;transition:background .15s,color .15s}._tab_1dxom_161:not(:last-child){border-right:1px solid var(--border)}._tab_1dxom_161:hover{background:#242425;color:var(--text)}._tabActive_1dxom_189{background:#252526;color:var(--text)}._timerDisplay_1dxom_197{min-width:120px}._timerControls_1dxom_202{display:flex;gap:10px;align-items:center;flex-shrink:0}._btnReset_1dxom_210{background:#1e1e1f;border:1px solid var(--border);color:var(--muted);font-family:Bebas Neue,sans-serif;font-size:15px;letter-spacing:.1em;padding:0 16px;height:42px;border-radius:4px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}._btnReset_1dxom_210:hover{background:#282829;color:var(--text);border-color:#4a4a48}._btnReset_1dxom_210:active{transform:scale(.97)}._row_c06m1_1{max-width:1100px;margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}._viewToggle_c06m1_12{display:flex;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}._viewBtn_c06m1_20{background:#1c1c1d;border:none;color:var(--muted);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:9px 18px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:7px}._viewBtn_c06m1_20:not(:last-child){border-right:1px solid var(--border)}._viewBtn_c06m1_20._active_c06m1_38{background:#252526;color:var(--text)}._viewBtn_c06m1_20 svg{flex-shrink:0}._stringPanel_c06m1_47{display:flex;align-items:center;gap:12px;flex-wrap:wrap}._stringLabel_c06m1_54{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;flex-shrink:0}._stringToggles_c06m1_63{display:flex;gap:6px;flex-wrap:wrap}._strBtn_c06m1_69{background:#1c1c1d;border:1px solid var(--border);color:var(--muted);font-family:DM Mono,monospace;font-size:11px;font-weight:500;width:40px;height:40px;border-radius:4px;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}._strBtn_c06m1_69 ._strNum_c06m1_87{font-size:7px;color:#3a3a38}._strBtn_c06m1_69._active_c06m1_38{background:#252526;border-color:var(--note);color:var(--text)}._strBtn_c06m1_69._active_c06m1_38 ._strNum_c06m1_87{color:var(--muted)}._strBtnAll_c06m1_100{background:#1c1c1d;border:1px solid var(--border);color:var(--muted);font-family:DM Mono,monospace;font-size:10px;padding:0 12px;height:40px;border-radius:4px;cursor:pointer;transition:all .18s;letter-spacing:.08em;text-transform:uppercase}._strBtnAll_c06m1_100:hover{border-color:#4a4a48;color:var(--text)}._infoRow_u1ez3_1{max-width:1100px;margin:0 auto 30px;display:flex;gap:36px;flex-wrap:wrap;align-items:flex-start}._sectionTitle_u1ez3_10{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}._notePills_u1ez3_19{display:flex;gap:7px;flex-wrap:wrap}._notePill_u1ez3_19{display:flex;flex-direction:column;align-items:center;gap:4px;background:#1c1c1d;border:1px solid var(--border);border-radius:4px;padding:8px 11px 6px;min-width:44px}._pillDot_u1ez3_37{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:DM Mono,monospace;font-size:8px;font-weight:500}._pillName_u1ez3_49{font-family:DM Mono,monospace;font-size:13px;font-weight:500;color:var(--text)}._pillInterval_u1ez3_56{font-family:DM Mono,monospace;font-size:9px;color:var(--muted)}._legend_u1ez3_62{display:flex;flex-direction:column;gap:6px}._legendItem_u1ez3_68{display:flex;align-items:center;gap:9px;font-family:DM Mono,monospace;font-size:10px;color:var(--muted)}._legendDot_u1ez3_77{width:16px;height:16px;border-radius:50%;flex-shrink:0}._grid_1qjoq_1{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}._card_1qjoq_9{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:20px 18px 14px;animation:_fadeUp_1qjoq_1 .4s ease both}._cardHeader_1qjoq_17{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}._posLabel_1qjoq_24{font-family:Bebas Neue,sans-serif;font-size:23px;letter-spacing:.06em}._fretRange_1qjoq_30{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}._cardTag_1qjoq_38{margin-top:8px;font-family:DM Mono,monospace;font-size:9px;color:#3e3e3c;letter-spacing:.08em;text-transform:uppercase}svg.diagram{width:100%;height:auto;display:block}._wrapper_6f1qj_1{max-width:1100px;margin:0 auto}._header_6f1qj_6{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}._title_6f1qj_15{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}._legend_6f1qj_23{display:flex;gap:20px;flex-wrap:wrap}._legendItem_6f1qj_29{display:flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:10px;color:var(--muted)}._legendDot_6f1qj_38{width:16px;height:16px;border-radius:50%;flex-shrink:0}._scroll_6f1qj_45{overflow-x:auto;padding-bottom:12px}._scroll_6f1qj_45::-webkit-scrollbar{height:4px}._scroll_6f1qj_45::-webkit-scrollbar-track{background:#1a1a1b}._scroll_6f1qj_45::-webkit-scrollbar-thumb{background:#3a3a38;border-radius:2px}._wrapper_1b7rv_1{max-width:1100px;margin:0 auto}._legend_1b7rv_6{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:16px;align-items:center}._legendItem_1b7rv_14{display:flex;align-items:center;gap:8px;font-family:DM Mono,monospace;font-size:10px;color:var(--muted)}._rootDot_1b7rv_23{width:18px;height:18px;border-radius:50%;background:#e8432d;border:2px solid #ff6a55;flex-shrink:0}._noteDot_1b7rv_32{width:18px;height:18px;border-radius:50%;background:#f0c040;border:2px solid #f8d870;flex-shrink:0}._scrollHint_1b7rv_41{margin-left:auto;font-family:DM Mono,monospace;font-size:9px;color:#3a3a38}._scroll_1b7rv_41{overflow-x:auto;padding-bottom:16px;border-radius:8px}._scroll_1b7rv_41::-webkit-scrollbar{height:5px}._scroll_1b7rv_41::-webkit-scrollbar-track{background:#141414;border-radius:2px}._scroll_1b7rv_41::-webkit-scrollbar-thumb{background:#c8a840;border-radius:2px}