:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4efff;background:#100c19;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#100c19;min-height:100%;margin:0}body{overflow-x:hidden}#volume-rect-app{min-height:100vh;position:relative;overflow:hidden}#scene-shell{background:radial-gradient(circle at 60% 40%,#472d65 0,#201932 38%,#0c0a12 100%);position:fixed;inset:0}#scene-shell canvas{width:100%;height:100%;display:block}.volume-rect-hud{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#120a1ef2,#2d1943cc);border:1px solid #dfc3ff38;border-radius:22px;width:min(570px,100vw - 32px);margin:18px;padding:18px 18px 22px;position:relative;box-shadow:0 28px 90px #0000007a,inset 0 1px #ffffff14}.back-link,.source-note a{color:#d9b9ff;text-decoration:none}.back-link:hover,.source-note a:hover{color:#fff;text-decoration:underline}.back-link{letter-spacing:.08em;text-transform:uppercase;font-size:12px}.eyebrow{color:#ba9ed5;letter-spacing:.18em;margin-top:22px;font-size:11px;font-weight:700}h1{letter-spacing:-.05em;max-width:500px;margin:7px 0 10px;font-size:clamp(31px,5vw,52px);line-height:.97}.intro{color:#d6c7e2;max-width:510px;margin:0 0 15px;font-size:14px;line-height:1.55}.status-panel,.error-panel,.control-panel,.contract-panel{background:#ffffff0b;border:1px solid #dfc3ff24;border-radius:15px}.status-panel{padding:12px 13px}.loading-row,.control-heading,.contract-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.loading-row{font-size:13px;font-weight:700}.loading-row span:last-child{color:#d5b9ff;letter-spacing:.12em;font-size:10px}.loading-detail{color:#bba8c9;margin-top:4px;font-size:12px;line-height:1.45}.error-panel{color:#ffe0ee;background:#7a1c5159;border-color:#ff92c280;margin-top:10px;padding:12px}.error-panel p{white-space:pre-wrap;margin:6px 0 0;font-size:12px}.metrics{grid-template-columns:repeat(5,1fr);gap:7px;margin:10px 0;display:grid}.metrics div{background:#ffffff0d;border-radius:11px;min-width:0;padding:9px 8px}.metrics dt{color:#9f8eb1;letter-spacing:.1em;white-space:nowrap;font-size:8px}.metrics dd{color:#e2c5ff;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:12px;overflow:hidden}.control-panel,.contract-panel{margin-top:10px;padding:13px}.control-heading,.contract-heading{color:#c9b6d6;letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:700}.control-heading span:last-child,.contract-heading span{color:#dfc2ff;font-size:9px}.button-row{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}button,select,input{font:inherit}button{color:#f9f1ff;cursor:pointer;background:#9c5dd329;border:1px solid #dcbaff4d;border-radius:9px;padding:8px 10px;font-size:11px}button:hover:not(:disabled){background:#ae69ea4d;border-color:#f0d9ff}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.48}.secondary-button{width:100%;margin-top:10px}.field-grid,.range-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:11px;display:grid}.field{color:#d2c1dc;gap:5px;font-size:11px;display:grid}.field span{justify-content:space-between;gap:8px;display:flex}output{color:#dfc2ff;font-variant-numeric:tabular-nums}select{color:#f8efff;background:#2a173d;border:1px solid #dcbaff47;border-radius:8px;width:100%;min-width:0;padding:8px;font-size:11px}input[type=range]{accent-color:#c58af1;width:100%}.check-grid{color:#d2c1dc;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px;font-size:11px;display:grid}.check-grid label{align-items:center;gap:5px;display:flex}.policy-chip{color:#f5c987;border:1px solid #ffd18b47;border-radius:7px;justify-content:center;align-items:center;font-size:10px;display:flex}.contract-heading{margin-bottom:11px}.contract-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.contract-grid div{min-width:0}.contract-grid span{color:#9f8cac;letter-spacing:.08em;text-transform:uppercase;font-size:9px;display:block}.contract-grid strong{color:#f1e1ff;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:11px;display:block;overflow:hidden}.contract-panel p{color:#baa8c7;margin:12px 0 0;font-size:11px;line-height:1.5}.source-note{color:#8c7b9c;margin:14px 2px 0;font-size:10px;line-height:1.5}footer{z-index:2;color:#e7d2ff73;letter-spacing:.18em;font-size:10px;position:fixed;bottom:17px;right:22px}@media (width<=650px){.volume-rect-hud{width:calc(100vw - 20px);margin:10px;padding:15px}.metrics{grid-template-columns:repeat(3,1fr)}.metrics div:nth-child(4),.metrics div:nth-child(5){display:none}.check-grid,.contract-grid{grid-template-columns:repeat(2,1fr)}footer{display:none}}