*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f9f7ff;background:radial-gradient(circle at 10% 0%,rgba(255,70,210,.24),transparent 34%),radial-gradient(circle at 85% 8%,rgba(0,230,255,.19),transparent 36%),radial-gradient(circle at 50% 95%,rgba(90,0,255,.28),transparent 42%),linear-gradient(135deg,#07070f,#17142d 55%,#0a0614)}.shell{width:min(1210px,calc(100vw - 32px));margin:32px auto}.card{border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:30px;background:rgba(255,255,255,.068);box-shadow:0 24px 90px rgba(0,0,0,.44);backdrop-filter:blur(12px)}h1{margin:0;font-size:clamp(38px,6.4vw,82px);line-height:.9;letter-spacing:-.07em}.tagline{margin:16px 0 24px;font-size:18px;color:#ded8ff}.controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:22px}button,select{border:0;border-radius:16px;padding:14px 24px;font-weight:900;font-size:16px;color:white;background:linear-gradient(135deg,rgba(255,65,205,.9),rgba(0,220,255,.82));cursor:pointer}select{appearance:none;padding-right:36px;background-color:rgba(20,20,38,.9)}button:hover,select:hover{filter:brightness(1.14)}label{display:grid;gap:7px;font-weight:800;color:#efeaff}output{font-variant-numeric:tabular-nums;color:#cdefff}input[type=range]{width:170px}.stats{display:grid;grid-template-columns:repeat(4,minmax(155px,1fr));gap:14px;margin-bottom:14px}.stats.second{margin-bottom:20px}.stats div{border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:18px;background:rgba(8,8,18,.35)}.stats span{display:block;margin-bottom:8px;color:#c8c0f2;font-weight:900;font-size:14px}.stats strong{font-size:23px}canvas{width:100%;height:300px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(5,5,14,.52)}details{margin-top:20px;color:#eee9ff}summary{font-size:20px;font-weight:900;cursor:pointer}#status{color:#cec7f2;font-size:14px}@media(max-width:860px){.stats{grid-template-columns:1fr}.controls{display:grid}}