@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #000000;--white: #ffffff;--ink: #1a1a1a;--ink-mid: #3a3a3a;--ink-light: #6b6b6b;--ink-faint: #a0a0a0;--paper: #ffffff;--paper-2: #f5f5f5;--paper-3: #eeeeee;--rule: #d0d0d0;--rule-dark: #b0b0b0;--term-bg: #0a0a0a;--term-green: #44cc66;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", Menlo, monospace;--radius: 0px;--radius-sm: 2px;--radius-md: 4px}html,body{height:100%;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.65}a{color:var(--black);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--ink-mid)}code,pre{font-family:var(--font-mono)}.hidden{display:none!important}#app{display:flex;flex-direction:column;min-height:100vh}#site-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:2px solid var(--black);max-width:1100px;margin:0 auto;width:100%}.nav-logo{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;text-decoration:none;color:var(--black);letter-spacing:-.01em}.nav-links{display:flex;gap:6px}.nav-link{font-size:.85rem;font-weight:500;text-decoration:none;padding:5px 10px;border:1px solid transparent;color:var(--ink)}.nav-link:hover{background:var(--paper-3);border-color:var(--rule);color:var(--ink)}#page{flex:1;max-width:1100px;margin:0 auto;width:100%;padding:36px 28px 72px}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-top:2px solid var(--black);max-width:1100px;margin:0 auto;width:100%;font-size:.82rem;color:var(--ink-light)}.footer-version{font-family:var(--font-mono)}.error-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--black);color:var(--white);padding:10px 22px;font-size:.88rem;z-index:100;border-radius:var(--radius-sm);max-width:480px;text-align:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border:2px solid var(--rule-dark);background:var(--white);color:var(--ink);font-family:var(--font-sans);font-size:.88rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;transition:background .1s,border-color .1s;white-space:nowrap}.btn:hover{background:var(--paper-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--black);color:var(--white);border-color:var(--black)}.btn.primary:hover{background:var(--ink-mid);border-color:var(--ink-mid)}.btn.secondary{background:transparent;color:var(--ink-light);border-color:var(--rule-dark)}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-light)}.btn.ghost:hover{color:var(--ink)}.btn-lg{padding:12px 28px;font-size:1rem}.btn-full{width:100%;justify-content:center;text-transform:uppercase;letter-spacing:.04em;font-size:1rem}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group label{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink)}.form-group .optional{font-size:.82rem;font-style:italic;text-transform:none;letter-spacing:0;color:var(--ink-faint);font-weight:400}.form-group input,.form-group select{padding:9px 12px;border:2px solid var(--rule-dark);background:var(--white);color:var(--ink);font-family:var(--font-mono);font-size:.88rem;border-radius:var(--radius-sm);width:100%;outline:none}.form-group input:focus,.form-group select:focus{border-color:var(--black)}.form-group .hint{font-size:.8rem;color:var(--ink-faint)}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.step-strip{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:4px;background:var(--paper);border-bottom:2px solid var(--black);padding:14px 28px;margin:-36px -28px 32px;width:calc(100% + 56px)}.step-strip-item{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--ink-faint)}.step-strip-item.active{color:var(--black);font-weight:700}.step-strip-item.done{color:var(--ink-light)}.step-circle{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid currentColor;border-radius:50%;font-size:.72rem;font-weight:700;flex-shrink:0}.step-strip-item.active .step-circle{background:var(--black);color:var(--white)}.step-connector{color:var(--rule-dark);font-size:.72rem;padding:0 4px;flex-shrink:0}.step-label{white-space:nowrap}@media (max-width: 600px){.step-label{display:none}}.step-screen{max-width:560px;margin:0 auto}.step-screen-header{margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid var(--black)}.step-screen-header h2{font-family:var(--font-serif);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.step-screen-header p{color:var(--ink-light);font-size:.92rem}.step-panel{animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.step-screen-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--rule)}.status-ok{border:2px solid var(--black);border-left:5px solid var(--black);padding:18px 22px;display:flex;align-items:center;gap:16px;margin-bottom:20px}.status-error{border:2px solid var(--rule-dark);border-left:5px solid var(--ink-mid);padding:18px 22px;display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;background:var(--paper-2)}.check-big{font-size:1.8rem;font-weight:900;line-height:1;flex-shrink:0}.info-banner{background:var(--paper-2);border-left:3px solid var(--black);padding:12px 16px;font-size:.88rem;margin-bottom:20px;color:var(--ink-mid)}.progress-wrap{margin:20px 0}.progress-label{font-size:.82rem;color:var(--ink-light);margin-bottom:6px;font-family:var(--font-mono)}.progress-bar{height:6px;background:var(--rule);border-radius:0;overflow:hidden}.progress-fill{height:100%;background:var(--black);transition:width .2s ease}.term-log{background:var(--term-bg);color:var(--term-green);font-family:var(--font-mono);font-size:.78rem;padding:14px 16px;height:160px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;margin:16px 0;border-radius:var(--radius-sm)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--rule);border-top-color:var(--ink);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;gap:10px;color:var(--ink-light);padding:24px 0;font-size:.9rem}.hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:48px}@media (max-width: 700px){.hero{grid-template-columns:1fr;gap:24px}}.hero-text h1{font-family:var(--font-serif);font-size:3rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.hero-text .subtitle{font-size:1.05rem;color:var(--ink-light);margin-bottom:28px;line-height:1.7}.hero-device{display:flex;align-items:center;justify-content:center}.device-mockup{width:180px;height:200px;border:3px solid var(--black);background:var(--paper-2);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:4px 4px 0 var(--black)}.device-mockup:before{content:"200×200";position:absolute;top:-22px;font-size:.72rem;font-family:var(--font-mono);color:var(--ink-faint)}.device-screen{width:140px;height:140px;border:1px solid var(--rule-dark);background:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:.7rem;color:var(--ink-faint);text-align:center;padding:8px}.req-list{list-style:none;margin:0 0 24px;border:2px solid var(--black)}.req-list li{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--rule);font-size:.88rem}.req-list li:last-child{border-bottom:none}.req-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.req-text strong{display:block;font-weight:600}.req-text span{color:var(--ink-faint);font-size:.82rem}.boot-instructions{border:2px solid var(--black);margin-bottom:24px;background:var(--paper-2)}.boot-instructions-header{padding:10px 16px;border-bottom:1px solid var(--rule);font-size:.9rem}.boot-steps{display:flex;align-items:center;gap:8px;padding:14px 16px;flex-wrap:wrap;border-bottom:1px solid var(--rule)}.boot-step{display:flex;align-items:center;gap:8px;font-size:.88rem;background:var(--white);border:1px solid var(--rule);padding:8px 12px}.boot-step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--black);color:var(--white);font-size:.78rem;font-weight:700;font-family:var(--font-mono);flex-shrink:0}.boot-step-arrow{font-size:1.1rem;color:var(--ink-faint);flex-shrink:0}.board-diagram{padding:16px}.board-diagram-inner{position:relative;display:inline-block;width:100%;max-width:600px}.board-photo{width:100%;display:block;border:1px solid var(--rule)}.board-annotations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.board-diagram-caption{font-size:.8rem;color:var(--ink-light);margin-top:8px}.btn-sm{padding:4px 12px;font-size:.8rem}.btn.active{background:var(--black);color:var(--white);border-color:var(--black)}