:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eefaff;font-synthesis:none;background:#08131d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:#08131d;min-height:100%;margin:0}body{overflow:hidden}button,select{font:inherit}#renderer-telemetry-app{background:radial-gradient(circle at 80% 18%,#2dd4bf2b,#0000 30rem),radial-gradient(circle at 12% 84%,#4f7cff2d,#0000 30rem),#08131d;min-height:100vh;overflow:hidden}#renderer-telemetry-stage{position:absolute;inset:0;overflow:hidden}#renderer-telemetry-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.renderer-telemetry-hud{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#0c2530f5,#07111bd9);border:1px solid #8be5e24d;border-radius:18px;width:min(640px,100vw - 2rem);margin:1.5rem;padding:1.1rem;position:relative;box-shadow:0 24px 80px #0009}.renderer-telemetry-hud a{color:#8be5e2;font-size:.7rem;text-decoration:none}.renderer-telemetry-hud a:hover{text-decoration:underline}.renderer-telemetry-eyebrow{color:#8be5e2;letter-spacing:.18em;margin-top:.85rem;font-size:.65rem;font-weight:700}h1{letter-spacing:-.06em;margin:.35rem 0 .5rem;font-size:clamp(2rem,4.6vw,3.4rem);line-height:.95}.renderer-telemetry-intro{color:#c6dce1;margin:0;font-size:.86rem;line-height:1.5}.renderer-telemetry-status{background:#03121799;border:1px solid #8be5e24d;border-radius:10px;grid-template-columns:1fr auto;gap:.25rem .7rem;margin:.9rem 0;padding:.7rem .8rem;display:grid}.renderer-telemetry-status strong{font-size:.77rem}.renderer-telemetry-status>span{color:#8be5e2;letter-spacing:.12em;text-transform:uppercase;font-size:.63rem}.renderer-telemetry-status p{color:#a6c3c9;grid-column:1/-1;margin:0;font-size:.7rem;line-height:1.4}#renderer-telemetry-controls{gap:.65rem;display:grid}#renderer-telemetry-controls label{color:#a6c3c9;gap:.3rem;font-size:.68rem;display:grid}select,button{color:#eefaff;background:#122933dc;border:1px solid #a6e5e24d;border-radius:8px;padding:.52rem .62rem;font-size:.71rem}button{cursor:pointer}button:hover,select:hover{border-color:#8be5e2}button:disabled{opacity:.48;cursor:not-allowed}.renderer-telemetry-buttons{flex-wrap:wrap;gap:.4rem;display:flex}.renderer-telemetry-metrics{grid-template-columns:repeat(3,1fr);gap:.42rem;margin:0;display:grid}.renderer-telemetry-metrics div{background:#091c25bf;border:1px solid #a6e5e229;border-radius:8px;padding:.42rem}.renderer-telemetry-metrics dt{color:#789da4;letter-spacing:.08em;text-transform:uppercase;font-size:.55rem}.renderer-telemetry-metrics dd{color:#f2ffff;text-overflow:ellipsis;white-space:nowrap;margin:.14rem 0 0;font:700 .73rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden}.renderer-telemetry-lesson{color:#8be5e2;font:.62rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.renderer-telemetry-hint,.renderer-telemetry-source{color:#8daab0;font-size:.67rem;line-height:1.5}.renderer-telemetry-source a{font-size:.67rem}.renderer-telemetry-error{color:#ffdede;background:#4c1e2a;border:1px solid #df7878;border-radius:9px;margin-top:.7rem;padding:.65rem;font-size:.72rem}.renderer-telemetry-error span{margin-top:.25rem;display:block}.renderer-telemetry-overlay{z-index:2;color:#dfffff;pointer-events:none;white-space:pre;background:#000b0fdf;border:1px solid #8be5e24d;border-radius:9px;padding:.7rem;font:.68rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:1rem;right:1rem}.renderer-telemetry-signature{z-index:4;color:#6e8d94;letter-spacing:.15em;font:.58rem ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:.8rem;right:1rem}@media (width<=780px){body{overflow:auto}.renderer-telemetry-hud{margin:1rem}.renderer-telemetry-metrics{grid-template-columns:repeat(2,1fr)}.renderer-telemetry-signature{display:none}}