:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6f2ef;background:#101922;font:15px/1.5 system-ui,sans-serif}body{margin:0}main{max-width:1100px;margin:auto;padding:1rem}h1{margin:0;font-size:1.6rem}p{margin:.5rem 0}nav{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.6rem 0;display:flex}button,select{color:#f4f9f8;font:inherit;background:#263b49;border:1px solid #6f929d;border-radius:.4rem;min-height:44px;padding:.55rem .7rem}button:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #66e5d2}button{cursor:pointer}#app{border:1px solid #50727c;border-radius:.6rem;height:clamp(300px,54vh,600px);overflow:hidden}#selection{font-variant-numeric:tabular-nums;min-height:1.5em}.below{padding:.4rem 0}@media (width<=500px){main{padding:.65rem}#app{height:320px}button,select{font-size:.85rem}}.simpludify{isolation:isolate;background:var(--s-background);width:100%;height:100%;min-height:20rem;color:var(--s-text);font-family:var(--s-font);outline-offset:-4px;position:relative;overflow:hidden}.simpludify,.simpludify *{box-sizing:border-box}.simpludify>canvas{display:block;position:absolute;inset:0}.s-ui{z-index:1;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));pointer-events:none;flex-flow:column;align-items:flex-start;gap:.75rem;display:flex;position:absolute;inset:0;overflow:auto}.s-ui>*{pointer-events:auto}.s-panel{background:var(--s-surface);border:1px solid color-mix(in srgb, var(--s-muted), transparent 65%);border-radius:1rem;gap:.75rem;min-width:0;max-width:min(100%,30rem);padding:1rem;display:flex;box-shadow:0 .5rem 2rem #0002}.s-column{flex-direction:column}.s-row{flex-flow:wrap;align-items:center}.s-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));width:100%;display:grid}.s-ui p,.s-ui h2{overflow-wrap:anywhere;margin:0;line-height:1.5}.s-ui h2{letter-spacing:-.02em;font-size:1.15rem}.s-muted{color:var(--s-muted);font-size:.9rem}.s-ui button{font:inherit;color:var(--s-background);background:var(--s-accent);cursor:pointer;overflow-wrap:anywhere;border:0;border-radius:.6rem;min-height:2.75rem;padding:.7rem 1rem;font-weight:650}.s-ui button:hover{filter:brightness(1.08)}.s-ui button:disabled,.s-ui button[aria-disabled=true]{opacity:.65;cursor:progress}.s-ui button:focus-visible,.simpludify:focus-visible{outline:3px solid var(--s-accent);outline-offset:3px}.s-error{bottom:1rem;z-index:2;color:#fff;background:#6b1728;border-radius:.75rem;padding:1rem;position:absolute;inset-inline:1rem}@media (width<=32rem){.s-ui{padding:.75rem}.s-panel{padding:.85rem}}.s-ui>.s-bottom{margin-top:auto}.s-ui>.s-center{margin:auto}.simpludify .s-hold{touch-action:none;-webkit-user-select:none;user-select:none;min-width:3rem;min-height:3rem}.simpludify .s-hold[aria-pressed=true]{filter:brightness(.8)}.s-canvas-accessibility{pointer-events:none;position:absolute;inset:0;overflow:hidden}.s-canvas-accessibility button{pointer-events:none;opacity:0;border:0;margin:0;padding:0;position:absolute}.simpludify>canvas{touch-action:none}.s-canvas-accessibility .s-canvas-native{pointer-events:auto;box-sizing:border-box;-webkit-user-select:text;user-select:text;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:0;color:var(--s-native-color);background:0 0;border:0;border-radius:0;outline:0;margin:0;position:absolute}.s-canvas-native option{background:var(--s-native-background)}.s-canvas-accessibility input.s-canvas-native:not(:focus){color:#0000;caret-color:#0000}.s-canvas-accessibility input.s-canvas-native:not(:focus)::placeholder{color:#0000}.s-canvas-accessibility input.s-canvas-native:focus::placeholder{color:currentColor;opacity:.65}.s-canvas-native:disabled{opacity:.45}.s-canvas-native[aria-readonly=true]{opacity:.7}