:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef6ff;background:#07111d;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:#07111d;min-width:320px;margin:0}#xr-hand-pointer-app{min-height:100vh;position:relative;overflow:hidden}#scene-shell{position:fixed;inset:0}#scene-shell canvas{width:100%;height:100%;display:block}.hand-hud{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(155deg,#08182af0,#060f1bc7);border:1px solid #97d5ff38;border-radius:28px;width:min(620px,100vw - 32px);margin:24px;padding:28px;position:relative;box-shadow:0 24px 90px #00000057}.back-link{color:#a6e6db;font-size:13px;text-decoration:none}.eyebrow{color:#7de1ce;letter-spacing:.16em;margin-top:14px;font-size:11px;font-weight:800}h1{letter-spacing:-.065em;max-width:8ch;margin:12px 0 10px;font-size:clamp(45px,8vw,82px);line-height:.91}.intro{color:#bfd0dd;max-width:53ch;line-height:1.55}.status-panel,.control-card,.event-card,.capability-card{background:#071525c7;border:1px solid #8ecef124;border-radius:18px;margin-top:18px;padding:16px}.status-line,.card-heading,.button-row,.status-pill,.select-row{align-items:center;gap:10px;display:flex}.status-line,.card-heading{justify-content:space-between}.status-pill{color:#a9f5d9;font-weight:800}.status-pill i{background:#63e6bd;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 16px #63e6bd}.status-detail,.card-detail,.hint{color:#9cb2c4;font-size:13px;line-height:1.5}.metrics{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 0;display:grid}.metrics div{background:#83d9cf12;border-radius:12px;padding:10px}dt{color:#7d9aad;text-transform:uppercase;letter-spacing:.11em;font-size:10px}dd{color:#f3fbff;margin:5px 0 0;font-size:15px;font-weight:750}.card-heading{color:#eaf8ff;font-size:14px}.card-heading span{color:#7393a7;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.vr-button-host{min-height:38px;margin:12px 0}.vr-button-host button{color:#d9fff4;background:#5de3c21f;border:1px solid #66e0c4;border-radius:9px;padding:9px 13px;font-weight:700}.select-row{color:#b4c6d4;justify-content:space-between;margin:10px 0;font-size:13px}select,button{font:inherit}select{color:#effbff;background:#0c2234;border:1px solid #90d4eb40;border-radius:9px;min-width:190px;padding:9px}.button-row{flex-wrap:wrap;margin-top:9px}.button-row button{color:#dff7ff;cursor:pointer;background:#102b40;border:1px solid #8fd6ee3d;border-radius:9px;flex:120px;padding:9px 10px}.button-row button:hover{background:#153b4c;border-color:#74e6ce}.button-row button:disabled,select:disabled{opacity:.42;cursor:default}.secondary-row button{background:#0b1c2b}.sequence{color:#b9f7e6;background:#071521;border-radius:10px;min-height:44px;margin:12px 0;padding:10px;font-family:ui-monospace,monospace;font-size:11px;line-height:1.65}.event-row,.capability-row{color:#93aaba;border-top:1px solid #97d5ff1a;justify-content:space-between;gap:12px;padding:8px 0;font-size:12px;display:flex}.event-row strong,.capability-row strong{color:#effcff}.error-panel{color:#ffd6d6;background:#751b1b4d;border:1px solid #df6c6c;border-radius:12px;margin-top:16px;padding:14px}.error-panel span{white-space:pre-wrap;margin-top:7px;font:12px/1.5 ui-monospace,monospace;display:block}.hint code{color:#9ff0dd}.signature{color:#6f8da0;letter-spacing:.18em;margin-top:22px;font-size:10px}@media (width<=620px){.hand-hud{margin:12px;padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}}
