._page_1w5jb_3{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;align-items:center;padding:64px 24px 96px;display:flex;overflow-x:clip}._topBar_1w5jb_15{justify-content:space-between;align-items:center;width:100%;max-width:1180px;margin-bottom:44px;display:flex}._brand_1w5jb_24{letter-spacing:-.4px;align-items:baseline;font-size:18px;font-weight:800;text-decoration:none;display:flex}._themeBtn_1w5jb_33{border:1px solid var(--border);width:32px;height:32px;color:var(--text2);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}@media (hover:hover){._themeBtn_1w5jb_33:hover{border-color:var(--text3);color:var(--text)}}._brandA_1w5jb_49{color:var(--text)}._brandB_1w5jb_50{background:linear-gradient(135deg, var(--accent-pale), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}._doc_1w5jb_57{width:100%;max-width:1180px}._crumbs_1w5jb_59{color:var(--text3);margin-bottom:22px;font-size:12px}._crumbs_1w5jb_59 a{color:var(--text3);text-decoration:none}@media (hover:hover){._crumbs_1w5jb_59 a:hover{color:var(--text2);text-decoration:underline}}._crumbs_1w5jb_59 span{opacity:.6;margin:0 7px}._kicker_1w5jb_64{letter-spacing:1.4px;text-transform:uppercase;color:var(--accent-ui);margin-bottom:16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700}._hero_1w5jb_74 h1{letter-spacing:-.03em;margin-bottom:18px;font-size:40px;font-weight:800;line-height:1.12}._intro_1w5jb_82{color:var(--text2);max-width:62ch;margin-bottom:32px;font-size:17px;line-height:1.65}._heroCta_1w5jb_90{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:var(--on-accent);border-radius:11px;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}@media (hover:hover){._heroCta_1w5jb_90:hover{filter:brightness(1.08)}}._heroNote_1w5jb_103{color:var(--text3);margin-top:12px;font-size:13px}._section_1w5jb_105{border-top:1px solid var(--border);margin-top:44px;padding-top:36px}._section_1w5jb_105 h2{letter-spacing:-.02em;margin-bottom:14px;font-size:24px;font-weight:700}._section_1w5jb_105 p{color:var(--text2);margin-bottom:14px;font-size:15px;line-height:1.7}._section_1w5jb_105 ul{flex-direction:column;gap:10px;margin:0 0 14px;padding:0;list-style:none;display:flex}._section_1w5jb_105 li{color:var(--text2);padding-left:18px;font-size:15px;line-height:1.65;position:relative}._section_1w5jb_105 li:before{content:"–";color:var(--accent-ui);font-weight:600;position:absolute;left:0}._faq_1w5jb_112{border-top:1px solid var(--border);margin-top:44px;padding-top:36px}._faq_1w5jb_112 h2{letter-spacing:-.02em;margin-bottom:18px;font-size:24px;font-weight:700}._faqItem_1w5jb_114{margin-bottom:22px}._faqQ_1w5jb_115{color:var(--text);margin-bottom:7px;font-size:16px;font-weight:700}._faqA_1w5jb_116{color:var(--text2);font-size:15px;line-height:1.65}._faqA_1w5jb_116 a{color:var(--accent-ui);text-decoration:underline}._footer_1w5jb_119{border-top:1px solid var(--border);color:var(--text3);flex-wrap:wrap;gap:24px;margin-top:56px;padding-top:28px;font-size:12px;display:flex}._footer_1w5jb_119 a{color:var(--text3);text-decoration:none}@media (hover:hover){._footer_1w5jb_119 a:hover{color:var(--text2);text-decoration:underline}}._widget_1w5jb_134{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:22px;margin-bottom:24px;padding:24px;display:flex}._controls_1w5jb_147{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}._controlGroup_1w5jb_154{flex-direction:column;gap:5px;display:flex}._controlLabel_1w5jb_160{letter-spacing:.06em;text-transform:uppercase;color:var(--text3);white-space:nowrap;font-size:11px;font-weight:600}._select_1w5jb_169{appearance:none;background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;border-radius:8px;min-width:80px;padding:8px 28px 8px 11px;font-size:14px;font-weight:500}._select_1w5jb_169:focus{border-color:var(--accent);outline:none}._bpmSlider_1w5jb_186{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:120px;height:4px;margin:7px 0}._bpmSlider_1w5jb_186::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:16px;height:16px}._bpmSlider_1w5jb_186::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}._generateBtn_1w5jb_215{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:var(--on-accent);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-self:flex-end;padding:9px 18px;font-size:14px;font-weight:700}@media (hover:hover){._generateBtn_1w5jb_215:hover{filter:brightness(1.08)}}._generateBtn_1w5jb_215:active{filter:brightness(.94)}._paletteSection_1w5jb_232{flex-direction:column;gap:10px;display:flex}._paletteLabel_1w5jb_238{letter-spacing:.06em;text-transform:uppercase;color:var(--text3);font-size:11px;font-weight:600}._paletteFull_1w5jb_246{color:var(--chord-v);font-weight:700}._palette_1w5jb_232{flex-wrap:wrap;gap:8px;display:flex}._palettePill_1w5jb_257{cursor:pointer;border:none;border-radius:9px;flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:9px 14px;transition:transform .1s,filter .1s,opacity .1s;display:flex}@media (hover:hover){._palettePill_1w5jb_257:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}}._palettePill_1w5jb_257:active:not(:disabled){filter:brightness(.9);transform:translateY(0)}._palettePill_1w5jb_257:disabled{opacity:.35;cursor:not-allowed}._paletteDeg_1w5jb_273{color:#ffffffbf;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:700;line-height:1}._paletteName_1w5jb_281{color:#fff;letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:1}._progressionSection_1w5jb_291{flex-direction:column;gap:10px;display:flex}._progressionHeader_1w5jb_297{align-items:baseline;gap:10px;display:flex}._progName_1w5jb_303{color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700}._progAka_1w5jb_310{color:var(--text3);font-size:12px}._progCustom_1w5jb_315{color:var(--text3);font-size:12px;font-style:italic;font-weight:600}._chordCount_1w5jb_322{color:var(--text3);margin-left:auto;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}._emptyProg_1w5jb_329{color:var(--text3);padding:16px 0 4px;font-size:13px;font-style:italic}._chordRow_1w5jb_336{flex-wrap:wrap;gap:8px;display:flex}._chordPill_1w5jb_342{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;outline:none;flex-direction:column;align-items:center;gap:3px;min-width:62px;padding:12px 14px 10px;transition:transform .1s,filter .1s,box-shadow .15s;display:flex;position:relative}@media (hover:hover){._chordPill_1w5jb_342:hover{filter:brightness(1.08);transform:translateY(-2px)}}._chordPill_1w5jb_342:focus-visible{box-shadow:0 0 0 2px var(--accent)}._chordPill_1w5jb_342:active{filter:brightness(.92);transform:translateY(0)}._chordPillActive_1w5jb_360{filter:brightness(1.15);transform:translateY(-3px)scale(1.05);box-shadow:0 0 0 3px #fff,0 0 18px #ffffff59}._removeBtn_1w5jb_366{background:var(--bg);border:1px solid var(--border);width:18px;height:18px;color:var(--text3);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:opacity .1s;display:flex;position:absolute;top:-6px;right:-6px}@media (hover:hover){._chordPill_1w5jb_342:hover ._removeBtn_1w5jb_366{opacity:1}._removeBtn_1w5jb_366:hover{background:var(--surface);color:var(--text);border-color:var(--text3)}}._chordName_1w5jb_389{color:#fff;letter-spacing:-.02em;pointer-events:none;font-size:17px;font-weight:800;line-height:1}._chordDeg_1w5jb_398{color:#ffffffb3;pointer-events:none;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:600}._chordBeats_1w5jb_406{align-items:center;gap:2px;margin-top:1px;display:none}@media (hover:hover){._chordPill_1w5jb_342:hover ._chordBeats_1w5jb_406{display:flex}._chordPill_1w5jb_342:hover ._chordDeg_1w5jb_398{display:none}}@media (hover:none){._chordBeats_1w5jb_406{display:flex}._chordDeg_1w5jb_398{display:none}}._beatsBtn_1w5jb_423{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:4px;padding:2px 5px;font-size:11px;font-weight:700;line-height:1;transition:background .1s}@media (hover:hover){._beatsBtn_1w5jb_423:hover{background:#ffffff52}}._beatsBtn_1w5jb_423:active{background:#ffffff1f}._beatsVal_1w5jb_438{color:#ffffffe6;text-align:center;min-width:18px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:700}._instrumentSection_1w5jb_449{flex-direction:column;gap:10px;display:flex}._instrLabel_1w5jb_455{letter-spacing:.06em;text-transform:uppercase;color:var(--text3);font-size:11px;font-weight:600}._instrPillRow_1w5jb_463{flex-wrap:wrap;gap:6px;display:flex}._instrPill_1w5jb_463{border:1px solid var(--border);background:var(--bg);color:var(--text2);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:500;transition:border-color .12s,background .12s,color .12s;display:flex}@media (hover:hover){._instrPill_1w5jb_463:hover{border-color:var(--text3);color:var(--text)}}._instrPillActive_1w5jb_484{border-color:var(--ic);color:var(--text);background:color-mix(in srgb, var(--ic) 12%, var(--bg))}@media (hover:hover){._instrPillActive_1w5jb_484:hover{filter:brightness(1.06)}}._instrDot_1w5jb_491{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .12s}@media (width<=640px){._instrPill_1w5jb_463{padding:6px 11px;font-size:12px}}._widgetActions_1w5jb_505{flex-wrap:wrap;align-items:center;gap:10px;display:flex}._playBtn_1w5jb_512,._loopBtn_1w5jb_513,._stopBtn_1w5jb_514{cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}@media (hover:hover){._playBtn_1w5jb_512:hover:not(:disabled),._loopBtn_1w5jb_513:hover:not(:disabled){border-color:var(--text3)}}._playBtn_1w5jb_512:disabled,._loopBtn_1w5jb_513:disabled{opacity:.4;cursor:default}._stopBtn_1w5jb_514{background:var(--chord-iv);color:#fff;border-color:#0000}@media (hover:hover){._stopBtn_1w5jb_514:hover{filter:brightness(1.08)}}._loopBtn_1w5jb_513{color:var(--accent-ui);border-color:var(--accent-ui)}@media (hover:hover){._loopBtn_1w5jb_513:hover:not(:disabled){background:color-mix(in srgb, var(--accent-ui) 10%, transparent)}}._widgetCta_1w5jb_542{color:var(--accent-ui);align-items:center;gap:6px;margin-left:auto;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}@media (hover:hover){._widgetCta_1w5jb_542:hover{text-decoration:underline}}._ctaBlock_1w5jb_556{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-bottom:4px;padding:28px 24px}._ctaBlockText_1w5jb_564{color:var(--text2);margin-bottom:18px;font-size:15px;line-height:1.6}@media (width<=640px){._page_1w5jb_3{padding:40px 18px 72px}._hero_1w5jb_74 h1{font-size:31px}._intro_1w5jb_82{font-size:15px}._widget_1w5jb_134{gap:18px;padding:16px}._controls_1w5jb_147{gap:8px}._bpmSlider_1w5jb_186{width:90px}._ctaBlock_1w5jb_556{padding:20px 16px}._palettePill_1w5jb_257{min-width:48px;padding:8px 11px}._paletteName_1w5jb_281{font-size:14px}._chordPill_1w5jb_342{min-width:54px;padding:10px 12px 8px}._chordName_1w5jb_389{font-size:15px}._widgetCta_1w5jb_542{margin-left:0}}._relatedTools_1w5jb_589{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.5rem}._relatedTitle_1w5jb_594{letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin:0 0 .75rem;font-size:.75rem;font-weight:600}._relatedList_1w5jb_602{flex-wrap:wrap;gap:.5rem;display:flex}._relatedLink_1w5jb_607{color:var(--accent);border:1px solid var(--accent);border-radius:2rem;padding:.3rem .75rem;font-size:.875rem;text-decoration:none;transition:background .15s,color .15s}@media (hover:hover){._relatedLink_1w5jb_607:hover{background:var(--accent);color:#fff}}