:root{--bg:#0f1419;--panel:#1a212b;--panel-2:#232c38;--border:#313d4d;--text:#e6edf3;--muted:#95a3b3;--accent:#5aa7ff;--natural-bg:#2d3a2a;--natural-edge:#5b7a4f;--bend-bg:#2b2f47;--bend-edge:#5b63a3;--over-bg:#432a39;--over-edge:#a3567f;--chord:#46c463;--blue:#5a8dff;--passing:#f5a623;--danger:#ef4d4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f6f9;--panel:#fff;--panel-2:#eef1f6;--border:#d3dae3;--text:#1b2430;--muted:#5d6b7c;--accent:#2563eb;--natural-bg:#e4f3e6;--natural-edge:#6fae5f;--bend-bg:#e6e9fb;--bend-edge:#6a72c4;--over-bg:#fbe6ef;--over-edge:#c0567f;--chord:#2e9e4b;--blue:#3060d0;--passing:#c9810a;--danger:#d63333;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background-color .2s,color .2s}.app{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.app-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.app-header h1{letter-spacing:.5px;margin:0;font-size:2rem;font-weight:700}.theme-toggle,.share-button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.9rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.theme-toggle:hover,.share-button:hover{border-color:var(--accent)}.theme-toggle:focus-visible,.share-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tagline{color:var(--muted);margin:.15rem 0 0}.calculators{margin-top:1.5rem}.field{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.field>span{color:var(--muted)}select,output{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .5rem;font-size:.95rem}select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tuning{max-width:340px;margin-bottom:1rem}.tuning-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.tuning-row .tuning{margin-bottom:0}.edit-tuning-toggle,.tuning-editor button{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.4rem .7rem;font-size:.9rem}.edit-tuning-toggle:hover,.tuning-editor button:hover{border-color:var(--accent)}.edit-tuning-toggle:focus-visible,.tuning-editor button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tuning-editor button:disabled{opacity:.5;cursor:not-allowed}.tuning-editor{background:var(--panel);border:1px solid var(--border);border-radius:12px;margin-bottom:1rem;padding:1rem}.tuning-editor-hint{color:var(--muted);margin:0 0 .75rem;font-size:.85rem}.te-name{max-width:18rem;margin-bottom:.85rem}.te-name input{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.4rem .5rem;font-size:.95rem}.te-name input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.te-name input[aria-invalid=true]{border-color:var(--danger,#e5534b)}.te-name-error{color:var(--danger,#e5534b);font-size:.8rem}.tuning-editor-grid{overflow-x:auto}.te-row{align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.te-rowlabel{color:var(--muted);flex:0 0 3rem;font-size:.8rem}.te-row select{flex:none;width:4.5rem;padding:.3rem .35rem;font-size:.85rem}.te-head{margin-bottom:.2rem}.te-holenum{text-align:center;width:4.5rem;color:var(--muted);flex:none;font-size:.8rem}.tuning-editor-controls{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.te-holes{gap:.4rem;display:flex}.te-labelpos{max-width:9rem}.te-reset{margin-left:auto}.calc-grid{grid-template-columns:1fr;gap:1rem;display:grid}.calc-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:.6rem .8rem;padding:1rem;display:flex}.calc-card h3{flex-basis:100%;margin:0;font-size:.95rem;font-weight:600}.calc-card .field{flex:4rem}.calc-card select,.calc-card output{width:100%}@media (width>=600px){.calc-grid{grid-template-columns:repeat(3,1fr)}.calc-card .field.result{flex-basis:100%}}.result output{color:var(--accent);border-style:dashed;font-weight:700}.summary{margin:1.75rem 0 1rem;font-size:1.15rem;font-weight:500}.summary-tuning{color:var(--muted)}.share-row{margin:0 0 1.25rem;display:flex}.harp-and-options{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.harp-wrap{-webkit-overflow-scrolling:touch;background:linear-gradient(to right, var(--bg) 30%, transparent) left / 28px 100% no-repeat, linear-gradient(to left, var(--bg) 30%, transparent) right / 28px 100% no-repeat, radial-gradient(farthest-side at 0 50%, #00000047, transparent) left / 12px 100% no-repeat, radial-gradient(farthest-side at 100% 50%, #00000047, transparent) right / 12px 100% no-repeat;background-attachment:local,local,scroll,scroll;flex:480px;overflow-x:auto}table.harmonica{border-collapse:separate;border-spacing:4px;animation:.22s ease-out harp-change}@keyframes harp-change{0%{opacity:0;transform:scale(.99)}}@media (prefers-reduced-motion:reduce){table.harmonica{animation:none}}.row-heading{text-align:right;color:var(--muted);white-space:nowrap;padding-right:.4rem;font-size:.8rem;font-weight:600}.cell{text-align:center;vertical-align:middle;border:1px solid #0000;border-radius:4px;min-width:2.9rem}.cell.empty{background:0 0;border-color:#0000}.note-inner{flex-direction:column;align-items:center;gap:1px;padding:.3rem .45rem;display:flex}.interval{color:var(--muted);font-size:.72rem}.note-name{font-size:1rem;font-weight:700}.cat-dot{font-size:.7rem;line-height:1}.cat-dot.chord{color:var(--chord)}.cat-dot.blue{color:var(--blue)}.cat-dot.passing{color:var(--passing)}.cat-dot.danger{color:var(--danger)}.cell.natural{background:var(--natural-bg);border-color:var(--natural-edge)}.cell.blowbend,.cell.drawbend{background:var(--bend-bg);border-color:var(--bend-edge)}.cell.overblow,.cell.overdraw,.cell.unnecessary_overblow,.cell.unnecessary_overdraw{background:var(--over-bg);border:1px dashed var(--over-edge)}.cell.unnecessary_overblow,.cell.unnecessary_overdraw{opacity:.7}.cell.hidden-note .note-inner{visibility:hidden}.cell.hidden-note{background:0 0;border-style:solid;border-color:#0000}.note-tooltip{z-index:50;pointer-events:none;background:var(--panel);min-width:132px;color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:.78rem;animation:.12s ease-out tt-appear;position:fixed;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 8px 24px #00000059}@keyframes tt-appear{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}}.note-tooltip .tt-header{background:var(--panel-2);border-bottom:1px solid var(--border);border-radius:7px 7px 0 0;padding:6px 10px;font-weight:700}.note-tooltip .tt-rows{flex-direction:column;gap:3px;padding:7px 10px;display:flex}.note-tooltip .tt-row{justify-content:space-between;gap:14px;display:flex}.note-tooltip .tt-label{color:var(--muted)}.note-tooltip .tt-val{font-weight:600}.note-tooltip .tt-catrow{justify-content:flex-start;align-items:center;gap:6px;margin-top:1px}.note-tooltip .tt-arrow{background:var(--panel);border-right:1px solid var(--border);border-bottom:1px solid var(--border);width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.holenum{background:var(--panel-2);border:1px solid var(--border);text-align:center;color:var(--accent);border-radius:4px;min-width:2.9rem;font-weight:700}@media (width<=600px){table.harmonica{border-spacing:3px}.cell,.holenum{min-width:2.4rem}.note-inner{padding:.26rem .28rem}.interval{font-size:.64rem}.note-name{font-size:.88rem}.cat-dot{font-size:.62rem}.row-heading{padding-right:.3rem;font-size:.74rem}}@media (width<=500px){table.harmonica{border-spacing:2px}.cell,.holenum{min-width:2rem}.note-inner{padding:.22rem .16rem}.interval{font-size:.6rem}.note-name{font-size:.82rem}.cat-dot{font-size:.58rem}.row-heading{display:none}}@media (width<=400px){table.harmonica{border-spacing:2px}.cell,.holenum{min-width:1.75rem}.note-inner{padding:.2rem .12rem}.interval{font-size:.56rem}.note-name{font-size:.76rem}.cat-dot{font-size:.54rem}}.options-panel{flex-direction:column;flex:0 0 240px;gap:1.25rem;display:flex}@media (width<=880px){.options-panel{flex-basis:100%}}.view-options fieldset{border:1px solid var(--border);border-radius:12px;margin:0 0 .9rem;padding:.6rem .9rem .8rem}.view-options legend{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:0 .3rem;font-size:.78rem}.check{cursor:pointer;align-items:center;gap:.5rem;padding:.18rem 0;font-size:.92rem;display:flex}.check input{accent-color:var(--accent);width:1rem;height:1rem}.legend{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:.6rem .9rem .9rem}.legend h4{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:.2rem 0 .6rem;font-size:.85rem}.legend ul{flex-direction:column;gap:.35rem;margin:0 0 .5rem;padding:0;font-size:.9rem;list-style:none;display:flex}.swatch{vertical-align:middle;border-radius:5px;width:1.1rem;height:1.1rem;margin-right:.45rem;display:inline-block}.swatch.natural{background:var(--natural-bg);border:1px solid var(--natural-edge)}.swatch.blowbend{background:var(--bend-bg);border:1px solid var(--bend-edge)}.swatch.overblow{background:var(--over-bg);border:1px dashed var(--over-edge)}.categories .cat-dot{margin-right:.4rem;font-size:.95rem}.app-footer{color:var(--muted);border-top:1px solid var(--border);text-align:right;margin-top:2.5rem;padding-top:1rem}.app-footer a{color:var(--accent);text-decoration:none}.app-footer a:hover{text-decoration:underline}