.mach1-canvas{touch-action:manipulation;z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.mach1-hud{z-index:10;text-align:right;transition:opacity .8s,transform .8s;position:fixed;top:88px;right:28px}.mach1-hud.pre{opacity:0;pointer-events:none}.mach1-start{z-index:10;flex-direction:column;align-items:center;gap:14px;padding-bottom:48px;transition:opacity .5s,transform .5s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mach1-start.gone{opacity:0;pointer-events:none;transform:translate(-50%,12px)}.mach1-load{border:1px solid color-mix(in oklab, var(--foreground) 15%, transparent);background:color-mix(in oklab, var(--foreground) 6%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--foreground);font-family:var(--font-sans);cursor:pointer;border-radius:9999px;padding:12px 32px;font-size:15px;transition:border-color .2s,background .2s}.mach1-load:hover{border-color:var(--brand);background:color-mix(in oklab, var(--foreground) 10%, transparent)}.mach1-hud.gone{opacity:0;pointer-events:none;transform:translateY(-12px)}.mach1-pct{letter-spacing:-.025em;color:var(--foreground);font-size:clamp(64px,9vw,112px);font-weight:600;line-height:1}.mach1-pct small{color:var(--muted);margin-left:2px;font-size:.32em;font-weight:400}.mach1-stage{letter-spacing:.18em;text-transform:uppercase;color:var(--foreground);margin-top:14px;font-size:12px}.mach1-stage.err{color:var(--brand);text-transform:none;letter-spacing:.02em}.mach1-stats{letter-spacing:.08em;color:var(--muted);margin-top:8px;font-size:12px}.mach1-track{background:var(--border-color);width:min(420px,60vw);height:2px;margin-top:16px;margin-left:auto}.mach1-fill{background:var(--brand);width:0%;height:100%}.mach1-chat{z-index:10;opacity:0;pointer-events:none;flex-direction:column;gap:14px;width:min(640px,100vw - 48px);padding-bottom:28px;transition:opacity .9s .3s,transform .9s .3s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%,24px)}.mach1-chat.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.mach1-ready{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex}.mach1-ready .dot{background:var(--brand);border-radius:9999px;width:6px;height:6px}.mach1-msgs{scrollbar-width:none;flex-direction:column;gap:12px;max-height:38vh;display:flex;overflow-y:auto}.mach1-msgs::-webkit-scrollbar{display:none}.mach1-msgs .msg-u{background:color-mix(in oklab, var(--foreground) 8%, transparent);border:1px solid var(--border-color);max-width:80%;color:var(--foreground);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;align-self:flex-end;padding:10px 18px;font-size:14px}.mach1-msgs .msg-m{max-width:88%;color:var(--foreground);text-shadow:0 1px 12px var(--background);white-space:pre-wrap;overflow-wrap:break-word;align-self:flex-start;font-size:15px;line-height:1.6}.mach1-msgs .msg-m .caret{background:var(--brand);vertical-align:-2px;width:7px;height:14px;animation:1s step-end infinite mach1-blink;display:inline-block}@keyframes mach1-blink{50%{opacity:0}}.mach1-composer{border:1px solid color-mix(in oklab, var(--foreground) 15%, transparent);background:color-mix(in oklab, var(--foreground) 6%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px;align-items:center;gap:10px;padding:6px 6px 6px 20px;display:flex}.mach1-composer:focus-within{outline:2px solid var(--brand);outline-offset:2px}.mach1-input{color:var(--foreground);font-family:var(--font-sans);background:0 0;border:0;outline:none;flex:1;font-size:15px}.mach1-input::placeholder{color:var(--muted)}.mach1-send{background:var(--foreground);width:38px;height:38px;color:var(--background);cursor:pointer;border:0;border-radius:9999px;flex-shrink:0;font-size:16px}.mach1-send:hover{opacity:.9}.mach1-hint{text-align:center;letter-spacing:.08em;color:var(--muted);font-size:11px}
