.pitch-detector{color-scheme:dark;position:relative;isolation:isolate;overflow:hidden;padding:clamp(18px,3vw,28px);border:1px solid #628fff60;border-radius:20px;color:#f5f7ff;background:radial-gradient(ellipse at 4% 0,#087caa80,transparent 48%),radial-gradient(ellipse at 100% 25%,#673cf586,transparent 55%),linear-gradient(135deg,#06172e,#102f78 46%,#071432 80%,#182764);box-shadow:inset 0 1px #c4e7ff28,0 18px 70px #07152f30}.pitch-detector:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.25;background:linear-gradient(125deg,transparent 18%,#85f8ff33 18.2%,transparent 32%),linear-gradient(55deg,transparent 60%,#779fff55 60.2%,transparent 77%),linear-gradient(158deg,transparent 45%,#b4a0ff33 45.2%,transparent 66%)}.pitch-detector .pitch-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.pitch-detector .pitch-kicker{color:#bed2f8;font-size:11px;font-weight:800;letter-spacing:.16em}.pitch-detector .pitch-heading h2{color:#fff;margin:8px 0 0;font-size:clamp(28px,4vw,40px);font-weight:900;letter-spacing:-.05em;line-height:1;text-transform:uppercase}.pitch-detector .pitch-display{padding:clamp(14px,2vw,20px);border:1px solid #99b7ff40;border-radius:14px;background:linear-gradient(140deg,#06152bd9,#13285bc9 55%,#111e4cdb);box-shadow:inset 0 1px #b2d8ff18}.pitch-detector .pitch-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pitch-detector .pitch-status>output{font-size:12px;color:#cfffa2}.pitch-detector .pitch-note{color:#c8ff38;text-align:center;font-size:clamp(68px,11vw,96px);font-weight:900;line-height:1.1;letter-spacing:-.06em;margin-top:6px;text-shadow:0 0 38px #9cff381c}.pitch-detector .pitch-frequency{text-align:center;font-size:13px;color:#c3d0eb;font-variant-numeric:tabular-nums}.pitch-detector .pitch-tuning{text-align:center;font-size:14px;color:#fff;font-variant-numeric:tabular-nums}.pitch-detector .pitch-tuning span{color:#c3d0eb}.pitch-detector .pitch-meter{position:relative;height:26px;margin-top:10px;background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),#b4c7ec65 calc(10% - 1px),#b4c7ec65 10%) 50% /100% 8px no-repeat}.pitch-detector .pitch-zone{position:absolute;top:4px;height:18px;left:45%;width:10%;background:#c8ff3822}.pitch-detector .pitch-center{position:absolute;left:50%;height:26px;width:1px;background:#c8ff38}.pitch-detector .pitch-needle{position:absolute;width:4px;height:26px;border-radius:3px;background:#fff;transform:translateX(-50%)}.pitch-detector .pitch-scale,.pitch-detector .pitch-times{display:flex;justify-content:space-between;color:#bdcce7;font-size:11px;margin-top:6px}.pitch-detector .pitch-trail-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 8px}.pitch-detector .pitch-trail-heading>span:last-child{font-size:12px;color:#bdcce7}.pitch-detector .pitch-chart{height:140px;padding-left:40px;position:relative}.pitch-detector .pitch-axis{position:absolute;inset:0 auto 0 0;width:36px}.pitch-detector .pitch-axis span{position:absolute;left:0;transform:translateY(-50%);color:#bdcce7;font-size:11px}.pitch-detector .pitch-chart svg{width:100%;height:140px;overflow:visible}.pitch-detector .pitch-grid-line{stroke:#b7ceff25;stroke-width:1}.pitch-detector .pitch-trace{stroke:#c8ff38;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.pitch-detector .pitch-point{fill:#c8ff38}.pitch-detector .pitch-chart-empty{position:absolute;inset:0 0 0 40px;display:grid;place-items:center;color:#b4c8ec;font-size:13px;text-align:center}.pitch-detector .pitch-times{margin-left:40px}.pitch-detector .pitch-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-left:auto}.pitch-detector .pitch-start{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid #e3ff93;border-radius:7px;background:#c8ff38;color:#101a02;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.pitch-detector .pitch-start:hover{background:#d9ff79}.pitch-detector .pitch-start:focus-visible{outline:3px solid #fff;outline-offset:4px}.pitch-detector .pitch-message{display:block;margin:18px 0 0;color:#ffe6ba;font-size:14px;line-height:1.6}.pitch-detector .pitch-footer{margin-top:12px;font-size:12px;color:#d0ddf5}.pitch-detector .pitch-footer>span{display:flex;align-items:center;gap:8px}.pitch-detector .pitch-footer svg{flex-shrink:0}.pitch-detector .pitch-footer p{color:#bfcfed;margin:6px 0 0;font-size:12px;line-height:1.6}.compact-portal .studio-pitch-shortcut,:root[data-theme=light] .compact-portal .studio-pitch-shortcut{background:linear-gradient(115deg,#116b32,#218442);color:#fff;border-color:#9fe9a6;box-shadow:0 0 22px #55eb6140,inset 0 1px #ffffff25}.pitch-detector .pitch-details{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:14px;min-height:20px}.pitch-detector .pitch-footer .pitch-reference{margin-top:4px;color:#bdcce7}