@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Roboto Mono,Monaco,Consolas,monospace;font-size:1rem;line-height:1.6;color:#1e293b;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:#1e293b}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem}a{color:#4f46e5;text-decoration:none;transition:color .15s ease}a:hover{color:#4338ca}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid #4F46E5;outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background:#4f46e5;color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.text-center{text-align:center}.text-muted{color:#64748b}#root{min-height:100vh;display:flex;flex-direction:column}._header_sz7up_1{background:#1e293b;color:#fff;position:sticky;top:0;z-index:200}._container_sz7up_9{width:100%;max-width:1260px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:70px}._logo_sz7up_20{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:700;font-size:1.25rem}._logo_sz7up_20:hover{color:#fff}._logoIcon_sz7up_33{width:50px;height:50px;flex-shrink:0}._logoText_sz7up_39{display:none}@media(min-width:768px){._logoText_sz7up_39{display:block}}._nav_sz7up_48{display:flex;align-items:center;gap:.25rem}@media(min-width:768px){._nav_sz7up_48{gap:.5rem}}._navLink_sz7up_59{padding:.5rem .75rem;color:#fffc;text-decoration:none;font-weight:500;font-size:.875rem;border-radius:8px;transition:all .15s ease}@media(min-width:768px){._navLink_sz7up_59{padding:.5rem 1rem;font-size:1rem}}._navLink_sz7up_59:hover{color:#fff;background:#ffffff1a}._navLink_sz7up_59._active_sz7up_78{color:#fff;background:#4f46e5}._actions_sz7up_83{display:flex;align-items:center;gap:.75rem}._metronomeBtn_sz7up_89{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:9999px;color:#fff;cursor:pointer;transition:all .15s ease}._metronomeBtn_sz7up_89:hover{background:#fff3}._metronomeBtn_sz7up_89._metronomeActive_sz7up_105{background:#10b981}@media(max-width:768px){._nav_sz7up_48,._desktopOnly_sz7up_113{display:none}}._hamburgerBtn_sz7up_117{display:flex;flex-direction:column;justify-content:space-around;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:301}@media(min-width:768px){._hamburgerBtn_sz7up_117{display:none}}._hamburgerBtn_sz7up_117:focus{outline:2px solid #4F46E5;outline-offset:2px}._hamburgerLine_sz7up_139{width:100%;height:3px;background:#fff;border-radius:2px;transition:all .3s ease}._mobileMenuOverlay_sz7up_147{position:fixed;inset:0;background:#000000f2;z-index:300;animation:_fadeIn_sz7up_1 .3s ease}@keyframes _fadeIn_sz7up_1{0%{opacity:0}to{opacity:1}}._mobileNav_sz7up_166{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:1rem;gap:1rem}._mobileNavLink_sz7up_176{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700;padding:.75rem 1.25rem;border-radius:8px;transition:all .15s ease;text-align:center;width:100%;max-width:300px}._mobileNavLink_sz7up_176:hover{background:#ffffff1a}._mobileNavLink_sz7up_176._active_sz7up_78{color:#4f46e5;background:#ffffff1a}._mobileMetronomeBtn_sz7up_196{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto;padding:.75rem 1.25rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:1.125rem;font-weight:500;cursor:pointer;transition:all .15s ease;width:100%;max-width:300px}._mobileMetronomeBtn_sz7up_196:hover{background:#fff3;border-color:#ffffff80}._mobileMetronomeBtn_sz7up_196._metronomeActive_sz7up_105{background:#10b981;border-color:#10b981}._footer_qbtml_1{background:#1e293b;color:#fff;padding:3rem 0 1.5rem;margin-top:auto}._container_qbtml_8{width:100%;max-width:1260px;margin:0 auto;padding:0 1rem}._grid_qbtml_15{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){._grid_qbtml_15{grid-template-columns:2fr 1fr 1fr 1fr}}._brand_qbtml_26{max-width:300px}._logo_qbtml_30{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:700;font-size:1.25rem;margin-bottom:1rem}._logo_qbtml_30:hover{color:#fff}._logoIcon_qbtml_44{font-size:1.5rem;max-width:50px}._description_qbtml_49{color:#ffffffb3;font-size:.875rem;line-height:1.7;margin-bottom:1.5rem}._social_qbtml_56{display:flex;gap:.75rem}._socialLink_qbtml_61{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:9999px;color:#fff;transition:all .15s ease}._socialLink_qbtml_61:hover{background:#4f46e5;color:#fff}._links_qbtml_77 h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#fff}._links_qbtml_77 ul{display:flex;flex-direction:column;gap:.75rem}._links_qbtml_77 a{color:#ffffffb3;font-size:.875rem;transition:all .15s ease}._links_qbtml_77 a:hover{color:#fff}._bottom_qbtml_97{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}._bottom_qbtml_97 p{color:#ffffff80;font-size:.875rem;text-align:center;margin:0}._metronomeBar_igt3g_1{background:#10b981;max-height:0;overflow:hidden;transition:max-height .3s ease ease-out}._metronomeBar_igt3g_1._open_igt3g_7{max-height:50px}._container_igt3g_11{width:100%;max-width:1260px;margin:0 auto;padding:0 1rem;height:50px;display:flex;align-items:center;justify-content:center}._controls_igt3g_22{display:flex;align-items:center;gap:1.5rem}._bpmControl_igt3g_28{display:flex;align-items:center;gap:.75rem}._slider_igt3g_34{width:180px;height:6px;-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:9999px;cursor:pointer}._slider_igt3g_34::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border-radius:9999px;cursor:pointer;box-shadow:0 4px 6px #00000012;transition:transform .15s ease}._slider_igt3g_34::-webkit-slider-thumb:hover{transform:scale(1.1)}._slider_igt3g_34::-moz-range-thumb{width:18px;height:18px;background:#fff;border:none;border-radius:9999px;cursor:pointer;box-shadow:0 4px 6px #00000012}._bpmValue_igt3g_67{color:#fff;font-weight:600;font-size:.875rem;min-width:70px;text-align:center}._buttons_igt3g_75{display:flex;align-items:center;gap:.5rem}._controlBtn_igt3g_81{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:9999px;color:#fff;cursor:pointer;transition:all .15s ease}._controlBtn_igt3g_81:hover:not(:disabled){background:#ffffff4d;border-color:#fff9;transform:scale(1.05)}._controlBtn_igt3g_81:disabled{opacity:.5;cursor:not-allowed}._controlBtn_igt3g_81._active_igt3g_103{background:#fff;color:#10b981;border-color:#fff}._skipLink_fs5q0_1{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:#4f46e5;color:#fff;padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;z-index:9999;transition:top .15s ease}._skipLink_fs5q0_1:focus{top:.5rem;outline:3px solid #F59E0B;outline-offset:2px}._layout_3vfoe_1{display:flex;flex-direction:column;min-height:100vh}._main_3vfoe_7{flex:1;background:#f8fafc}._button_w0sll_1{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Roboto Mono,Monaco,Consolas,monospace;font-size:1rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}._button_w0sll_1:disabled{opacity:.6;cursor:not-allowed}._button_w0sll_1._primary_w0sll_20{background:#4f46e5;color:#fff}._button_w0sll_1._primary_w0sll_20:hover:not(:disabled){background:#4338ca;box-shadow:0 4px 6px #00000012}._button_w0sll_1._secondary_w0sll_28{background:transparent;color:#4f46e5;border:2px solid #4F46E5}._button_w0sll_1._secondary_w0sll_28:hover:not(:disabled){background:#eef2ff}._button_w0sll_1._ghost_w0sll_36{background:transparent;color:#1e293b}._button_w0sll_1._ghost_w0sll_36:hover:not(:disabled){background:#f1f5f9}._button_w0sll_1._white_w0sll_43{background:#fff;color:#4f46e5;border:2px solid white}._button_w0sll_1._white_w0sll_43:hover:not(:disabled){background:#ffffffe6;box-shadow:0 4px 6px #00000012}._button_w0sll_1._accent_w0sll_52{background:#ef4444;color:#fff;border:2px solid #EF4444}._button_w0sll_1._accent_w0sll_52:hover:not(:disabled){background:#ed2d2d;border-color:#ed2d2d;box-shadow:0 4px 6px #00000012}._button_w0sll_1._gold_w0sll_62{background:#f59e0b;color:#fff;border:2px solid #F59E0B}._button_w0sll_1._gold_w0sll_62:hover:not(:disabled){background:#dd8e09;border-color:#dd8e09;box-shadow:0 4px 6px #00000012}._button_w0sll_1._small_w0sll_72{padding:.5rem 1rem;font-size:.875rem}._button_w0sll_1._medium_w0sll_76{padding:.75rem 1.5rem;font-size:1rem}._button_w0sll_1._large_w0sll_80{padding:1rem 2rem;font-size:1.125rem}._home_xqj0n_1{width:100%}._container_xqj0n_5{width:100%;max-width:1260px;margin:0 auto;padding:0 1rem}._hero_xqj0n_12{background:linear-gradient(135deg,#1e293b,#2c3c56);color:#fff;padding:4rem 1rem;display:flex;align-items:center;justify-content:center;min-height:500px}@media(min-width:768px){._hero_xqj0n_12{padding:4rem 2rem}}._heroContent_xqj0n_27{max-width:600px;text-align:center}@media(min-width:1024px){._heroContent_xqj0n_27{text-align:left;max-width:800px}}._heroTitle_xqj0n_38{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#fff}@media(min-width:768px){._heroTitle_xqj0n_38{font-size:2.5rem}}._highlight_xqj0n_51{color:#4f46e5;background:linear-gradient(135deg,#4f46e5,#8f89ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._heroSubtitle_xqj0n_59{font-size:1.125rem;color:#fffc;margin-bottom:2rem;line-height:1.7}._heroCta_xqj0n_66{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media(min-width:1024px){._heroCta_xqj0n_66{justify-content:flex-start;flex-wrap:nowrap}}._heroVisual_xqj0n_79{display:none}@media(min-width:1024px){._heroVisual_xqj0n_79{display:flex;align-items:center;justify-content:center;margin-left:4rem}}._guitarIcon_xqj0n_91{font-size:150px;animation:_float_xqj0n_1 3s ease-in-out infinite}@keyframes _float_xqj0n_1{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}._features_xqj0n_104{padding:4rem 1rem;background:#fff}._sectionTitle_xqj0n_109{text-align:center;font-size:1.5rem;margin-bottom:1rem}@media(min-width:768px){._sectionTitle_xqj0n_109{font-size:2rem}}._sectionSubtitle_xqj0n_120{text-align:center;color:#64748b;max-width:600px;margin:0 auto 3rem}._featureGrid_xqj0n_127{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){._featureGrid_xqj0n_127{grid-template-columns:repeat(3,1fr)}}._featureCard_xqj0n_138{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #E2E8F0;padding:2rem;text-align:center;text-decoration:none;color:#1e293b;transition:all .2s ease}._featureCard_xqj0n_138:hover{transform:translateY(-4px);box-shadow:0 10px 15px #0000001a}._featureCard_xqj0n_138:hover ._featureLink_xqj0n_153{color:#4338ca}._featureCard_xqj0n_138 h3{font-size:1.25rem;margin-bottom:.75rem}._featureCard_xqj0n_138 p{color:#64748b;font-size:.875rem;line-height:1.7;margin-bottom:1rem}._featureIcon_xqj0n_167{font-size:48px;margin-bottom:1rem}._featureLink_xqj0n_153{color:#4f46e5;font-weight:500;font-size:.875rem;transition:color .15s ease}._why_xqj0n_179{padding:4rem 1rem;background:#f8fafc}._whyGrid_xqj0n_184{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){._whyGrid_xqj0n_184{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){._whyGrid_xqj0n_184{grid-template-columns:repeat(3,1fr)}}._whyItem_xqj0n_200{text-align:center;padding:1.5rem}._whyItem_xqj0n_200 h4{font-size:1.125rem;margin-bottom:.5rem}._whyItem_xqj0n_200 p{color:#64748b;font-size:.875rem;margin:0}._whyNumber_xqj0n_214{font-size:2rem;font-weight:700;color:#4f46e5;margin-bottom:.75rem}._cta_xqj0n_221{padding:4rem 1rem;background:#4f46e5;color:#fff;text-align:center}._cta_xqj0n_221 h2{color:#fff;margin-bottom:1rem}._cta_xqj0n_221 p{opacity:.9;margin-bottom:2rem}._cta_xqj0n_221 button{background:#fff;color:#4f46e5}._cta_xqj0n_221 button:hover{background:#f8fafc}._dropdownWrapper_bnsx9_1{position:relative;display:flex;flex-direction:column;gap:.5rem}._label_bnsx9_8{font-size:.875rem;font-weight:500;color:#1e293b}._select_bnsx9_14{padding:.75rem 1rem;font-family:Roboto Mono,Monaco,Consolas,monospace;font-size:1rem;color:#1e293b;background:#fff;border:1px solid #E2E8F0;border-radius:8px;transition:all .15s ease}._select_bnsx9_14:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #eef2ff}._select_bnsx9_14::placeholder{color:#94a3b8}._select_bnsx9_14{appearance:none;padding-right:2.5rem;min-width:180px;cursor:pointer;background-color:#fff}._select_bnsx9_14:hover{border-color:#334155}._arrow_bnsx9_43{position:absolute;right:1rem;bottom:.75rem;font-size:.75rem;color:#64748b;pointer-events:none}._label_bnsx9_8+._select_bnsx9_14~._arrow_bnsx9_43{bottom:.75rem}._dropdownWrapper_bnsx9_1:has(._label_bnsx9_8) ._arrow_bnsx9_43{bottom:.75rem}._dropdownWrapper_bnsx9_1:not(:has(._label_bnsx9_8)) ._arrow_bnsx9_43{top:50%;transform:translateY(-50%);bottom:auto}._selectorContainer_10wkw_1{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){._selectorContainer_10wkw_1{gap:1.5rem}}._fretboardContainer_1qfhe_1{border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #E2E8F0;padding:1rem;overflow-x:auto;background:#fff}._srOnly_1qfhe_11{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._positionIndicator_1qfhe_23{display:inline-block;background:#eef2ff;color:#4f46e5;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;margin-bottom:.75rem}._fretNumbers_1qfhe_34{display:flex;margin-bottom:.5rem;padding-left:30px}._fretNumberSpacer_1qfhe_40{width:30px;flex-shrink:0}._fretNumber_1qfhe_34{width:50px;flex-shrink:0;text-align:center;font-size:.75rem;font-weight:500;color:#64748b;transition:opacity .15s ease;position:relative;left:-25px}._fretNumber_1qfhe_34._dimmed_1qfhe_56{opacity:.3}._fretboard_1qfhe_1{position:relative;background:linear-gradient(180deg,#8b7355,#5d4e37 20%,#3d3226,#5d4e37 80%,#8b7355);border-radius:8px;padding:.75rem 0;min-width:fit-content}._nut_1qfhe_68{position:absolute;left:76px;top:0;bottom:0;width:6px;background:linear-gradient(180deg,beige,#ebebb8);border-radius:2px;z-index:5;box-shadow:2px 0 4px #0003}._string_1qfhe_80{display:flex;align-items:center;height:32px;position:relative}._stringLabel_1qfhe_87{width:30px;flex-shrink:0;text-align:center;font-size:.875rem;font-weight:600;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5)}._fret_1qfhe_1{width:50px;height:100%;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}._openFret_1qfhe_108{background:transparent}._dimmedFret_1qfhe_112{opacity:.4}._stringWire_1qfhe_116{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:1}._thickString_1qfhe_125{height:3px;background:linear-gradient(180deg,#c6c6c6,#b8b8b8 40%,#9c9c9c);box-shadow:0 1px 2px #0000004d}._thinString_1qfhe_131{height:2px;background:linear-gradient(180deg,#cacaca,#b8b8b8,#a6a6a6);box-shadow:0 1px 1px #0003}._fretMarker_1qfhe_137{position:absolute;width:12px;height:12px;background:radial-gradient(circle at 30% 30%,#eae7dd,#e8e4d9,#d7d0bd);border-radius:50%;z-index:0;box-shadow:inset 0 1px 2px #ffffff80,0 1px 2px #0000004d}._note_1qfhe_147{position:relative;z-index:10;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;cursor:pointer;transition:all .15s ease}._note_1qfhe_147:hover{transform:scale(1.15)}._rootNote_1qfhe_166{background:#ef4444;box-shadow:0 0 0 3px #ef44444d,0 2px 8px #ef444480}._scaleNote_1qfhe_171{background:#4f46e5;box-shadow:0 0 0 2px #4f46e533,0 2px 6px #4f46e566}._noteName_1qfhe_176{text-shadow:0 1px 2px rgba(0,0,0,.3)}._fretBars_1qfhe_180{position:absolute;inset:0 0 0 80px;display:flex;pointer-events:none}._fretBar_1qfhe_180{width:50px;flex-shrink:0;border-right:3px solid;border-image:linear-gradient(180deg,#9a9a9a,silver 20%,#c6c6c6,silver 80%,#9a9a9a) 1}._tabContainer_4wf4v_1{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #E2E8F0;padding:1.5rem;margin-top:1.5rem}._title_4wf4v_10{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem}._positionLabel_4wf4v_17{font-weight:400;color:#64748b;font-size:1rem}._tabGrid_4wf4v_23{font-family:Roboto Mono,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.4;background:#f8fafc;padding:1rem;border-radius:8px;overflow-x:auto}._tabLine_4wf4v_33{display:flex;align-items:center;white-space:nowrap}._stringName_4wf4v_39{width:20px;font-weight:700;color:#4f46e5;margin-right:.5rem}._tabContent_4wf4v_46{color:#1e293b;letter-spacing:.5px}._placeholder_4wf4v_51{text-align:center;color:#64748b;padding:2rem;font-style:italic}._scaleInfo_4wf4v_58{margin-top:1rem;padding-top:1rem;border-top:1px solid #E2E8F0}._scaleNotes_4wf4v_64{font-size:.875rem;color:#64748b}._scaleNotes_4wf4v_64 strong{color:#1e293b}._guitarNeck_4n0xu_1{width:100%}._scales_xj8we_1{padding:2rem 1rem;min-height:calc(100vh - 70px)}@media(min-width:768px){._scales_xj8we_1{padding:3rem 1rem}}._container_xj8we_11{width:100%;max-width:1260px;margin:0 auto;padding:0 1rem}._header_xj8we_18{margin-bottom:2rem}._header_xj8we_18 h1{font-size:1.5rem;margin-bottom:.75rem}@media(min-width:768px){._header_xj8we_18 h1{font-size:2rem}}._header_xj8we_18 p{color:#64748b;max-width:700px;margin:0}._fretboardSection_xj8we_36{margin-bottom:2rem}._tips_xj8we_40{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #E2E8F0;padding:1.5rem;margin-top:2rem}._tips_xj8we_40 h3{font-size:1.125rem;margin-bottom:1rem;color:#1e293b}._tips_xj8we_40 ul{display:flex;flex-direction:column;gap:1rem}._tips_xj8we_40 li{padding-left:1rem;border-left:3px solid #4F46E5;color:#64748b;font-size:.875rem;line-height:1.7}._tips_xj8we_40 li strong{color:#1e293b;display:block;margin-bottom:.25rem}._breadcrumb_xj8we_71{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;color:#64748b}._breadcrumb_xj8we_71 a{color:#4f46e5;text-decoration:none}._breadcrumb_xj8we_71 a:hover{text-decoration:underline}._separator_xj8we_87{color:#ffffff4d}._subtitle_xj8we_91{color:#64748b;font-size:1rem}._infoSection_xj8we_96{margin-bottom:2rem}._infoGrid_xj8we_100{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){._infoGrid_xj8we_100{grid-template-columns:repeat(3,1fr)}}._infoCard_xj8we_112{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #E2E8F0;padding:1.25rem;text-align:center}._infoCard_xj8we_112 h2{font-size:.875rem;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:.75rem}._notesList_xj8we_128{display:flex;flex-wrap:wrap;gap:.5rem}._note_xj8we_128{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#4cc9f026;border:1px solid rgba(76,201,240,.3);border-radius:8px;font-family:Roboto Mono,Monaco,Consolas,monospace;font-weight:600;font-size:.875rem;color:#4cc9f0}._formula_xj8we_149{display:flex;flex-wrap:wrap;gap:.5rem}._degree_xj8we_155{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:Roboto Mono,Monaco,Consolas,monospace;font-size:.875rem;color:#1e293b}._intervals_xj8we_170{font-family:Roboto Mono,Monaco,Consolas,monospace;font-size:.875rem;color:#1e293b;line-height:1.8}._descriptionSection_xj8we_177{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #E2E8F0;padding:1.5rem}._descriptionSection_xj8we_177 h2{font-size:1.125rem;margin-bottom:1rem}._descriptionSection_xj8we_177 h3{font-size:1rem;margin-top:1.25rem;margin-bottom:.5rem;color:#4f46e5}._descriptionSection_xj8we_177 p{color:#64748b;line-height:1.8;font-size:.875rem;margin-bottom:1rem}._descriptionSection_xj8we_177 p:last-child{margin-bottom:0}._relatedSection_xj8we_204{margin-top:2rem}._relatedSection_xj8we_204 h2{font-size:1.125rem;margin-bottom:1rem;margin-top:1.5rem}._relatedSection_xj8we_204 h2:first-child{margin-top:0}._relatedLinks_xj8we_216{display:flex;flex-wrap:wrap;gap:.5rem}._relatedLink_xj8we_216{display:inline-block;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#1e293b;text-decoration:none;font-size:.875rem;transition:all .15s ease}._relatedLink_xj8we_216:hover{background:#4cc9f01a;border-color:#4cc9f04d;color:#4cc9f0}._selectorContainer_3xyfn_1{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #E2E8F0}._chordDisplay_1kvu3_1{display:flex;flex-direction:column;gap:1rem}._chordInfo_1kvu3_7{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #E2E8F0;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){._chordInfo_1kvu3_7{flex-direction:row;align-items:center;justify-content:space-between}}._chordName_1kvu3_25{font-size:1.5rem;font-weight:700;color:#4f46e5;margin:0}._chordNotes_1kvu3_32{color:#64748b;margin:0;font-size:.875rem}._chordNotes_1kvu3_32 strong{color:#1e293b}._chords_dnov3_1{padding:2rem 1rem;min-height:calc(100vh - 70px)}@media(min-width:768px){._chords_dnov3_1{padding:3rem 1rem}}._container_dnov3_11{width:100%;max-width:1260px;margin:0 auto;padding:0 1rem}._header_dnov3_18{margin-bottom:2rem}._header_dnov3_18 h1{font-size:1.5rem;margin-bottom:.75rem}@media(min-width:768px){._header_dnov3_18 h1{font-size:2rem}}._header_dnov3_18 p{color:#64748b;max-width:700px;margin:0}._fretboardSection_dnov3_36{margin-bottom:2rem}._tips_dnov3_40{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #E2E8F0;padding:1.5rem;margin-top:2rem}._tips_dnov3_40 h3{font-size:1.125rem;margin-bottom:1rem;color:#1e293b}._tips_dnov3_40 ul{display:flex;flex-direction:column;gap:1rem}._tips_dnov3_40 li{padding-left:1rem;border-left:3px solid #4F46E5;color:#64748b;font-size:.875rem;line-height:1.7}._tips_dnov3_40 li strong{color:#1e293b;display:block;margin-bottom:.25rem}._breadcrumb_dnov3_71{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;color:#64748b}._breadcrumb_dnov3_71 a{color:#4f46e5;text-decoration:none}._breadcrumb_dnov3_71 a:hover{text-decoration:underline}._separator_dnov3_87{color:#ffffff4d}._subtitle_dnov3_91{color:#64748b;font-size:1rem}._infoSection_dnov3_96{margin-bottom:2rem}._infoGrid_dnov3_100{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media(min-width:768px){._infoGrid_dnov3_100{grid-template-columns:repeat(3,1fr)}}._infoCard_dnov3_112{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #E2E8F0;padding:1.25rem;text-align:center}._infoCard_dnov3_112 h2{font-size:.875rem;text-transform:uppercase;letter-spacing:1px;color:#64748b;margin-bottom:.75rem}._chordSymbol_dnov3_128{font-size:1.5rem;font-weight:700;font-family:Roboto Mono,Monaco,Consolas,monospace;color:#4cc9f0}._quality_dnov3_135{font-size:1.125rem;font-weight:600;color:#1e293b}._voicingCount_dnov3_141{font-size:1.5rem;font-weight:700;font-family:Roboto Mono,Monaco,Consolas,monospace;color:#1e293b}._descriptionSection_dnov3_148{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000012;border:1px solid #E2E8F0;padding:1.5rem}._descriptionSection_dnov3_148 h2{font-size:1.125rem;margin-bottom:1rem}._descriptionSection_dnov3_148 h3{font-size:1rem;margin-top:1.25rem;margin-bottom:.5rem;color:#4f46e5}._descriptionSection_dnov3_148 p{color:#64748b;line-height:1.8;font-size:.875rem;margin-bottom:1rem}._descriptionSection_dnov3_148 p:last-child{margin-bottom:0}._relatedSection_dnov3_175{margin-top:2rem}._relatedSection_dnov3_175 h2{font-size:1.125rem;margin-bottom:1rem;margin-top:1.5rem}._relatedSection_dnov3_175 h2:first-child{margin-top:0}._relatedLinks_dnov3_187{display:flex;flex-wrap:wrap;gap:.5rem}._relatedLink_dnov3_187{display:inline-block;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#1e293b;text-decoration:none;font-size:.875rem;transition:all .15s ease}._relatedLink_dnov3_187:hover{background:#4cc9f01a;border-color:#4cc9f04d;color:#4cc9f0}._page_p04q4_1{width:100%;min-height:calc(100vh - 200px);background:#fff}._container_p04q4_7{width:100%;max-width:1260px;margin:0 auto;padding:0 1rem;padding:4rem 1rem}._header_p04q4_15{text-align:center;margin-bottom:3rem}._header_p04q4_15 h1{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#1e293b}@media(min-width:768px){._header_p04q4_15 h1{font-size:2.5rem}}._header_p04q4_15 ._lastUpdated_p04q4_30{color:#64748b;font-size:.875rem}._content_p04q4_35{max-width:800px;margin:0 auto}._content_p04q4_35 section{margin-bottom:2.5rem}._content_p04q4_35 section:last-child{margin-bottom:0}._content_p04q4_35 h2{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#4f46e5;border-bottom:2px solid #E2E8F0;padding-bottom:.5rem;display:inline-block}._content_p04q4_35 p{line-height:1.8;color:#1e293b;font-size:1rem}._warningBox_p04q4_60{background:#f59e0b1a;border-left:4px solid #F59E0B;padding:1.5rem;border-radius:8px;margin:1.5rem 0}._warningBox_p04q4_60 h3{color:#f59e0b;font-size:1.125rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}._warningBox_p04q4_60 p{color:#1e293b;margin:0}._page_yrhyd_1{width:100%;min-height:calc(100vh - 200px);background:#fff}._container_yrhyd_7{width:100%;max-width:1260px;margin:0 auto;padding:0 1rem;padding:4rem 1rem}._header_yrhyd_15{text-align:center;margin-bottom:3rem}._header_yrhyd_15 h1{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#1e293b}@media(min-width:768px){._header_yrhyd_15 h1{font-size:2.5rem}}._header_yrhyd_15 ._lastUpdated_yrhyd_30{color:#64748b;font-size:.875rem}._content_yrhyd_35{max-width:800px;margin:0 auto}._content_yrhyd_35 section{margin-bottom:2.5rem}._content_yrhyd_35 section:last-child{margin-bottom:0}._content_yrhyd_35 h2{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#4f46e5;border-bottom:2px solid #E2E8F0;padding-bottom:.5rem}._content_yrhyd_35 p{line-height:1.8;color:#1e293b;font-size:1rem;margin-bottom:1rem}._content_yrhyd_35 p:last-child{margin-bottom:0}._content_yrhyd_35 ul{margin:1rem 0;padding-left:1.5rem}._content_yrhyd_35 ul li{line-height:1.8;color:#1e293b;margin-bottom:.75rem}._content_yrhyd_35 ul li strong{color:#4f46e5;font-weight:600}._content_yrhyd_35 ul li:last-child{margin-bottom:0}._page_mv8pq_1{width:100%;min-height:calc(100vh - 200px);background:#fff}._container_mv8pq_7{width:100%;max-width:1260px;margin:0 auto;padding:0 1rem;padding:4rem 1rem}._header_mv8pq_15{text-align:center;margin-bottom:3rem}._header_mv8pq_15 h1{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#1e293b}@media(min-width:768px){._header_mv8pq_15 h1{font-size:2.5rem}}._header_mv8pq_15 ._lastUpdated_mv8pq_30{color:#64748b;font-size:.875rem}._content_mv8pq_35{max-width:800px;margin:0 auto}._content_mv8pq_35 section{margin-bottom:2.5rem}._content_mv8pq_35 section:last-child{margin-bottom:0}._content_mv8pq_35 h2{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#4f46e5;border-bottom:2px solid #E2E8F0;padding-bottom:.5rem}._content_mv8pq_35 p{line-height:1.8;color:#1e293b;font-size:1rem;margin-bottom:1rem}._content_mv8pq_35 p:last-child{margin-bottom:0}._page_16bsp_1{padding:2rem 1rem;min-height:80vh;animation:_fadeIn_16bsp_1 .5s ease-out}._container_16bsp_7{width:100%;max-width:1260px;margin:0 auto;padding:0 1rem;max-width:800px;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 15px #0000001a}._header_16bsp_19{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #E2E8F0}._header_16bsp_19 h1{font-size:2rem;color:#1e293b;margin-bottom:0}._content_16bsp_31 p{color:#1e293b;line-height:1.8;margin-bottom:1.5rem;font-size:1.125rem}._content_16bsp_31 p a{color:#4f46e5;text-decoration:none;font-weight:600}._content_16bsp_31 p a:hover{text-decoration:underline}@keyframes _fadeIn_16bsp_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._explorerContainer_1z0hf_1{padding:2rem;background-color:#1a1a2e;color:#fff;min-height:100vh;font-family:Roboto Mono,Monaco,Consolas,monospace;display:flex;flex-direction:column;align-items:center}._controls_1z0hf_12{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}._controls_1z0hf_12 h1{margin:0 0 1rem;font-size:1.8rem;color:#fff}._controls_1z0hf_12 select{padding:.5rem 1rem;border-radius:8px;background:#16213e;color:#fff;border:1px solid #0f3460;cursor:pointer;min-width:120px}._controls_1z0hf_12 select:focus{outline:none;border-color:#4cc9f0}._controlRow_1z0hf_39{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:center}._viewToggle_1z0hf_47{padding:.5rem 1rem;border-radius:8px;background:transparent;color:#4cc9f0;border:1px solid #4cc9f0;cursor:pointer;font-size:.85rem;transition:all .2s}._viewToggle_1z0hf_47:hover{background:#4cc9f01a}._clearButton_1z0hf_61{padding:.5rem 1rem;border-radius:8px;background:transparent;color:#f72585;border:1px solid #f72585;cursor:pointer;font-size:.85rem;transition:all .2s}._clearButton_1z0hf_61:hover{background:#f725851a}._chordChip_1z0hf_84{width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:3px solid transparent;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s,box-shadow .2s;position:relative;z-index:10;margin-bottom:24px}._chordChip_1z0hf_84:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d;z-index:30}._chordChip_1z0hf_84._dragging_1z0hf_107{opacity:.5;cursor:grabbing}._chordChip_1z0hf_84._overlay_1z0hf_111{opacity:1;cursor:grabbing;transform:scale(1.1);box-shadow:0 10px 25px #00000080;z-index:999}._chordChip_1z0hf_84._noMargin_1z0hf_118{margin-bottom:0}._tier-diatonic_1z0hf_122{border-color:#4cc9f0;box-shadow:0 0 10px #4cc9f04d}._tier-diatonic_1z0hf_122 ._symbol_1z0hf_126{color:#4cc9f0}._tier-diatonic_1z0hf_122 ._roman_1z0hf_129{color:#4cc9f0b3}._tier-sub-diatonic_1z0hf_133{border-color:#f72585;box-shadow:0 0 8px #f7258533}._tier-sub-diatonic_1z0hf_133 ._symbol_1z0hf_126{color:#f72585}._tier-sub-diatonic_1z0hf_133 ._roman_1z0hf_129{color:#f72585b3}._tier-chromatic_1z0hf_144{border-color:#fccb0d;border-style:dashed;box-shadow:0 0 5px #fccb0d33}._tier-chromatic_1z0hf_144 ._symbol_1z0hf_126{color:#fccb0d}._tier-chromatic_1z0hf_144 ._roman_1z0hf_129{color:#fccb0db3}._symbol_1z0hf_126{font-size:1.2rem;font-weight:700}._roman_1z0hf_129{font-size:.8rem;margin-bottom:2px}._vault_1z0hf_166{display:flex;gap:1rem;padding:2rem;background:#0003;border-radius:16px;margin-bottom:3rem;flex-wrap:wrap;min-height:120px}._analysisPanel_1z0hf_177{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.5rem;background:#0000004d;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.05)}._analysisContent_1z0hf_189{display:flex;align-items:center;gap:1rem}._numerals_1z0hf_195{font-size:1.1rem;font-weight:600;color:#4cc9f0;font-family:Roboto Mono,Monaco,Consolas,monospace}._progressionName_1z0hf_202{font-size:.85rem;padding:4px 12px;background:#fccb0d33;color:#fccb0d;border-radius:20px;font-weight:600}._resolutionBadge_1z0hf_211{font-size:.7rem;padding:3px 10px;background:#4cc9f033;color:#4cc9f0;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}._timeline_1z0hf_222{display:flex;gap:.5rem;padding:1.5rem 1rem;overflow-x:auto;align-items:flex-start;margin-bottom:2rem;background:#0003;border-radius:16px;max-width:100%}._slotConnector_1z0hf_234{display:flex;align-items:center;justify-content:center;height:120px}._connectorLine_1z0hf_241{color:#fff3;font-size:1.2rem}._wellWrapper_1z0hf_246{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}._gravityWell_1z0hf_254{width:120px;height:120px;border-radius:50%;border:2px dashed rgba(255,255,255,.1);background:radial-gradient(circle,#ffffff0d,#0000 70%);display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative}._gravityWell_1z0hf_254._active_1z0hf_266{border-color:#4cc9f0;background:radial-gradient(circle,#4cc9f01a,#0000 70%);transform:scale(1.1)}._gravityWell_1z0hf_254._filled_1z0hf_271{border-style:solid;border-color:#fff3}._indicatorSlot_1z0hf_276{height:20px;display:flex;align-items:center;justify-content:center;min-width:80px}._slotIndicator_1z0hf_284{font-size:.65rem;padding:3px 10px;border-radius:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#ffffff1a;color:#fff9}._indicatorHigh_1z0hf_296{background:#4cc9f033;color:#4cc9f0}._indicatorMed_1z0hf_301{background:#fccb0d33;color:#fccb0d}._indicatorLow_1z0hf_306{background:#f7258526;color:#f72585cc}._orbitalMenu_1z0hf_311{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:240px;height:240px;z-index:100;pointer-events:none}._orbitalRing_1z0hf_322{position:relative;width:100%;height:100%;pointer-events:auto}._orbitalItem_1z0hf_329{position:absolute;width:50px;height:50px;border-radius:50%;background:#16213e;border:1px solid #fccB0d;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0000004d}._closeButton_1z0hf_345{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;z-index:101;pointer-events:auto}._miniSymbol_1z0hf_361{font-size:.9rem;font-weight:700}._miniRoman_1z0hf_366{font-size:.6rem;opacity:.7}._tabWrapper_1z0hf_371{background:#0000004d;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05);margin-bottom:1.5rem}._tabWrapper_1z0hf_371 h3{margin-bottom:1rem;color:#e94560}._tabScroll_1z0hf_383{overflow-x:auto;padding-bottom:.5rem}._tabScroll_1z0hf_383::-webkit-scrollbar{height:8px}._tabScroll_1z0hf_383::-webkit-scrollbar-track{background:#0000001a}._tabScroll_1z0hf_383::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}._tabScroll_1z0hf_383::-webkit-scrollbar-thumb:hover{background:#ffffff4d}._tabBlock_1z0hf_401{display:flex;flex-direction:column;gap:0}._tabLine_1z0hf_407{display:flex;align-items:center;font-family:Roboto Mono,Monaco,Consolas,monospace;line-height:1.2}._stringLabel_1z0hf_414{width:20px;color:#ffffff80;font-weight:700;margin-right:.5rem;-webkit-user-select:none;user-select:none}._tabContent_1z0hf_422{white-space:pre}._tabNumber_1z0hf_426{color:#fff}._tabDash_1z0hf_430{color:#ffffff4d}._tabContainerEmpty_1z0hf_434{margin-bottom:1.5rem;padding:2rem;text-align:center;border:1px dashed rgba(255,255,255,.1);border-radius:12px;color:#ffffff4d}._fitIndicator_1z0hf_443{font-size:.65rem;padding:2px 8px;border-radius:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;position:absolute;bottom:-24px;left:50%;transform:translate(-50%);z-index:20;box-shadow:0 4px 10px #00000080}._fitIndicator_1z0hf_443._score-high_1z0hf_458{background:#4cc9f0;color:#000;border:none}._fitIndicator_1z0hf_443._score-med_1z0hf_463{background:#f72585;color:#fff;border:none}._fitIndicator_1z0hf_443._score-low_1z0hf_468{background:#fccb0d;color:#000;border:none}._vaultSection_1z0hf_474{margin-bottom:2rem}._vaultSection_1z0hf_474 h3{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#ffffff80;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}._suggestionGrid_1z0hf_75{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;max-width:1200px;margin:0 auto}._voicingOverlay_1z0hf_496{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._voicingModal_1z0hf_510{background:#1a1a2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;width:90%;max-width:500px;box-shadow:0 20px 50px #00000080}._modalHeader_1z0hf_520{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}._modalHeader_1z0hf_520 h3{margin:0;color:#fff}._modalHeader_1z0hf_520 button{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px}._modalHeader_1z0hf_520 button:hover{color:#fff}._voicingGrid_1z0hf_541{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;max-height:60vh;overflow-y:auto}._voicingOption_1z0hf_549{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s;text-align:center}._voicingOption_1z0hf_549:hover{background:#ffffff1a;transform:translateY(-2px)}._voicingOption_1z0hf_549._selected_1z0hf_562{border-color:#4cc9f0;background:#4cc9f01a}._voicingLabel_1z0hf_567{display:block;font-size:.8rem;color:#ffffffb3;margin-bottom:.5rem}._miniFretPreview_1z0hf_574{display:flex;justify-content:space-between;font-family:Roboto Mono,Monaco,Consolas,monospace;font-size:.9rem;color:#fff}._miniFretPreview_1z0hf_574 ._muted_1z0hf_581{color:#fff3}._focusContainer_a2n6c_5{display:flex;flex-direction:column;padding:1.5rem;background:linear-gradient(180deg,#1a1a2e,#0f0f1a);border-radius:16px;border:1px solid rgba(255,255,255,.08);margin-bottom:2rem;font-family:Roboto Mono,Monaco,Consolas,monospace}._focusHeader_a2n6c_16{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}._contextInfo_a2n6c_25{display:flex;align-items:center;gap:.75rem}._keyBadge_a2n6c_31{font-size:1.25rem;font-weight:700;color:#4cc9f0;padding:.25rem .75rem;background:#4cc9f01a;border-radius:6px;border:1px solid rgba(76,201,240,.2)}._contextLabel_a2n6c_41{font-size:.9rem;color:#ffffff80}._showAllButton_a2n6c_46{font-size:.8rem;color:#ffffff80;background:transparent;border:1px solid rgba(255,255,255,.08);padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease}._showAllButton_a2n6c_46:hover{color:#fff;border-color:#fff3;background:#ffffff0d}._focusedRow_a2n6c_62{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}._focusedChip_a2n6c_69{position:relative;display:flex;flex-direction:column;align-items:stretch;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;min-width:80px;transition:border-color .2s ease,box-shadow .2s ease}._focusedChip_a2n6c_69:hover{border-color:#ffffff26;box-shadow:0 4px 20px #0000004d}._focusedChip_a2n6c_69:active,._focusedChip_a2n6c_69._dragging_a2n6c_87{cursor:grabbing}._focusedChip_a2n6c_69._dragging_a2n6c_87{z-index:1000;box-shadow:0 10px 40px #00000080}._focusedChip_a2n6c_69._topPick_a2n6c_94{border-color:#4cc9f04d;box-shadow:0 0 20px #4cc9f01a}._focusedChip_a2n6c_69._topPick_a2n6c_94 ._accentBar_a2n6c_98{height:4px}._focusedChip_a2n6c_69._compact_a2n6c_101{min-width:60px}._focusedChip_a2n6c_69._compact_a2n6c_101 ._chipBody_a2n6c_104{padding:.5rem .75rem}._focusedChip_a2n6c_69._compact_a2n6c_101 ._chordSymbol_a2n6c_107{font-size:.9rem}._focusedChip_a2n6c_69._compact_a2n6c_101 ._romanNumeral_a2n6c_110{font-size:.65rem}._accentBar_a2n6c_98{height:3px;width:100%}._chipBody_a2n6c_104{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;gap:.25rem}._chordSymbol_a2n6c_107{font-size:1.1rem;font-weight:700;line-height:1.2}._romanNumeral_a2n6c_110{font-size:.7rem;color:#ffffff80;text-transform:lowercase;font-style:italic}._actionWord_a2n6c_140{font-size:.65rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}._topPickBadge_a2n6c_148{position:absolute;top:-1px;right:-1px;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.2rem .5rem;background:#4cc9f0;color:#0f0f1a;border-radius:0 12px 0 8px}._expandedSection_a2n6c_162{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}._functionGroup_a2n6c_169{margin-bottom:1.25rem}._functionGroup_a2n6c_169:last-child{margin-bottom:0}._functionLabel_a2n6c_176{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#ffffff4d;margin-bottom:.75rem;padding-left:.25rem}._functionChords_a2n6c_186{display:flex;gap:.5rem;flex-wrap:wrap}._constellationContainer_a2n6c_192{display:flex;flex-direction:column;align-items:center;padding:2rem;background:radial-gradient(ellipse at center,#1a1a2e,#0f0f1a);border-radius:16px;border:1px solid rgba(255,255,255,.05);margin-bottom:2rem;font-family:Roboto Mono,Monaco,Consolas,monospace}._constellationChip_a2n6c_204{position:relative;cursor:grab;-webkit-user-select:none;user-select:none;z-index:10}._constellationChip_a2n6c_204:active{cursor:grabbing}._constellationChip_a2n6c_204._dragging_a2n6c_87{cursor:grabbing;z-index:1000}._chipContent_a2n6c_218{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid;transition:all .2s ease;padding:.5rem}._symbol_a2n6c_231{font-size:1rem;font-weight:700;line-height:1.2}._roman_a2n6c_110{font-size:.7rem;color:#ffffff80;line-height:1}@media(max-width:768px){._focusContainer_a2n6c_5{padding:1rem}._focusedRow_a2n6c_62{gap:.5rem}._focusedChip_a2n6c_69{min-width:70px}._focusedChip_a2n6c_69 ._chipBody_a2n6c_104{padding:.5rem .75rem}._focusHeader_a2n6c_16{flex-direction:column;gap:1rem;align-items:flex-start}}