.ugh{display:flex;align-items:center;justify-content:space-between;gap:32px;height:61px;padding:8px 20px;background:#0d0d10;border-bottom:1px solid rgba(255,255,255,.12);color:#ddc;font-family:Muse Sans,Open Sans,-apple-system,Roboto,Helvetica Neue,Helvetica,sans-serif;font-size:14px}.ugh__left{display:flex;align-items:center;gap:40px;min-width:0}.ugh__logo{display:flex;align-items:center;flex:none;text-decoration:none}.ugh__logoImg{display:block;height:44px;width:auto}.ugh__nav{display:flex;align-items:center;gap:16px;flex:none}.ugh__navLink{color:#d9d9dc;font-size:15px;line-height:20px;text-decoration:none;white-space:nowrap}.ugh__navLink:hover{color:#8c8c8f}.ugh__navLink--pro{color:#ff6e68;font-weight:600}.ugh__right{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:1 1 auto;min-width:0}.ugh__search{display:flex;align-items:center;gap:8px;flex:1 1 auto;max-width:400px;height:44px;padding:0 18px;background:#262629;border-radius:22px}.ugh__searchLabel{display:inline-flex;align-items:center;gap:8px;flex:none;cursor:text;color:#d9d9dc}.ugh__searchIcon{width:16px;height:16px;display:block;fill:currentColor}.ugh__searchWord{font-size:15px}.ugh__searchInput{flex:1 1 auto;min-width:0;background:transparent;border:none;outline:none;color:#d9d9dc;font-size:15px;font-family:inherit}.ugh__searchInput::placeholder{color:#8c8c8f}.ugh__searchInput::-webkit-search-cancel-button{-webkit-appearance:none}.ugh__controls{display:flex;align-items:center;gap:8px;flex:none}.ugh__ctrl{display:inline-flex;align-items:center;gap:6px;height:36px;padding:8px 16px;border-radius:9999px;color:#d9d9dc;font-size:15px;font-weight:500;font-family:inherit;text-decoration:none;white-space:nowrap}.ugh__icon{width:16px;height:16px;display:block;fill:currentColor}.ugh__lang{background:transparent}.ugh__lang:hover{background:#ffffff14}.ugh__bell{padding:8px}.ugh__bell:hover{background:#ffffff14}.ugh__bell .ugh__icon{width:16px;height:16px}@media (max-width: 1100px){.ugh__nav{display:none}}@media (max-width: 767px){.ugh{display:none}}.ugm{display:none;align-items:center;gap:12px;height:56px;padding:8px 12px;background:#2d2d2d;border-bottom:1px solid rgba(255,255,255,.12);font-family:Muse Sans,Open Sans,-apple-system,Roboto,Helvetica Neue,Helvetica,sans-serif}@media (max-width: 767px){.ugm{display:flex}}.ugm__logo{flex:none;display:inline-flex;align-items:center}.ugm__logo svg{display:block}.ugm__search{flex:1 1 auto;min-width:0;display:flex;align-items:center;height:40px;background:#0d0d10;border:1px solid rgba(255,255,255,.22);border-radius:8px;overflow:hidden}.ugm__searchInput{flex:1 1 auto;min-width:0;height:100%;padding:0 14px;background:transparent;border:none;outline:none;color:#d9d9dc;font-size:16px;font-family:inherit}.ugm__searchInput::placeholder{color:#8c8c8f}.ugm__searchInput::-webkit-search-cancel-button{-webkit-appearance:none}.ugm__searchBtn{flex:none;width:48px;height:100%;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(255,255,255,.22);background:transparent;color:#d9d9dc}.ugm__searchBtn svg{width:20px;height:20px;display:block}.ugm__iconBtn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:40px;background:transparent;color:#d9d9dc;text-decoration:none}.ugm__iconBtn svg{width:22px;height:22px;display:block}.ugf{background:transparent;color:#929292;font-family:Muse Sans,Open Sans,-apple-system,Roboto,Helvetica Neue,Helvetica,sans-serif;padding:20px;border-top:1px solid rgba(255,255,255,.12)}.ugf__az{display:flex;flex-wrap:wrap;gap:6px 14px;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.12)}.ugf__azLink{color:#8c8c8f;font-size:13px;text-transform:uppercase;text-decoration:none}.ugf__azLink:hover{color:#d9d9dc}.ugf__grid{display:grid;grid-template-columns:332px repeat(5,1fr);gap:24px}.ugf__brand{display:flex;flex-direction:column;gap:16px}.ugf__logo{display:inline-flex}.ugf__logo svg{display:block}.ugf__social{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.ugf__socialLink{display:inline-flex;color:#ffd706}.ugf__socialLink:hover{color:#fff}.ugf__socialLink svg{width:32px;height:32px;display:block;fill:currentColor}.ugf__copy{margin:0;color:#929292;font-size:13px;line-height:18px}.ugf__colTitle{margin:0 0 16px;color:#d9d9dc;font-family:Muse Display Harmony,Muse Sans,Open Sans,system-ui,sans-serif;font-size:40px;font-weight:400;line-height:1.1;text-transform:lowercase}.ugf__colList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ugf__link{color:#d9d9dc;font-size:15px;line-height:20px;text-decoration:none}.ugf__link:hover{color:#fff}.ugf__connect{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.ugf__foot{display:grid;grid-template-columns:332px 1fr;gap:24px;align-items:start;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.ugf__partners{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.ugf__partnerLink{display:inline-flex;color:#8c8c8f}.ugf__partnerLink:hover{color:#d9d9dc}.ugf__partnerLink svg{display:block}@media (max-width: 900px){.ugf__grid{grid-template-columns:1fr 1fr}.ugf__brand{grid-column:1 / -1}.ugf__colTitle{font-size:28px}.ugf__foot{grid-template-columns:1fr}}@media (max-width: 520px){.ugf__colTitle{font-size:24px}}.gauge{width:100%;padding:6px 16px 0;--note-color: var(--accent-green);--cursor-color: var(--accent-green)}.gauge--green{--note-color: var(--accent-green);--cursor-color: var(--accent-green)}.gauge--yellow{--note-color: var(--accent-yellow);--cursor-color: var(--accent-yellow)}.gauge--red{--note-color: var(--accent-red);--cursor-color: var(--accent-red)}.gauge--dim{opacity:.4;transition:opacity .22s ease-out}.gauge:not(.gauge--dim){transition:opacity .22s ease-out}.gauge__header{display:flex;justify-content:flex-end;min-height:36px;margin-bottom:4px}.gauge__currentHz{font-size:16px;font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.2px}.gauge__scaleWrap{position:relative;width:100%;height:56px;margin-top:4px;margin-bottom:6px}.gauge__svg{width:100%;height:100%}.gauge__zone--green{fill:var(--accent-green);opacity:.5}.gauge__zone--yellow{fill:var(--accent-yellow);opacity:.32}.gauge__zone--red{fill:var(--accent-red);opacity:.32}.gauge__label{font-size:1.6px;font-weight:500;fill:var(--text-tertiary)}.gauge__cursor{position:absolute;width:0;height:0;top:13.05px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid var(--cursor-color);transform:translate(-7px);transition:left .12s ease-out,border-bottom-color .14s ease-out,opacity .22s ease-out;pointer-events:none}.gauge__noteZone{position:relative;height:130px;display:flex;align-items:center;justify-content:center}.gauge__noteRow{display:flex;align-items:flex-start}.gauge__noteLetter{font-size:120px;font-weight:800;line-height:1;letter-spacing:-6px;color:var(--note-color);transition:color .14s ease-out}.gauge__noteOctave{font-size:28px;font-weight:700;color:var(--text-secondary);margin-top:18px;margin-left:4px;font-variant-numeric:tabular-nums}.gauge__pill{display:inline-flex;align-items:center;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:10px 18px;gap:8px}.gauge__pillDot{width:7px;height:7px;border-radius:50%;background:var(--accent-yellow);opacity:.9}.gauge__pillText{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.4px}.gauge__stateTextZone{display:flex;align-items:center;justify-content:center;height:28px}.gauge__stateText{font-size:15px;font-weight:600;color:var(--note-color);letter-spacing:.2px;transition:color .14s ease-out}.strings{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px 16px 20px}.strings__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 0;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;color:var(--text-secondary);transition:background .14s ease-out,border-color .14s ease-out,color .14s ease-out}.strings__btn:hover{background:#ffffff14}.strings__btn--active{background:#00c89626;border-color:var(--accent-green);color:var(--accent-green)}.strings__note{font-size:18px;font-weight:700;letter-spacing:-.5px}.strings__octave{font-size:11px;font-weight:600;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.strings__btn--active .strings__octave{color:var(--accent-green);opacity:.7}.tuner{display:flex;flex-direction:column;width:100%;max-width:480px;min-height:600px;margin:0 auto;background:var(--bg-primary)}.tuner__header{padding:16px 20px 8px}.tuner__tuningSelect{width:100%;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:12px 18px;color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:-.2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.tuner__modeToggle{display:inline-flex;align-self:center;background:#ffffff0f;border-radius:14px;padding:4px;gap:2px;margin-top:12px}.tuner__modeBtn{padding:7px 22px;border-radius:11px;font-size:13px;font-weight:600;color:var(--text-secondary)}.tuner__modeBtn--active{background:#ffffff1f;color:var(--text-primary)}.tuner__gaugeWrap{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:60px}.tuner__startBox{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 24px;text-align:center}.tuner__startBtn{background:var(--accent-green);color:#000;font-weight:700;padding:14px 28px;border-radius:14px;font-size:15px;letter-spacing:.2px;transition:opacity .14s ease-out}.tuner__startBtn:hover{opacity:.88}.tuner__hint{color:var(--text-tertiary);font-size:13px;margin:0}.tuner__error{color:var(--accent-red);font-size:14px;margin:0;font-weight:600}@font-face{font-family:Muse Sans;src:url(https://www.ultimate-guitar.com/static/public/ug/fonts/muse/muse-sans/v4/MuseSans-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Muse Display Harmony;src:url(https://www.ultimate-guitar.com/static/public/ug/fonts/muse/muse-display/harmony/v2/MuseDisplay-Harmony.woff2) format("woff2");font-display:swap}.page--ug{--bg-primary: #0d0d10;--bg-elevated: #1a1a1d;--text-primary: #d9d9dc;--text-secondary: #8c8c8f;--text-tertiary: #5c5c60;--accent-yellow: #ffd706;--accent-red: #ff6e68;--ug-btn: #2c2c31;--ug-btn-hover: #3a3a41;--ug-btn-selected: #4a4a52;--ug-btn-border: rgba(255, 255, 255, .12);--ug-btn-border-hover: rgba(255, 255, 255, .22);font-family:Muse Sans,Open Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary)}.page.page--ug{--ug-center-width: min(1420px, 100%);--ug-sidebar-width: 232px;--ug-main-content-width: calc(var(--ug-center-width) - var(--ug-sidebar-width));display:grid;grid-template-columns:1fr var(--ug-sidebar-width) var(--ug-main-content-width) 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"left-sticky header header right-sticky" "left-sticky main   main   right-sticky" "left-sticky footer footer right-sticky"}@media (min-width: 1600px){.page.page--ug{--ug-sidebar-width: 332px}}.page--ug>.ugh{grid-area:header}.page--ug>.page__main{grid-area:main}.page--ug>.ugf{grid-area:footer}.page.page--ug:before,.page.page--ug:after{content:"";grid-row:1 / -1;width:1px;background:#ffffff1f}.page.page--ug:before{grid-column:1;justify-self:end}.page.page--ug:after{grid-column:-2;justify-self:start}.page--ug .page__main{padding-top:32px;padding-bottom:32px}.page--ug .tuner__gaugeWrap{padding-bottom:16px}@media (max-width: 767px){.page.page--ug{display:flex;flex-direction:column}.page.page--ug:before,.page.page--ug:after{display:none}}.page--ug .tuner__startBtn{background:var(--accent-yellow);color:#0d0d10}.page--ug .tuner__tuningSelect{background:var(--ug-btn);border:1px solid var(--ug-btn-border)}.page--ug .tuner__tuningSelect:hover{background:var(--ug-btn-hover);border-color:var(--ug-btn-border-hover)}.page--ug .tuner__modeToggle{background:var(--ug-btn);border:1px solid var(--ug-btn-border)}.page--ug .tuner__modeBtn{color:var(--text-secondary)}.page--ug .tuner__modeBtn--active{background:var(--ug-btn-selected);color:#fff}.page--ug .strings__btn:not(.strings__btn--active){background:var(--ug-btn);border:1px solid var(--ug-btn-border)}.page--ug .strings__btn:not(.strings__btn--active):hover{background:var(--ug-btn-hover);border-color:var(--ug-btn-border-hover)}:root{--bg-primary: #0F1419;--bg-elevated: #1A1F26;--text-primary: #E8EDF2;--text-secondary: #8A95A3;--text-tertiary: #5A6573;--accent-green: #00C896;--accent-yellow: #FFB800;--accent-red: #FF5757;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--bg-primary);color:var(--text-primary)}body{min-height:100vh}.page{display:flex;flex-direction:column;min-height:100vh}.page__main{flex:1 0 auto;display:flex}button{font-family:inherit;background:none;border:none;color:inherit;cursor:pointer;padding:0}button:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}