:root{--bg:#05070a;--fg:#cddceec7;--fg-dim:#b9cae080;--panel:#0a0e148c;--line:#a0b9d724;--error:#ff968cd9;--gutter:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:12px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#chamber{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);border-radius:10px;position:fixed}#legend{top:calc(var(--gutter) + env(safe-area-inset-top));left:calc(var(--gutter) + env(safe-area-inset-left));max-width:300px;padding:10px 12px}#legend h1{letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 6px;font-size:11px;font-weight:500}#legend ul{grid-template-columns:auto auto;gap:2px 14px;margin:0;padding:0;list-style:none;display:grid}#legend li{white-space:nowrap;align-items:center;gap:7px;display:flex}#legend .hint{color:var(--fg-dim);margin:7px 0 0;font-size:11px}.swatch{flex:none;display:block}#notice{top:calc(var(--gutter) + env(safe-area-inset-top));right:calc(var(--gutter) + env(safe-area-inset-right));max-width:min(320px, calc(100vw - 2 * var(--gutter)));color:var(--fg);padding:8px 12px}#tip{pointer-events:none;z-index:10;background:#0a0e14c7;max-width:min(280px,100vw - 24px);padding:6px 10px;top:0;left:0}.tip-head{color:#e1ebf8eb;align-items:center;gap:7px;display:flex}.tip-dot{border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 6px}.tip-sub{color:var(--fg-dim);margin-top:1px;padding-left:14px;font-size:11px}footer{left:calc(var(--gutter) + env(safe-area-inset-left));bottom:calc(var(--gutter) + env(safe-area-inset-bottom));max-width:calc(100vw - 2 * var(--gutter) - 400px);pointer-events:none;font-size:11px;position:fixed}#status{color:var(--fg-dim)}#status:before{content:"";vertical-align:1px;opacity:.6;background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}#status[data-state=ok]:before{opacity:1;background:#96e6bee6}#status[data-state=sim]:before{border:1px solid var(--fg-dim);background:0 0}#status[data-state=error]{color:var(--error)}#attribution{color:#b9cae059;margin-top:2px}#controls{right:calc(var(--gutter) + env(safe-area-inset-right));bottom:calc(var(--gutter) + env(safe-area-inset-bottom));align-items:center;gap:10px;padding:6px 6px 6px 12px;display:flex}.sliders{color:var(--fg-dim);grid-template-columns:auto 1fr auto auto;align-items:center;gap:4px 8px;display:grid}.ctl,.ctl-inner{display:contents}.value{text-align:right;font-variant-numeric:tabular-nums;min-width:44px;color:var(--fg)}.infinite{cursor:pointer;white-space:nowrap;align-items:center;gap:4px;display:flex}.infinite input{accent-color:#96d4ffcc;margin:0}input[type=range]:disabled{opacity:.35}.buttons{flex-direction:column;gap:4px;display:flex}input[type=range]{accent-color:#96d4ffcc;background:0 0;width:120px;margin:0}button{appearance:none;border:1px solid var(--line);width:30px;height:30px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:8px;font-size:11px}button:hover{background:#a0b9d714}button:focus-visible,input:focus-visible{outline-offset:2px;outline:1px solid #96d4ffb3}#legend-toggle{font-family:Georgia,serif;font-size:13px;font-style:italic}#legend-toggle[aria-pressed=true]{background:#a0b9d71a}@media (max-width:760px){:root{--gutter:12px}footer{max-width:calc(100vw - 2 * var(--gutter));bottom:calc(var(--gutter) + 80px + env(safe-area-inset-bottom))}#controls{left:calc(var(--gutter) + env(safe-area-inset-left))}.sliders{flex:1}input[type=range]{width:100%;min-width:0}#legend{max-width:calc(100vw - 2 * var(--gutter))}#notice{top:auto;left:calc(var(--gutter) + env(safe-area-inset-left));right:calc(var(--gutter) + env(safe-area-inset-right));max-width:none;bottom:calc(var(--gutter) + 124px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.panel{transition:none}}