:root{--color-bg: #0a0a0a;--color-surface: #141414;--color-border: #2a2a2a;--color-text: #e4e4e4;--color-text-muted: #888;--color-primary: #4f8fff;--color-primary-hover: #3a7aee;--color-danger: #e04040;--color-danger-hover: #c03030;--color-success: #40c060;--color-warning: #e0a020;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;display:flex;justify-content:center;padding:40px 20px}#app{width:100%;max-width:640px}.flasher-header{text-align:center;margin-bottom:32px}.flasher-header h1{font-size:28px;font-weight:700;letter-spacing:-.5px}.flasher-header .subtitle{color:var(--color-text-muted);margin-top:4px}.step-indicator{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px}.step-dot{display:flex;flex-direction:column;align-items:center;gap:6px}.step-dot .dot{width:12px;height:12px;border-radius:50%;background:var(--color-border);display:block;transition:background .2s}.step-dot.active .dot{background:var(--color-primary);box-shadow:0 0 0 3px #4f8fff33}.step-dot.completed .dot{background:var(--color-success)}.step-dot .label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.step-dot.active .label{color:var(--color-primary)}.step-line{width:32px;height:2px;background:var(--color-border);margin:0 4px 20px}.step-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px}.step-panel h2{font-size:20px;font-weight:600;margin-bottom:16px}.step-panel h3{font-size:16px;font-weight:600;margin-bottom:8px}.step-panel p{margin-bottom:12px}.step-panel ol,.step-panel ul{padding-left:20px;margin-bottom:16px}.step-panel li{margin-bottom:8px}.btn{display:inline-block;padding:10px 24px;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;font-family:var(--font)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-hover)}.warning{background:#e0a0201a;border:1px solid var(--color-warning);border-radius:var(--radius);padding:16px;margin-bottom:16px}.device-badge{display:inline-flex;gap:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 16px;margin-bottom:16px;font-family:var(--font-mono);font-size:13px}.device-badge .label{color:var(--color-text-muted)}.build-list{display:flex;flex-direction:column;gap:12px}.build-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.build-card h3{margin-bottom:8px}.build-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--color-text-muted);font-size:13px;margin-bottom:12px}.download-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.download-row .filename{font-family:var(--font-mono);font-size:13px;min-width:120px}.progress-bar{flex:1;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .2s;width:0}.progress-text{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);min-width:40px;text-align:right}.flash-status{margin-bottom:12px}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:16px auto}@keyframes spin{to{transform:rotate(360deg)}}.success-panel{border-color:var(--color-success)}.error-panel{border-color:var(--color-danger)}.next-steps{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.phase-header{margin:16px 0 8px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.phase-header h3{font-size:13px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:0}.phase-reboot{text-align:center;padding:24px}.phase-reboot p{margin-top:8px;color:var(--color-text-muted)}.flash-step{margin-bottom:12px}.build-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.build-card-header h3{margin-bottom:0}.badge-recommended{background:#4f8fff26;color:var(--color-primary);padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600;white-space:nowrap}@media(max-width:480px){.step-panel{padding:20px}.step-indicator{gap:0}.step-line{width:16px}.step-dot .label{font-size:9px}}