:root{--fg: #ffffff;--bg: #000000;--dim: rgba(255, 255, 255, .5);--line: rgba(255, 255, 255, .25);--font: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--size: 15px;--gap: 32px;--inset: 56px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg)}body{font-family:var(--font);font-size:var(--size);color:var(--fg)}.stage{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg)}.stage>*{-webkit-user-select:none;user-select:none}.panel{position:fixed;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--gap);z-index:10}.panel--left{left:var(--inset);align-items:flex-start}.panel--right{right:var(--inset);align-items:flex-start}.listItem{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;font-family:var(--font);font-size:var(--size);line-height:1.2;color:var(--dim);cursor:pointer;text-align:left;transition:color .12s ease}.listItem:hover,.listItem--active{color:var(--fg)}.control{display:flex;flex-direction:column;gap:12px}.control__label{color:var(--fg)}.control__value{color:var(--dim);margin-left:8px}.control__options{display:flex;flex-direction:column;gap:12px}.creditsLink{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;margin-top:-20px;font-family:var(--font);font-size:var(--size);color:var(--dim);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.creditsLink:hover{color:var(--fg)}input[type=range]{--pct: 0%;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:180px;height:6px;border-radius:999px;background:linear-gradient(to right,var(--fg) 0 var(--pct),var(--line) var(--pct) 100%);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--fg);border:1px solid var(--fg);cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--fg);border:1px solid var(--fg);cursor:pointer}input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--line)}input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--fg)}input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:6px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#000000b8}.modal{width:min(520px,calc(100vw - 64px));max-height:calc(100vh - 96px);overflow-y:auto;padding:32px;background:var(--bg);border:1px solid var(--line);display:flex;flex-direction:column;gap:20px}.modal__title{color:var(--fg)}.modal__body{margin:0;color:var(--dim);line-height:1.6}.modal__list{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 20px}.modal__list dt{color:var(--fg)}.modal__list dd{margin:0;color:var(--dim)}@media(max-width:720px){:root{--inset: 24px;--gap: 24px}.panel--right{top:auto;bottom:24px;transform:none}.panel--left{top:24px;transform:none}}