@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef7f5;background:#070d15;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html,body,#bvh-compare-app{min-height:100%;margin:0}body{background:#070d15;min-width:320px;overflow-x:hidden}#bvh-compare-app{isolation:isolate;background:radial-gradient(circle at 70% 18%,#6bddc829,#0000 28%),radial-gradient(circle at 84% 78%,#ffc0661f,#0000 30%),#070d15;min-height:100svh;position:relative;overflow:hidden}#bvh-compare-app:before{z-index:1;pointer-events:none;content:"";opacity:.24;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}#scene-shell{z-index:0;position:absolute;inset:0}#scene-shell canvas{width:100%;height:100%;display:block}.study-panel{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0a1b24e6,#070f17c7);border:1px solid #afe6dd33;border-radius:18px;width:min(410px,100vw - 32px);margin:22px;padding:21px 20px 18px;position:relative;box-shadow:0 22px 68px #0000005c}.back-link,.eyebrow,.route-footer,.metrics dt,.hint,.backend{letter-spacing:.09em;font-family:DM Mono,monospace}.back-link{color:#9bd7ce;font-size:10px;text-decoration:none;display:inline-block}.back-link:hover{color:#d4fff7}.eyebrow{color:#ffd18a;margin:20px 0 7px;font-size:10px}h1{letter-spacing:-.055em;margin:0;font-size:clamp(29px,5vw,43px);line-height:.98}.lede{color:#b5c8c9;max-width:35ch;margin:14px 0 20px;font-size:13px;line-height:1.45}.control-group{margin:11px 0}label{color:#b7cece;letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}select,button{color:#effffc;background:#0b1f27f0;border:1px solid #9bd7ce42;border-radius:9px;width:100%;margin-top:6px;font:12px DM Mono,monospace}select{padding:10px 11px}input[type=range]{accent-color:#66d9c9;width:100%;margin-top:9px}output{color:#f3c777;font-family:DM Mono,monospace}.button-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;display:grid}button{cursor:pointer;letter-spacing:.08em;background:#1b7f7a;border-color:#aeffef6b;padding:10px 8px;font-size:10px}button:hover{background:#24958e}button.secondary{color:#b9d5d3;background:#18313acc}.toggle-row{gap:8px;margin-top:15px;display:grid}.toggle-row label{text-transform:none;justify-content:flex-start;font-size:10px}input[type=checkbox]{accent-color:#66d9c9}.metrics{grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 0 15px;display:grid}.metrics div{background:#ffffff09;border:1px solid #9bd7ce1f;border-radius:9px;min-width:0;padding:9px 8px 8px}.metrics dt{color:#789695;font-size:8px}.metrics dd{color:#f5d18a;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font:13px DM Mono,monospace;overflow:hidden}.status{color:#89f0cf;margin:4px 0 2px;font-size:15px;font-weight:600}.backend{color:#9db5b5;margin:0 0 8px;font-size:9px}.detail,.selection-detail{color:#adc4c2;margin:6px 0;font-size:11px;line-height:1.4}.selection-detail{color:#d2e6e3}.error{color:#ffd6ce;background:#68181c8c;border:1px solid #ff816d73;border-radius:9px;gap:3px;margin:12px 0 0;padding:10px;font-size:11px;display:grid}.hint{color:#658280;margin:17px 0 0;font-size:9px}.route-footer{z-index:2;color:#d2ede770;font-size:9px;position:absolute;bottom:18px;right:22px}@media (width<=760px){.study-panel{margin:12px;padding:17px 16px 15px}.route-footer{display:none}}