:root{--color-bg:#fdf8f5;--color-bg-alt:#f7f3ef;--color-surface:#fff;--color-surface-container:#f1ede9;--color-surface-high:#e6e2de;--color-surface-highest:#dcd6d0;--color-text:#1c1b1a;--color-text-muted:#5e574c;--color-text-subtle:#898072;--color-primary:#725821;--color-primary-hover:#5d4617;--color-primary-container:#8d7037;--color-primary-subtle:#f5eedf;--color-pass:#2e623e;--color-pass-bg:#e2f2e6;--color-pass-border:#a4d4b1;--color-fail:#9b3f2c;--color-fail-bg:#fdeee9;--color-fail-border:#f0b5a8;--color-warn:#8a6519;--color-warn-bg:#fdf6e6;--color-warn-border:#edd298;--color-border:#e6e2de;--color-border-dark:#cec5bb;--color-border-focus:#725821;--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-sm:0 1px 3px #1c1b1a0d;--shadow-md:0 4px 12px #1c1b1a12;--shadow-lg:0 10px 25px #1c1b1a17;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text);letter-spacing:-.02em;font-weight:600}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;vertical-align:middle;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.drafting-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem;position:relative}.drafting-card:before{content:"┌";color:var(--color-text-subtle);opacity:.6;font-size:10px;line-height:1;position:absolute;top:4px;left:6px}.drafting-card:after{content:"┐";color:var(--color-text-subtle);opacity:.6;font-size:10px;line-height:1;position:absolute;top:4px;right:6px}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);border:1px solid #0000;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;line-height:1.2;display:inline-flex}.badge-pass{background-color:var(--color-pass-bg);color:var(--color-pass);border-color:var(--color-pass-border)}.badge-fail{background-color:var(--color-fail-bg);color:var(--color-fail);border-color:var(--color-fail-border)}.badge-warn,.badge-unknown{background-color:var(--color-warn-bg);color:var(--color-warn);border-color:var(--color-warn-border)}.badge-neutral{background-color:var(--color-surface-container);color:var(--color-text-muted);border-color:var(--color-border)}.btn{font-family:var(--font-display);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.88rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background-color:var(--color-surface-container);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-high);border-color:var(--color-border-dark)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-subtle)}.form-group{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:600;display:flex}.form-input,.form-select,.form-textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.6rem .8rem;font-size:.88rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 2px #72582126}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-subtle)}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scanning-laser{background:linear-gradient(90deg, transparent, var(--color-primary), transparent);height:2px;box-shadow:0 0 8px var(--color-primary);z-index:10;animation:2s linear infinite scanLine;position:absolute;left:0;right:0}.pulse-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseGlow;display:inline-block}.pulse-dot-green{background-color:var(--color-pass)}.pulse-dot-amber{background-color:var(--color-warn)}.app-container{background-color:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:40;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background-color:#fdf8f5eb;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.connection-panel{background-color:var(--color-surface);border-bottom:1px dashed var(--color-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.8rem;display:flex}.brand-section{align-items:center;gap:.75rem;display:flex}.brand-logo-icon{border-radius:var(--radius-sm);background-color:var(--color-primary-subtle);width:34px;height:34px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.brand-title{letter-spacing:-.03em;text-transform:uppercase;color:var(--color-text);font-size:1.25rem;font-weight:700;line-height:1.1}.brand-subtitle{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-family:var(--font-mono)}.nav-links{gap:.35rem;display:flex}.nav-btn{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--color-text-muted);transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;font-weight:500;display:flex}.nav-btn:hover{background-color:var(--color-surface-container);color:var(--color-text)}.nav-btn.active{background-color:var(--color-primary-subtle);color:var(--color-primary);font-weight:600}.header-meta{align-items:center;gap:.75rem;display:flex}.telemetry-chip{border-radius:var(--radius-sm);background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.72rem;display:flex}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1.5rem 1.25rem 5rem}.mobile-nav-bar{z-index:50;-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border);padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom));background-color:#fdf8f5f2;justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.mobile-nav-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:.2rem;min-width:60px;padding:.25rem .5rem;font-size:.68rem;display:flex}.mobile-nav-btn.active{color:var(--color-primary);font-weight:600}.mobile-nav-btn .material-symbols-outlined{font-size:22px}.welcome-banner{background-color:var(--color-surface-container);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.welcome-info{flex-direction:column;gap:.35rem;display:flex}.banner-tagline{color:var(--color-text);letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.banner-desc{color:var(--color-text-muted);max-width:600px;font-size:.85rem}.active-rig-pill{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.8rem;display:flex}.scanner-grid{grid-template-columns:1fr 340px;gap:1.5rem;display:grid}.dropzone-container{border:2px dashed var(--color-border-dark);border-radius:var(--radius-md);background-color:var(--color-surface);text-align:center;cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:280px;padding:2.5rem 1.5rem;display:flex;position:relative}.dropzone-container:hover,.dropzone-container.drag-over{border-color:var(--color-primary);background-color:var(--color-primary-subtle)}.preview-container{border-radius:var(--radius-md);background-color:#121212;justify-content:center;align-items:center;width:100%;max-height:420px;display:flex;position:relative;overflow:hidden}.preview-image{object-fit:contain;max-width:100%;max-height:400px}.preview-overlay-info{color:#fff;font-size:.75rem;font-family:var(--font-mono);background:linear-gradient(#0000,#000000d9);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:absolute;bottom:0;left:0;right:0}.retake-btn{color:#fff;border-radius:var(--radius-sm);transition:background var(--transition-fast);background-color:#fff3;border:1px solid #fff6;padding:.35rem .75rem;font-size:.75rem}.retake-btn:hover{background-color:#ffffff59}.scanning-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:2.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.scanner-frame-box{border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface-container);justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative;overflow:hidden}.scanner-frame-box .corner-tl{border-top:2px solid var(--color-primary);border-left:2px solid var(--color-primary);width:12px;height:12px;position:absolute;top:4px;left:4px}.scanner-frame-box .corner-tr{border-top:2px solid var(--color-primary);border-right:2px solid var(--color-primary);width:12px;height:12px;position:absolute;top:4px;right:4px}.scanner-frame-box .corner-bl{border-bottom:2px solid var(--color-primary);border-left:2px solid var(--color-primary);width:12px;height:12px;position:absolute;bottom:4px;left:4px}.scanner-frame-box .corner-br{border-bottom:2px solid var(--color-primary);border-right:2px solid var(--color-primary);width:12px;height:12px;position:absolute;bottom:4px;right:4px}.verdict-hero-card{border-radius:var(--radius-md);border:2px solid #0000;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.verdict-compatible{background-color:var(--color-pass-bg);border-color:var(--color-pass-border);color:var(--color-pass)}.verdict-incompatible{background-color:var(--color-fail-bg);border-color:var(--color-fail-border);color:var(--color-fail)}.verdict-needs-verification{background-color:var(--color-warn-bg);border-color:var(--color-warn-border);color:var(--color-warn)}.verdict-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.verdict-status-heading{align-items:center;gap:.6rem;font-size:1.6rem;font-weight:700;display:flex}.results-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.spec-list{flex-direction:column;gap:.5rem;display:flex}.spec-row{border-bottom:1px dashed var(--color-border);justify-content:space-between;align-items:baseline;padding:.45rem 0;font-size:.85rem;display:flex}.spec-key{color:var(--color-text-muted);font-weight:500}.spec-val{color:var(--color-text);text-align:right;font-weight:600}.check-card{border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-surface);flex-direction:column;gap:.4rem;margin-bottom:.75rem;padding:.85rem;display:flex}.check-card-header{justify-content:space-between;align-items:center;display:flex}.check-card-name{font-size:.9rem;font-weight:600}.check-card-msg{color:var(--color-text-muted);font-size:.82rem;line-height:1.4}.profile-form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}@media (width<=860px){.app-header{padding:.6rem 1rem}.nav-links{display:none}.mobile-nav-bar{display:flex}.app-main{padding:1rem .85rem 6rem}.scanner-grid,.results-grid{grid-template-columns:1fr}.welcome-banner{padding:1rem}.banner-tagline{font-size:1.15rem}}