.new-mode-shell,.phone-recorder{max-width:860px;margin:1rem auto;padding:1.1rem;border:1px solid #315668;border-radius:20px;background:#09232f}.new-mode-shell header{text-align:center;max-width:620px;margin:auto}.new-mode-shell h2,.phone-recorder h2{margin:.25rem 0}.new-mode-choice{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}.new-mode-choice button{display:grid;justify-items:start;gap:.3rem;text-align:left;padding:1.1rem;border:1px solid #3b6578;border-radius:18px;background:#0d2e3d;color:#eef8fb}.new-mode-choice button:hover{border-color:#f15a24;transform:translateY(-1px)}.new-mode-choice i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f15a24;color:#fff;font-style:normal;font-size:1.4rem}.new-mode-choice b{font-size:1.15rem}.new-mode-choice small{color:#a9c5d0}.new-mode-back{border:0;background:transparent;color:#8bd8ff;padding:.35rem 0;margin-bottom:.5rem}.phone-recorder-note{padding:1rem;border-left:4px solid #f15a24;border-radius:12px;background:#102f3d}.phone-recorder-note p{line-height:1.5;margin:.55rem 0}.phone-recorder-status{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;margin-top:1rem;padding:1rem;border:1px solid #315668;border-radius:14px}.phone-recorder-status span{width:13px;height:13px;border-radius:50%;background:#78909c}.phone-recorder-status span.recording{background:#ff4b4b;box-shadow:0 0 0 7px #ff4b4b25;animation:phonePulse 1.2s infinite}.phone-recorder-status small{grid-column:2/4;color:#a9c5d0}.phone-recorder-actions{margin-top:.8rem}.phone-recorder-actions button{width:100%}.telemetry-demo-v48{margin:.8rem auto;max-width:980px;border:1px solid #315668;border-radius:16px;background:#09232f}.telemetry-demo-v48>summary{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem;cursor:pointer}.telemetry-demo-v48>summary span{display:grid;margin-right:auto}.telemetry-demo-v48>summary small{color:#a9c5d0}.telemetry-demo-v48>summary i{font-style:normal;font-size:.72rem;padding:.28rem .48rem;border-radius:999px;background:#f15a24}.telemetry-demo-body{padding:0 1rem 1rem}.demo-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.demo-map,.demo-chart{padding:.75rem;border-radius:14px;background:#071b25}.demo-map span,.demo-chart span{font-size:.72rem;color:#8fdcff}.demo-map svg,.demo-chart svg{width:100%;height:auto}.demo-map path,.demo-chart path{fill:none;stroke:#20d5ff;stroke-width:3}.demo-map circle{fill:#f15a24}.demo-chart .axis{stroke:#426171;stroke-width:1}.demo-chart .second{stroke:#f15a24;stroke-width:2}@keyframes phonePulse{50%{box-shadow:0 0 0 12px transparent}}@media(max-width:650px){.new-mode-choice,.demo-analysis-grid{grid-template-columns:1fr}.phone-recorder-status{grid-template-columns:auto 1fr}.phone-recorder-status strong{grid-column:2}.phone-recorder-status small{grid-column:1/3}}