.capo-selector{width:100%}.capo-selector__label{color:#0000008c;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.capo-selector__wrapper{background:#00000026;border:1px solid #0003;border-radius:4px;padding:2px;box-shadow:inset 0 2px 5px #0000004d,0 1px #ffffff1a}.capo-selector__select{color:#111;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23111' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border:none;border-radius:3px;width:100%;padding:11px 14px;font-size:.85rem;font-weight:600}.capo-selector__select:focus{outline:none}.capo-selector__hint{color:#00000080;margin:6px 0 0;font-size:.62rem;line-height:1.35}.chord-diagram{background:#0000001a;border:1px solid #00000026;border-radius:4px;width:100%;max-width:300px;padding:12px}.chord-diagram--large{max-width:340px;padding:14px 16px}@media (width>=768px){.chord-diagram--large{max-width:400px;padding:18px 20px}.chord-diagram--large .chord-diagram__chord{font-size:1.4rem}.chord-diagram--large .chord-diagram__cell{height:38px}.chord-diagram--large .chord-diagram__dot{width:28px;height:28px;margin:-14px 0 0 -14px;font-size:.72rem}}@media (width>=1024px){.chord-diagram--large{max-width:460px}}.chord-diagram__summary{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.chord-diagram__chord{color:#111;font-size:1.1rem;font-weight:700}.chord-diagram--large .chord-diagram__chord{font-size:1.25rem}.chord-diagram__meta{color:#0000008c;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:600}.chord-diagram__board{grid-template-columns:22px 1fr;gap:0 4px;display:grid}.chord-diagram__string-labels{text-align:center;color:#00000080;grid-column:2;grid-template-columns:repeat(6,1fr);margin-bottom:4px;font-size:.58rem;font-weight:700;display:grid}.chord-diagram--large .chord-diagram__string-labels{font-size:.65rem}.chord-diagram__nut-area{grid-column:2;min-height:14px;position:relative}.chord-diagram__nut{background:#111;border-radius:1px;height:3px;position:absolute;bottom:0;left:0;right:0}.chord-diagram__markers{text-align:center;grid-template-columns:repeat(6,1fr);font-size:.72rem;font-weight:700;line-height:1;display:grid}.chord-diagram--large .chord-diagram__markers{font-size:.82rem}.chord-diagram__marker--mute{color:#0000008c}.chord-diagram__marker--open{color:#111}.chord-diagram__grid{border-top:1px solid #00000040;flex-direction:column;grid-column:1/-1;display:flex}.chord-diagram__fret-row{border-bottom:1px solid #0000002e;grid-template-columns:22px repeat(6,1fr);display:grid}.chord-diagram__fret-label{color:#00000073;justify-content:flex-end;align-items:center;padding-right:4px;font-size:.58rem;font-weight:700;display:flex}.chord-diagram--large .chord-diagram__fret-label{font-size:.65rem}.chord-diagram__cell{border-right:1px solid #0003;height:28px;position:relative}.chord-diagram__cell:last-child{border-right:none}.chord-diagram--large .chord-diagram__cell{height:34px}.chord-diagram__dot{color:#f0c040;background:#111;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin:-10px 0 0 -10px;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%}.chord-diagram--large .chord-diagram__dot{width:24px;height:24px;margin:-12px 0 0 -12px;font-size:.62rem}.chord-diagram__dot--root{color:#fff;background:#c41e3a}.chord-shapes{flex-direction:column;width:100%;display:flex}.chord-shapes__legend{background:#0000000f;border:1px solid #0000001a;border-radius:4px;flex-shrink:0;margin-bottom:10px;padding:8px 10px}.chord-shapes__legend-title{text-transform:uppercase;letter-spacing:.08em;color:#00000080;margin:0 0 6px;font-size:.62rem;font-weight:700}.chord-shapes__legend-list{grid-template-columns:1fr 1fr;gap:4px 10px;margin:0;padding:0;list-style:none;display:grid}.chord-shapes__legend-list li{color:#0009;align-items:center;gap:6px;font-size:.62rem;line-height:1.3;display:flex}.chord-shapes__legend-dot{background:#111;border-radius:50%;flex-shrink:0;width:10px;height:10px}.chord-shapes__legend-dot--root{background:#c41e3a}.chord-shapes__legend-open,.chord-shapes__legend-mute{text-align:center;color:#0000008c;flex-shrink:0;width:12px;font-size:.72rem;font-weight:700}.chord-shapes__legend-note{color:#00000080;margin:6px 0 0;font-size:.6rem;line-height:1.4}.chord-shapes__legend-note strong{color:#111}.chord-shapes__degree-pick{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;gap:4px;margin-bottom:8px;display:flex;overflow-x:auto}.chord-shapes__degree-pick::-webkit-scrollbar{display:none}.chord-shapes__degree-btn{color:#0000008c;cursor:pointer;background:#0000001a;border:1px solid #0003;border-radius:4px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:44px;padding:6px 8px;display:flex}.chord-shapes__degree-btn--active{color:#111;background:linear-gradient(#e8c85a 0%,#c4a035 100%);border-color:#00000040}.chord-shapes__degree-num{font-size:.72rem;font-weight:700}.chord-shapes__degree-label{font-size:.58rem;font-weight:600}.chord-shapes__shape-pick{flex-shrink:0;gap:4px;margin-bottom:10px;display:flex}.chord-shapes__shape-btn{color:#0000008c;cursor:pointer;background:#0000001a;border:1px solid #0003;border-radius:3px;flex:1;padding:8px 0;font-size:.78rem;font-weight:700}.chord-shapes__shape-btn--active{color:#111;background:linear-gradient(#e8c85a 0%,#c4a035 100%);border-color:#00000040}.chord-shapes__shape-btn:disabled{opacity:.3;cursor:not-allowed}.chord-shapes__diagram{flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex}.chord-shapes__unavailable{color:#00000073;text-align:center;margin:0;padding:16px;font-size:.75rem;font-style:italic}.fretboard-view-toggle{background:#00000026;border:1px solid #0003;border-radius:4px;flex-shrink:0;gap:0;padding:3px;display:flex;box-shadow:inset 0 2px 5px #00000040,0 1px #ffffff1a}.fretboard-view-toggle__btn{color:#00000080;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;background:0 0;border:none;border-radius:3px;flex:1;padding:8px 16px;font-size:.72rem;font-weight:700;transition:all .12s}.fretboard-view-toggle__btn--active{color:#111;background:linear-gradient(#e8c85a 0%,#c4a035 100%);box-shadow:0 1px 3px #00000040,inset 0 1px #ffffff4d}.fretboard{width:100%}.fretboard__header{justify-content:flex-end;margin-bottom:8px;display:flex}.fretboard__capo-note{color:#0000008c;margin:0 0 8px;font-size:.65rem;line-height:1.4}.fretboard__scroll{-webkit-overflow-scrolling:touch;background:#00000026;border:1px solid #0003;border-radius:4px;padding:10px 6px;overflow-x:auto;box-shadow:inset 0 3px 8px #0000004d,0 1px #ffffff1a}.fretboard__board{min-width:max-content;position:relative}.fretboard__capo-bar{display:none}.fretboard__board--capo .fretboard__capo-bar{top:24px;bottom:0;left:calc(var(--fret-label-width) + var(--capo-fret) * var(--fret-cell-width) + var(--fret-cell-width) / 2 - 6px);background:linear-gradient(180deg, #7a62a8 0%, var(--relative) 100%);z-index:3;pointer-events:none;border-radius:4px;width:12px;display:block;position:absolute;box-shadow:0 0 8px #5c4a7a8c,inset 0 1px #fff3}.fretboard__fret-numbers,.fretboard__string-row{grid-template-columns:var(--fret-label-width) repeat(var(--fret-count,16), var(--fret-cell-width));display:grid}.fretboard__fret-numbers{margin-bottom:4px}.fretboard__string-label{color:#111;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:flex}.fretboard__fret-num{color:#00000073;justify-content:center;align-items:center;height:20px;font-size:.58rem;display:flex;position:relative}.fretboard__fret-num--capo{color:var(--relative);font-weight:700}.fretboard__marker-dot{background:#00000059;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-2px}.fretboard__string-row{border-top:1px solid #00000026}.fretboard__string-row--alt{background:#00000014}.fretboard__cell{height:var(--fret-cell-height);opacity:.3;border-right:1px solid #0000001a;flex-direction:column;justify-content:center;align-items:center;display:flex}.fretboard__cell--blocked{opacity:.12;background:repeating-linear-gradient(-45deg,#0000,#0000 3px,#0000000f 3px 6px)}.fretboard__cell--capo{box-shadow:inset 0 0 0 1px #5c4a7a59}.fretboard__cell--in-scale{opacity:1;background:linear-gradient(#e8c85a 0%,#c4a035 100%);border-radius:4px;margin:2px;box-shadow:0 1px 3px #00000040,inset 0 1px #ffffff4d}.fretboard__cell--in-scale.fretboard__cell--blocked{opacity:.12;box-shadow:none;background:repeating-linear-gradient(-45deg,#0000,#0000 3px,#0000000f 3px 6px)}.fretboard__degree{color:#c41e3a;font-size:.82rem;font-weight:700;line-height:1}.fretboard__note-name{color:#0000008c;margin-top:1px;font-size:.52rem}.fretboard--dots .fretboard__string-row{border-top:2px solid #00000038}.fretboard--dots .fretboard__cell{opacity:1;background:0 0}.fretboard--dots .fretboard__cell--blocked{opacity:.35}.fretboard--dots .fretboard__cell--in-scale{box-shadow:none;background:0 0;border-radius:0;margin:0}.fretboard__scale-dot{color:#fff;background:#c41e3a;border:2px solid #111;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.55rem;font-weight:700;line-height:1;display:flex;box-shadow:0 1px 3px #0000004d}.fretboard__scale-dot--root{color:#111;background:linear-gradient(#e8c85a 0%,#c4a035 100%);border-width:2.5px;width:22px;height:22px;font-size:.62rem}@media (width>=768px){.fretboard__scale-dot{width:22px;height:22px;font-size:.62rem}.fretboard__scale-dot--root{width:26px;height:26px;font-size:.7rem}.fretboard__scroll{padding:14px 10px}.fretboard__string-label{font-size:.78rem}.fretboard__fret-num{height:24px;font-size:.68rem}.fretboard__degree{font-size:.95rem}.fretboard__note-name{font-size:.6rem}.fretboard__capo-note{font-size:.72rem}}@media (width>=1024px){.fretboard__degree{font-size:1.05rem}.fretboard__note-name{font-size:.68rem}}.key-dial{touch-action:none;-webkit-user-select:none;user-select:none;margin:0 auto;position:relative}.key-dial__cof-outer{z-index:0;position:absolute;inset:0}.key-dial__cof-svg{pointer-events:none;display:block}.key-dial__cof-band{fill:#0003;stroke:#00000038;stroke-width:1px}.key-dial__cof-band-hole{fill:#c4a035}.key-dial__cof-cell{z-index:2;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-direction:column;align-items:center;gap:1px;min-width:32px;padding:2px 3px;line-height:1;display:flex;position:absolute}.key-dial__cof-cell--selected{background:#00000024}.key-dial__cof-major{color:#000000b8;font-size:.56rem;font-weight:700}.key-dial__cof-signature{color:#00000094;font-size:.44rem;font-weight:600}.key-dial__cof-minor{color:#00000085;font-size:.46rem;font-style:italic}.key-dial__cof-cell--selected .key-dial__cof-major{color:#111}.key-dial__cof-cell--selected .key-dial__cof-signature,.key-dial__cof-cell--selected .key-dial__cof-minor{color:#000000bf}.key-dial__relative-tick{stroke:var(--relative);stroke-width:2.5px;opacity:.9}.key-dial__face{touch-action:none;z-index:1;background:0 0;border-radius:50%;position:absolute}.key-dial__svg{pointer-events:none;display:block;position:absolute;top:0;left:0}.key-dial__svg--base{z-index:1}.key-dial__scale-ring{fill:none;stroke:#0000001f;stroke-width:1px}.key-dial__scale-dot{fill:#111;opacity:.7}.key-dial__scale-dot--active{fill:#111;opacity:1}.key-dial__label{z-index:2;color:#111;cursor:pointer;background:0 0;border:none;border-radius:50%;min-width:26px;height:26px;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.78rem;font-weight:400;transition:color .12s,font-weight .12s;position:absolute;transform:translate(-50%,-50%)}.key-dial__label--active{color:#111;font-size:.88rem;font-weight:700}.key-dial__label--relative{color:var(--relative);font-weight:600}.key-dial__knob{z-index:4;width:132px;height:132px;margin:-66px 0 0 -66px;position:absolute;top:50%;left:50%}.key-dial__knob-rotator{filter:drop-shadow(0 3px 5px #00000047);transition:transform .1s ease-out;position:absolute;inset:0}.key-dial__knob-top{background:repeating-conic-gradient(#e8c85a 0deg .8deg,#c9a227 .8deg 1.6deg,#dbb84a 1.6deg 2.4deg,#b8941f 2.4deg 3.2deg),radial-gradient(circle at 42% 38%,#f5e6a8 0%,#dbb84a 35%,#c9a227 65%,#9a7b28 100%);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 2px 6px #ffffff8c,inset 0 -3px 8px #0003,0 1px #ffffff4d,0 0 0 3px #2a2a2a,0 0 0 4px #00000026}.key-dial__knob-top:after{content:"";pointer-events:none;background:radial-gradient(circle at 38% 32%,#ffffff73 0%,#0000 45%);border-radius:50%;position:absolute;inset:0}.key-dial__knob-line{z-index:2;background:#111;border-radius:1px;width:2.5px;height:38%;position:absolute;top:11%;left:calc(50% - 1.25px);box-shadow:0 0 1px #00000080}.key-dial__knob-readout{z-index:6;text-align:center;pointer-events:none;background:radial-gradient(circle at 40% 35%,#f0d878 0%,#d4b84a 50%,#b8941f 100%);border:1px solid #0000001f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;margin:-32px 0 0 -32px;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 2px 6px #00000059,inset 0 1px 3px #ffffff80,inset 0 -2px 4px #00000026}.key-dial__center-label{color:#111;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.15rem;font-weight:700;line-height:1}.key-dial__center-sub{color:#0000008c;text-transform:uppercase;letter-spacing:.14em;margin-top:3px;font-size:.44rem;font-weight:700}.key-dial__center-relative{color:var(--relative);letter-spacing:.02em;margin-top:2px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.42rem}.nashville{width:100%}.nashville__title{color:#0000008c;text-transform:uppercase;letter-spacing:.1em;margin:0 0 5px;font-size:.62rem;font-weight:700}.nashville__grid{grid-template-columns:repeat(var(--scale-count,7), 1fr);gap:5px;display:grid}.nashville__cell{background:#00000026;border:1px solid #00000026;border-radius:4px;flex-direction:column;align-items:center;padding:6px 2px;display:flex;box-shadow:inset 0 2px 4px #00000040,0 1px #ffffff1a}.nashville__number{color:#c41e3a;font-size:.95rem;font-weight:700;line-height:1.2}.nashville__chord{color:#000000a6;margin-top:2px;font-size:.6rem;font-weight:700}.nashville__cell--minor .nashville__chord{color:#0000008c}.nashville__cell--minor .nashville__number{color:#5c4a7a}.nashville__cell--dim .nashville__chord,.nashville__cell--aug .nashville__chord{color:#00000073;font-size:.52rem}@media (width>=768px){.nashville__title{font-size:.72rem}.nashville__cell{padding:10px 4px}.nashville__number{font-size:1.1rem}.nashville__chord{font-size:.68rem}}@media (width>=1024px){.nashville__number{font-size:1.2rem}}@media (width<=380px){.nashville__grid{gap:3px}.nashville__cell{padding:7px 2px}.nashville__number{font-size:.8rem}}.scale-selector{width:100%}.scale-selector__label{color:#0000008c;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.scale-selector__wrapper{background:#00000026;border:1px solid #0003;border-radius:4px;padding:2px;box-shadow:inset 0 2px 5px #0000004d,0 1px #ffffff1a}.scale-selector__select{color:#111;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23111' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border:none;border-radius:3px;width:100%;padding:11px 14px;font-size:.85rem;font-weight:600}.scale-selector__select:focus{outline:none}.tuning-selector{width:100%}.tuning-selector__label{color:#0000008c;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:.62rem;font-weight:700;display:block}.tuning-selector__wrapper{background:#00000026;border:1px solid #0003;border-radius:4px;padding:2px;box-shadow:inset 0 2px 5px #0000004d,0 1px #ffffff1a}.tuning-selector__select{color:#111;cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23111' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border:none;border-radius:3px;width:100%;padding:8px 14px;font-size:.85rem;font-weight:600}.tuning-selector__select:focus{outline:none}.view-tabs{flex-shrink:0;gap:6px;margin-bottom:10px;display:flex}.view-tabs__btn{color:#0000008c;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#0000001a;border:1px solid #0003;border-radius:4px;flex:1;padding:10px 12px;font-size:.78rem;font-weight:700;transition:background .12s,color .12s}.view-tabs__btn--active{color:#111;background:linear-gradient(#e8c85a 0%,#c4a035 100%);border-color:#00000040;box-shadow:0 1px 3px #0003}@media (width>=768px){.view-tabs__btn{padding:12px 16px;font-size:.88rem}}.app{width:100%;max-width:480px;min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.amp{border-left:3px solid #0a0a0a;border-right:3px solid #0a0a0a;flex-direction:column;min-height:100dvh;display:flex;box-shadow:0 0 40px #000c,inset 0 0 0 1px #ffffff0a}.amp__grille{background-color:#111;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff08 2px 3px),repeating-linear-gradient(90deg,#0000,#0000 2px,#ffffff08 2px 3px),radial-gradient(at 50% 0,#1e1e1e 0%,#0a0a0a 100%);border-bottom:2px solid #000;justify-content:center;align-items:center;min-height:148px;padding:28px 20px;display:flex;position:relative}.amp__grille:before{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 3px,#00000026 3px 4px);position:absolute;inset:0}.amp__logo{color:#f5f5f5;letter-spacing:.02em;text-shadow:0 2px #000000e6,0 4px 12px #000000b3,0 0 30px #ffffff1f;filter:drop-shadow(0 1px #ffffff59);margin:0;font-family:Kaushan Script,Brush Script MT,cursive;font-size:clamp(2.8rem,12vw,3.6rem);font-weight:400;position:relative}.amp__panel{background:linear-gradient(#ffffff1f 0%,#0000 8% 92%,#00000026 100%),repeating-linear-gradient(90deg,#c9a227 0,#d4b84a 1px,#b8941f 2px,#cfa830 3px,#c4a035 4px);flex:1;padding:16px 16px 20px;box-shadow:inset 0 3px 8px #ffffff40,inset 0 -4px 10px #0003}.amp__brand{flex-direction:column;gap:2px;margin-bottom:12px;padding-left:4px;display:flex}.amp__brand-name{color:#00000047;letter-spacing:-.01em;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-style:italic;font-weight:700;line-height:1.1}.amp__brand-detail{color:#00000038;text-transform:uppercase;letter-spacing:.1em;font-size:.62rem;font-weight:600}.amp__brand-shape-key{color:var(--relative);letter-spacing:.04em;font-size:.58rem;font-weight:600}.app__main{flex-direction:column;gap:20px;display:flex}.app__dial-section{flex-direction:column;align-items:center;gap:18px;padding:4px 0;display:flex}.app__dial-section .key-dial{transform:scale(var(--dial-scale));transform-origin:top}.app__content{flex-direction:column;gap:18px;display:flex}.app__controls{flex-direction:column;gap:12px;display:flex}.app__controls-row{grid-template-columns:1fr;gap:12px;display:grid}.app__tab-panel{width:100%}.amp__tolex{background-color:#141414;background-image:radial-gradient(circle at 20%,#ffffff0a 0 1px,#0000 1px),radial-gradient(circle at 60% 30%,#ffffff08 0 1px,#0000 1px),radial-gradient(circle at 80% 70%,#0006 0 2px,#0000 2px);background-size:6px 6px,8px 8px,10px 10px;border-top:2px solid #000;height:28px;box-shadow:inset 0 2px 4px #0009}@media (width>=600px){.app__controls-row{grid-template-columns:1fr 1fr;gap:14px}}@media (width>=768px){.app{max-width:920px;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom)}.amp__grille{min-height:120px;padding:20px}.amp__logo{font-size:clamp(2.4rem,5vw,3.2rem)}.amp__panel{padding:22px 28px 28px}.app__main{grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:start;gap:28px 36px;display:grid}.app__dial-section{position:sticky;top:12px}.app__content{gap:20px}.amp__brand-detail,.amp__brand-shape-key{font-size:.68rem}}@media (width>=1024px){.app{max-width:1140px;padding:env(safe-area-inset-top) 32px env(safe-area-inset-bottom)}.amp__panel{padding:28px 36px 32px}.app__main{grid-template-columns:minmax(400px,460px) minmax(0,1fr);gap:32px 48px}.app__controls{gap:16px}.app__content{gap:22px}.amp__brand-name{font-size:1.1rem}}@media (width>=1280px){.app{max-width:1280px}.app__main{grid-template-columns:480px minmax(0,1fr)}}:root{--bg:#0d0d0d;--surface:#0000002e;--text-primary:#111;--grey-dark:#222;--grey-mid:#444;--grey-light:#0003;--accent:#c41e3a;--relative:#5c4a7a;--fifths:#4a5c52;--shadow-dark:#00000059;--shadow-light:#ffffff26;--amp-gold:#c4a035;--fret-label-width:36px;--fret-cell-width:44px;--fret-cell-height:44px;--dial-scale:1}@media (width>=768px){:root{--fret-label-width:44px;--fret-cell-width:54px;--fret-cell-height:52px;--dial-scale:1.12}}@media (width>=1024px){:root{--fret-label-width:50px;--fret-cell-width:62px;--fret-cell-height:58px;--dial-scale:1.2}}*,:before,:after{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{min-height:100dvh}button,select{font-family:inherit}