:root{--bg:#0c0f14;--bg-card:#141a24;--bg-muted:#1a2230;--border:#243044;--text:#e8edf5;--text-muted:#8b9bb4;--accent:#3d8bfd;--accent-hover:#5a9dff;--success:#3dd68c;--warn:#f5a623;--error:#ff6b6b;--radius:12px;--font:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);margin:0;line-height:1.5}#root{min-height:100vh}.app{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.brand{align-items:center;gap:.875rem;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #6366f1);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.75rem;font-weight:700;display:flex}.brand h1{margin:0;font-size:1.25rem;font-weight:600}.brand p{color:var(--text-muted);margin:0;font-size:.8rem}.header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.address-pill{background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;padding:.35rem .75rem;font-family:ui-monospace,monospace;font-size:.85rem}.badge{border-radius:6px;padding:.25rem .6rem;font-size:.75rem}.badge-warn{color:var(--warn);background:#f5a62326;border:1px solid #f5a62359}.dashboard{margin-bottom:1.5rem}.dashboard h2{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-size:.9rem;font-weight:500}.main-grid{gap:1.25rem;display:grid}@media (width>=768px){.main-grid{grid-template-columns:1fr 1fr}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.35rem}.card h2{margin:0 0 .35rem;font-size:1.15rem}.card-muted{color:var(--text-muted);text-align:center;padding:2rem}.card-warn{background:#f5a6230f;border-color:#f5a62366}.setup-card ul{color:var(--text-muted);margin:.75rem 0 0;padding-left:1.25rem;font-size:.9rem}.setup-card code{font-size:.82rem}.hint{color:var(--text-muted);margin:0 0 1rem;font-size:.875rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.stat-grid-inline{margin-bottom:1.25rem}.stat{background:var(--bg-muted);border-radius:8px;padding:.65rem .85rem}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.2rem;font-size:.72rem;display:block}.stat-value{font-size:1rem;font-weight:600}.stat-value-sm{font-size:.78rem;font-weight:500}.form-block{margin-bottom:1rem}.form-block label{color:var(--text-muted);margin-bottom:.35rem;font-size:.82rem;display:block}.form-block input[type=text],.form-block input[type=number]{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:.65rem .85rem;font-size:1rem}.form-block input:focus{border-color:var(--accent);outline:none}.estimate{color:var(--text-muted);margin:.5rem 0 0;font-size:.85rem}.btn-row{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.1rem;font-size:.9rem;font-weight:500;transition:background .15s,opacity .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-muted);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--text-muted)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text)}.position-box{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.position-box h3{margin:0 0 .75rem;font-size:.95rem}.position-list{margin:0 0 1rem;padding:0;list-style:none}.position-list li{color:var(--text-muted);justify-content:space-between;padding:.35rem 0;font-size:.875rem;display:flex}.position-list strong{color:var(--text)}.checkbox-row{color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.divider{border:none;border-top:1px solid var(--border);margin:1.25rem 0}.error{color:var(--error);margin:.75rem 0 0;font-size:.85rem}.success{color:var(--success);margin:.75rem 0 0;font-size:.85rem}.protocol-status{margin-bottom:1.25rem}.protocol-status h2{margin:0 0 .35rem;font-size:1.05rem}.protocol-ok{border-color:#3dd68c59}.protocol-warn{border-color:#f5a62366}.status-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.status-list li{align-items:flex-start;gap:.65rem;font-size:.875rem;display:flex}.status-list p{color:var(--text-muted);margin:.15rem 0 0;font-size:.8rem}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.35rem}.status-ok .status-dot{background:var(--success)}.status-bad .status-dot{background:var(--warn)}.footer{text-align:center;color:var(--text-muted);margin-top:2.5rem;font-size:.78rem}code{background:var(--bg-muted);border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,monospace;font-size:.88em}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}