@font-face{font-family:Inter;src:url(/fonts/inter-latin-variable.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{font-family:Inter,Arial,sans-serif;color:#000;background:#f3f4f6;font-synthesis:none;--accent: #51ff00;--muted: #4b5563}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #2563eb;outline-offset:4px}::selection{background:var(--accent);color:#000}main{min-height:100svh;width:100%;position:relative}h1,h2,p{margin:0}h1{font-size:36px;line-height:40px;font-weight:700;margin-bottom:16px}h2{font-size:30px;line-height:36px;font-weight:700;margin-bottom:8px}.description{font-size:20px;line-height:28px;color:var(--muted);max-width:560px;margin:auto}.landing .description{max-width:448px}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-height:100svh;padding:88px 32px 56px;text-align:center}.screen.landing,.screen.picker{gap:32px;padding:32px}.landing-logo{filter:brightness(0);display:block}.primary{border:0;border-radius:999px;background:var(--accent);color:#000;padding:12px 32px;font-size:20px;font-weight:600;line-height:28px;transition:background .15s}.primary:hover{background:#45e000}.primary:active{background:#3acc00}.primary:disabled{background:#d1d5db;color:#6b7280}.primary.start{padding:16px 48px;font-size:24px;line-height:32px}.links{position:absolute;top:16px;right:16px;display:flex;gap:24px;z-index:2}.links a{display:block;width:48px;height:48px;opacity:.45}.links img{width:48px;height:48px;object-fit:contain}.links a:hover{opacity:1}.stepper{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;gap:8px;padding:16px;pointer-events:none}.step{display:flex;align-items:center}.step-button{border:0;border-radius:999px;background:#e5e7eb;color:#6b7280;padding:6px 12px;line-height:20px;font-size:14px;font-weight:500;pointer-events:auto}.step-button.current{background:var(--accent);color:#000}.step-button.complete{background:#51ff00cc;color:#000}.connector{width:32px;height:2px;background:#d1d5db;margin:0 4px}.connector.complete{background:var(--accent)}.device-options{display:flex;gap:24px}.device-option{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 32px;border:2px solid #d1d5db;border-radius:12px;background:transparent;min-width:260px;transition:border-color .15s}.device-option:hover{border-color:#9ca3af}.device-option.selected{border-color:var(--accent);background:#51ff001a}.device-option img{height:128px;width:190px;object-fit:contain}.device-option span{font-size:20px;line-height:28px;font-weight:600}.connection-guide{display:flex;align-items:center;gap:32px}.connection-guide>img{width:290px;height:192px;object-fit:contain}.instructions{max-width:640px;text-align:left;list-style:none;counter-reset:instructions;margin:0;padding:0;font-size:18px;line-height:28px}.instructions li{counter-increment:instructions;position:relative;padding-left:43px;margin:16px 0}.instructions li:before{content:counter(instructions);position:absolute;left:0;width:28px;height:28px;background:var(--accent);border-radius:50%;text-align:center;font-size:14px;font-weight:700}.instructions a{color:#2563eb;font-weight:600}.note{color:#6b7280;font-size:16px;line-height:24px;max-width:650px}.command{position:relative;width:100%;max-width:672px;text-align:left}.command pre{margin:0;background:#111827;color:#f3f4f6;border-radius:8px;padding:48px 16px 16px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:22px;font-size:14px}.command button{position:absolute;right:8px;top:8px;border:0;border-radius:4px;padding:4px 12px;background:#2563eb;color:#fff;font-size:14px}.install-choice{display:flex;gap:10px;align-items:center;font-size:18px}.install-choice input{accent-color:#35b300;width:20px;height:20px}.status-icon{border-radius:50%;padding:32px;width:192px;height:192px;color:#fff;flex-shrink:0}.status-icon svg{width:128px;height:128px}.status-icon.connecting,.status-icon.error{background:#eab308}.status-icon.working{background:#a3e635}.status-icon.done{background:#22c55e}.status-icon.working svg{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.status-screen{gap:32px}.status-title{font-family:ui-monospace,monospace;font-weight:400;font-size:30px;line-height:38px;margin:0}.status-description{font-size:20px;line-height:28px;max-width:576px;padding:0 32px}.progress{height:12px;border-radius:20px;background:#e5e7eb;width:min(704px,100%);overflow:hidden}.progress>div{height:100%;background:#a3e635;transition:width .2s}.phase-done .progress>div{background:#22c55e}footer{position:absolute;left:16px;bottom:16px;font-size:14px;color:#6b7280}footer a{text-decoration:none}footer a:hover{text-decoration:underline}@media(max-width:900px){.links{gap:16px}.links a,.links img{width:32px;height:32px}.stepper{top:54px}.screen.picker{padding-top:120px;padding-bottom:48px}.screen:not(.landing){padding-top:120px}.connection-guide{flex-direction:column;gap:8px}}@media(max-width:600px){.device-options{gap:12px;width:100%}.device-option{min-width:0;flex:1;padding:20px 8px}.device-option img{max-width:100%;height:110px}.screen{padding-left:20px;padding-right:20px}.stepper{gap:2px;padding:16px 6px}.step-button{padding:6px 9px}.connector{width:14px;margin:0 2px}h1{font-size:34px}h2{font-size:26px}.status-title{font-size:24px}.description{font-size:18px}.status-description{padding:0}.links{top:12px;right:16px}}@media(prefers-reduced-motion:reduce){.status-icon.working svg{animation:none}.primary,.device-option,.progress>div{transition:none}}