.site-header{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 0}.header-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.logo{display:inline-flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--accent);text-decoration:none}.logo:hover{text-decoration:none;opacity:.9}.logo-icon{font-size:1.1rem;opacity:.9}.header-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--green-bg);color:var(--green);border-radius:999px;font-size:.875rem;font-weight:600;cursor:pointer}.badge-dot{width:6px;height:6px;background:var(--green);border-radius:50%}.badge-arrow{font-size:.7rem;opacity:.8}.nav-links{display:flex;align-items:center;gap:24px;margin-left:auto}.nav-links a{color:var(--text);font-size:.95rem;font-weight:500}.nav-links a:hover{color:var(--accent)}.nav-tabs{display:flex;align-items:center;gap:4px}.nav-tab{padding:8px 16px;border:none;background:transparent;color:var(--muted);font-size:.95rem;font-weight:500;border-radius:8px;cursor:pointer}.nav-tab:hover{color:var(--text);background:var(--bg)}.nav-tab.active{color:var(--accent);background:var(--accent-dim)}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--surface);border-radius:8px;color:var(--muted);font-size:1rem;cursor:pointer}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.btn-login{padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer}.btn-login:hover{filter:brightness(1.05)}.main-content{padding:32px 0 48px}.content-inner{max-width:1280px;margin:0 auto;padding:0 24px}.hero{text-align:center;margin-bottom:28px}.hero h1{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin-bottom:8px;color:var(--text)}.hero-desc{color:var(--muted);font-size:1rem;margin-bottom:8px}.hero-update{font-size:.875rem;color:var(--muted)}.hero-update .clock{margin-right:4px}.hero-contract{margin-top:12px;font-size:.9rem;color:var(--muted)}.hero-contract a{color:var(--accent)}.toolbar{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.search-wrap{flex:1;min-width:200px;position:relative}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.6}.search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:.95rem;color:var(--text)}.search-input::placeholder{color:var(--muted)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.toolbar-right{display:flex;align-items:center;gap:8px}.sort-select{padding:8px 32px 8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:.9rem;color:var(--text);cursor:pointer}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-loading{padding:48px 24px;text-align:center;color:var(--muted);font-size:.95rem}.table-loading.table-error{color:#dc2626;max-width:480px;margin:0 auto}.create-agent-section{padding:32px 0}.create-agent-title{font-size:1.75rem;font-weight:700;margin-bottom:12px;color:var(--text)}.create-agent-desc{color:var(--muted);font-size:1rem}.agents-table{width:100%;border-collapse:collapse;font-size:.9rem}.agents-table th{text-align:left;padding:12px 16px;background:var(--bg);color:var(--muted);font-weight:600;white-space:nowrap}.agents-table td{padding:12px 16px;border-top:1px solid var(--border);vertical-align:middle}.agents-table tbody tr:hover{background:var(--accent-dim)}.agents-table-single td{border-top:none;padding:20px 24px}.cell-data{display:flex;align-items:center;gap:16px}.data-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0}.data-info{font-size:.95rem;color:var(--text);line-height:1.7}.data-info strong{color:var(--muted);font-weight:600;margin-right:4px}.cell-name{display:flex;align-items:center;gap:10px}.agent-avatar{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border-radius:8px;font-size:1rem;color:var(--accent);flex-shrink:0}.agent-name{font-weight:600;color:var(--text)}.agent-address{font-size:.8rem;color:var(--muted)}.cell-chain{display:inline-flex;align-items:center;gap:6px}.chain-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0}.chain-base{background:#0052ff;box-shadow:inset 0 0 0 4px #ffffff4d}.chain-bnb{background:#f3ba2f;border-radius:4px}.cell-service{white-space:nowrap}.service-extra{color:var(--muted);margin-left:2px}.cell-score,.cell-stars{white-space:nowrap}.cell-owner{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-size:.85rem}.cell-owner .link-icon{font-size:.75rem;opacity:.8}.cell-x402{color:var(--accent);font-size:.85rem}.cell-empty{color:var(--muted)}.cell-created{color:var(--muted);white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:20px;padding:0 4px}.pagination-left{display:flex;align-items:center;gap:16px;font-size:.9rem;color:var(--muted)}.per-page{display:inline-flex;align-items:center;gap:6px}.per-page select{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);font-size:.9rem;cursor:pointer}.pagination-right{display:flex;align-items:center;gap:4px}.page-btn{padding:8px 14px;border:1px solid var(--border);background:var(--surface);border-radius:6px;font-size:.9rem;color:var(--text);cursor:pointer}.page-btn:hover{border-color:var(--accent);color:var(--accent)}.page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.page-btn.active:hover{filter:brightness(1.05);color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:var(--surface);border-radius:16px;border:1px solid var(--border);box-shadow:0 20px 40px #00000026;max-width:400px;width:100%;max-height:90vh;overflow:auto}.connect-wallet-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;margin-bottom:8px}.connect-wallet-modal h2{font-size:1.25rem;font-weight:700;color:var(--text)}.modal-close{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;border-radius:8px}.modal-close:hover{background:var(--bg);color:var(--text)}.connect-wallet-modal .modal-desc{padding:0 24px 20px;font-size:.95rem;color:var(--muted)}.wallet-list{list-style:none;padding:0 24px 24px;margin:0;display:flex;flex-direction:column;gap:8px}.wallet-option{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:1rem;font-weight:500;color:var(--text);cursor:pointer;text-align:left;transition:border-color .2s,background .2s}.wallet-option:hover{border-color:var(--accent);background:var(--accent-dim)}.wallet-icon{font-size:1.5rem}.site-footer{margin-top:auto;padding:24px 0;border-top:1px solid var(--border);text-align:center;color:var(--muted);font-size:.9rem}.site-footer a{color:var(--accent)}.agent-detail-wrap{min-height:60vh;padding:32px 0 48px}.agent-detail-wrap .content-inner{max-width:900px}.agent-detail-back{display:inline-block;margin-bottom:24px;color:var(--accent);font-size:.95rem;text-decoration:none}.agent-detail-back:hover{text-decoration:underline}.agent-detail-error{color:var(--muted);margin-bottom:16px}.metadata-page{display:flex;flex-direction:column;gap:24px}.metadata-section-title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:16px;letter-spacing:-.01em}.metadata-overview-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.metadata-overview-main{display:flex;flex-wrap:wrap;gap:24px;padding:24px}.metadata-overview-image-wrap{flex-shrink:0;width:200px;height:200px;border-radius:12px;overflow:hidden;background:var(--bg)}.metadata-overview-image{width:100%;height:100%;object-fit:cover}.metadata-overview-info{flex:1;min-width:200px}.metadata-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.metadata-overview-title{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.metadata-bsc-link{color:var(--accent);font-size:.9rem;flex-shrink:0}.metadata-overview-desc{color:var(--muted);font-size:.95rem;line-height:1.6;margin-bottom:16px}.metadata-onchain{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;font-size:.9rem}.metadata-onchain dt{color:var(--muted);font-weight:500}.metadata-onchain dd{margin:0;color:var(--text);word-break:break-all}.metadata-onchain a{color:var(--accent)}.metadata-fields-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.metadata-fields-grid{display:flex;flex-direction:column;gap:12px}.metadata-field-row{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--border);font-size:.9rem}.metadata-field-row:last-child{border-bottom:none}.metadata-field-key{color:var(--muted);font-weight:500;word-break:break-word}.metadata-field-value{color:var(--text);word-break:break-all}.metadata-field-value a{color:var(--accent)}.metadata-empty,.metadata-no-data{color:var(--muted);font-size:.9rem}.metadata-no-data{grid-column:1 / -1;margin-top:4px}.metadata-no-data.metadata-error{color:#dc2626}.metadata-ipfs-note{color:var(--muted);font-size:.85rem}.metadata-attributes-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px}.metadata-attributes-list{display:flex;flex-wrap:wrap;gap:10px}.metadata-attr-item{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg);border:1px solid var(--border);border-radius:10px;font-size:.9rem}.metadata-attr-trait{color:var(--muted);font-weight:500}.metadata-attr-value{color:var(--text)}.metadata-json-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.metadata-json-block{margin:0}.metadata-json-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg);border-bottom:1px solid var(--border)}.metadata-json-label{font-size:.8rem;font-weight:600;color:var(--muted);letter-spacing:.05em}.metadata-json-copy{padding:6px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:.85rem;font-weight:500;cursor:pointer}.metadata-json-copy:hover{border-color:var(--accent);color:var(--accent)}.metadata-json-pre{margin:0;padding:20px;overflow:auto;max-height:420px;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,monospace;font-size:.8rem;line-height:1.5;color:var(--text);white-space:pre;word-break:break-word}:root{--bg: #fafafa;--surface: #ffffff;--border: #e5e7eb;--text: #111827;--muted: #6b7280;--accent: #ca8a04;--accent-dim: rgba(202, 138, 4, .12);--green: #10b981;--green-bg: rgba(16, 185, 129, .12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}