:root{--bg:#f0f5ff;--panel:#ffffffbf;--panel-border:#ffffff80;--accent:#2563eb;--accent-hover:#1d4ed8;--danger:#dc2626;--danger-bg:#fef2f2;--warning:#f59e0b;--warning-bg:#fffbeb;--success:#16a34a;--success-bg:#f0fdf4;--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--glass-shadow:0 4px 24px #2563eb14;--glass-blur:blur(16px);--radius:12px;--radius-sm:8px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.glass{background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--glass-shadow)}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;border:1px solid #0000;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-outline{border-color:var(--panel-border);color:var(--text);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--accent);background:#2563eb0f}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.risk-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.risk-bar-fill{border-radius:3px;height:100%;transition:width .4s}.risk-low{background:var(--success)}.risk-medium{background:var(--warning)}.risk-high{background:var(--danger)}.tag{font-size:.75rem;font-weight:500;font-family:var(--mono);border-radius:4px;padding:.125rem .5rem;display:inline-block}.tag-low{background:var(--success-bg);color:var(--success)}.tag-medium{background:var(--warning-bg);color:var(--warning)}.tag-high{background:var(--danger-bg);color:var(--danger)}.input,.textarea{border-radius:var(--radius-sm);width:100%;font-family:var(--mono);color:var(--text);resize:vertical;background:#fff;border:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.8125rem;transition:border-color .15s}.input:focus,.textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2563eb1a}.page{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.section-title{color:var(--text);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.navbar{background:var(--panel);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--panel-border);z-index:100;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.navbar-brand{color:var(--accent);align-items:center;gap:.5rem;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.navbar-links{gap:.25rem;display:flex}.navbar-links a{border-radius:var(--radius-sm);color:var(--text-secondary);padding:.375rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s}.navbar-links a:hover,.navbar-links a.active{color:var(--accent);background:#2563eb0f}.checklist{padding:0;list-style:none}.checklist li{color:var(--text-secondary);align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.875rem;display:flex}.checklist li.checked{color:var(--success)}.checklist li .check-icon{border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:.625rem;display:flex}.checklist li.checked .check-icon{background:var(--success);border-color:var(--success);color:#fff}.steps{gap:.5rem;margin-bottom:1.5rem;display:flex}.step{text-align:center;border-radius:var(--radius-sm);color:var(--text-muted);background:#f1f5f9;flex:1;padding:.5rem;font-size:.75rem;font-weight:500}.step.active{background:var(--accent);color:#fff}.step.done{background:var(--success-bg);color:var(--success)}.status-dot{border-radius:50%;width:8px;height:8px;margin-right:.375rem;display:inline-block}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--danger)}.status-dot.loading{background:var(--warning);animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}button[data-dapp-kit]{background:var(--accent)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:8px!important;padding:8px 20px!important;font-size:14px!important;font-weight:600!important;transition:opacity .15s!important}button[data-dapp-kit]:hover{opacity:.85!important}html button[data-dapp-kit]{background:var(--accent)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:8px!important;min-height:32px!important;padding:6px 16px!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;transition:opacity .15s!important}html button[data-dapp-kit]:hover{opacity:.85!important}.demo-badge{background:var(--accent);color:#fff;cursor:default;border-radius:16px;padding:4px 12px;font-size:12px;font-weight:700}
