:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf5ff;background:#090d18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#090d18;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button,select,input{font:inherit}button,select{color:#ecf6ff;background:#0f1e31f2;border:1px solid #8ebee847;border-radius:8px}button{cursor:pointer;padding:.58rem .62rem;font-size:.62rem}button:hover,select:focus{background:#183f43f5;border-color:#71e1d7e6}select{min-width:0;padding:.42rem .5rem}#html-interaction-app,#scene-shell,#scene-shell canvas{width:100vw;height:100vh}#html-interaction-app{background:radial-gradient(circle at 78% 44%,#5f9ce533,#0000 38rem),#090d18;position:relative;overflow:hidden}#scene-shell,#scene-shell canvas{display:block;position:absolute;inset:0}.study-hud{background:linear-gradient(90deg,#090d18fc 0%,#090d18eb 82%,#090d1800 100%);width:min(490px,100vw);padding:1.05rem 1rem 1rem;position:absolute;inset:0 auto 0 0;overflow-y:auto}.back-link{color:#91e1d5;letter-spacing:.04em;font-size:.73rem;text-decoration:none}.back-link:hover{color:#fff}.eyebrow{color:#8fc9c2;letter-spacing:.18em;margin-top:1.6rem;font-size:.66rem;font-weight:700}h1{letter-spacing:-.055em;max-width:460px;margin:.5rem 0 .42rem;font-size:clamp(2rem,4.5vw,3.1rem);line-height:.98}.intro{color:#b4c7d1;max-width:460px;margin:0 0 .85rem;font-size:.82rem;line-height:1.42}.status-panel,.control-card,.feature-card,.resource-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0e1928db;border:1px solid #70b1bf45;border-radius:11px;max-width:460px;margin:.58rem 0;padding:.68rem;box-shadow:0 16px 40px #0003}.control-card{border-color:#71e1d761}.feature-card{border-color:#ffb96d57}.resource-card{border-color:#aea6ff57}.status-line,.button-row,.card-heading,.select-row{justify-content:space-between;align-items:center;gap:.45rem;display:flex}.status-pill,.backend-pill{color:#c9f8ed;background:#1e6f663d;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.status-pill i{background:#61ead2;border-radius:50%;width:.4rem;height:.4rem;box-shadow:0 0 12px #61ead2}.backend-pill{color:#bcd9e8;background:#53689733}.status-detail{color:#91adba;margin:.48rem 0 0;font-size:.68rem;line-height:1.38}.metrics{grid-template-columns:repeat(6,1fr);gap:.34rem;margin:.65rem 0 0;display:grid}.metrics div{background:#0509128c;border-radius:7px;min-width:0;padding:.4rem .42rem}dt{color:#7793a3;letter-spacing:.05em;text-transform:uppercase;font-size:.51rem}dd{color:#e7f7ff;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:.17rem 0 0;font-size:.64rem;overflow:hidden}.card-heading strong{letter-spacing:.02em;font-size:.72rem}.card-heading span,.card-detail{color:#89a5b5;font-size:.58rem}.button-row{margin-top:.62rem}.button-row button{flex:1}.select-row{color:#bfd3dc;margin:.5rem 0;font-size:.68rem}.select-row select{width:70%}.card-detail{margin:.44rem 0 0;line-height:1.35}.feature-row,.resource-row{color:#9ab5c0;justify-content:space-between;gap:.5rem;margin-top:.4rem;font-size:.62rem;display:flex}.feature-row strong{color:#f6d6a7;font-weight:600}.resource-row strong{color:#d7cfff;font-weight:600}.dom-panel{color:#efffff;background:linear-gradient(135deg,#102b46,#183b58);border:2px solid #56d9cc;border-radius:14px;width:300px;min-height:190px;padding:14px;font:14px/1.35 Inter,system-ui,sans-serif;box-shadow:0 12px 30px #00000059}.dom-panel.snapshot-panel{background:linear-gradient(135deg,#182449,#302d5e);border-color:#a89bff}.dom-panel-top{color:#ffd18b;letter-spacing:.08em;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.snapshot-panel .dom-panel-top{color:#d9d2ff}.dom-panel p{color:#b9d1dc;margin:12px 0;font-size:12px}.dom-panel label{color:#cce4e6;margin:9px 0;font-size:12px;display:block}.dom-panel input,.dom-panel select{accent-color:#56d9cc;width:100%;margin-top:4px}.dom-panel button{color:#071321;background:#56d9cc;border-color:#56d9cc;width:100%;margin-top:8px;padding:8px;font-size:12px;font-weight:700}.snapshot-panel button{background:#ffd18b;border-color:#ffd18b}#htmltexture-source{z-index:4;position:absolute;top:0;left:0}#htmlmesh-source{z-index:-1;position:fixed;top:10px;left:-10000px}.error-panel{color:#ffd8d8;background:#4d1723c7;border:1px solid #ff7c7c99;border-radius:9px;max-width:460px;margin-top:.58rem;padding:.68rem;font-size:.69rem}.error-panel strong{margin-bottom:.25rem;display:block}.hint{color:#708a99;max-width:460px;margin:.68rem 0 .45rem;font-size:.62rem;line-height:1.35}code{color:#c5fff4;font-size:.61rem}.signature{color:#a9cadc75;letter-spacing:.16em;pointer-events:none;font-size:.62rem;position:absolute;bottom:.68rem;right:.9rem}@media (width<=760px){body{overflow:auto}#html-interaction-app,#scene-shell,#scene-shell canvas{height:100%;min-height:1360px}.study-hud{background:linear-gradient(#090d18f7,#090d18e6);width:100%;min-height:1360px;position:relative}.metrics{grid-template-columns:repeat(3,1fr)}.signature{position:fixed}}