:root{--header-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--amun-fontFamily-sans);background:var(--amun-background);color:var(--amun-textPrimary);min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh}.app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--amun-spacing-6);border-bottom:1px solid var(--amun-border);background:var(--amun-surface);position:sticky;top:0;z-index:var(--amun-zIndex-sticky)}.logo{font-size:var(--amun-fontSize-lg);font-weight:var(--amun-fontWeight-bold);color:var(--amun-accent);text-decoration:none;display:flex;align-items:center;gap:var(--amun-spacing-2)}.logo-icon{font-size:var(--amun-fontSize-xl)}.nav-links{display:flex;gap:var(--amun-spacing-4)}.nav-links a{color:var(--amun-textMuted);text-decoration:none;font-size:var(--amun-fontSize-sm);transition:color var(--amun-duration-fast)}.nav-links a:hover{color:var(--amun-accent)}.header-actions{display:flex;align-items:center;gap:var(--amun-spacing-4)}.theme-btn{background:none;border:1px solid var(--amun-border);border-radius:var(--amun-radius-md);padding:var(--amun-spacing-1) var(--amun-spacing-3);cursor:pointer;font-size:var(--amun-fontSize-lg);color:var(--amun-textPrimary)}.theme-btn:hover{background:var(--amun-black-700)}#main-content{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:var(--amun-spacing-6)}.app-footer{text-align:center;padding:var(--amun-spacing-4);font-size:var(--amun-fontSize-xs);color:var(--amun-textMuted);border-top:1px solid var(--amun-border)}.footer-links{display:flex;justify-content:center;gap:var(--amun-spacing-4);margin-top:var(--amun-spacing-2)}.footer-links a{color:var(--amun-accent);text-decoration:none}.footer-links a:hover{text-decoration:underline}.page-title{font-size:var(--amun-fontSize-2xl);margin-bottom:var(--amun-spacing-6)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--amun-spacing-4);margin-bottom:var(--amun-spacing-6)}.section{margin-bottom:var(--amun-spacing-6)}.section h2{font-size:var(--amun-fontSize-lg);margin-bottom:var(--amun-spacing-4)}.error{color:var(--amun-error, #ff4444);padding:var(--amun-spacing-4)}.not-found{text-align:center;padding:var(--amun-spacing-10)}.not-found-code{font-size:var(--amun-fontSize-4xl);color:var(--amun-accent)}.not-found-text{margin:var(--amun-spacing-4) 0}.not-found-link{color:var(--amun-accent)}.block-row{display:grid;grid-template-columns:100px 1fr 80px 180px;align-items:center;gap:var(--amun-spacing-4);padding:var(--amun-spacing-3) var(--amun-spacing-4);border-bottom:1px solid var(--amun-border);text-decoration:none;transition:background var(--amun-duration-fast)}.block-row:hover{background:var(--amun-black-800)}.block-row-height{font-family:var(--amun-fontFamily-mono);font-weight:var(--amun-fontWeight-bold);color:var(--amun-accent)}.block-row-hash{overflow:hidden}.block-row-tx{font-family:var(--amun-fontFamily-mono);font-size:var(--amun-fontSize-sm);color:var(--amun-textMuted);text-align:right}.block-row-time{font-size:var(--amun-fontSize-xs);color:var(--amun-textMuted);text-align:right}.empty-state{text-align:center;padding:var(--amun-spacing-10);color:var(--amun-textMuted);font-size:var(--amun-fontSize-lg)}.search-container{flex:1;max-width:480px;margin:0 var(--amun-spacing-6)}.search-bar{position:relative}.search-input{width:100%;padding:var(--amun-spacing-2) var(--amun-spacing-4);background:var(--amun-black-800);border:1px solid var(--amun-border);border-radius:var(--amun-radius-md);color:var(--amun-textPrimary);font-family:var(--amun-fontFamily-mono);font-size:var(--amun-fontSize-sm);outline:none;transition:border-color var(--amun-duration-fast)}.search-input:focus{border-color:var(--amun-accent)}.search-input::placeholder{color:var(--amun-textMuted)}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--amun-surface);border:1px solid var(--amun-border);border-radius:var(--amun-radius-md);max-height:300px;overflow-y:auto;z-index:var(--amun-zIndex-dropdown)}.search-result-item{display:flex;align-items:center;gap:var(--amun-spacing-3);padding:var(--amun-spacing-2) var(--amun-spacing-4);cursor:pointer;transition:background var(--amun-duration-fast)}.search-result-item:hover{background:var(--amun-black-700)}.search-result-type{font-size:var(--amun-fontSize-xs);font-weight:var(--amun-fontWeight-semibold);padding:1px var(--amun-spacing-2);border-radius:var(--amun-radius-full);text-transform:uppercase}.search-result-type--block{background:var(--amun-accent);color:var(--amun-black-pure)}.search-result-type--tx{background:var(--amun-constitution);color:var(--amun-black-pure)}.search-result-type--address{background:var(--amun-black-500);color:var(--amun-textPrimary)}.search-result-type--validator{background:var(--amun-black-500);color:var(--amun-accent)}.search-result-value{font-family:var(--amun-fontFamily-mono);font-size:var(--amun-fontSize-xs);color:var(--amun-textMuted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-detail-grid{display:flex;flex-direction:column;gap:var(--amun-spacing-2)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--amun-spacing-2) 0;border-bottom:1px solid var(--amun-border)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--amun-fontSize-sm);color:var(--amun-textMuted);min-width:160px}.detail-value{font-family:var(--amun-fontFamily-mono);font-size:var(--amun-fontSize-sm);color:var(--amun-textPrimary);text-align:right;overflow:hidden;text-overflow:ellipsis}.back-link{display:inline-block;margin-bottom:var(--amun-spacing-4);color:var(--amun-accent);text-decoration:none;font-size:var(--amun-fontSize-sm)}.back-link:hover{text-decoration:underline}.status-badge{display:inline-flex;align-items:center;gap:var(--amun-spacing-1);padding:var(--amun-spacing-1) var(--amun-spacing-3);border-radius:var(--amun-radius-full);font-size:var(--amun-fontSize-xs);font-weight:var(--amun-fontWeight-medium)}.status-badge--success{background:var(--amun-constitution);color:var(--amun-black-pure)}.status-badge--pending{background:var(--amun-black-500);color:var(--amun-textMuted)}.status-badge--default{background:var(--amun-black-700);color:var(--amun-textMuted)}.detail-link{color:var(--amun-accent);text-decoration:none;font-family:var(--amun-fontFamily-mono)}.detail-link:hover{text-decoration:underline}.status-badge--error{background:var(--amun-error, #ff4444);color:#fff}.live-container{display:flex;align-items:center;gap:var(--amun-spacing-2)}.live-indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.live-indicator--online{background:var(--amun-constitution);box-shadow:0 0 6px var(--amun-constitution);animation:live-pulse 2s infinite}.live-indicator--offline{background:var(--amun-error, #ff4444)}.live-indicator--connecting{background:var(--amun-accent);animation:live-pulse 1s infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.5}}.live-label{font-size:var(--amun-fontSize-xs);color:var(--amun-textMuted)}.block-row--new{animation:new-block-highlight 2s ease-out}@keyframes new-block-highlight{0%{background:var(--amun-accent)}to{background:transparent}}.live-indicator{display:inline-block!important;width:8px;height:8px;border-radius:50%}