:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{color:#e8ecf2;background:#05070c;width:100%;height:100%;margin:0;padding:0;font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.os{pointer-events:none;z-index:5;position:fixed;inset:0}.topbar{-webkit-backdrop-filter:blur(14px)saturate(140%);letter-spacing:.04em;color:#e8ecf2d9;pointer-events:auto;background:#0a0e1673;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:18px;padding:8px 16px;font-size:12px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.topbar .dot{background:var(--accent,#7cf0c6);width:6px;height:6px;box-shadow:0 0 10px var(--accent,#7cf0c6);border-radius:50%}.topbar .sep{background:#ffffff1f;width:1px;height:12px}.topbar .mono{font-variant-numeric:tabular-nums}.corner{letter-spacing:.14em;text-transform:uppercase;color:#e8ecf28c;font-size:11px;position:absolute}.corner.tl{top:20px;left:24px}.corner.tr{text-align:right;top:20px;right:24px}.corner.bl{bottom:20px;left:24px}.corner.br{text-align:right;bottom:20px;right:24px}.crosshair{border:1px solid #e8ecf259;width:10px;height:10px;position:absolute}.crosshair.tl{border-bottom:none;border-right:none;top:16px;left:16px}.crosshair.tr{border-bottom:none;border-left:none;top:16px;right:16px}.crosshair.bl{border-top:none;border-right:none;bottom:16px;left:16px}.crosshair.br{border-top:none;border-left:none;bottom:16px;right:16px}.hint{letter-spacing:.18em;text-transform:uppercase;color:#e8ecf280;gap:18px;font-size:11px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hint kbd{color:#e8ecf2bf;background:#ffffff0a;border:1px solid #ffffff26;border-radius:4px;margin-right:6px;padding:2px 6px;font-family:inherit;font-size:10px}.tweaks{-webkit-backdrop-filter:blur(18px)saturate(140%);color:#e8ecf2;z-index:20;background:#0a0e16c7;border:1px solid #ffffff14;border-radius:12px;width:280px;padding:16px 16px 14px;font-size:12px;display:none;position:fixed;top:70px;right:20px;box-shadow:0 30px 60px #00000073}.tweaks.open{display:block}.tweaks h3{letter-spacing:.22em;text-transform:uppercase;color:#e8ecf2a6;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:11px;display:flex}.tweaks h3 .close{cursor:pointer;color:#e8ecf273;letter-spacing:0;font-size:14px}.tweaks h3 .close:hover{color:#fff}.row{margin-bottom:10px}.row label{color:#e8ecf2bf;letter-spacing:.04em;justify-content:space-between;margin-bottom:4px;font-size:11px;display:flex}.row label .val{font-variant-numeric:tabular-nums;color:var(--accent,#7cf0c6)}.row input[type=range]{appearance:none;background:#ffffff1f;border-radius:2px;outline:none;width:100%;height:3px}.row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent,#7cf0c6);cursor:grab;width:12px;height:12px;box-shadow:0 0 8px var(--accent,#7cf0c6);border:2px solid #05070c;border-radius:50%}.row input[type=range]::-moz-range-thumb{background:var(--accent,#7cf0c6);cursor:grab;border:2px solid #05070c;border-radius:50%;width:12px;height:12px}.presets{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;display:grid}.preset{letter-spacing:.08em;text-transform:uppercase;color:#e8ecf2bf;cursor:pointer;text-align:center;background:#ffffff05;border:1px solid #ffffff1f;border-radius:6px;padding:6px 4px;font-family:inherit;font-size:10px}.preset:hover{color:#fff;background:#ffffff0f}.preset.active{border-color:var(--accent,#7cf0c6);color:var(--accent,#7cf0c6);background:#7cf0c614}.palettes{gap:6px;margin-bottom:10px;display:flex}.pal{cursor:pointer;border:1px solid #ffffff1a;border-radius:4px;flex:1;height:22px;position:relative}.pal.active{border-color:#fff;box-shadow:0 0 0 1px #ffffff4d}.actions{gap:6px;margin-top:12px;display:flex}.btn{letter-spacing:.1em;text-transform:uppercase;color:#e8ecf2d9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;flex:1;padding:7px;font-family:inherit;font-size:10px}.btn:hover{color:#fff;background:#ffffff14}.btn.primary{background:var(--accent,#7cf0c6);border-color:var(--accent,#7cf0c6);color:#05070c;font-weight:600}.btn.primary:hover{filter:brightness(1.1)}#fps{letter-spacing:.18em;color:#e8ecf259;pointer-events:none;z-index:5;font-variant-numeric:tabular-nums;font-size:10px;position:fixed;bottom:52px;left:50%;transform:translate(-50%)}.os,.hint,.tweaks,#fps{display:none!important}#contact{z-index:10;flex-direction:column;align-items:flex-end;gap:8px;font-family:inherit;display:flex;position:fixed;bottom:20px;right:20px}#contact-toggle{letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px)saturate(140%);color:#e8ecf2d9;cursor:pointer;background:#0a0e1673;border:1px solid #ffffff14;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:11px;transition:background .2s,color .2s}#contact-toggle:hover,#contact-toggle[aria-expanded=true]{color:#fff;background:#0a0e16bf}#contact-toggle:focus-visible{outline-offset:2px;outline:1px solid #fff6}#contact-links{-webkit-backdrop-filter:blur(18px)saturate(140%);background:#0a0e16c7;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:1px;min-width:160px;padding:6px;display:flex;box-shadow:0 30px 60px #00000073}#contact-links[hidden]{display:none}#contact-links a{letter-spacing:.18em;text-transform:uppercase;color:#e8ecf2bf;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px 14px;font-size:11px;text-decoration:none;transition:background .15s,color .15s}#contact-links a:hover,#contact-links a:focus-visible{color:#fff;background:#ffffff0f;outline:none}