:root{--gt-primary:var(--main-primary);--gt-success:#10b981;--gt-warning:#f59e0b;--gt-error:#ef4444;--gt-text:#1e293b;--gt-text-muted:#64748b;--gt-bg:#fff;--gt-bg-secondary:#f8fafc;--gt-border:#e2e8f0;--gt-gauge-bg:#fff;--gt-gauge-track:#e2e8f0;--gt-string-bg:#fff;--gt-string-active:var(--main-primary);--gt-string-intune:#10b981}._gt-container{max-width:560px;margin:0 auto}._gt-mic-banner{background:var(--gt-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-8);text-align:center;box-shadow:var(--main-shadow-sm);border-style:solid;border-width:1px;border-color:var(--gt-border)}._gt-mic-banner-content{align-items:center;gap:var(--main-space-4);flex-direction:column;display:flex}._gt-mic-banner-icon{color:var(--gt-primary);border-radius:var(--main-radius-full);background:#6366f11a;justify-content:center;align-items:center;width:48px;height:48px;display:flex}._gt-mic-banner-text{color:var(--gt-text-muted);font-size:var(--main-text-sm)}._gt-mic-btn{align-items:center;gap:var(--main-space-2);background:var(--gt-primary);color:#fff;border-radius:var(--main-radius);font-size:var(--main-text-sm);cursor:pointer;border:0 solid #0000;padding:.625rem 1.5rem;font-weight:500;display:inline-flex;box-shadow:0 2px 8px #6366f140}._gt-mic-btn:hover{opacity:.9}@media (max-width:768px){._gt-container{padding-left:1rem;padding-right:1rem}}._gt-gauge-wrapper{background:var(--gt-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-6) var(--main-space-4) var(--main-space-4);text-align:center;box-shadow:var(--main-shadow-sm);border-style:solid;border-width:1px;border-color:var(--gt-border);margin-bottom:var(--main-space-4)}._gt-gauge-canvas{max-width:100%;height:auto;margin:0 auto;display:block}._gt-note-display{margin-top:var(--main-space-2);justify-content:center;align-items:baseline;gap:2px;display:flex}._gt-note-name{color:var(--gt-text);font-size:3rem;font-weight:700;line-height:1}._gt-note-octave{font-size:var(--main-text-lg);color:var(--gt-text-muted);font-weight:500}._gt-cents-display{margin-top:var(--main-space-1);justify-content:center;align-items:baseline;gap:4px;display:flex}._gt-cents-value{font-size:var(--main-text-xl);color:var(--gt-text);font-weight:600;font-family:var(--main-font-mono)}._gt-cents-label{font-size:var(--main-text-xs);color:var(--gt-text-muted)}._gt-status{margin-top:var(--main-space-2);font-size:var(--main-text-sm);color:var(--gt-text-muted)}._gt-status-intune{color:var(--gt-success);font-weight:600}._gt-status-sharp{color:var(--gt-error)}._gt-status-flat{color:var(--gt-warning)}@media (max-width:480px){._gt-note-name{font-size:2.5rem}}._gt-strings{justify-content:center;gap:var(--main-space-2);margin-bottom:var(--main-space-4);min-height:72px;display:flex}._gt-string-btn{background:var(--gt-string-bg);border-style:solid;border-width:2px;border-color:var(--gt-border);border-radius:var(--main-radius-lg);cursor:pointer;width:56px;height:64px;box-shadow:var(--main-shadow-sm);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}._gt-string-btn:hover{border-color:var(--gt-primary);box-shadow:0 2px 8px #6366f126}._gt-string-btn._gt-string-active{border-color:var(--gt-string-active);background:#6366f10f}._gt-string-btn._gt-string-intune{border-color:var(--gt-string-intune);background:#10b9810f}._gt-string-note{font-size:var(--main-text-base);color:var(--gt-text);font-weight:700;line-height:1}._gt-string-freq{color:var(--gt-text-muted);font-size:10px;font-family:var(--main-font-mono)}._gt-string-num{color:var(--gt-text-muted);font-size:10px}._gt-reference{background:var(--gt-bg);border-radius:var(--main-radius-lg);padding:var(--main-space-3) var(--main-space-4);box-shadow:var(--main-shadow-sm);border-style:solid;border-width:1px;border-color:var(--gt-border);align-items:center;gap:var(--main-space-3);flex-wrap:wrap;display:flex}._gt-reference-label{font-size:var(--main-text-sm);color:var(--gt-text-muted);white-space:nowrap;font-weight:500}._gt-reference-buttons{gap:var(--main-space-1);flex-wrap:wrap;min-height:30px;display:flex}._gt-ref-btn{font-size:var(--main-text-xs);color:var(--gt-text-muted);background:var(--gt-bg-secondary);border-style:solid;border-width:1px;border-color:var(--gt-border);border-radius:var(--main-radius);cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:.25rem .75rem;font-weight:500;display:inline-flex}._gt-ref-btn:hover{color:var(--gt-primary);border-color:var(--gt-primary)}._gt-ref-btn._gt-ref-playing{color:#fff;background:var(--gt-primary);border-color:var(--gt-primary)}@media (max-width:480px){._gt-string-btn{width:48px;height:56px}._gt-strings{gap:var(--main-space-1)}}._gt-controls{gap:var(--main-space-3);margin-bottom:var(--main-space-4);flex-wrap:wrap;display:flex}._gt-control-group{gap:var(--main-space-1);flex-direction:column;flex:1;min-width:0;display:flex}._gt-control-a4{flex:none}._gt-label{font-size:var(--main-text-xs);color:var(--gt-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}._gt-select{font-size:var(--main-text-sm);color:var(--gt-text);background:var(--gt-bg);border-style:solid;border-width:1.5px;border-color:var(--gt-border);border-radius:var(--main-radius);cursor:pointer;min-width:0;padding:.5rem .75rem}._gt-select:focus{border-color:var(--gt-primary);outline:none;box-shadow:0 0 0 3px #6366f11a}._gt-a4-wrapper{align-items:center;gap:var(--main-space-1);background:var(--gt-bg);border-style:solid;border-width:1.5px;border-color:var(--gt-border);border-radius:var(--main-radius);padding:.25rem .5rem;display:flex}._gt-a4-btn{background:var(--gt-bg-secondary);border-radius:var(--main-radius-sm);width:24px;height:24px;color:var(--gt-text);cursor:pointer;font-weight:600;font-size:var(--main-text-sm);border:0 solid #0000;justify-content:center;align-items:center;display:flex}._gt-a4-btn:hover{color:var(--gt-primary)}._gt-a4-value{font-size:var(--main-text-sm);color:var(--gt-text);font-weight:600;font-family:var(--main-font-mono);text-align:center;min-width:28px}._gt-a4-unit{font-size:var(--main-text-xs);color:var(--gt-text-muted)}@media (max-width:480px){._gt-controls{gap:var(--main-space-2)}._gt-control-group{flex:1 1 calc(50% - var(--main-space-2))}._gt-control-a4{flex:100%}._gt-a4-wrapper{width:-moz-fit-content;width:fit-content}}