:root{color:#f7f2e8;font-synthesis:none;text-rendering:optimizelegibility;background:#17151f;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 15% 0,#44304f 0,#0000 35rem),#17151f;min-height:100%}body{overscroll-behavior:none;min-width:320px;min-height:100vh;margin:0}button{color:#201725;font:inherit;cursor:pointer;background:#f2c86e;border:0;border-radius:999px;padding:.8rem 1.15rem;font-weight:800}main{width:min(1120px,100%);padding:max(1.2rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));margin:0 auto}header,.engine-panel{justify-content:space-between;align-items:center;gap:1rem;display:flex}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;max-width:12ch;margin-bottom:.8rem;font-size:clamp(2.5rem,8vw,5.4rem);line-height:.92}h2{margin-bottom:.25rem;font-size:1.15rem}.eyebrow{color:#f2c86e;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:900}.lede,.engine-panel p,.footnote{color:#bcb4c4;max-width:58ch;line-height:1.55}.tofu-mark{aspect-ratio:1;color:#2b2130;background:#f7f2e8;border:1px solid #705d7a;border-radius:34% 42% 38% 30%;flex:none;place-items:center;width:clamp(5rem,16vw,8rem);font-size:clamp(2rem,7vw,4rem);display:grid;transform:rotate(4deg)}.status-grid{grid-template-columns:repeat(3,1fr);gap:.65rem;margin:2rem 0 1rem;display:grid}.status-grid article,.engine-panel,.pad-card{background:#221e28d1;border:1px solid #3a3441;border-radius:1rem}.status-grid article{min-height:5.5rem;padding:.9rem}.status-grid span{color:#8f8796;text-transform:uppercase;margin-bottom:.55rem;font-size:.72rem;display:block}.status-grid strong{overflow-wrap:anywhere;font-size:.92rem}[data-state=ready],[data-pressed=true]{color:#81e6a8}[data-state=error]{color:#ff8f9c}.engine-panel{padding:1rem}.engine-panel p{margin-bottom:0}.engine-frame{background:#000;border:1px solid #3a3441;border-radius:1rem;width:100%;min-height:18rem;margin-top:1rem}.pads{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.pad-card{min-width:0;padding:1rem}.pad-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;min-height:4rem;display:flex}.pad-heading output{color:#bcb4c4;text-align:right;max-width:58%;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.68rem}.touch-pad{--x:0px;--y:0px;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#f2c86e2e 0 10%,#0000 11%),repeating-radial-gradient(circle,#0000 0 20%,#ffffff0f 21% 21.5%);border:1px solid #71647b;border-radius:50%;place-items:center;width:min(42vw,21rem);max-width:100%;margin:1rem auto 0;display:grid;position:relative;overflow:hidden}.touch-pad span{color:#8f8796;text-align:center;pointer-events:none;max-width:12rem;padding:1rem;font-size:.72rem;line-height:1.4}.pad-ring{aspect-ratio:1;pointer-events:none;border:1px dashed #5d5265;border-radius:50%;width:72%;position:absolute}.pad-dot{aspect-ratio:1;pointer-events:none;width:2.5rem;transform:translate(var(--x), var(--y));background:#f2c86e;border-radius:50%;position:absolute;box-shadow:0 0 2rem #f2c86e66}.footnote{margin:1rem 0 0;font-size:.75rem}@media (width<=720px){header{align-items:flex-start}.status-grid{grid-template-columns:repeat(2,1fr)}.pads{gap:.55rem}.pad-card{padding:.7rem}.pad-heading{display:block}.pad-heading output{text-align:left;max-width:none;min-height:2.8rem;display:block}}