.pd-sf{--sf-accent:#0f766e;--sf-accent-dark:#115e59;--sf-text:#1f2937;--sf-subtle:#667085;--sf-border:#d7dadd;--sf-muted:#f7f7f8;--sf-surface:#fff;max-width:1050px;margin:0 auto;color:var(--sf-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.pd-sf *{box-sizing:border-box}.pd-sf__card,.pd-sf__results,.pd-sf__related,.pd-sf__note{background:var(--sf-surface);border:1px solid var(--sf-border);border-radius:16px}.pd-sf__hero-card{padding:24px}.pd-sf__title{margin:0 0 8px;font-size:clamp(1.6rem,3vw,2.15rem);line-height:1.2}.pd-sf__subtitle{margin:0;color:var(--sf-subtle);font-size:16px;line-height:1.6;max-width:760px}.pd-sf__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 16px}.pd-sf__tab,.pd-sf__button,.pd-sf__link-button{font:inherit}.pd-sf__tab{min-height:44px;padding:10px 14px;border:1px solid var(--sf-border);border-radius:10px;background:#fff;color:var(--sf-text);cursor:pointer}.pd-sf__tab.is-active{background:#ecfdf5;border-color:#99d6cb;color:var(--sf-accent-dark);font-weight:700}.pd-sf__panel{padding:16px 0}.pd-sf__helper{margin:0 0 12px;color:var(--sf-subtle);font-size:14px;line-height:1.55}.pd-sf__keyboard{position:relative;height:176px;display:flex;overflow-x:auto;padding-bottom:4px}.pd-sf__key-white{position:relative;min-width:52px;flex:1;height:160px;border:1px solid #aeb4ba;border-radius:0 0 8px 8px;background:#fff;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;font-weight:700;color:#344054}.pd-sf__key-white.is-selected{background:#dff7f2;color:#0f5f58}.pd-sf__key-black{position:absolute;top:0;width:34px;height:98px;background:#222831;color:#fff;border:1px solid #111827;border-radius:0 0 6px 6px;z-index:2;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;font-size:12px}.pd-sf__key-black.is-selected{background:#0f766e}.pd-sf__label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.pd-sf__input,.pd-sf__select{width:100%;min-height:48px;border:1px solid var(--sf-border);border-radius:10px;padding:10px 12px;font-size:16px;background:#fff;color:var(--sf-text)}.pd-sf__controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.pd-sf__selected-wrap{margin-top:20px;padding:16px;background:var(--sf-muted);border-radius:12px}.pd-sf__selected-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.pd-sf__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pd-sf__chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#e6f6f2;color:#105e58;font-weight:700}.pd-sf__chip button{border:0;background:transparent;cursor:pointer;color:inherit;font-size:16px}.pd-sf__empty{color:var(--sf-subtle);font-size:14px}.pd-sf__actions,.pd-sf__mic-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.pd-sf__button{min-height:48px;padding:11px 16px;border:1px solid var(--sf-border);border-radius:10px;background:#fff;color:var(--sf-text);font-weight:700;cursor:pointer}.pd-sf__button--primary{background:var(--sf-accent);border-color:var(--sf-accent);color:#fff}.pd-sf__button--primary:hover{background:var(--sf-accent-dark)}.pd-sf__button:disabled{opacity:.55;cursor:not-allowed}.pd-sf__link-button{border:0;background:transparent;color:var(--sf-accent-dark);font-weight:700;cursor:pointer;padding:4px}.pd-sf :focus-visible{outline:3px solid rgba(15,118,110,.28);outline-offset:2px}.pd-sf__status,.pd-sf__mic-status{min-height:22px;margin-top:10px;color:var(--sf-subtle);font-size:14px}.pd-sf__detected{display:flex;gap:12px;align-items:baseline;margin-top:14px}.pd-sf__detected-note{font-size:30px}.pd-sf__detected-hz{color:var(--sf-subtle)}.pd-sf__results{margin-top:24px;padding:24px}.pd-sf__results-title,.pd-sf__related-title{margin:0 0 6px;font-size:1.35rem}.pd-sf__results-summary{margin:0;color:var(--sf-subtle)}.pd-sf__results-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.pd-sf__result{border:1px solid var(--sf-border);border-radius:14px;padding:18px}.pd-sf__result-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pd-sf__result-name{margin:0;font-size:1.08rem}.pd-sf__badge{white-space:nowrap;border-radius:999px;background:#ecfdf5;color:#11665e;padding:5px 8px;font-size:12px;font-weight:800}.pd-sf__result-notes{margin:10px 0 8px;font-weight:700}.pd-sf__meta{display:grid;gap:5px;color:var(--sf-subtle);font-size:14px}.pd-sf__result-actions{margin-top:14px}.pd-sf__play{min-height:42px}.pd-sf__note{margin-top:18px;padding:16px;color:var(--sf-subtle);font-size:14px;line-height:1.6}.pd-sf__related{margin-top:24px;padding:24px}.pd-sf__related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:14px;margin-top:16px}.pd-sf__related-link{color:var(--sf-text);font-weight:700;text-decoration:none}.pd-sf__related-link:hover{text-decoration:underline;color:var(--sf-accent-dark)}@media(max-width:760px){.pd-sf__hero-card,.pd-sf__results,.pd-sf__related{padding:20px}.pd-sf__controls-grid,.pd-sf__results-list{grid-template-columns:1fr}.pd-sf__related-grid{grid-template-columns:1fr 1fr}.pd-sf__key-white{min-width:48px}.pd-sf__keyboard{height:168px}}@media(max-width:480px){.pd-sf__related-grid{grid-template-columns:1fr}.pd-sf__actions .pd-sf__button,.pd-sf__mic-row .pd-sf__button{width:100%}}