:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--light-bg:oklch(95.4% .007 106.525);--light-surface:oklch(100% 0 none);--light-border:oklch(88% .016 286.059);--light-concentric:oklch(48.7% .11 114.378);--light-eccentric:oklch(45.9% .099 235.958);--light-rest:oklch(52.8% .17 37.52);--light-text:oklch(16.7% .012 284.965);--light-muted:oklch(49.2% .041 284.78);--light-dimmed:oklch(93.4% .013 286.137);--dark-bg:oklch(16% .004 285.918);--dark-surface:oklch(19.8% .01 285.456);--dark-border:oklch(26.9% .02 284.955);--dark-concentric:oklch(95.2% .197 116.575);--dark-eccentric:oklch(78.5% .135 230.617);--dark-rest:oklch(70.5% .193 39.231);--dark-text:oklch(95.7% .007 286.273);--dark-muted:oklch(62.6% .04 285.176);--dark-dimmed:oklch(29% .02 285.088);--bg:var(--lightningcss-light,var(--light-bg))var(--lightningcss-dark,var(--dark-bg));--surface:var(--lightningcss-light,var(--light-surface))var(--lightningcss-dark,var(--dark-surface));--border:var(--lightningcss-light,var(--light-border))var(--lightningcss-dark,var(--dark-border));--concentric:var(--lightningcss-light,var(--light-concentric))var(--lightningcss-dark,var(--dark-concentric));--eccentric:var(--lightningcss-light,var(--light-eccentric))var(--lightningcss-dark,var(--dark-eccentric));--rest:var(--lightningcss-light,var(--light-rest))var(--lightningcss-dark,var(--dark-rest));--text:var(--lightningcss-light,var(--light-text))var(--lightningcss-dark,var(--dark-text));--muted:var(--lightningcss-light,var(--light-muted))var(--lightningcss-dark,var(--dark-muted));--dimmed:var(--lightningcss-light,var(--light-dimmed))var(--lightningcss-dark,var(--dark-dimmed));--font-display:"Bebas Neue", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--radius:10px;--radius-sm:6px;--transition:.15s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:clamp(12px,4vw,24px);display:flex;overflow-x:hidden}.controls{gap:12px;width:100%;display:flex}.ctrl-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:var(--radius);cursor:pointer;letter-spacing:1px;transition:background var(--transition);padding:14px;font-size:.8125rem}.controls .ctrl-btn{flex:1}.ctrl-btn:hover{background:var(--dimmed)}.ctrl-btn:focus-visible{outline:2px solid var(--concentric);outline-offset:2px}.ctrl-btn.primary{background:var(--concentric);color:var(--bg);border-color:#0000;font-weight:500}.ctrl-btn.primary:hover{opacity:.9}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}