:root{color-scheme:light;--page: #f4efe4;--surface: #fdfaf2;--surface-2: #f9f4e9;--ink: #231e17;--ink-2: #5d5245;--muted: #93857a;--hairline: #e3d9c6;--border: rgba(66, 51, 24, .16);--brand: #8a6a2f;--brand-soft: rgba(138, 106, 47, .12);--brand-line: #c2a35e;--shadow: 0 1px 2px rgba(50, 38, 15, .07), 0 3px 10px rgba(50, 38, 15, .05);--shadow-lift: 0 2px 4px rgba(50, 38, 15, .1), 0 8px 20px rgba(50, 38, 15, .09);--res: #008300;--wail: #eb6834;--step: #2a78d6;--serif: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--page: #16120e;--surface: #211b15;--surface-2: #2a231b;--ink: #f1e8d8;--ink-2: #c9bba6;--muted: #93857a;--hairline: #382f24;--border: rgba(241, 232, 216, .14);--brand: #d4a94e;--brand-soft: rgba(212, 169, 78, .13);--brand-line: #93753a;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 3px 10px rgba(0, 0, 0, .3);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .5), 0 8px 20px rgba(0, 0, 0, .4);--res: #008300;--wail: #d95926;--step: #3987e5}}:root[data-theme=dark]{color-scheme:dark;--page: #16120e;--surface: #211b15;--surface-2: #2a231b;--ink: #f1e8d8;--ink-2: #c9bba6;--muted: #93857a;--hairline: #382f24;--border: rgba(241, 232, 216, .14);--brand: #d4a94e;--brand-soft: rgba(212, 169, 78, .13);--brand-line: #93753a;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 3px 10px rgba(0, 0, 0, .3);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .5), 0 8px 20px rgba(0, 0, 0, .4);--res: #008300;--wail: #d95926;--step: #3987e5}*{box-sizing:border-box;margin:0}body{background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:1600px;margin:0 auto;padding:16px 18px 34px;display:flex;flex-direction:column;gap:13px}button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:5px 12px;cursor:pointer;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease,transform .12s ease,color .12s ease}button:hover:not(:disabled){border-color:var(--brand-line);box-shadow:var(--shadow)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--brand);color:var(--page);border-color:var(--brand);font-weight:650}button.primary:hover:not(:disabled){border-color:var(--brand);filter:brightness(1.06)}.chip.selected,.tab.selected{background:var(--ink);color:var(--page);border-color:var(--ink)}:is(button,input,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important}}input[type=text]{font:inherit;padding:6px 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink);min-width:170px}input[type=text]::placeholder{color:var(--muted)}input[type=text].wide{min-width:300px;flex:1}.selftest{font-size:12.5px;padding:6px 10px;border-radius:8px;border:1px solid var(--border);border-left-width:4px;background:var(--surface)}.selftest.ok{border-left-color:var(--res)}.selftest.bad{border-left-color:var(--wail)}.hero{display:flex;flex-direction:column;gap:10px;padding-bottom:11px;border-bottom:1px solid var(--brand-line);box-shadow:0 3px 0 -2px var(--hairline)}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;flex-wrap:wrap;row-gap:6px}.hero-actions{display:flex;align-items:center;gap:6px}.hero-sep{width:1px;align-self:stretch;margin:2px 6px;background:var(--hairline)}.pdf-btn.sm{font-size:11px;padding:3px 9px}.brand-glyph{width:21px;height:21px;color:var(--brand);flex:none;align-self:center}.brand-name{font-family:var(--serif);font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-size:16.5px;color:var(--brand);margin-left:-4px}.instrument-select{font:inherit;font-size:11.5px;font-weight:650;color:var(--brand);background:var(--surface);border:1px solid var(--brand-line);border-radius:999px;padding:4px 8px;margin-left:12px;cursor:pointer}.instrument-select:hover{background:var(--brand-soft)}.instrument-select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.theme-toggle{padding:5px 9px;line-height:0}.theme-icon{width:13px;height:13px;color:var(--brand)}.keyline{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.star-toggle{font-size:21px;line-height:1;padding:2px 8px;color:var(--muted);border-color:var(--border);background:transparent}.star-toggle:hover:not(:disabled){color:var(--brand)}.star-toggle.saved{color:var(--brand);border-color:var(--brand-line);background:var(--brand-soft)}.songline{font-family:var(--serif);font-size:23px;font-weight:700;color:var(--ink);line-height:1.15}.songline .artist{font-weight:400;font-style:italic;font-size:16px;color:var(--ink-2)}.key-info-block{display:flex;flex-direction:column;gap:1px}.key-info-block.aside{padding-left:14px;border-left:1px solid var(--brand-line)}.bigkey{font-family:var(--serif);font-size:24px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;letter-spacing:.01em}.key-info-block.aside .bigkey{font-size:16px;gap:7px}.bigkey .concert{color:var(--ink-2)}.bigkey .arrow{color:var(--brand-line)}.bigkey strong{font-weight:700;color:var(--ink)}.sig{font-size:12px;align-self:center;background:var(--brand-soft);border:1px solid var(--brand-line);padding:1px 9px;border-radius:999px;color:var(--brand);font-family:system-ui,sans-serif;font-weight:650}.subline{font-size:11px;color:var(--muted)}.finder{display:flex;flex-direction:column;gap:8px}.finder-head{align-self:flex-start;display:flex;align-items:center;gap:8px;background:transparent;border:none;border-radius:8px;padding:3px 8px 3px 0}.finder-head:hover:not(:disabled){box-shadow:none}.finder-head:disabled{opacity:1;cursor:default}.finder-head .disclosure{color:var(--brand);font-size:11px}.change-key{align-self:center;font-size:11px;color:var(--brand);border-color:var(--brand-line);background:transparent}.change-key:hover:not(:disabled){background:var(--brand-soft)}.saved-page{max-width:640px;display:flex;flex-direction:column;gap:12px}.saved-page h1{font-family:var(--serif);font-size:25px;padding-bottom:8px;border-bottom:1px solid var(--brand-line);box-shadow:0 3px 0 -2px var(--hairline)}.linkback{align-self:flex-start}.saved-empty{color:var(--ink-2);font-size:14.5px;line-height:1.55;font-family:var(--serif);max-width:520px}.saved-sub{color:var(--ink-2);font-family:var(--serif);font-size:13.5px;margin-top:-2px}.saved-list{display:flex;flex-direction:column;gap:8px}.saved-row{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);transition:border-color .12s ease}.saved-row:hover{border-color:var(--brand-line)}.saved-row-load{flex:1;border:none;border-radius:0;background:transparent;display:flex;flex-direction:row;align-items:center;gap:11px;padding:10px 14px;line-height:1.3}.saved-row-load:hover{box-shadow:none;background:var(--surface-2)}.s-star{font-size:15px;line-height:1;color:var(--brand);opacity:.5;transition:opacity .12s ease}.saved-row:hover .s-star{opacity:.9}.s-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.s-name{font-family:var(--serif);font-weight:700;font-size:15px}.s-key{font-size:11.5px;color:var(--muted)}.s-del{align-self:center;border:none;border-radius:8px;background:transparent;color:var(--muted);width:30px;height:30px;margin-right:8px;font-size:17px;line-height:1;opacity:.5;transition:opacity .12s ease,background .12s ease,color .12s ease}.saved-row:hover .s-del{opacity:.85}.s-del:hover{opacity:1;color:var(--wail);background:var(--surface-2);box-shadow:none}.identify{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:0 14px 11px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--hairline);margin:0 -14px;padding:4px 10px 0}.tab{background:transparent;border:none;border-radius:8px 8px 0 0;border-bottom:2.5px solid transparent;padding:7px 12px 6px;color:var(--ink-2);font-size:13px}.tab:hover:not(:disabled){box-shadow:none;background:var(--surface-2);color:var(--ink)}.tab.selected{background:transparent;color:var(--ink);border-color:transparent;border-bottom-color:var(--brand);font-weight:700}.tabpanel{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tabpanel.manual{flex-direction:column;align-items:flex-start}.modeswitch,.pcgrid{display:flex;gap:5px;flex-wrap:wrap}.hint{font-size:11.5px;color:var(--muted)}.bar{height:6px;width:220px;background:var(--hairline);border-radius:999px;overflow:hidden}.bar .fill{height:100%;background:var(--brand);transition:width .25s linear}.drop{border:1.5px dashed var(--brand-line);border-radius:999px;padding:6px 13px;color:var(--ink-2);font-size:12px;cursor:pointer;transition:background .12s ease}.drop:hover{background:var(--brand-soft);color:var(--ink)}.candidates{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.candidate{border-left:3px solid var(--step);border-radius:8px}.candidate.top{border-left-color:var(--res);font-weight:650}.matches{display:flex;flex-direction:column;gap:4px;align-items:stretch}.match{display:flex;gap:10px;align-items:baseline;text-align:left;border-radius:9px}.match .mtitle{font-weight:650}.match .martist{color:var(--ink-2);font-size:12.5px}.match .myear{color:var(--muted);font-size:11.5px;margin-left:auto}.tabhint{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.linklike{background:none;border:none;padding:0;font:inherit;color:var(--brand);text-decoration:underline;cursor:pointer}.keychips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.keychip{display:flex;flex-direction:column;gap:1px;align-items:flex-start;text-align:left;border-radius:9px;padding:7px 11px;min-width:108px}.keychip .kcname{font-family:var(--serif);font-size:15px;font-weight:650}.keychip .kcodds{font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums}.keychip .kcsrc{font-size:11px;color:var(--muted)}.keychip.kcmine{border-color:var(--brand)}.keychip.kcmine .kcname,.keychip.kcmine .kcodds{color:var(--brand)}.statusrow{min-height:16px}.status{font-size:12.5px;color:var(--ink-2)}.controls{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.controls .group{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.controls .group+.group{padding-left:14px;border-left:1px solid var(--hairline)}.controls .chip,.chordstrip .chip{font-size:12.5px}.harp-select{font:inherit;font-size:12.5px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 9px;cursor:pointer;max-width:210px}.harp-select:hover{border-color:var(--brand-line)}.harp-select:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.harp-gap{font-size:11.5px;color:var(--ink-2);background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:8px;padding:5px 10px;align-self:flex-start}.pdf-btn{color:var(--brand);border-color:var(--brand-line);font-weight:650;background:transparent}.pdf-btn:hover:not(:disabled){background:var(--brand-soft)}.chordstrip{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.strip-label{font-size:10.5px;color:var(--brand);text-transform:uppercase;letter-spacing:.12em;font-weight:650}.strip-icon{display:none;width:15px;height:15px;color:var(--brand);flex:none;align-self:center}.range-short{display:none}.chordstrip .chips{display:flex;gap:5px;flex-wrap:wrap}.chord-chip{display:flex;flex-direction:column;align-items:center;padding:3px 11px;line-height:1.15;border-radius:11px}.chord-chip .roman{font-size:10px;opacity:.7}.chord-chip .cname{font-weight:700;font-size:13.5px;font-family:var(--serif)}.preset-chip{color:var(--brand);border-color:var(--brand-line);background:transparent;align-self:center}.preset-chip:hover:not(:disabled){background:var(--brand-soft)}.preset-chip.selected{background:var(--brand);border-color:var(--brand);color:var(--page)}.focus-btn{color:var(--brand);border-color:var(--brand-line)}.focus-exit{display:none}.chord-row{display:contents}.app.focus-mode{max-width:none;padding:0;gap:0;min-height:100vh;background:var(--page)}.app.focus-mode>.hero,.app.focus-mode .finder,.app.focus-mode .selftest,.app.focus-mode .harp-gap,.app.focus-mode footer{display:none}.app.focus-mode .chord-row .controls{flex:0 1 auto;gap:8px;padding-left:12px;margin-left:2px;border-left:1px solid var(--brand-line)}.app.focus-mode .controls .group{gap:5px}.app.focus-mode .controls .group+.group{padding-left:10px}.app.focus-mode .chord-row .controls .chip,.app.focus-mode .chord-row .harp-select,.app.focus-mode .chord-row .focus-exit{height:35px;padding:0 11px;font-size:13.5px;display:inline-flex;align-items:center}.app.focus-mode .strip-label{display:none}.app.focus-mode .strip-icon{display:inline-flex;width:21px;height:21px}.app.focus-mode .range-full{display:none}.app.focus-mode .range-short{display:inline}.app.focus-mode .chord-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;position:sticky;top:0;z-index:5;padding:10px 18px;background:var(--page);border-bottom:1px solid var(--brand-line);box-shadow:0 3px 0 -2px var(--hairline)}.app.focus-mode .chord-row .chordstrip{flex:0 1 auto}.focus-key{display:none}.app.focus-mode .focus-key{display:flex;flex-direction:column;justify-content:center;gap:2px;line-height:1.2;flex:none;padding-right:13px;border-right:1px solid var(--brand-line);margin-right:7px}.app.focus-mode .focus-key .fk-concert{font-size:10.5px;color:var(--brand);opacity:.8;letter-spacing:.02em;white-space:nowrap}.app.focus-mode .focus-key .fk-played{font-size:14px;font-weight:700;font-family:var(--serif);white-space:nowrap}.app.focus-mode .focus-exit{display:inline-flex;align-items:center;margin-left:auto}.app.focus-mode .chart{padding:12px calc(18px + var(--fit-guard, 0px)) 18px 18px}.app.focus-mode .card{padding:calc(5px * var(--fs, 1)) calc(4px * var(--fs, 1)) calc(6px * var(--fs, 1))}.app.focus-mode .card:hover{transform:none}.app.focus-mode .resolve{font-size:calc(8.5px * var(--fs, 1))}.fn-resolution{--fn: var(--res)}.fn-wailing{--fn: var(--wail)}.fn-stepping{--fn: var(--step)}.chart{display:flex;flex-direction:column;gap:calc(15px * var(--fs, 1))}.empty-chart{color:var(--ink-2);font-size:15px;max-width:640px;line-height:1.55;padding:26px 0 10px;font-family:var(--serif);display:flex;flex-direction:row;gap:18px;align-items:flex-start}.empty-glyph{width:44px;height:44px;color:var(--brand-line);opacity:.75;flex:none}.band-title{display:flex;gap:8px;align-items:center;font-family:var(--serif);font-size:13.5px;font-weight:700;font-variant:small-caps;letter-spacing:.1em;text-transform:lowercase;color:var(--ink);border-left:4px solid var(--fn);padding-left:9px;margin-bottom:8px;cursor:help;width:fit-content}.band-title .hint-mark{color:var(--muted);font-size:10px;font-variant:normal}.band-title .fn-icon{color:var(--fn);font-size:13px}.band-title .count{color:var(--muted);font-weight:500;font-size:11px;font-family:system-ui,sans-serif;background:var(--surface);border:1px solid var(--hairline);border-radius:999px;padding:0 7px}.band-grid{display:flex;flex-wrap:wrap;gap:calc(9px * var(--fs, 1))}.card{position:relative;width:calc(88px * var(--fs, 1));background:var(--surface);border:1px solid var(--border);border-top:5px solid var(--fn);border-radius:10px;padding:calc(2px * var(--fs, 1)) calc(4px * var(--fs, 1)) calc(7px * var(--fs, 1));display:flex;flex-direction:column;align-items:center;gap:calc(2px * var(--fs, 1));break-inside:avoid;box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .14s ease}.card:hover{transform:scale(var(--hfs, 1.65));z-index:20;box-shadow:var(--shadow-lift)}@media(hover:none){.card:hover{transform:none}}.card-top{display:flex;gap:5px;align-items:center;align-self:stretch;justify-content:space-between;padding:0 2px}.degree{background:color-mix(in srgb,var(--fn) 15%,var(--surface));border:1.2px solid color-mix(in srgb,var(--fn) 55%,var(--surface));font-weight:700;font-size:calc(11px * var(--fs, 1));border-radius:5px;padding:0 5px;font-variant-numeric:tabular-nums}.card .fn-icon{color:var(--fn);font-size:11px}.note-name{font-family:var(--serif);font-size:calc(19px * var(--fs, 1));font-weight:700;line-height:1.05}.note-name sub{font-size:10px;color:var(--muted);font-family:system-ui,sans-serif}.card-top-end{display:flex;align-items:center;gap:4px;min-width:0}.chord-role{font-size:8px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40px}.adjective{font-size:8.5px;color:var(--ink-2);font-weight:600;min-height:10px;letter-spacing:.01em}.diagram{width:calc(38px * var(--fs, 1));height:calc(88px * var(--fs, 1));margin-top:0}.fg-on{fill:var(--ink);stroke:var(--ink);stroke-width:1}.fg-off{fill:var(--surface);stroke:var(--muted);stroke-width:1.2}.fg-either{stroke:var(--ink);stroke-width:1.1}.fg-hatch-bg{fill:var(--surface)}.fg-hatch-line{stroke:var(--ink);stroke-width:1.1}.fg-body{fill:none;stroke:var(--hairline);stroke-width:1.4}.fg-ring{fill:none;stroke:var(--hairline);stroke-width:1}.fg-hint{font-size:7px;fill:var(--muted)}.fg-key-label{font-size:5.4px;font-weight:600;fill:var(--muted)}.fg-key-label.on{fill:var(--page)}.fg-divider{stroke:var(--muted);stroke-width:1.2}.hg-hole{font-family:var(--serif);font-weight:700;fill:var(--ink)}.hg-breath{fill:var(--ink)}.hg-chev,.hg-over{fill:none;stroke:var(--brand);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.tv-num{font-family:var(--serif);font-size:15px;font-weight:700;fill:var(--muted)}.tv-num.on{fill:var(--page)}.tv-rung{stroke:var(--muted);stroke-width:2;stroke-linecap:round}.tv-rung.on{stroke:var(--ink);stroke-width:4.5}.fg-tendency{font-family:var(--serif);font-size:17px;font-weight:700;fill:var(--brand)}.tv-slide path{fill:none;stroke:var(--brand);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.bs-line{stroke:var(--hairline);stroke-width:1.2}.bs-line.on{stroke:var(--ink);stroke-width:3.4}.bs-str{font-size:15px;font-weight:600;fill:var(--muted)}.bs-str.on{fill:var(--ink);font-weight:700}.bs-punch{fill:var(--surface)}.bs-fret{font-family:var(--serif);font-size:34px;font-weight:700;fill:var(--ink)}.bf-band{fill:var(--brand-soft)}.bf-break line{stroke:var(--ink);stroke-width:1.3}.bf-nut{stroke:var(--ink);stroke-width:5}.bf-fret,.bf-string{stroke:var(--muted);stroke-width:1.6}.bf-inlay{fill:var(--hairline)}.bf-dot{fill:var(--ink)}.bf-alt{fill:var(--surface);stroke:var(--ink);stroke-width:2}.bf-open{fill:none;stroke:var(--ink);stroke-width:2}.bf-open.primary{fill:var(--ink)}.bf-str{font-size:13px;font-weight:600;fill:var(--muted)}.bf-str.on{fill:var(--ink);font-weight:700}.bf-pos{font-family:var(--serif);font-size:15px;font-weight:700;fill:var(--muted)}@media print{.bf-str{font-size:19px}.bf-pos{font-size:21px}}.caption{font-size:calc(7.5px * var(--fs, 1));color:var(--ink-2);min-height:9px;line-height:1.15;text-align:center}.resolve{font-size:8.5px;font-weight:650;color:var(--ink-2);min-height:11px;display:flex;align-items:center;justify-content:center;gap:2px}.resolve-arrow{font-size:2em;font-weight:800;line-height:.55;color:var(--ink)}.resolve-note{font-size:1.35em;line-height:.9}.resolve.empty{visibility:hidden}@media screen{.resolve{font-size:calc(9px * var(--fs, 1));min-height:17px;margin-top:3px}.adjective,.note-name sub{font-size:calc(10px * var(--fs, 1))}.card .fn-icon{font-size:calc(11px * var(--fs, 1))}.chord-role{font-size:calc(8px * var(--fs, 1));max-width:calc(40px * var(--fs, 1))}.band-title{font-size:calc(13.5px * var(--fs, 1));margin-bottom:calc(8px * var(--fs, 1))}.band-title .fn-icon{font-size:calc(13px * var(--fs, 1))}.band-title .count{font-size:calc(11px * var(--fs, 1))}.band-title .hint-mark{font-size:calc(10px * var(--fs, 1))}}footer{font-size:10.5px;color:var(--muted);border-top:1px solid var(--hairline);padding-top:9px;line-height:1.5;text-align:center}.howto-link{margin-left:12px;font-size:11.5px}.howto{max-width:780px;line-height:1.6;font-size:14px;display:flex;flex-direction:column;gap:15px}.howto h1{font-family:var(--serif);font-size:25px;line-height:1.3;padding-bottom:8px;border-bottom:1px solid var(--brand-line);box-shadow:0 3px 0 -2px var(--hairline)}.howto h2{font-family:var(--serif);font-size:16.5px;border-left:3px solid var(--brand-line);padding-left:10px;margin-bottom:7px}.howto p{margin-bottom:8px}.howto ul,.howto ol{padding-left:22px;display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.howto button{align-self:flex-start}.howto-card-anatomy{display:flex;gap:20px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 15px;box-shadow:var(--shadow)}.howto-card-anatomy .diagram{width:96px;height:222px;flex:none;margin-top:0}@media(max-width:640px){.card{width:calc(68px * var(--fs, 1))}.note-name{font-size:calc(16px * var(--fs, 1))}.bigkey{font-size:19px}input[type=text].wide{min-width:200px}}@media print{:root,:root[data-theme=dark]{color-scheme:light;--page: #ffffff;--surface: #ffffff;--surface-2: #ffffff;--ink: #1c1813;--ink-2: #5d5245;--muted: #93857a;--hairline: #e3d9c6;--border: rgba(66, 51, 24, .2);--brand: #8a6a2f;--brand-soft: rgba(138, 106, 47, .1);--brand-line: #c2a35e;--shadow: none;--shadow-lift: none;--res: #008300;--wail: #eb6834;--step: #2a78d6}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background:#fff}@page{margin:0}.no-print{display:none!important}.app{max-width:none;padding:9mm;gap:8px}.card,.saved-item,.identify{box-shadow:none}.card:hover{transform:none}.bigkey{font-size:17px}.chordstrip .chip{border:1px solid var(--border)}.chord-chip:not(.selected){opacity:.55}.chart{gap:9px}.band-grid{gap:4.5px}.card{width:calc(68px * var(--ps, 1));border-radius:6px;padding:3px 3px 4px;gap:1px}.note-name{font-size:calc(13.5px * (1 + (var(--ps, 1) - 1) * .45))}.diagram{width:calc(27px * var(--ps, 1));height:calc(62px * var(--ps, 1));margin-top:calc(3px * var(--ps, 1))}.degree{font-size:calc(9.5px * (1 + (var(--ps, 1) - 1) * .45))}.adjective{font-size:calc(8.5px * (1 + (var(--ps, 1) - 1) * .45))}.caption{font-size:calc(7.5px * (1 + (var(--ps, 1) - 1) * .45))}.resolve{font-size:calc(8.5px * (1 + (var(--ps, 1) - 1) * .45))}.bs-str{font-size:22px}.band{break-inside:avoid-page}}@media print and (orientation:landscape){.hero{gap:10px}.bigkey{font-size:15px}.chart{gap:6px}.band-title{margin-bottom:4px;font-size:11px}.band-grid{gap:3.5px}.card{width:calc(58px * var(--ps, 1));padding:2px 2px 3px;border-radius:5px}.note-name{font-size:calc(12px * (1 + (var(--ps, 1) - 1) * .45))}.diagram{width:calc(22px * var(--ps, 1));height:calc(51px * var(--ps, 1));margin-top:calc(2.5px * var(--ps, 1))}.degree{font-size:calc(8.5px * (1 + (var(--ps, 1) - 1) * .45))}.adjective{font-size:calc(7px * (1 + (var(--ps, 1) - 1) * .45))}.caption{font-size:calc(6.5px * (1 + (var(--ps, 1) - 1) * .45))}.resolve{font-size:calc(7.5px * (1 + (var(--ps, 1) - 1) * .45))}}