:root{color-scheme:dark;font-family:Inter,'Segoe UI',sans-serif;color:#d4e2e6;background:#0b1420}*{box-sizing:border-box}body{margin:0;padding:22px;background:radial-gradient(ellipse at 0 0,#75609922,transparent 60%),#0b1420}header{margin-bottom:20px}.eyebrow{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#c9b0f5}h1{font:600 clamp(23px,3vw,34px)/1.25 Georgia,serif;color:#ecd9aa;margin:9px 0}p{font-size:14px;line-height:1.75;color:#b6c9d4;margin:10px 0}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #baa0ee50;background:linear-gradient(120deg,#a3dacc0b,#151c2d);border-radius:13px;box-shadow:inset 0 1px #dbe4f219,0 0 24px #b593e70c}label{font-size:12px;color:#bddbd4;min-width:0}output{float:right;font-size:11px;color:#e6c981}input{display:block;width:100%;margin-top:10px;accent-color:#b59be8}select{width:100%;display:block;margin-top:7px;padding:8px;border-radius:7px;border:1px solid #c1a8ed50;background:#172032;color:#e9e3f1;font:inherit}option{background:#172032;color:#e9e3f1}button,a{border:1px solid #c3ad7580;border-radius:8px;background:#332d1955;color:#efda9d;padding:8px 12px;font:600 12px Inter,'Segoe UI',sans-serif;text-decoration:none;cursor:pointer;transition:box-shadow .2s,border-color .2s}button:hover,a:hover{border-color:#efda9d;box-shadow:0 0 20px #e3c87b25}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:15px 0}.toolbar span{color:#a5b9c4;font-size:12px;flex:1;min-width:200px}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}figure{margin:0;border:1px solid #a5d3cc50;border-radius:13px;overflow:hidden;background:#0b1520;box-shadow:0 10px 28px #0004}figure:nth-child(2){border-color:#bd9aea60}canvas{display:block;width:100%;height:420px}figcaption{padding:12px;font-size:11px;line-height:1.7;color:#a8bcc8;border-top:1px solid #a4bdcb20}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.metrics div{padding:12px;border-left:2px solid #b79ddd;border-radius:8px;background:#a99ad90d}.metrics b{display:block;font-size:22px;color:#a7e7d7}.metrics span{font-size:11px;color:#b6bdc9}.observation{padding:14px 17px;border-left:3px solid #e5c784;background:#e5c78408;border-radius:8px}details{margin-top:18px;border:1px solid #b8a4d93a;border-radius:12px;padding:15px}summary{cursor:pointer;color:#d8c4f2;font-size:14px}.formula{color:#d3d9f8;font-family:Consolas,monospace;background:#070c1580;padding:13px;border-radius:8px;font-size:13px}a{display:inline-block;font-size:12px}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #f1d391;outline-offset:3px}@media(max-width:760px){body{padding:13px}.controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.view-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}canvas{height:400px}.metrics b{font-size:19px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}