.cf-hero{border-top:6px solid var(--pc-select)}.cf-band-chip{letter-spacing:.03em;text-transform:uppercase;color:var(--ff-forge-text);background:var(--ff-warm);border:1px solid var(--ff-outline);border-radius:6px;margin:0 0 .6rem;padding:.3rem .75rem;font-size:.85rem;font-weight:700;display:inline-block}.cf-hero-h{margin:0 0 .4rem;font-size:2rem;line-height:1.1}.cf-hero-lede{color:var(--ff-anvil);max-width:62ch;margin:0 0 1rem;font-size:1.08rem;line-height:1.55}.cf-hero-cta{display:flex}.cf-hero-chips{margin-top:.9rem}.cf-cta{background:var(--ff-forge);background:oklch(from var(--ff-forge) min(l, .53) c h);color:#fff;border-color:var(--ff-forge);align-items:center;gap:.4rem;min-height:48px;padding:.75rem 1.3rem;font-size:1.1rem;font-weight:700;display:inline-flex}.cf-sec-h{margin:1.2rem 0 .6rem;font-size:1.3rem}.cf-launcher{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1rem;display:grid}.cf-tile{background:var(--ff-paper);border:1px solid var(--ff-outline);color:var(--ff-anvil);border-radius:10px;flex-direction:column;gap:.35rem;padding:1.1rem;text-decoration:none;display:flex}.cf-tile:hover{border-color:var(--pc-select)}.cf-tile-title{color:var(--ff-forge-text);font-size:1.15rem;font-weight:700}.cf-tile-desc{font-size:.98rem;line-height:1.45}.cf-personas{border-top:4px solid var(--pc-select)}.cf-persona-list{gap:.5rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.cf-persona{color:var(--ff-anvil);background:var(--ff-warm);border-left:3px solid var(--pc-select);border-radius:4px;padding:.5rem .7rem;font-size:1rem;line-height:1.45}.cf-persona strong{color:var(--ff-forge-text)}.cf-note{color:var(--ff-slate-text);font-size:.9rem;line-height:1.5}.cf-stage{flex-direction:column;align-items:center;gap:1rem;display:flex}.cf-h{text-align:center;margin:.3rem 0;font-size:1.5rem}.cf-sub{color:var(--ff-anvil);text-align:center;max-width:56ch;margin:0;font-size:1rem;line-height:1.5}.cf-back{background:var(--ff-paper);color:var(--ff-anvil);border:1px solid var(--ff-outline);cursor:pointer;border-radius:8px;align-self:flex-start;align-items:center;gap:.3rem;min-height:44px;padding:.5rem .9rem;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.cf-keysel{color:var(--ff-anvil);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.cf-select{border:1px solid var(--ff-outline);background:var(--ff-paper);color:var(--ff-anvil);border-radius:8px;min-height:44px;padding:.5rem .7rem;font-size:1rem}.cf-menu{flex-wrap:wrap;justify-content:center;gap:.9rem;margin:.4rem 0;display:flex}.cf-menu-btn{background:var(--ff-forge);background:oklch(from var(--ff-forge) min(l, .53) c h);color:#fff;border:1px solid var(--ff-forge);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;min-height:48px;padding:.7rem 1.1rem;font-size:1.02rem;font-weight:700;display:inline-flex}.cf-menu-btn.cf-ghost{background:var(--ff-paper);color:var(--ff-anvil);border-color:var(--ff-outline)}.cf-controls{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.cf-chip{background:var(--ff-warm);border:1px solid var(--ff-outline);color:var(--ff-forge-text);border-radius:8px;flex-direction:column;align-items:center;margin:.15rem;padding:.4rem .7rem;font-size:1.2rem;font-weight:800;display:inline-flex}.cf-chip small{color:var(--ff-slate-text);font-size:.8rem;font-weight:700}.cf-bassbox{background:var(--ff-warm);border:1px solid var(--ff-outline);text-align:center;border-radius:12px;min-width:280px;padding:1.2rem 1.4rem}.cf-bass-out{color:var(--ff-anvil);font-size:1.05rem;line-height:2}.cf-bass-note{color:var(--ff-forge-text);font-size:2rem;font-weight:800}.cf-proglist{gap:.5rem;width:100%;max-width:460px;display:grid}.cf-prog{background:var(--ff-paper);border:1px solid var(--ff-outline);color:var(--ff-anvil);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:1.05rem;font-weight:700;display:flex}.cf-prog:hover{border-color:var(--pc-select)}.cf-prog-rn{color:var(--ff-slate-text);font-size:.9rem;font-weight:600}.cf-progout{text-align:center;margin-top:.6rem}.cf-progchords{flex-wrap:wrap;justify-content:center;display:flex}.cf-cad{color:var(--ff-anvil);margin:.5rem 0 0;font-size:1.05rem}.cf-cad strong{color:var(--ff-forge-text)}.cf-options{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.cf-opt{background:var(--ff-paper);border:1px solid var(--ff-outline);color:var(--ff-anvil);cursor:pointer;border-radius:8px;min-height:44px;padding:.6rem 1rem;font-size:1rem;font-weight:700}.cf-opt:hover{border-color:var(--pc-select)}.cf-status{text-align:center;color:var(--ff-forge-text);min-height:2rem;font-size:1.1rem;font-weight:700}.cf-status--win{color:var(--pc-correct)}.cf-prompt{max-width:56ch;color:var(--ff-anvil);border-left:4px solid var(--pc-select);background:var(--ff-warm);border-radius:0 8px 8px 0;margin:.4rem 0;padding:.6rem 1rem;font-size:1.2rem;line-height:1.55}.cf-empty-msg{color:var(--ff-anvil);max-width:56ch;font-size:1.05rem;line-height:1.5}.cf-stat-card{background:var(--ff-warm);border:1px solid var(--ff-outline);border-radius:12px;flex-direction:column;gap:.3rem;margin:.5rem 0;padding:1.1rem 1.4rem;display:flex}.cf-stat-n{color:var(--ff-forge-text);font-size:1.8rem;font-weight:800}.cf-stat-l{color:var(--ff-anvil);font-size:.98rem}.cf-chip-btn{cursor:pointer;min-width:44px;min-height:44px;font:inherit}.cf-chip-btn:focus-visible{outline:3px solid var(--ff-forge);outline-offset:2px}.cf-chip--none{font-weight:600}.cf-song{border-top:1px solid var(--ff-outline,#0003);margin-top:1.25rem;padding-top:1rem}.cf-song-h{color:var(--ff-anvil);margin:0 0 .35rem;font-size:1.2rem}.cf-song-name{gap:.25rem;max-width:24rem;margin:.5rem 0;font-weight:700;display:grid}.cf-song-name input{border:1px solid var(--ff-outline,#00000040);background:var(--ff-paper);min-height:44px;color:var(--ff-anvil);font:inherit;border-radius:8px;padding:.4rem .6rem}.cf-phrase{margin:.6rem 0}.cf-phrase-n{color:var(--ff-slate-text);font-size:.85rem;font-weight:700}.cf-bassonly{align-items:center;gap:.4rem;min-height:44px;font-weight:600;display:inline-flex}.cf-source{max-width:60ch;color:var(--ff-anvil);margin:.5rem 0 0;font-size:.95rem;line-height:1.5}#cf-root{padding-bottom:var(--space-96,6rem)}.cf-leadsheet{width:100%;max-width:40rem;height:auto;margin:var(--space-8) 0;display:block;overflow:visible}.cf-ls-box{fill:var(--ff-paper);stroke:var(--ff-outline);stroke-width:1.5px}.cf-ls-bar.is-lit .cf-ls-box{fill:color-mix(in oklab, var(--ff-forge-text) 22%, var(--ff-paper));stroke:var(--ff-forge-text);stroke-width:2.5px}.cf-ls-bar.is-none .cf-ls-box{stroke-dasharray:5 4}.cf-ls-barline{stroke:var(--ff-anvil);stroke-width:2px}.cf-ls-sym{fill:var(--ff-anvil);font:800 18px/1 system-ui,sans-serif}.cf-ls-rn{fill:var(--ff-slate-text);font:700 15px/1 system-ui,sans-serif}.cf-ls-bass{fill:none;stroke:var(--ff-forge-text);stroke-width:2.5px;stroke-linejoin:round}.cf-ls-bassdot{fill:var(--ff-forge-text)}.cf-cads{margin:0 0 var(--space-8);padding-left:1.2rem;font-size:.95rem}.cn-chart .cf-leadsheet{max-width:100%}.cn-chart .cf-ls-box{fill:#2c2833;stroke:#8a8494}.cn-chart .cf-ls-bar.is-lit .cf-ls-box{fill:#4a3f2a;stroke:#ffbe2e}.cn-chart .cf-ls-sym,.cn-chart .cf-ls-rn{fill:#f3efe8}.cn-chart .cf-ls-barline{stroke:#f3efe8}.cn-chart .cf-ls-bass{stroke:#ffbe2e}.cn-chart .cf-ls-bassdot{fill:#ffbe2e}.cn-chart .cn-chart-line{color:#d6d0dc;text-align:center}@media print{.cf-ls-box{fill:#fff;stroke:#333}.cf-ls-bar.is-lit .cf-ls-box{fill:#fff;stroke:#333;stroke-width:1.5px}.cf-ls-sym,.cf-ls-barline{fill:#000;stroke:#000}.cf-ls-bass{stroke:#000}.cf-ls-bassdot{fill:#000}}