:root{--gt-bg:#08090b;--gt-card:#111318;--gt-card-hover:#1a1d24;--gt-surface:#15171c;--gt-border:#ffffff0f;--gt-border-soft:#ffffff0a;--gt-ink:#f4f0e8;--gt-ink-soft:#c8c5be;--gt-ink-muted:#92908a;--gt-gold:#d9a441;--gt-gold-hover:#e5b85c;--gt-green:#91a85b;--gt-green-bg:#91a85b1f;--gt-red:#e07070;--gt-red-bg:#e070701f;--gt-blue:#5b8def}body.light-mode,.light-mode{--gt-bg:#f7f4ee;--gt-card:#fff;--gt-card-hover:#faf7f2;--gt-surface:#f0ede6;--gt-border:#e7e1d8;--gt-border-soft:#eae5dc;--gt-ink:#191919;--gt-ink-soft:#66635f;--gt-ink-muted:#8a8680;--gt-gold:#c88a32;--gt-gold-hover:#b57a2a;--gt-green:#7a8b6f;--gt-green-bg:#eef2e8;--gt-red:#b54a4a;--gt-red-bg:#fdf0f0}.gt-page-bg{z-index:0;pointer-events:none;background:var(--gt-bg);transition:background .3s;position:fixed;inset:0}.gt-container{z-index:1;max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem;position:relative}.gt-hero{text-align:center;margin-bottom:2rem}.gt-title{color:var(--gt-ink);margin:0 0 .5rem;font-family:Dancing Script,cursive;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:500}.gt-subtitle{color:var(--gt-ink-soft);margin:0;font-family:Inter,sans-serif;font-size:.85rem}.gt-mic-gate{justify-content:center;padding:3rem 0;display:flex}.gt-mic-card{background:var(--gt-card);border:1px solid var(--gt-border);text-align:center;border-radius:16px;width:100%;max-width:440px;padding:3rem 2.5rem;box-shadow:0 8px 32px #0000004d}body.light-mode .gt-mic-card,.light-mode .gt-mic-card{box-shadow:0 4px 16px #0000000f}.gt-mic-icon{margin-bottom:1rem;font-size:3rem}.gt-mic-heading{color:var(--gt-ink);margin:0 0 .75rem;font-family:DM Serif Display,Georgia,serif;font-size:1.25rem;font-weight:400}.gt-mic-text{color:var(--gt-ink-soft);margin:0 0 1.5rem;font-family:Inter,sans-serif;font-size:.82rem;line-height:1.6}.gt-mic-error{color:var(--gt-red);background:var(--gt-red-bg);border-radius:8px;margin-top:1rem;padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:.78rem;line-height:1.5}.gt-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.gt-btn:disabled{opacity:.4;cursor:not-allowed}.gt-btn-primary{background:var(--gt-gold);color:#1a1a1a}.gt-btn-primary:hover:not(:disabled){background:var(--gt-gold-hover);transform:translateY(-1px)}.gt-btn-secondary{background:var(--gt-surface);color:var(--gt-ink);border:1px solid var(--gt-border)}.gt-btn-secondary:hover:not(:disabled){border-color:var(--gt-gold);color:var(--gt-gold)}.gt-btn-ghost{color:var(--gt-ink-muted);border:1px solid var(--gt-border);background:0 0}.gt-btn-ghost:hover:not(:disabled){border-color:var(--gt-gold);color:var(--gt-gold)}.gt-btn-sm{padding:.35rem .75rem;font-size:.72rem}.gt-mic-status{background:var(--gt-card);border:1px solid var(--gt-border);border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1rem;display:flex}.gt-mic-dot{background:var(--gt-ink-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.gt-mic-dot.on{background:var(--gt-green);box-shadow:0 0 6px #91a85b80}.gt-mic-label{color:var(--gt-ink-soft);flex:1;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600}.gt-layout{grid-template-columns:1.4fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.gt-main-panel{flex-direction:column;gap:1.25rem;display:flex}.gt-detected{background:var(--gt-card);border:1px solid var(--gt-border);text-align:center;border-radius:16px;padding:2rem 1.5rem}.gt-detected-note{color:var(--gt-ink);margin-bottom:.25rem;font-family:DM Serif Display,Georgia,serif;font-size:clamp(3rem,8vw,5rem);font-weight:400;line-height:1}.gt-detected-freq{color:var(--gt-ink-muted);margin-bottom:.25rem;font-family:DM Sans,monospace;font-size:.9rem}.gt-detected-cents{color:var(--gt-ink-soft);margin-bottom:.5rem;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600}.gt-detected-status{letter-spacing:.04em;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700}.gt-status-intune{color:var(--gt-green)}.gt-status-flat,.gt-status-sharp{color:var(--gt-red)}.gt-meter-wrap{background:var(--gt-card);border:1px solid var(--gt-border);border-radius:16px;padding:1.25rem 1.5rem 1rem}.gt-meter-labels{justify-content:space-between;margin-bottom:.5rem;display:flex}.gt-meter-label-flat,.gt-meter-label-sharp{text-transform:uppercase;letter-spacing:.06em;color:var(--gt-ink-muted);font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700}.gt-meter-label-center{text-transform:uppercase;letter-spacing:.06em;color:var(--gt-gold);font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700}.gt-meter-track{background:var(--gt-surface);border:1px solid var(--gt-border);border-radius:8px;height:48px;position:relative;overflow:hidden}.gt-meter-zones{display:flex;position:absolute;inset:0}.gt-meter-zone{flex:1;transition:background .3s}.gt-zone-flat{background:#e070701f}.gt-zone-close-left{background:#d9a44114}.gt-zone-intune{background:#91a85b26;border-left:2px solid #91a85b4d;border-right:2px solid #91a85b4d}.gt-zone-close-right{background:#d9a44114}.gt-zone-sharp{background:#e070701f}.gt-meter-center-line{background:var(--gt-gold);opacity:.6;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.gt-meter-ticks{pointer-events:none;position:absolute;inset:0}.gt-tick{color:var(--gt-ink-muted);opacity:.7;font-family:DM Sans,sans-serif;font-size:.55rem;font-weight:600;position:absolute;bottom:4px;transform:translate(-50%)}.gt-meter-needle{background:var(--gt-gold);z-index:2;border-radius:2px;width:4px;margin-left:-2px;transition:left .15s ease-out;position:absolute;top:2px;bottom:2px;left:50%;box-shadow:0 0 8px #d9a44166}.gt-target-info{background:var(--gt-card);border:1px solid var(--gt-border);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.gt-target-label{color:var(--gt-ink-muted);text-transform:uppercase;letter-spacing:.06em;font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:700}.gt-target-detail{color:var(--gt-ink);font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500}.gt-side-panel{flex-direction:column;gap:1.25rem;display:flex}.gt-panel-title{color:var(--gt-ink-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .75rem;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:700}.gt-string-selector{background:var(--gt-card);border:1px solid var(--gt-border);border-radius:16px;padding:1.25rem}.gt-strings-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.gt-string-btn{border:1px solid var(--gt-border);background:var(--gt-surface);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:.65rem .5rem;transition:all .2s;display:flex}.gt-string-btn:hover{border-color:var(--gt-gold);background:var(--gt-card-hover)}.gt-string-btn.active{border-color:var(--gt-gold);box-shadow:0 0 0 1px var(--gt-gold);background:#d9a4411a}body.light-mode .gt-string-btn.active,.light-mode .gt-string-btn.active{background:#c88a3214}.gt-str-num{color:var(--gt-ink-muted);text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:.6rem;font-weight:700}.gt-str-note{color:var(--gt-ink);font-family:DM Serif Display,Georgia,serif;font-size:1.3rem;font-weight:400;line-height:1.1}.gt-str-octave{color:var(--gt-ink-muted);font-family:DM Sans,sans-serif;font-size:.65rem}.gt-str-hz{color:var(--gt-ink-muted);font-family:DM Sans,sans-serif;font-size:.6rem}.gt-str-status{text-transform:uppercase;letter-spacing:.04em;color:var(--gt-ink-muted);margin-top:2px;font-family:DM Sans,sans-serif;font-size:.55rem;font-weight:700}.gt-string-btn.str-intune .gt-str-status{color:var(--gt-green)}.gt-string-btn.str-flat .gt-str-status,.gt-string-btn.str-sharp .gt-str-status{color:var(--gt-red)}.gt-auto-toggle{background:var(--gt-card);border:1px solid var(--gt-border);border-radius:12px;padding:1rem 1.25rem}.gt-toggle-label{cursor:pointer;align-items:center;gap:.6rem;display:flex}.gt-toggle-input{display:none}.gt-toggle-switch{background:var(--gt-surface);border:1px solid var(--gt-border);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:all .2s;position:relative}.gt-toggle-switch:after{content:"";background:var(--gt-ink-muted);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.gt-toggle-input:checked+.gt-toggle-switch{background:var(--gt-gold);border-color:var(--gt-gold)}.gt-toggle-input:checked+.gt-toggle-switch:after{background:#1a1a1a;left:18px}.gt-toggle-text{color:var(--gt-ink);font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:600}.gt-auto-hint{color:var(--gt-ink-muted);margin:.5rem 0 0;font-family:Inter,sans-serif;font-size:.7rem}.gt-ref-section{background:var(--gt-card);border:1px solid var(--gt-border);border-radius:16px;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.gt-ref-hint{color:var(--gt-ink-soft);margin:0 0 .75rem;font-family:Inter,sans-serif;font-size:.78rem}.gt-ref-controls{gap:.5rem;display:flex}.gt-instructions{background:var(--gt-card);border:1px solid var(--gt-border);border-radius:16px;padding:1.25rem 1.5rem}.gt-steps{margin:0;padding-left:1.25rem}.gt-steps li{color:var(--gt-ink-soft);padding:.15rem 0;font-family:Inter,sans-serif;font-size:.8rem;line-height:1.7}.gt-steps li strong{color:var(--gt-ink)}@media (width<=768px){.gt-container{padding:1.5rem 1rem 3rem}.gt-layout{grid-template-columns:1fr}.gt-detected-note{font-size:clamp(2.5rem,12vw,4rem)}.gt-detected{padding:1.5rem 1rem}.gt-meter-track{height:42px}.gt-tick{font-size:.5rem}.gt-mic-card{padding:2rem 1.5rem}.gt-strings-grid{grid-template-columns:1fr 1fr 1fr}.gt-string-btn{padding:.5rem .3rem}.gt-str-note{font-size:1.1rem}.gt-str-hz{display:none}}@media (width<=480px){.gt-strings-grid{grid-template-columns:1fr 1fr}}