:root{--bg: #0b1020;--panel: rgba(18, 24, 44, .82);--ink: #e8ecf8;--muted: #93a0c4;--accent: #5eead4}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100vw;height:100vh;cursor:crosshair}#panel{position:fixed;top:18px;left:18px;width:264px;padding:18px 18px 16px;background:var(--panel);border:1px solid rgba(120,140,200,.18);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px #0006;-webkit-user-select:none;user-select:none}#panel h1{margin:0 0 2px;font-size:20px;letter-spacing:.3px}#panel h1 span{color:var(--accent);font-weight:500}.sub{margin:0 0 14px;color:var(--muted);font-size:12px}label{display:block;margin:10px 0 4px;font-size:12px;color:var(--muted)}label output{float:right;color:var(--ink);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent);margin:2px 0 0}.row{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.chk{margin:0;color:var(--ink)}.chk input{accent-color:var(--accent);vertical-align:-2px}button{background:var(--accent);color:#04231d;border:0;border-radius:8px;padding:7px 14px;font-weight:600;cursor:pointer}button:hover{filter:brightness(1.08)}@media (max-width: 560px){#panel{width:calc(100vw - 36px)}}