*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.fixed{position:fixed}[rows~="3"]{grid-template-rows:repeat(3,minmax(0,1fr))}[rows~="4"]{grid-template-rows:repeat(4,minmax(0,1fr))}.block,[block=""]{display:block}[h1=""]{height:.25rem}[h2=""]{height:.5rem}[h4=""]{height:1rem}[table=""]{display:table}.text-light{--un-text-opacity:1;color:rgb(246 246 246/var(--un-text-opacity)) }.tab,[tab=""]{tab-size:4}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}:root{--text:#333;--text-light:#666;--text-heading:#1a1a1a;--bg:#fff;--bg-gray:#f5f5f5;--bg-hover:#fafafa;--border:#ddd;--border-dark:#ccc;--accent:#1a5276;--accent-hover:#154360;--accent-light:#2980b9;--link:#1a5276;--link-hover:#0d2f44;--success:#27ae60;--success-bg:#eafaf1;--error:#c0392b;--error-bg:#fdedec;--notice:#2c3e50;--notice-bg:#eef2f5;--mono:ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}body{font-family:var(--sans);color:var(--text);background:var(--bg);margin:0;font-size:13px;line-height:1.5}#root,.app{flex-direction:column;min-height:100vh;display:flex}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:0 20px 40px}.header{background:var(--accent);color:#fff;border-bottom:3px solid #0d2f44}.header-inner{align-items:center;gap:20px;max-width:1100px;height:48px;margin:0 auto;padding:0 20px;display:flex}.header-left{align-items:baseline;gap:10px;display:flex}.header-logo{color:#fff;letter-spacing:-.3px;font-size:16px;font-weight:700;text-decoration:none}.header-logo:hover{text-decoration:underline}.header-subtitle{opacity:.75;white-space:nowrap;font-size:11px}.header-nav{gap:2px;margin-left:20px;display:flex}.nav-link{color:#ffffffd9;border-radius:3px;padding:4px 12px;font-size:12px;text-decoration:none}.nav-link:hover{color:#fff;background:#ffffff1f}.nav-active{color:#fff;background:#ffffff2e}.header-right{align-items:center;gap:8px;margin-left:auto;display:flex}.header-error{background:var(--error-bg);max-width:1100px;color:var(--error);margin:0 auto;padding:4px 20px;font-size:12px}.wallet-info{align-items:center;gap:6px;display:flex}.account-select{font-family:var(--mono);color:#fff;background:#ffffff26;border:1px solid #ffffff4d;border-radius:3px;max-width:180px;padding:3px 6px;font-size:11px}.account-select option{color:#000;background:#fff}.footer{background:var(--bg-gray);border-top:1px solid var(--border);color:var(--text-light);padding:12px 20px;font-size:11px}.footer-inner{flex-wrap:wrap;align-items:center;gap:8px;max-width:1100px;margin:0 auto;display:flex}.footer-sep{color:var(--border-dark)}.footer-link{color:var(--link);text-decoration:none}.footer-link:hover{text-decoration:underline}.page{padding-top:16px}.page-title{color:var(--text-heading);letter-spacing:-.2px;margin:8px 0 4px;font-size:20px;font-weight:600}.page-desc{color:var(--text-light);margin:0 0 16px;font-size:12px}.breadcrumb{color:var(--text-light);border-bottom:1px solid var(--border);margin-bottom:4px;padding:8px 0;font-size:11px}.breadcrumb-link{color:var(--link);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:var(--text)}.breadcrumb-sep{color:var(--border-dark);margin:0 6px}.data-table{border-collapse:collapse;width:100%;margin:8px 0;font-size:12px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 10px}.data-table th{background:var(--bg-gray);color:var(--text-heading);text-transform:none;white-space:nowrap;font-size:11px;font-weight:600}.data-table tr:hover td{background:var(--bg-hover)}.data-table .mono{font-family:var(--mono);font-size:11px}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.table-link{color:var(--link);font-weight:600;text-decoration:none}.table-link:hover{text-decoration:underline}.empty-row{text-align:center;color:var(--text-light);padding:20px 10px;font-style:italic}.table-info{color:var(--text-light);margin:8px 0 4px;font-size:11px}.detail-table{border-collapse:collapse;border:1px solid var(--border);width:100%;margin:8px 0 16px;font-size:12px}.detail-table th,.detail-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 12px}.detail-table th{background:var(--bg-gray);width:200px;color:var(--text-heading);white-space:nowrap;font-size:11px;font-weight:600}.detail-table .mono{font-family:var(--mono);word-break:break-all;font-size:11px}.detail-section{margin:0 0 20px}.section-title{color:var(--accent);border-bottom:2px solid var(--accent);margin:16px 0 4px;padding-bottom:4px;font-size:14px;font-weight:600}.search-row{align-items:center;gap:8px;margin:8px 0;display:flex}.search-input{font-family:var(--sans);border:1px solid var(--border-dark);background:var(--bg);color:var(--text);border-radius:3px;flex:1;padding:6px 10px;font-size:12px}.search-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #1a527626}.search-input::placeholder{color:#999}.btn{font-family:var(--sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:3px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent-hover)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{color:var(--link);border-color:var(--border-dark);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-gray)}.btn-sm{padding:3px 10px;font-size:11px}.form{max-width:700px}.form fieldset{border:none;margin:0;padding:0}.form-section{border-bottom:1px solid var(--border);margin:0 0 20px;padding-bottom:16px}.form-group{margin:0 0 14px}.form-label{color:var(--text-heading);margin:0 0 3px;font-size:12px;font-weight:600;display:block}.form-input{font-family:var(--sans);border:1px solid var(--border-dark);background:var(--bg);color:var(--text);border-radius:3px;width:100%;padding:6px 10px;font-size:12px}.form-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #1a527626}.form-input-short{width:160px}.form-hint{color:var(--text-light);margin-top:2px;font-size:11px;display:block}.form-row{gap:16px;display:flex}.form-range{width:100%;margin:4px 0}.form-actions{margin:16px 0}.notice-box{background:var(--notice-bg);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--notice);margin:8px 0;padding:10px 14px;font-size:12px}.success-box{background:var(--success-bg);border:1px solid #a9dfbf;border-left:3px solid var(--success);color:#1e7e34;margin:8px 0;padding:10px 14px;font-size:12px}.error-box{background:var(--error-bg);border:1px solid #f5b7b1;border-left:3px solid var(--error);color:var(--error);margin:8px 0;padding:10px 14px;font-size:12px}.loading{text-align:center;color:var(--text-light);padding:20px;font-size:12px}.pagination{justify-content:center;align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.page-info{color:var(--text-light)}.tab-bar{border-bottom:2px solid var(--border);gap:0;margin:12px 0 0;display:flex}.tab{font-family:var(--sans);cursor:pointer;color:var(--text-light);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 16px;font-size:12px}.tab:hover{color:var(--text);background:var(--bg-hover)}.tab-active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.progress-bar{background:var(--bg-gray);border:1px solid var(--border);vertical-align:middle;border-radius:2px;width:80px;height:10px;display:inline-block;overflow:hidden}.progress-fill{background:var(--accent);min-width:0;height:100%}.progress-label{color:var(--text-light);margin-left:4px;font-size:10px}.status{text-transform:uppercase;letter-spacing:.3px;border-radius:2px;padding:1px 6px;font-size:10px;font-weight:600}.status-active{color:var(--success);background:var(--success-bg)}.status-ended{color:#856404;background:#fff3cd}.status-finalized{color:var(--text-light);background:var(--bg-gray)}.status-cancelled{color:var(--error);background:var(--error-bg)}.modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--border);border-radius:4px;min-width:300px;max-width:400px;padding:20px;box-shadow:0 4px 12px #00000026}.modal h3{color:var(--text-heading);margin:0 0 12px;font-size:14px}.wallet-option{border:1px solid var(--border);background:var(--bg);cursor:pointer;width:100%;font-family:var(--sans);color:var(--text);border-radius:3px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 12px;font-size:13px;display:flex}.wallet-option:hover{background:var(--bg-gray);border-color:var(--accent)}.wallet-option img{border-radius:3px}.inline-form{align-items:center;gap:4px;display:flex}.inline-form .form-input{width:80px;padding:3px 6px;font-size:11px}.hero{border-bottom:1px solid var(--border);margin-bottom:24px;padding:32px 0 24px}.hero-title{color:var(--text-heading);letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.hero-lead{color:var(--text-light);max-width:600px;margin:0 0 16px;font-size:15px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:8px;display:flex}.concept-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin:0 0 32px;display:grid}.concept-card{border:1px solid var(--border);border-radius:3px;padding:16px}.concept-card:hover{border-color:var(--accent)}.concept-title{color:var(--text-heading);margin:0 0 6px;font-size:14px;font-weight:600}.concept-text{color:var(--text);margin:0 0 8px;font-size:12px;line-height:1.6}.concept-link{color:var(--link);font-size:11px;font-weight:600;text-decoration:none}.concept-link:hover{text-decoration:underline}.how-section{margin:0 0 32px}.how-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin:12px 0;display:grid}.how-step{background:var(--bg-gray);border-radius:3px;padding:16px}.how-step h4{color:var(--text-heading);margin:0 0 6px;font-size:13px;font-weight:600}.how-step p{color:var(--text);margin:0;font-size:12px;line-height:1.6}.how-num{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-flex}.arch-section{margin:0 0 32px}.arch-diagram{font-family:var(--mono);background:var(--bg-gray);border:1px solid var(--border);white-space:pre;border-radius:3px;margin:8px 0;padding:16px;font-size:11px;line-height:1.4;overflow-x:auto}.cta-section{margin:0 0 32px}.cta-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:12px 0;display:grid}.cta-card{border:1px solid var(--border);color:var(--text);border-radius:3px;padding:14px;text-decoration:none;display:block}.cta-card:hover{border-color:var(--accent);background:var(--bg-hover)}.cta-card strong{color:var(--accent);margin-bottom:4px;font-size:13px;display:block}.cta-card span{color:var(--text-light);font-size:11px;line-height:1.5}.contract-card{border:1px solid var(--border);border-radius:3px;margin:8px 0}.contract-header{cursor:pointer;background:var(--bg-gray);align-items:center;gap:12px;padding:10px 14px;display:flex}.contract-header:hover{background:var(--bg-hover)}.contract-name-row{flex:1;align-items:baseline;gap:10px;display:flex}.contract-name{color:var(--text-heading);font-size:13px}.contract-addr{color:var(--text-light);font-size:10px}.contract-bal{color:var(--text);font-variant-numeric:tabular-nums;font-size:11px}.contract-toggle{font-family:var(--mono);color:var(--text-light);font-size:11px}.contract-detail{border-top:1px solid var(--border);padding:12px 14px}.contract-detail p{color:var(--text);margin:0 0 12px;font-size:12px;line-height:1.6}.code-block{font-family:var(--mono);background:var(--bg-gray);border:1px solid var(--border);white-space:pre;border-radius:3px;margin:8px 0;padding:12px;font-size:11px;overflow-x:auto}.text-light{color:var(--text-light)}.contracts-overview{margin:0 0 32px}.proposal-card{border:1px solid var(--border);border-radius:3px;margin:8px 0;padding:14px}.proposal-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.proposal-id{font-family:var(--mono);color:var(--accent);font-size:12px;font-weight:700}.proposal-desc{color:var(--text);margin:0 0 8px;font-size:12px;line-height:1.5}.proposal-meta{color:var(--text-light);gap:16px;margin-bottom:10px;font-size:11px;display:flex}.vote-bars{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.vote-bar{flex-direction:column;gap:2px;display:flex}.vote-bar-label{color:var(--text-light);justify-content:space-between;font-size:10px;display:flex}.vote-bar .progress-bar{width:100%;height:8px}.progress-for{background:var(--success)}.progress-against{background:var(--error)}.proposal-actions{gap:6px;display:flex}.section-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-header-row .section-title{flex:1}.profile-entry{margin:8px 0 16px}.profile-entry-meta{color:var(--text-light);margin-bottom:4px;font-size:11px}.form-textarea{font-family:var(--sans);resize:vertical;min-height:60px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:12px 0;display:grid}.stat-card{border:1px solid var(--border);text-align:center;border-radius:3px;padding:12px}.stat-value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;display:block}.stat-label{color:var(--text-light);margin-top:2px;font-size:11px;display:block}.btn-inline{font-family:var(--sans);color:var(--link);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.btn-inline:hover{color:var(--link-hover)}.scan-progress{margin:8px 0}.scan-progress-text{color:var(--text-light);margin-top:4px;font-size:11px;display:block}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:var(--accent)}.change-up{color:var(--success);font-weight:600}.change-down{color:var(--error);font-weight:600}@media (max-width:768px){.header-inner{flex-wrap:wrap;height:auto;padding:8px 12px}.header-nav{order:3;width:100%;margin-left:0;padding-top:4px}.header-subtitle{display:none}.form-row{flex-direction:column;gap:0}.form-input-short{width:100%}.data-table{font-size:11px}.data-table th,.data-table td{padding:4px 6px}}
