:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#effaff;font-synthesis:none;background:#07121f;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#07121f;min-width:320px;margin:0}button,select,input{font:inherit}button,select{color:#ecfbff;background:#091c27e0;border:1px solid #a4d8e838;border-radius:7px}button{cursor:pointer;padding:8px 11px}button:hover,select:hover{border-color:#81e9e1b3}button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.45}select{width:100%;padding:8px 10px}input[type=range]{accent-color:#75e0d0;width:100%}code{color:#a6ece1;font-size:.92em}#refraction-app{background:radial-gradient(circle at 83% 20%,#5b68b438,#0000 33%),#07121f;min-height:100vh;position:relative;overflow:hidden}#scene-shell{position:fixed;inset:0}#scene-shell canvas{width:100%;height:100%;display:block}.refraction-hud{z-index:2;width:min(560px,100vw - 34px);margin:24px;padding-bottom:28px;position:relative}.back-link{color:#98dcd6;letter-spacing:.03em;margin-bottom:23px;font-size:.78rem;text-decoration:none;display:inline-block}.back-link:hover{color:#fff}.eyebrow{color:#6ed9cc;letter-spacing:.22em;font-size:.7rem;font-weight:700}h1{letter-spacing:-.07em;max-width:500px;margin:7px 0 12px;font-size:clamp(2.4rem,6vw,4.8rem);font-weight:700;line-height:.95}.intro{color:#e0f1f5bd;max-width:500px;margin:0 0 18px;font-size:.96rem;line-height:1.55}.status-panel,.control-card,.readout-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#07161fe0,#08121ca3);border:1px solid #abdee829;box-shadow:0 18px 54px #0003}.status-panel{border-radius:12px;padding:14px 16px 12px}.status-line,.card-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.status-line span{align-items:center;gap:9px;display:flex}.status-line i{background:#78e3cd;border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 18px #78e3cd}.status-line strong{font-size:.86rem}.status-line b,.card-heading span{color:#78e3cd;letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:700}.status-panel>p{color:#ddeff3a3;margin:7px 0 12px;font-size:.76rem;line-height:1.45}.metrics{gap:9px 12px;margin:0;display:grid}.metrics-six{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics div{min-width:0}.metrics dt{color:#b7d7dc75;letter-spacing:.11em;text-transform:uppercase;font-size:.6rem}.metrics dd{color:#e9f7f8;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:.77rem;overflow:hidden}.control-card,.readout-card{border-radius:12px;margin-top:12px;padding:15px 16px}.card-heading{margin-bottom:12px}.card-heading strong{letter-spacing:.03em;font-size:.82rem}.button-row{flex-wrap:wrap;gap:7px;margin-bottom:11px;display:flex}.button-row button{font-size:.69rem}.select-row,.range-row{margin-top:9px;display:block}.select-row>span,.range-row>span{color:#dfeff3a3;justify-content:space-between;gap:10px;margin-bottom:5px;font-size:.69rem;display:flex}output{color:#a8eee0;font-variant-numeric:tabular-nums}.check-row{color:#dfeff3ad;flex-wrap:wrap;align-items:center;gap:11px;margin-top:13px;font-size:.68rem;display:flex}.check-row label{align-items:center;gap:5px;display:inline-flex}.check-row button{margin-left:auto;padding:6px 9px;font-size:.67rem}.card-detail,.study-note,.source-note{color:#ddeff396;font-size:.72rem;line-height:1.5}.card-detail{margin:13px 0 0}.contract-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.contract-card{background:#0d27306b;border:1px solid #a1dfdf21;border-radius:8px;min-height:72px;padding:9px}.contract-card.active{border-color:#70e0ca42}.contract-card.pink{border-color:#e980bc3d}.contract-card.blue{border-color:#82b2f540}.contract-card strong{color:#e5fbf4;font-size:.7rem;display:block}.contract-card span{color:#cfe7eb7a;text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:.58rem;display:block}.contract-card p{color:#a8eee0;margin:7px 0 0;font-size:.64rem;line-height:1.2}.study-note{color:#e5f7f5bf;margin:13px 0 0}.source-note{margin:8px 0 0;font-size:.65rem}.source-note a{color:#a7e9e0}.error-panel{color:#ffe0e1;background:#4e151fc2;border:1px solid #ff858973;border-radius:10px;margin-top:12px;padding:13px 15px;font-size:.76rem}.error-panel p{color:#ffe0e1b8;margin:6px 0 0;line-height:1.45}.signature{z-index:3;color:#b8e8e675;letter-spacing:.16em;font-size:.64rem;position:fixed;bottom:18px;right:22px}@media (width<=760px){#scene-shell{min-height:100vh;position:absolute}.refraction-hud{width:min(560px,100vw - 26px);margin:15px 13px}.refraction-hud:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#040c11db 0%,#040c119e 52%,#040c116b 100%);position:fixed;inset:0}h1{font-size:clamp(2.55rem,14vw,4.2rem)}.metrics-six,.contract-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.signature{display:none}}