:root{--header-height: 56px;--sidebar-width: 260px}*,*:before,*:after{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;-webkit-font-smoothing:antialiased}#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-4);border-bottom:1px solid var(--amun-border);background:var(--amun-surface);position:sticky;top:0;z-index:var(--amun-zIndex-sticky);gap:var(--amun-spacing-2)}.logo{font-size:var(--amun-fontSize-base);font-weight:var(--amun-fontWeight-bold);color:var(--amun-accent);text-decoration:none;display:flex;align-items:center;gap:var(--amun-spacing-1);white-space:nowrap}.logo-icon{font-size:var(--amun-fontSize-lg)}.search-container{flex:1;max-width:400px;min-width:0}.nav-links{display:none;gap:var(--amun-spacing-1)}.nav-links a{color:var(--amun-textMuted);text-decoration:none;font-size:var(--amun-fontSize-sm);padding:var(--amun-spacing-1) var(--amun-spacing-2);border-radius:var(--amun-radius-md);transition:all var(--amun-duration-fast);white-space:nowrap}.nav-links a:hover{color:var(--amun-accent);background:var(--amun-black-800)}.header-actions{display:flex;align-items:center;gap:var(--amun-spacing-2)}.theme-btn{background:none;border:1px solid var(--amun-border);border-radius:var(--amun-radius-md);padding:var(--amun-spacing-1) var(--amun-spacing-2);cursor:pointer;font-size:var(--amun-fontSize-base);color:var(--amun-textPrimary);flex-shrink:0}.theme-btn:hover{background:var(--amun-black-700)}.menu-btn{display:flex;background:none;border:none;color:var(--amun-textPrimary);font-size:var(--amun-fontSize-xl);cursor:pointer;padding:var(--amun-spacing-1);flex-shrink:0}.mobile-nav{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--amun-background);z-index:var(--amun-zIndex-overlay);padding:var(--amun-spacing-4);flex-direction:column;gap:var(--amun-spacing-2)}.mobile-nav.open{display:flex}.mobile-nav a{color:var(--amun-textPrimary);text-decoration:none;font-size:var(--amun-fontSize-lg);padding:var(--amun-spacing-3);border-radius:var(--amun-radius-md)}.mobile-nav a:hover{background:var(--amun-black-800)}#main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:var(--amun-spacing-4)}.page-title{font-size:var(--amun-fontSize-xl);margin-bottom:var(--amun-spacing-4)}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--amun-spacing-3);margin-bottom:var(--amun-spacing-4)}.stats-grid h3{font-size:var(--amun-fontSize-xs);color:var(--amun-textMuted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--amun-spacing-2)}.section{margin-bottom:var(--amun-spacing-4)}.section h2{font-size:var(--amun-fontSize-base);margin-bottom:var(--amun-spacing-3)}.block-row{display:grid;grid-template-columns:1fr auto;gap:var(--amun-spacing-2);padding:var(--amun-spacing-3);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);font-size:var(--amun-fontSize-sm)}.block-row-hash{overflow:hidden;font-size:var(--amun-fontSize-xs)}.block-row-tx{font-size:var(--amun-fontSize-xs);color:var(--amun-textMuted);text-align:right}.block-row-time{grid-column:1 / -1;font-size:var(--amun-fontSize-xs);color:var(--amun-textMuted)}.back-link{display:inline-block;margin-bottom:var(--amun-spacing-3);color:var(--amun-accent);text-decoration:none;font-size:var(--amun-fontSize-sm)}.back-link:hover{text-decoration:underline}.block-detail-grid{display:flex;flex-direction:column;gap:0}.detail-row{display:flex;flex-direction:column;gap:var(--amun-spacing-1);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-xs);color:var(--amun-textMuted);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-family:var(--amun-fontFamily-mono);font-size:var(--amun-fontSize-sm);color:var(--amun-textPrimary);word-break:break-all}.detail-link{color:var(--amun-accent);text-decoration:none}.detail-link:hover{text-decoration:underline}.metric-value{font-family:var(--amun-fontFamily-mono);font-size:var(--amun-fontSize-2xl);color:var(--amun-accent)}.metric-label{font-size:var(--amun-fontSize-xs);color:var(--amun-textMuted);margin-top:var(--amun-spacing-1)}.metric-unavailable{font-size:var(--amun-fontSize-sm);color:var(--amun-textMuted)}.status-badge{display:inline-flex;align-items:center;gap:var(--amun-spacing-1);padding:var(--amun-spacing-1) var(--amun-spacing-2);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--error{background:var(--amun-error, #ff4444);color:#fff}.app-footer{text-align:center;padding:var(--amun-spacing-3);font-size:var(--amun-fontSize-xs);color:var(--amun-textMuted);border-top:1px solid var(--amun-border)}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--amun-spacing-2);margin-top:var(--amun-spacing-1)}.footer-links a{color:var(--amun-accent);text-decoration:none}.footer-links a:hover{text-decoration:underline}.error{color:var(--amun-error, #ff4444);padding:var(--amun-spacing-3);font-size:var(--amun-fontSize-sm)}.empty-state{text-align:center;padding:var(--amun-spacing-8);color:var(--amun-textMuted);font-size:var(--amun-fontSize-base)}.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-3) 0}.not-found-link{color:var(--amun-accent);font-size:var(--amun-fontSize-lg)}.search-bar{position:relative}.search-input{width:100%;padding:var(--amun-spacing-2) var(--amun-spacing-3);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:250px;overflow-y:auto;z-index:var(--amun-zIndex-dropdown)}.search-result-item{display:flex;align-items:center;gap:var(--amun-spacing-2);padding:var(--amun-spacing-2) var(--amun-spacing-3);cursor:pointer;font-size:var(--amun-fontSize-xs)}.search-result-item:hover{background:var(--amun-black-700)}.search-result-type{font-weight:var(--amun-fontWeight-semibold);padding:1px var(--amun-spacing-2);border-radius:var(--amun-radius-full);text-transform:uppercase;font-size:10px;flex-shrink:0}.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);color:var(--amun-textMuted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){:root{--header-height: 60px}.app-header{padding:0 var(--amun-spacing-6)}.stats-grid{grid-template-columns:repeat(2,1fr)}.block-row{grid-template-columns:80px 1fr 70px 150px;align-items:center}.block-row-time{grid-column:auto;text-align:right}.detail-row{flex-direction:row;justify-content:space-between;align-items:center}.detail-value{text-align:right}#main-content{padding:var(--amun-spacing-6)}}@media(min-width:1024px){:root{--header-height: 64px}.menu-btn{display:none}.nav-links{display:flex}.stats-grid{grid-template-columns:repeat(4,1fr)}.block-row{grid-template-columns:100px 1fr 100px 200px}.detail-label{min-width:160px}.page-title{font-size:var(--amun-fontSize-2xl)}}