#convex-app{color:#eaf4ff;background:#08111f;min-height:100vh;font:14px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}#convex-stage{position:fixed;inset:0}#convex-stage canvas{width:100%;height:100%;display:block}.convex-hud{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#081425e6;border:1px solid #2b4668;border-radius:18px;width:min(450px,100vw - 32px);margin:24px;padding:24px;position:relative;box-shadow:0 20px 70px #00000057}.eyebrow{color:#73c8ff;letter-spacing:.16em;font-size:11px;font-weight:700}h1{letter-spacing:-.04em;margin:8px 0;font-size:clamp(28px,4vw,42px);line-height:1}.intro{color:#a9bad2;margin:0 0 18px}.status-panel,.contract-panel{background:#0e1c31b8;border:1px solid #2b4668;border-radius:12px;margin:12px 0;padding:12px}.loading-row,.contract-heading,.control-heading{justify-content:space-between;gap:12px;font-weight:700;display:flex}.loading-detail,.contract-panel p{color:#9db3cd;margin:5px 0 0;font-size:12px}.error-panel{color:#ffb8b8;background:#64192580;border:1px solid #a44d5a;border-radius:12px;padding:12px}.error-panel p{margin:6px 0 0}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;display:grid}.metrics div{background:#182c469e;border-radius:10px;padding:10px}dt{color:#7897ba;letter-spacing:.12em;font-size:10px}dd{color:#f4c978;margin:3px 0 0;font-weight:700}.control-panel{border-top:1px solid #2b4668;padding-top:14px}.control-heading{text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:12px}.button-row{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}button,select,input{font:inherit}button{color:#ecf6ff;cursor:pointer;background:#19385d;border:1px solid #386a9f;border-radius:8px;padding:8px 10px}button:hover:not(:disabled){background:#255581}button:disabled,select:disabled,input:disabled{opacity:.45;cursor:not-allowed}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field,.check-grid label{color:#a9bad2;gap:5px;font-size:12px;display:grid}select{color:#eaf4ff;background:#101f35;border:1px solid #355170;border-radius:7px;width:100%;padding:7px}.check-grid{grid-template-columns:1fr 1fr;gap:7px 12px;margin:12px 0;display:grid}.source-note{color:#7f98b5;margin:16px 0 0;font-size:11px}a{color:#86cbff}footer{z-index:2;color:#617895;letter-spacing:.15em;font-size:11px;position:fixed;bottom:18px;right:22px}@media (width<=620px){.convex-hud{margin:12px;padding:16px}.metrics{grid-template-columns:repeat(2,1fr)}footer{display:none}}