: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_1me3t_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}._titleGroup_1me3t_13{display:flex;flex-direction:column;align-items:flex-start;gap:8px}._backBtn_1me3t_20{background:none;border:none;color:var(--muted);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:0;transition:color .15s}._backBtn_1me3t_20:hover{color:var(--note)}._title_1me3t_13{font-family:Bebas Neue,sans-serif;font-size:clamp(38px,6vw,64px);letter-spacing:.04em;line-height:1}._accent_1me3t_43{color:var(--accent)}._meta_1me3t_47{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_98u9p_1{max-width:1100px;margin:0 auto 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}._homeBtn_98u9p_12{background:#1c1c1d;border:1px solid var(--border);color:var(--muted);font-family:DM Mono,monospace;font-size:11px;padding:9px 14px;border-radius:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px;letter-spacing:.06em;flex-shrink:0}._homeBtn_98u9p_12:hover{border-color:var(--note);color:var(--text)}._viewToggle_98u9p_34{display:flex;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden}._viewBtn_98u9p_42{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_98u9p_42:not(:last-child){border-right:1px solid var(--border)}._viewBtn_98u9p_42._active_98u9p_60{background:#252526;color:var(--text)}._viewBtn_98u9p_42 svg{flex-shrink:0}._stringPanel_98u9p_69{display:flex;align-items:center;gap:12px;flex-wrap:wrap}._stringLabel_98u9p_76{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;flex-shrink:0}._stringToggles_98u9p_85{display:flex;gap:6px;flex-wrap:wrap}._strBtn_98u9p_91{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_98u9p_91 ._strNum_98u9p_109{font-size:7px;color:#3a3a38}._strBtn_98u9p_91._active_98u9p_60{background:#252526;border-color:var(--note);color:var(--text)}._strBtn_98u9p_91._active_98u9p_60 ._strNum_98u9p_109{color:var(--muted)}._strBtnAll_98u9p_122{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_98u9p_122:hover{border-color:#4a4a48;color:var(--text)}._shapeRow_98u9p_142{max-width:1100px;margin:-16px auto 24px;display:flex;align-items:center;gap:12px}._shapeTabs_98u9p_150{display:flex;gap:6px;flex-wrap:wrap}._shapeTab_98u9p_150{background:#1c1c1d;border:1px solid var(--border);color:var(--muted);font-family:DM Mono,monospace;font-size:10px;font-weight:500;padding:5px 12px;height:28px;border-radius:4px;cursor:pointer;transition:all .15s;letter-spacing:.08em;text-transform:uppercase}._shapeTab_98u9p_150:hover{border-color:#4a4a48;color:var(--text)}._shapeTab_98u9p_150._shapeActive_98u9p_177{background:#252526;border-color:var(--note);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_1cft8_1{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}._card_1cft8_9{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:20px 18px 14px;animation:_fadeUp_1cft8_1 .4s ease both}._cardHeader_1cft8_17{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}._posLabel_1cft8_24{font-family:Bebas Neue,sans-serif;font-size:23px;letter-spacing:.06em}._shapeLabel_1cft8_30{font-family:DM Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}._fretRange_1cft8_38{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}._cardTag_1cft8_46{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}._page_bvdkf_1{max-width:1100px;margin:0 auto;padding:0 16px 60px}._hero_bvdkf_8{text-align:center;padding:48px 0 40px}._heroTitle_bvdkf_13{font-family:Bebas Neue,sans-serif;font-size:clamp(52px,9vw,96px);letter-spacing:.04em;line-height:1;margin:0 0 16px}._heroAccent_bvdkf_21{color:var(--accent)}._heroSub_bvdkf_25{font-family:DM Mono,monospace;font-size:11px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0}._scalesRow_bvdkf_35{display:flex;align-items:center;gap:16px;margin-bottom:40px;flex-wrap:wrap}._rowLabel_bvdkf_43{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}._scalePills_bvdkf_53{display:flex;gap:8px;flex-wrap:wrap}._scalePill_bvdkf_53{display:flex;flex-direction:column;align-items:flex-start;padding:8px 14px;background:#18181c;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s;text-align:left;gap:2px}._scalePill_bvdkf_53:hover{border-color:var(--note);background:#1e1e24}._pillName_bvdkf_78{font-family:DM Mono,monospace;font-size:11px;font-weight:700;color:var(--text);letter-spacing:.06em}._pillSub_bvdkf_86{font-family:DM Mono,monospace;font-size:9px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}._grid_bvdkf_95{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){._grid_bvdkf_95{grid-template-columns:1fr}}._card_bvdkf_107{display:flex;flex-direction:column;align-items:flex-start;padding:28px 28px 24px;background:#13131a;border:1px solid var(--border);border-radius:12px;cursor:pointer;text-align:left;transition:border-color .18s,background .18s,transform .15s;position:relative;overflow:hidden;min-height:200px}._card_bvdkf_107:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);opacity:0;transition:opacity .18s}._card_bvdkf_107:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:#17171f;transform:translateY(-2px)}._card_bvdkf_107:hover:before{opacity:1}._cardIcon_bvdkf_145{margin-bottom:16px}._cardTag_bvdkf_149{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;opacity:.8}._cardTitle_bvdkf_159{font-family:Bebas Neue,sans-serif;font-size:32px;letter-spacing:.04em;line-height:1;color:var(--text);margin:0 0 4px}._cardSubtitle_bvdkf_168{font-family:DM Mono,monospace;font-size:10px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}._cardDesc_bvdkf_177{font-family:DM Mono,monospace;font-size:10px;color:var(--muted);line-height:1.8;letter-spacing:.04em;margin:0;flex:1}._cardArrow_bvdkf_187{margin-top:20px;font-size:18px;font-weight:700;transition:transform .15s}._card_bvdkf_107:hover ._cardArrow_bvdkf_187{transform:translate(4px)}