.pitch-detector{color-scheme:dark;position:relative;isolation:isolate;overflow:hidden;padding:clamp(20px,4vw,42px);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;gap:20px;margin-bottom:26px}.pitch-detector .pitch-kicker{color:#bed2f8;font-size:11px;font-weight:800;letter-spacing:.16em}.pitch-detector .pitch-heading h2{color:#fff;margin:12px 0;font-size:clamp(30px,5vw,52px);font-weight:900;letter-spacing:-.05em;line-height:1;text-transform:uppercase}.pitch-detector .pitch-heading p{color:#cedaf4;font-size:14px;margin:0}.pitch-detector .pitch-heading>svg{color:#a5edff;flex-shrink:0}.pitch-detector .pitch-display{padding:clamp(16px,3vw,30px);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(74px,14vw,120px);font-weight:900;line-height:1.2;letter-spacing:-.06em;margin-top:12px;text-shadow:0 0 38px #9cff381c}.pitch-detector .pitch-frequency{text-align:center;font-size:13px;color:#c3d0eb;min-height:20px;font-variant-numeric:tabular-nums}.pitch-detector .pitch-tuning{text-align:center;font-size:14px;color:#fff;margin-top:22px;font-variant-numeric:tabular-nums}.pitch-detector .pitch-tuning span{color:#c3d0eb}.pitch-detector .pitch-meter{position:relative;height:26px;margin-top:16px;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:30px 0 12px}.pitch-detector .pitch-trail-heading>span:last-child{font-size:12px;color:#bdcce7}.pitch-detector .pitch-chart{height:180px;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:180px;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;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}.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-actions>span{font-size:12px;color:#bdcce7}.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:20px;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:10px 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}