:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eff8ff;font-synthesis:none;background:#090b12;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#090b12;min-height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}#storage-elements-app{background:#090b12;min-height:100svh;position:relative;overflow:hidden}#storage-elements-app:before{z-index:1;pointer-events:none;content:"";opacity:.3;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 88%,#0000);mask-image:linear-gradient(#0000,#000 15% 88%,#0000)}.compare-grid{z-index:0;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.backend-stage{border-right:1px solid #b6def12e;position:relative;overflow:hidden}.backend-stage:last-child{border-right:0}.backend-stage-gpu{background:radial-gradient(circle at 50% 54%,#4bdfc929,#0000 38%),#0e1b2b}.backend-stage-gl{background:radial-gradient(circle at 50% 54%,#6e88ff26,#0000 38%),#111a2a}.canvas-mount,.canvas-mount canvas{width:100%;height:100%;position:absolute;inset:0}.canvas-mount canvas{outline:none;display:block}.stage-label{z-index:1;color:#e0f5ff94;letter-spacing:.16em;pointer-events:none;text-transform:uppercase;align-items:center;gap:.6rem;font-size:.6rem;display:flex;position:absolute;top:1.1rem;left:1.2rem}.stage-label strong{color:#9deadd;background:#0a18248a;border:1px solid #a7dceb3d;border-radius:999px;padding:.25rem .48rem;font-size:.54rem}#storage-elements-app [hidden]{display:none!important}.study-hero,.control-panel,.metrics-panel,.error-panel{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#070e18e0,#070c147a);border:1px solid #b5dcf224;border-radius:1.25rem;position:absolute;box-shadow:0 1rem 4rem #0000003d}.study-hero{width:min(29rem,50vw - 3rem);padding:1.25rem 1.35rem 1.1rem;top:clamp(1.25rem,5vh,4rem);left:clamp(1.25rem,5vw,5.5rem)}.back-link{color:#9deadd;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.9rem;font-size:.64rem;text-decoration:none;display:inline-block}.back-link:hover{color:#fff}.eyebrow,.stage-label,.data-heading,dt,button,kbd{color:#83e6d0;letter-spacing:.15em;text-transform:uppercase;font-size:.62rem;font-weight:800}.eyebrow{margin:0 0 .5rem}h1,h2,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:.58rem;font-size:clamp(2.1rem,4vw,4.2rem);line-height:.92}h2{color:#e4f6ff;letter-spacing:-.02em;margin:.2rem 0 .62rem;font-size:.98rem}.hero-copy{color:#b8cedc;max-width:25rem;margin-bottom:.9rem;font-size:.84rem;line-height:1.5}.hero-meta{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.hero-meta span{color:#e8ffff;letter-spacing:.07em;text-transform:uppercase;background:#4aa0bd33;border-radius:999px;align-items:center;min-height:1.55rem;padding:.22rem .5rem;font-size:.58rem;font-weight:800;display:inline-flex}.hero-meta span:first-child{color:#a8f3db;background:#35a47d2e}.status-detail{color:#9db4c2;margin:.7rem 0 0;font-size:.68rem;line-height:1.4}.control-panel{width:min(22rem,50vw - 3rem);padding:.9rem 1rem .78rem;top:clamp(1.25rem,5vh,4rem);right:clamp(1.25rem,5vw,5.5rem)}.panel-heading{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.panel-heading .eyebrow{margin-bottom:.22rem}.button-row{flex-wrap:wrap;gap:.35rem;display:flex}.quiet-button{color:#d8ffff;cursor:pointer;background:#42919f26;border:1px solid #98dee73d;border-radius:999px;padding:.42rem .62rem;font-size:.57rem}.quiet-button:hover,.quiet-button:focus-visible{background:#42919f4d;border-color:#98dee7b3}.quiet-button:disabled{cursor:not-allowed;opacity:.4}.toggle-row{color:#d2e6ef;align-items:center;gap:.5rem;margin-top:.67rem;font-size:.67rem;display:flex}.toggle-row input{accent-color:#81e7cf}.panel-note{color:#829dab;border-top:1px solid #b5dcf21a;margin:.72rem 0 0;padding-top:.6rem;font-size:.61rem;line-height:1.32}code{color:#b6f6e7;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.92em}.metrics-panel{grid-template-columns:1fr 1fr;gap:.8rem;width:min(22rem,50vw - 3rem);padding:.76rem .9rem .82rem;display:grid;bottom:clamp(1.15rem,4vh,2.5rem);right:clamp(1.25rem,5vw,5.5rem)}.backend-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem .55rem;display:grid}.metric-heading{border-bottom:1px solid #b5dcf21a;grid-column:1/-1;justify-content:space-between;gap:.5rem;padding-bottom:.32rem;display:flex}.metric-heading span,.metric-row span{color:#8097a5;letter-spacing:.06em;text-transform:uppercase;font-size:.55rem}.metric-heading strong{color:#a8f3db;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.metric-row{gap:.13rem;min-width:0;display:grid}.metric-row strong{color:#effcff;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.metric-row.wide{grid-column:1/-1}.contract-stack{border-top:1px solid #b5dcf21a;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem;padding-top:.62rem;display:grid}.contract-stack div{color:#b7e5d8;align-content:start;gap:.22rem;font-size:.56rem;line-height:1.2;display:grid}.contract-stack span{color:#061017;background:#81e7cf;border-radius:50%;place-items:center;width:1.18rem;height:1.18rem;font-size:.47rem;font-weight:800;display:inline-grid}.error-panel{color:#ffd0d0;background:#46141ce0;width:min(36rem,100vw - 2rem);padding:1.2rem;top:50%;left:50%;transform:translate(-50%,-50%)}.error-panel pre{white-space:pre-wrap;color:#ffc8ca;max-height:14rem;margin:.6rem 0 0;font-size:.72rem;line-height:1.45;overflow:auto}.hint{z-index:2;color:#b7d3e285;margin:0;font-size:.62rem;position:absolute;bottom:1.2rem;left:clamp(1.25rem,5vw,5.5rem)}.source-note{z-index:2;margin:0;font-size:.62rem;position:absolute;bottom:2.2rem;left:clamp(1.25rem,5vw,5.5rem)}.source-note a{color:#9be9d8}kbd{color:#c9f8ee;font-size:.6rem}.signature{z-index:2;color:#b7d3e273;letter-spacing:.16em;font-size:.57rem;position:absolute;bottom:.8rem;right:1.2rem}@media (width<=850px){body{overflow:auto}#storage-elements-app{min-height:1120px}.compare-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr;height:100%;position:absolute}.backend-stage{border-bottom:1px solid #b6def12e;border-right:0}.backend-stage:last-child{border-bottom:0}.study-hero,.control-panel,.metrics-panel{width:auto;left:1rem;right:1rem}.study-hero{top:1rem}.control-panel{top:19rem}.metrics-panel{top:39rem;bottom:auto}.hint{top:67rem;bottom:auto;left:1rem}.signature{top:70rem;bottom:auto}}@media (width<=560px){#storage-elements-app{min-height:1260px}.study-hero{top:1rem}.control-panel{top:22rem}.metrics-panel{grid-template-columns:1fr;top:44rem}.contract-stack{grid-template-columns:1fr 1fr 1fr}.hint{top:79rem}.signature{top:82rem}}