:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #888888;--border-color: #333333;--accent-color: #4a9eff;--accent-muted: #2a5a8a;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", "Menlo", monospace;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.4;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.logo{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.5px}.main-container{flex:1;padding:24px;overflow-x:auto}.table-container{width:100%;overflow-x:auto}.gas-table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.gas-table th,.gas-table td{padding:10px 16px;text-align:left;border-bottom:1px solid var(--border-color);color:var(--text-primary, inherit)}.gas-table th:not(:last-child),.gas-table td:not(:last-child){border-right:1px solid var(--border-color)}.gas-table th:not(:first-child),.gas-table td:not(:first-child){text-align:right}.gas-table th{background-color:var(--bg-tertiary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;color:var(--text-secondary)}.gas-table th span{display:inline-flex;align-items:center;gap:6px}.gas-table tbody tr{transition:background-color .3s ease}.gas-table tbody tr:nth-child(2n){background-color:#ffffff05}.gas-table tbody tr:hover{background-color:var(--bg-tertiary)}.gas-table tbody tr.updated{background-color:#4a9eff1a}.gas-table tbody td{transition:color .6s cubic-bezier(.4,0,.2,1);color:var(--text-primary, #ffffff)}.gas-table tbody td.updated{color:#2563eb;transition:color .6s cubic-bezier(.4,0,.2,1)}.chain-name{display:flex;align-items:center;gap:8px;font-weight:500}.decimal-align{display:inline-flex;align-items:baseline;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.decimal-align .int{text-align:right}.decimal-align .dot{margin:0 .15em}.decimal-align .frac{text-align:left}.decimal-align .leading-zero{opacity:.35;font-weight:300}.gas-table td{vertical-align:baseline;padding-top:8px;padding-bottom:8px}.sort-indicator{display:inline-block;margin-left:2px;opacity:.3;font-size:10px}.sort-indicator.active{opacity:1;color:var(--accent-color)}.options-box{position:fixed;bottom:0;right:0;background-color:var(--bg-secondary);box-sizing:border-box;border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);padding:0;min-height:41px;width:240px;z-index:100}.options-header{display:flex;justify-content:space-between;align-items:center;padding:0 14px;min-height:41px;box-sizing:border-box;background-color:var(--bg-tertiary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.options-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:4px 10px;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:.3px;font-weight:500}.options-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--accent-muted)}.options-content{display:none;padding:10px 14px}.options-content.open{display:block}.option-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px}.option-item label{cursor:pointer;color:var(--text-secondary)}.option-item input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--border-color);background:var(--bg-tertiary);cursor:pointer;position:relative}.option-item input[type=checkbox]:checked{background:var(--accent-muted);border-color:var(--accent-color)}.option-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:var(--accent-color)}.option-item input[type=checkbox]:focus{outline:1px solid var(--accent-color)}.footer{display:flex;align-items:center;text-align:left;padding:0 24px;height:41px;font-size:11px;color:var(--text-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);text-transform:uppercase;letter-spacing:.3px;box-sizing:border-box;width:calc(100% - 240px)}.footer a{color:var(--accent-color);text-decoration:none}.footer a:hover{text-decoration:underline}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:1px}.error{color:#f44;padding:24px;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.gas-units-input{margin-bottom:16px;display:flex;align-items:center;gap:10px;padding:10px 14px;background-color:var(--bg-secondary);border:1px solid var(--border-color);width:fit-content}.gas-units-input>div{display:flex;align-items:center;gap:10px;padding:10px 14px;background-color:var(--bg-secondary);border-left:1px solid var(--border-color)}.gas-units-input>div:first-child{padding-left:0;border-left:none}.input-group{display:flex;align-items:center;gap:10px}.input-group label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.input-group input{background:var(--bg-tertiary);border:1px solid var(--border-color);padding:6px 10px;color:var(--text-primary);font-family:var(--font-mono);font-size:12px;min-width:200px}.input-group input:focus{outline:1px solid var(--accent-color);border-color:var(--accent-color)}.l1-status-inline{display:flex;align-items:center;gap:16px;padding-left:14px;border-left:1px solid var(--border-color)}.l1-calculating{color:var(--text-secondary);font-family:var(--font-sans);font-size:11px}.l1-error{color:#ef4444}.breakdown-icon{display:inline-block;margin-left:6px;color:var(--text-secondary);cursor:help;font-size:12px;line-height:1}.breakdown-icon:hover{color:var(--accent-color)}.optimism-tooltip{position:absolute;z-index:9999;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:12px 16px;width:380px;box-shadow:0 4px 12px #0000004d;pointer-events:none}.tooltip-title{font-size:12px;font-weight:600;color:var(--text-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.tooltip-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary);padding:4px 0}.tooltip-row.info{font-style:italic;color:var(--text-muted)}.tooltip-row.total{color:var(--text-primary);font-weight:600}.tooltip-divider{height:1px;background:var(--border-color);margin:8px 0}@media (max-width: 768px){.header{padding:10px 16px}.main-container{padding:16px}.gas-table{font-size:12px}.gas-table th,.gas-table td{padding:8px 12px}.options-box{width:100%}.footer{padding:0 16px}}