/* Pitch Detector */
.wppd-app{box-sizing:border-box;max-width:1180px;margin:32px auto;padding:24px;color:var(--wppd-text);background:linear-gradient(145deg,#fff,var(--wppd-background));border:1px solid rgba(124,58,237,.12);border-radius:28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;box-shadow:0 20px 50px rgba(15,23,42,.1)}
.wppd-app *{box-sizing:border-box}.wppd-app h1,.wppd-app h2,.wppd-app p{margin-top:0}.wppd-app h1{margin-bottom:10px;color:var(--wppd-primary);font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;letter-spacing:-.04em}.wppd-app h2{margin-bottom:4px;font-size:1.05rem}.wppd-hero{display:flex;flex-direction:column;gap:18px;margin-bottom:24px;padding:8px}.wppd-eyebrow{margin-bottom:8px;color:var(--wppd-accent);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wppd-subtitle{max-width:760px;margin-bottom:0;color:var(--wppd-muted);font-size:1.05rem}.wppd-privacy,.wppd-status{display:inline-flex;align-items:center;width:fit-content;gap:8px;border-radius:999px;font-size:.8rem;font-weight:750}.wppd-privacy{padding:9px 13px;color:#166534;background:#dcfce7}.wppd-status{padding:7px 11px;color:var(--wppd-primary);background:#e0e7ff}.wppd-status[data-state=active]{color:#166534;background:#dcfce7}
.wppd-layout,.wppd-controls,.wppd-results{display:grid;gap:20px}.wppd-card{padding:20px;background:rgba(255,255,255,.96);border:1px solid var(--wppd-border);border-radius:24px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.wppd-result-card{position:relative;overflow:hidden;border-color:rgba(124,58,237,.25)}.wppd-result-card:before{position:absolute;inset:0 0 auto;height:5px;content:"";background:linear-gradient(90deg,var(--wppd-accent),#a78bfa,var(--wppd-success))}.wppd-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.wppd-heading p{margin-bottom:0;color:var(--wppd-muted);font-size:.88rem}.wppd-field+.wppd-field{margin-top:18px}.wppd-field label,.wppd-label-row{display:block;margin-bottom:7px;font-size:.91rem;font-weight:750}.wppd-label-row{display:flex;justify-content:space-between;gap:12px}.wppd-label-row output{color:var(--wppd-accent);font-size:.84rem;font-weight:800}.wppd-field small{display:block;margin-top:6px;color:var(--wppd-muted);font-size:.78rem}.wppd-app select,.wppd-app button{min-height:48px;font:inherit;font-size:16px}.wppd-app select{width:100%;padding:0 42px 0 14px;color:var(--wppd-text);background:#fff;border:1px solid var(--wppd-border);border-radius:10px}.wppd-app input[type=range]{width:100%;min-height:30px;accent-color:var(--wppd-accent)}.wppd-app select:focus-visible,.wppd-app button:focus-visible,.wppd-app input:focus-visible{outline:3px solid rgba(124,58,237,.25);outline-offset:2px}.wppd-form-grid,.wppd-button-grid{display:grid;gap:12px}.wppd-form-grid{margin-top:18px}.wppd-button-grid{margin-top:14px}.wppd-button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 18px;border:1px solid transparent;border-radius:12px;font-weight:800;cursor:pointer;transition:.18s}.wppd-button:hover{transform:translateY(-1px)}.wppd-primary{color:#fff;background:linear-gradient(135deg,var(--wppd-primary),var(--wppd-accent));box-shadow:0 10px 22px rgba(124,58,237,.25)}.wppd-secondary{color:var(--wppd-primary);background:#eef2ff;border-color:#c7d2fe}.wppd-ghost{color:var(--wppd-text);background:#fff;border-color:var(--wppd-border)}.wppd-app button:disabled{opacity:.5;cursor:not-allowed}.wppd-note{margin-top:16px;padding:12px 14px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:.82rem}.wppd-alert{margin-top:14px;padding:12px 14px;color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px}
.wppd-result-label{padding-top:10px;margin-bottom:4px;color:var(--wppd-muted);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase}.wppd-note-value{color:var(--wppd-primary);font-size:clamp(4.5rem,15vw,8rem);font-weight:900;line-height:1;text-align:center;letter-spacing:-.06em}.wppd-frequency{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:8px;color:var(--wppd-accent)}.wppd-frequency span{font-size:1.8rem;font-weight:850}.wppd-frequency small{font-size:.95rem;font-weight:800}.wppd-tuning-badge{width:fit-content;margin:12px auto 0;padding:7px 12px;color:#475569;background:#f1f5f9;border-radius:999px;font-size:.82rem;font-weight:800}.wppd-tuning-badge.in-tune{color:#166534;background:#dcfce7}.wppd-tuning-badge.sharp{color:#92400e;background:#fef3c7}.wppd-tuning-badge.flat{color:#1e3a8a;background:#dbeafe}
.wppd-meter{margin-top:22px}.wppd-meter-labels{display:flex;justify-content:space-between;color:var(--wppd-muted);font-size:.72rem;font-weight:700}.wppd-meter-track{position:relative;height:24px;margin-top:6px;background:linear-gradient(90deg,#dbeafe,#eef2ff,#dcfce7,#eef2ff,#fef3c7);border-radius:999px}.wppd-tune-zone{position:absolute;top:0;bottom:0;left:45%;width:10%;background:rgba(22,163,74,.18)}.wppd-meter-marker{position:absolute;top:3px;bottom:3px;left:50%;width:4px;background:var(--wppd-primary);border-radius:4px;box-shadow:0 0 0 3px rgba(255,255,255,.8);transform:translateX(-50%);transition:left .1s}
.wppd-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.wppd-stat-grid>div{padding:12px;background:var(--wppd-surface);border:1px solid #e2e8f0;border-radius:12px}.wppd-stat-grid span{display:block;color:var(--wppd-muted);font-size:.74rem;font-weight:750}.wppd-stat-grid strong{display:block;color:var(--wppd-primary)}.wppd-signal-bar{height:10px;margin-top:16px;overflow:hidden;background:#e2e8f0;border-radius:999px}.wppd-signal-bar span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--wppd-accent),var(--wppd-success));transition:width .1s}.wppd-chart-wrap{overflow:hidden;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.wppd-chart-wrap canvas{display:block;width:100%;height:240px}.wppd-text-button{min-height:36px!important;padding:0 4px;color:var(--wppd-accent);background:transparent;border:0;font-weight:800}.wppd-history{display:grid;gap:9px}.wppd-history-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 14px;background:var(--wppd-surface);border:1px solid #e2e8f0;border-radius:12px}.wppd-history-item strong{display:block;color:var(--wppd-primary)}.wppd-history-item span,.wppd-empty{color:var(--wppd-muted);font-size:.8rem}.wppd-empty{margin-bottom:0}
@media(min-width:640px){.wppd-app{padding:32px}.wppd-hero{flex-direction:row;align-items:flex-start;justify-content:space-between}.wppd-form-grid,.wppd-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wppd-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:960px){.wppd-layout{grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);align-items:start}.wppd-controls{position:sticky;top:24px}}
@media(prefers-reduced-motion:reduce){.wppd-app *{animation-duration:.01ms!important;transition-duration:.01ms!important}}