:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a26;--bg-input:#1e1e2e;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#3b82f6;--accent-hover:#2563eb;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--border:#27272a;--radius:12px;--radius-sm:8px;--font-mono:"JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;font-family:inherit}code,.mono{font-family:var(--font-mono);font-size:.85em}.soul-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:16px;transition:border-color .2s,transform .1s}.soul-card:hover{border-color:var(--accent);transform:translateY(-1px)}.soul-card:active{transform:translateY(0)}.soul-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.soul-address{color:var(--text-primary);font-size:14px}.soul-card-stats{gap:16px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-value{font-size:14px;font-weight:500}.success-rate{font-size:20px;font-weight:700;font-family:var(--font-mono)}.rate-bar{background:var(--bg-input);border-radius:2px;height:3px;margin-top:12px;overflow:hidden}.rate-fill{border-radius:2px;height:100%;transition:width .3s}.explorer{flex-direction:column;gap:20px;display:flex}.hero-section{text-align:center;padding:20px 0 8px}.hero-section h2{margin-bottom:6px;font-size:22px;font-weight:700}.hero-desc{color:var(--text-secondary);max-width:320px;margin:0 auto;font-size:13px;line-height:1.5}.search-form{gap:8px;display:flex}.search-input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font-mono);outline:none;flex:1;padding:12px 14px;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--text-muted)}.search-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:12px 20px;font-size:13px;font-weight:600;transition:background .2s}.search-btn:hover{background:var(--accent-hover)}.stats-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-around;padding:14px;display:flex}.stats-item{flex-direction:column;align-items:center;gap:2px;display:flex}.stats-number{font-size:18px;font-weight:700}.stats-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.section-header{justify-content:space-between;align-items:center;display:flex}.section-header h3{color:var(--text-secondary);font-size:14px;font-weight:600}.soul-list{flex-direction:column;gap:10px;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-clean{color:var(--green);background:#22c55e26}.status-disputed{color:var(--amber);background:#f59e0b26}.status-slashed{color:var(--red);background:#ef444426}.soul-detail{flex-direction:column;gap:14px;display:flex}.back-btn{color:var(--text-secondary);text-align:left;background:0 0;padding:4px 0;font-size:13px}.back-btn:hover{color:var(--accent)}.detail-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.dispute-card{border-color:var(--amber)}.detail-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.detail-header h2{font-size:16px;font-weight:600}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.card-header-row{justify-content:space-between;align-items:center;display:flex}.ipfs-link{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.detail-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-muted);font-size:12px}.detail-value{color:var(--text-primary);text-align:right;font-size:13px}.stake-display{align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.stake-amount{font-size:28px;font-weight:700}.stake-unit{color:var(--text-muted);font-size:14px}.stake-bar{background:var(--bg-input);border-radius:2px;height:4px;overflow:hidden}.stake-fill{background:var(--green);border-radius:2px;height:100%;transition:width .3s}.slash-history{color:var(--red);margin-top:8px;font-size:12px}.timeline{flex-direction:column;display:flex}.timeline-item{border-bottom:1px solid var(--border);cursor:pointer;gap:12px;padding:10px 0;transition:background .15s;display:flex}.timeline-item:last-child{border-bottom:none}.timeline-item:hover{background:#ffffff05}.timeline-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.timeline-content{flex:1;min-width:0}.timeline-header{justify-content:space-between;margin-bottom:4px;display:flex}.timeline-index{color:var(--accent);font-size:11px;font-weight:600;font-family:var(--font-mono)}.timeline-time{color:var(--text-muted);font-size:11px}.timeline-text{color:var(--text-primary);font-size:13px;line-height:1.5}.timeline-meta{margin-top:6px}.chunk-hash{color:var(--text-muted);word-break:break-all;font-size:11px}.root-hash{word-break:break-all;font-size:11px}.verify-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);width:100%;margin-top:12px;padding:10px;font-size:13px;font-weight:600;transition:background .2s}.verify-btn:hover{background:var(--accent-hover)}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.header-left{cursor:pointer;align-items:center;gap:10px;display:flex}.logo-icon{font-size:24px}.header-title h1{font-size:16px;font-weight:600;line-height:1.2}.header-subtitle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.app{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.main{flex:1;padding:16px}.footer{color:var(--text-muted);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:8px;padding:16px;font-size:12px;display:flex}.footer a{color:var(--text-secondary)}.footer-sep{color:var(--text-muted)}