:root{--bg-primary:#ede8e0;--bg-secondary:#e2dbd1;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--accent:#8a8178;--line:#b8b0a4;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius:4px;--shadow-card:0 2px 12px #0000000f;--shadow-lift:0 4px 16px #00000014;--transition:.2s ease-out;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-primary);height:100%;color:var(--text-secondary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:1rem;font-weight:400;line-height:1.6}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page[data-v-bbd51104]{background:var(--bg-primary);flex-direction:column;min-height:100dvh;display:flex}.shell[data-v-bbd51104]{flex:1;width:100%;display:flex;overflow:hidden}.main[data-v-bbd51104],.shell[data-v-bbd51104],.sidebar[data-v-bbd51104]{min-height:0}.sidebar[data-v-bbd51104]{width:min(360px,32vw);padding:var(--space-xl) clamp(1rem,2vw,2rem);background:var(--bg-secondary);border-right:1px solid var(--line);flex-shrink:0;overflow-y:auto}.sidebar-header[data-v-bbd51104]{padding-bottom:var(--space-lg);border-bottom:1px solid var(--line)}.display-title[data-v-bbd51104]{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:2.25rem;font-weight:700;line-height:1.2}.label-caps[data-v-bbd51104]{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:500}.sidebar-header .label-caps[data-v-bbd51104]{margin-top:var(--space-xs)}.nav[data-v-bbd51104]{margin-top:var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex}.nav-section-label[data-v-bbd51104]{padding:0 var(--space-sm);margin-bottom:var(--space-xs);color:var(--accent)}.nav-list[data-v-bbd51104]{flex-direction:column;gap:2px;list-style:none;display:flex}.nav-item[data-v-bbd51104]{justify-content:space-between;align-items:center;gap:var(--space-sm);width:100%;min-height:44px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius);font-family:var(--font-body);text-align:left;cursor:pointer;transition:background var(--transition),border-color var(--transition),opacity var(--transition);background:0 0;border:none;border-left:2px solid #0000;display:flex}.nav-item[data-v-bbd51104]:hover{opacity:.9;background:#ede8e099}.nav-item.active[data-v-bbd51104]{border-left-color:var(--accent);background:var(--bg-primary)}.nav-item.active .nav-item-name[data-v-bbd51104]{color:var(--text-primary);font-weight:500}.nav-item-name[data-v-bbd51104]{min-width:0;color:var(--text-secondary);transition:color var(--transition);flex:1;font-size:.875rem;font-weight:400}.nav-item-notes[data-v-bbd51104]{font-family:var(--font-mono);color:var(--accent);letter-spacing:.02em;flex-shrink:0;font-size:.6875rem}.main[data-v-bbd51104]{background:var(--bg-primary);flex:1;justify-content:center;align-items:center;min-width:0;padding:clamp(2rem,4vw,4rem) clamp(1.5rem,5vw,4rem);display:flex}.workspace[data-v-bbd51104]{gap:var(--space-lg);flex-direction:column;width:100%;max-width:520px;display:flex}.page-header[data-v-bbd51104]{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.page-title[data-v-bbd51104]{font-family:var(--font-display);color:var(--text-primary);font-size:1.5rem;font-weight:500;line-height:1.3}.page-meta[data-v-bbd51104]{font-family:var(--font-mono);margin-top:.25rem;font-size:.875rem}.page-meta[data-v-bbd51104],.status[data-v-bbd51104]{color:var(--text-secondary)}.status[data-v-bbd51104]{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-secondary);letter-spacing:.04em;text-transform:uppercase;transition:border-color var(--transition),color var(--transition);flex-shrink:0;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.status.live[data-v-bbd51104]{border-color:var(--accent);color:var(--text-primary)}.tuning-hint[data-v-bbd51104]{margin-top:var(--space-sm);color:var(--text-secondary)}.tuning-hint.in-tune[data-v-bbd51104]{color:var(--text-primary)}.tuning-hint.flat[data-v-bbd51104],.tuning-hint.sharp[data-v-bbd51104]{color:var(--accent)}.card[data-v-bbd51104]{background:var(--bg-primary);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-lg);box-shadow:var(--shadow-card);text-align:center;transition:border-color var(--transition),box-shadow var(--transition)}.tuner-card.in-tune[data-v-bbd51104]{border-color:var(--accent);box-shadow:var(--shadow-lift)}.gauge-svg[data-v-bbd51104]{width:100%;max-width:280px;color:var(--text-primary);margin:0 auto;display:block}.needle[data-v-bbd51104]{transition:transform .35s}.gauge-labels[data-v-bbd51104],.tuner-card.in-tune .gauge-svg[data-v-bbd51104]{color:var(--accent)}.gauge-labels[data-v-bbd51104]{max-width:248px;margin:var(--space-xs) auto 0;justify-content:space-between;display:flex}.note[data-v-bbd51104]{margin-top:var(--space-md);font-family:var(--font-display);color:var(--text-primary);transition:color var(--transition);font-size:clamp(2.5rem,8vw,3.5rem);font-weight:700;line-height:1}.tuner-card.in-tune .note[data-v-bbd51104]{color:var(--accent)}.readouts[data-v-bbd51104]{margin-top:var(--space-md)}.readout-primary[data-v-bbd51104]{font-family:var(--font-mono);color:var(--text-primary);font-size:1rem}.readout-primary.muted[data-v-bbd51104]{color:var(--line)}.readout-meta[data-v-bbd51104]{font-family:var(--font-mono);color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.readout-target[data-v-bbd51104]{color:var(--accent)}.meter[data-v-bbd51104]{margin-top:var(--space-lg);background:var(--line);border-radius:var(--radius);height:2px;overflow:hidden}.meter-fill[data-v-bbd51104]{background:var(--accent);height:100%;transition:width 60ms linear}.strings[data-v-bbd51104]{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}.string-btn[data-v-bbd51104]{border:1.5px solid var(--line);border-radius:var(--radius);min-height:44px;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition);background:0 0;justify-content:center;align-items:center;padding:.75rem;font-size:1rem;font-weight:400;display:flex}.string-btn.active[data-v-bbd51104],.string-btn[data-v-bbd51104]:hover{background:var(--bg-secondary);color:var(--text-primary)}.string-btn.active[data-v-bbd51104]{border-color:var(--accent);font-weight:500}.string-btn.tuned[data-v-bbd51104]{border-color:var(--text-primary);color:var(--text-primary);font-weight:600}.btn-primary[data-v-bbd51104]{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-primary);width:100%;min-height:48px;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:background var(--transition),box-shadow var(--transition),transform var(--transition);padding:12px 24px;font-size:1rem;font-weight:600}.btn-primary[data-v-bbd51104]:hover{box-shadow:var(--shadow-lift);background:#e0dbd3}.btn-primary[data-v-bbd51104]:active{box-shadow:none;transform:translateY(1px)}.btn-primary.secondary[data-v-bbd51104]{border:1.5px solid var(--line);color:var(--text-primary);background:0 0;font-weight:500}.btn-primary.secondary[data-v-bbd51104]:hover{background:var(--bg-secondary)}.error[data-v-bbd51104]{color:#8b4a42;text-align:center;font-size:.875rem;line-height:1.6}.footbar[data-v-bbd51104]{border-top:1px solid var(--line);background:var(--bg-secondary);padding:var(--space-md) clamp(1rem,3vw,2.5rem);flex-shrink:0}.footbar-inner[data-v-bbd51104]{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,3vw,3rem);width:100%;display:grid}.footbar-block[data-v-bbd51104]{flex-direction:column;gap:.375rem;display:flex}.footbar-label[data-v-bbd51104]{color:var(--accent)}.footbar-text[data-v-bbd51104]{max-width:48ch;line-height:1.6}.footbar-credit[data-v-bbd51104],.footbar-text[data-v-bbd51104]{color:var(--text-secondary);font-size:.875rem}.footbar-credit[data-v-bbd51104]{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--line);text-align:center}.footbar-credit a[data-v-bbd51104]{color:var(--text-primary);transition:opacity var(--transition);margin-left:.25rem;font-weight:500;text-decoration:none}.footbar-credit a[data-v-bbd51104]:hover{opacity:.75;text-underline-offset:3px;text-decoration:underline}@media (width<=768px){.shell[data-v-bbd51104]{flex-direction:column}.sidebar[data-v-bbd51104]{border-right:none;border-bottom:1px solid var(--line);width:100%;max-height:none;padding:var(--space-lg) var(--space-md)}.workspace[data-v-bbd51104]{max-width:none}.nav[data-v-bbd51104]{margin-top:var(--space-md)}.main[data-v-bbd51104]{padding:var(--space-lg) var(--space-md) var(--space-xl)}.display-title[data-v-bbd51104]{font-size:1.75rem}.footbar-inner[data-v-bbd51104]{gap:var(--space-md);grid-template-columns:1fr}.footbar-text[data-v-bbd51104]{max-width:none}}