*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;margin:0;padding:20px;font-family:monospace}.container{background:#fff;border-radius:10px;max-width:1400px;margin:0 auto;padding:40px;position:relative;box-shadow:0 10px 40px #0000004d}.wallet-section{z-index:100;position:absolute;top:20px;right:20px}.wallet-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:5px;padding:10px 20px;font-size:.9em;font-weight:700;transition:background .3s}.wallet-btn:hover{background:#5568d3}.wallet-info{background:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;align-items:center;gap:10px;padding:8px 12px;display:flex}.wallet-address{color:#333;font-family:monospace;font-size:.85em}.disconnect-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:3px;padding:5px 10px;font-size:.8em;transition:background .3s}.disconnect-btn:hover{background:#c82333}h1{color:#333;text-align:center;margin-bottom:10px;font-size:2.5em}.subtitle{text-align:center;color:#666;margin-bottom:40px;font-size:1.1em}.network-indicator{text-align:center;color:#666;background:#f8f9fa;border-radius:5px;margin-bottom:20px;padding:10px;font-size:2em}.network-name{color:#667eea;text-transform:uppercase;font-weight:700}.walrus-container{text-align:center;margin:30px 0}.walrus-image{border-radius:10px;width:100%;max-width:400px;height:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:40px 0;display:grid}.stat-card{text-align:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px}.stat-value{color:#667eea;margin:10px 0;font-size:2em;font-weight:700}.stat-label{color:#666;text-transform:uppercase;letter-spacing:1px;font-size:.9em}.nav-buttons{grid-template-columns:1fr 1fr;gap:20px;margin:30px 0 40px;display:grid}.nav-button{color:#fff;text-align:center;background:#667eea;border-radius:8px;padding:20px;text-decoration:none;transition:all .3s;display:block}.nav-button:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.nav-button-title{margin-bottom:8px;font-size:1.3em;font-weight:700}.nav-button-desc{opacity:.9;font-size:.85em;font-weight:400}.shared-blob-section{background:#f0f8ff;border:1px solid #667eea;border-radius:8px;margin:40px 0;padding:20px}.shared-blob-section h2{color:#333;margin-top:0;margin-bottom:15px}.shared-blob-info p{margin:10px 0}.fund-value{color:#667eea;font-size:1.2em;font-weight:700}.shared-blob-description{color:#666;margin-top:15px;font-style:italic}.contribution-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.contribution-section{background:#fff;border:2px solid #667eea;border-radius:5px;padding:20px}.contribution-section h3{color:#333;margin-top:0}.contribution-form{align-items:center;gap:10px;margin:15px 0;display:flex}.contribution-form label{color:#333;font-weight:700}.contribution-form input{border:1px solid #dee2e6;border-radius:5px;flex:1;padding:8px 12px;font-size:1em}.contribute-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:5px;padding:10px 20px;font-weight:700;transition:background .3s}.contribute-btn:hover{background:#218838}.contribute-btn:disabled{cursor:not-allowed;background:#6c757d}.contribution-note{color:#666;margin:10px 0;font-size:.85em;font-style:italic}.contribution-status{border-radius:5px;margin-top:10px;padding:10px;font-size:.9em}.contribution-status.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.contribution-status.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.contribution-status.info{color:#0c5460;background:#d1ecf1;border:1px solid #bee5eb}.metadata-section{background:#f0f8ff;border:1px solid #667eea;border-radius:8px;margin:40px 0;padding:20px}.metadata-section h2{color:#333;margin-top:0;margin-bottom:15px}.metadata-info p{margin:10px 0}.metadata-description{color:#666;margin-top:15px;font-style:italic}code{background:#e9ecef;border-radius:3px;padding:2px 6px;font-family:monospace;font-size:.9em}.loading,.error{text-align:center;padding:60px 20px}.loading{color:#667eea;font-size:1.2em}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin:20px auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{color:#d9534f}.error-message{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;margin-top:20px;padding:15px}.blobs-table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.9em}.blobs-table th,.blobs-table td{text-align:left;border-bottom:1px solid #dee2e6;padding:12px 8px}.blobs-table th{color:#333;background:#f8f9fa;font-weight:700}.blobs-table tr:hover{background:#f8f9fa}.blobs-table tr.end-of-epoch{background:#fff3cd}.blobs-table .text-right{text-align:right}.blobs-table a{color:#667eea;text-decoration:none}.blobs-table a:hover{text-decoration:underline}.search-form{align-items:center;gap:15px;margin-bottom:30px;display:flex}.search-form input[type=number]{border:1px solid #dee2e6;border-radius:5px;flex:1;padding:12px 16px;font-size:1.1em}.search-form .checkbox-label{color:#666;align-items:center;gap:8px;display:flex}.search-form button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:5px;padding:12px 24px;font-weight:700;transition:background .3s}.search-form button:hover{background:#5568d3}.search-form button:disabled{cursor:not-allowed;background:#6c757d}.checkpoint-metadata{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.checkpoint-metadata table{width:100%}.checkpoint-metadata td{padding:8px 0}.checkpoint-metadata td:first-child{color:#666;width:180px}.checkpoint-content{background:#f8f9fa;border-radius:8px;padding:20px;overflow-x:auto}.json-tree{font-family:monospace;font-size:.9em;line-height:1.5}.json-key{color:#881391;font-weight:600}.json-string{color:#1a1aa6}.json-number{color:#098658}.json-boolean{color:#00f}.json-null{color:gray}.json-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.json-toggle:hover{background:#e9ecef}.pagination{justify-content:center;margin-top:30px;display:flex}.pagination-controls{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;justify-content:space-between;align-items:center;margin:20px 0;padding:15px;display:flex}.pagination-controls.bottom{justify-content:center;gap:20px}.page-info{color:#666;font-size:.9em}.page-buttons{flex-wrap:wrap;gap:5px;display:flex}.page-btn{color:#667eea;cursor:pointer;background:#fff;border:1px solid #667eea;border-radius:5px;min-width:40px;padding:8px 12px;font-weight:700;transition:all .3s}.page-btn:hover:not(:disabled),.page-btn.active{color:#fff;background:#667eea}.page-btn.nav{min-width:auto;padding:8px 16px}.page-btn:disabled{color:#6c757d;cursor:not-allowed;background:#e9ecef;border-color:#dee2e6}.page-ellipsis{color:#666;padding:8px 5px}.page-btn.load-more{color:#fff;background:#28a745;border-color:#28a745;padding:8px 16px}.page-btn.load-more:hover:not(:disabled){background:#218838;border-color:#218838}.page-jumper{color:#666;align-items:center;gap:8px;display:flex}.page-jumper input{border:1px solid #dee2e6;border-radius:5px;width:80px;padding:8px 12px;font-size:.9em}.page-jumper input:focus{border-color:#667eea;outline:none}.load-more-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:5px;padding:12px 30px;font-weight:700;transition:background .3s}.load-more-btn:hover{background:#5568d3}.load-more-btn:disabled{cursor:not-allowed;background:#6c757d}.legend{color:#666;margin-top:20px;font-size:.9em}.legend-item{align-items:center;gap:8px;display:inline-flex}.legend-color{border:1px solid #dee2e6;border-radius:3px;width:16px;height:16px}.legend-color.end-of-epoch{background:#fff3cd}.empty-state{text-align:center;color:#666;padding:60px 20px}.back-link{color:#667eea;margin-bottom:20px;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}@media (max-width:768px){body{padding:10px}.container{padding:20px}h1{font-size:1.8em}.nav-buttons,.contribution-grid{grid-template-columns:1fr}.search-form{flex-direction:column}.contribution-form{flex-direction:column;align-items:stretch}.wallet-section{text-align:right;margin-bottom:20px;position:static}}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;box-shadow:0 10px 40px #0000004d}.modal-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h3{color:#333;margin:0;font-size:1.2em}.modal-close{cursor:pointer;color:#666;background:0 0;border:none;padding:0;font-size:1.5em;line-height:1}.modal-close:hover{color:#333}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid #e0e0e0;justify-content:flex-end;gap:10px;padding:20px;display:flex}.modal-btn{cursor:pointer;border-radius:5px;padding:10px 20px;font-size:.9em;font-weight:700;transition:background .3s}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn-cancel{color:#333;background:#e0e0e0;border:none}.modal-btn-cancel:hover:not(:disabled){background:#d0d0d0}.modal-btn-confirm{color:#fff;background:#667eea;border:none}.modal-btn-confirm:hover:not(:disabled){background:#5568d3}.blob-list{margin:10px 0 0;padding:0;list-style:none}.blob-list li{background:#f5f5f5;border-radius:5px;margin-bottom:5px;padding:8px 12px;font-family:monospace;font-size:.9em}.blob-list li:last-child{margin-bottom:0}.blob-epoch{color:#667eea;font-weight:700}.blob-arrow{color:#28a745;margin:0 5px}.tech-header{margin-bottom:20px}.tech-header h1{margin-top:20px}.repo-section{text-align:center;background:#f0f8ff;border:1px solid #667eea;border-radius:8px;margin:20px 0 40px;padding:15px 20px}.repo-section p{color:#333;margin:0;font-size:1.05em}.repo-link{color:#667eea;font-weight:700;text-decoration:none;transition:color .3s}.repo-link:hover{color:#5568d3;text-decoration:underline}.architecture-diagram{text-align:center;background:#f8f9fa;border:2px solid #dee2e6;border-radius:10px;margin:40px 0 60px;padding:20px}.tech-section{margin-bottom:50px;line-height:1.8}.tech-section h2{color:#667eea;border-bottom:3px solid #667eea;margin-bottom:20px;padding-bottom:10px;font-size:1.8em}.tech-section p{color:#333;margin-bottom:20px;font-size:1.05em;line-height:1.8}.tech-section ul{margin:20px 0;padding-left:30px}.tech-section li{color:#333;margin-bottom:15px;font-size:1.05em;line-height:1.8}.tech-section strong{color:#667eea;font-weight:600}.tech-footer{text-align:center;border-top:2px solid #dee2e6;margin-top:60px;padding-top:40px}.application-section{background:#f0f8ff;border:1px solid #667eea;border-radius:8px;margin:40px 0;padding:20px}.application-section h2{color:#333;margin-top:0;margin-bottom:15px}.application-links{flex-direction:column;gap:10px;padding-left:30px;display:flex}.application-links p{margin:0}.app-link{color:#667eea;font-size:1.1em;font-weight:700;text-decoration:none;transition:color .3s}.app-link:hover{color:#5568d3;text-decoration:underline}.footer-links{text-align:center;border-top:1px solid #dee2e6;margin-top:50px;padding-top:30px}.footer-link{color:#667eea;font-size:1.9em;text-decoration:none;transition:color .3s}.footer-link:hover{color:#5568d3;text-decoration:underline}