:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ecf7ff;background:#071018;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% 22%,#163d53 0%,#071018 50%,#04080d 100%);min-height:100vh;margin:0;overflow:hidden}#stage{position:fixed;inset:0}.hud{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071018d9;border:1px solid #ffffff1c;border-radius:22px;width:min(470px,100vw - 48px);padding:22px;position:fixed;top:24px;left:24px;box-shadow:0 24px 80px #0008}.eyebrow{color:#7bdff2;letter-spacing:.13em;font:700 11px/1.2 ui-monospace,SFMono-Regular,monospace}h1{margin:10px 0 8px;font-size:clamp(28px,4vw,44px);line-height:.98}.intro{color:#b7cad3;margin:0 0 16px;font-size:14px;line-height:1.55}.status{background:#ffffff08;border:1px solid #ffffff18;border-radius:14px;padding:13px}.status-line{justify-content:space-between;gap:12px;font-weight:700;display:flex}.status-line span:last-child{color:#7bdff2;letter-spacing:.08em;font:700 11px ui-monospace,monospace}.status p{color:#abc1cd;margin:7px 0 0;font-size:12px;line-height:1.4}.metrics{grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0 0;display:grid}.metrics div{background:#0002;border-radius:10px;padding:9px}dt{color:#7893a1;text-transform:uppercase;font:10px ui-monospace,monospace}dd{color:#edfaff;margin:4px 0 0;font:700 13px ui-monospace,monospace}.controls{gap:11px;margin-top:15px;display:grid}label{color:#a9c0ca;grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}input[type=range]{accent-color:#7bdff2;grid-column:1/-1;width:100%}output{color:#ecf7ff;font:700 12px ui-monospace,monospace}.buttons{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}button{color:#ecf7ff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:10px;min-height:36px}button:hover:not(:disabled){background:#7bdff21c;border-color:#7bdff266}button:disabled,input:disabled{cursor:not-allowed;opacity:.45}.contract{color:#abc1cd;border-top:1px solid #ffffff18;margin-top:15px;padding-top:13px;font-size:11px;line-height:1.45}.contract strong{color:#ecf7ff;margin-bottom:5px;display:block}.contract code{color:#7bdff2}.source{color:#7893a1;margin:14px 0 0;font-size:11px}a{color:#7bdff2}.error{color:#ffb3c2;border:1px solid #ff6f9166;border-radius:10px;margin:14px 0 0;padding:10px;font-size:12px}