:root{color-scheme:dark;color:#a5aaa7;background:#010205}*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden}main{position:relative;isolation:isolate}button,input,canvas{-webkit-tap-highlight-color:transparent}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}button{display:grid;place-items:center;width:52px;height:52px;padding:12px;border:1px solid #a5aaa735;border-radius:50%;color:inherit;background:#05070999;cursor:pointer}button:hover:not(:disabled){color:#e4ebe7;border-color:#e4ebe799}button:disabled{opacity:.4;cursor:wait}button:focus-visible{outline:2px solid #d3dbbc;outline-offset:6px}svg{display:block;width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.primary{width:82px;height:82px;padding:20px}.primary svg{width:40px;height:40px}.film{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 14vw 3vw #0009;background:radial-gradient(ellipse at 50% 52%,transparent 18%,#0005 65%,#000d 100%);z-index:1}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;background:linear-gradient(#010205d9,#02030788 48%,#010205ed);z-index:4;padding:22px;overflow:auto}#result{background:#010205e8}.preferences{display:flex;justify-content:center;gap:22px}.preferences label{position:relative;display:grid;place-items:center;width:48px;height:48px;cursor:pointer}.preferences input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.preferences svg{opacity:.25}.preferences input:checked+svg{opacity:.85}.preferences input:focus-visible+svg{outline:2px solid #d3dbbc;outline-offset:7px;border-radius:4px}.preferences label:has(input:not(:checked))::after{content:'';position:absolute;width:30px;height:2px;background:currentColor;transform:rotate(-45deg);pointer-events:none}dialog{max-width:300px;width:calc(100% - 36px);padding:32px;background:#020407e8;border:1px solid #a5aaa728;color:inherit}dialog::backdrop{background:#010205aa}dialog button{margin:0 auto}dialog .preferences{margin:28px 0}[hidden]{display:none!important}#start:disabled{border-right-color:#d3dbbc;animation:loading 1.8s linear infinite}#start:disabled svg{visibility:hidden}@keyframes loading{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#start:disabled{animation:none}}