@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#111827;color:#f9fafb}.bg-gray-750{background-color:#2d3748}.benchmark-card{@apply bg-gray-800 rounded-xl shadow-md border border-gray-700 p-6 transition-all duration-300;}.benchmark-card:hover{@apply shadow-lg border-gray-600;}.benchmark-title{@apply text-xl font-semibold text-gray-100 mb-2;}.benchmark-description{@apply text-gray-400 mb-6;}.slider-container{@apply mb-5;}.slider-label{@apply flex justify-between text-sm text-gray-400 mb-1;}.slider-track{@apply w-full h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer;}.slider-track::-webkit-slider-thumb{@apply appearance-none w-4 h-4 rounded-full bg-blue-500 cursor-pointer;}.slider-track::-moz-range-thumb{@apply w-4 h-4 rounded-full bg-blue-500 cursor-pointer border-0;}.primary-button{@apply w-full px-4 py-3 font-medium text-white rounded-lg transition-colors flex items-center justify-center gap-2;}.storage-button{@apply bg-green-800 hover:bg-green-700;}.contract-button{@apply bg-blue-800 hover:bg-blue-700;}.tx-button{@apply bg-purple-800 hover:bg-purple-700;}.chain-button{@apply bg-indigo-800 hover:bg-indigo-700;}.test-info{@apply text-xs text-blue-300 mt-1 opacity-80;}.network-status{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;}.network-status.connected{@apply bg-green-900 text-green-300;}.network-status.disconnected{@apply bg-red-900 text-red-300;}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{@apply bg-gray-900;}::-webkit-scrollbar-thumb{@apply bg-gray-700 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-gray-600;}.recharts-surface{@apply overflow-visible;}.recharts-default-tooltip{@apply bg-gray-800 border-gray-700 !important;}.results-table th{@apply bg-gray-800 text-left text-xs font-medium text-gray-300 uppercase tracking-wider px-4 py-3;}.results-table td{@apply px-4 py-3 text-sm text-gray-300 border-t border-gray-700;}.results-table tr:hover{@apply bg-gray-750;}.dark-input{@apply bg-gray-700 border border-gray-600 text-white rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent;}.card-section{@apply bg-gray-750 rounded-lg p-4 border border-gray-600 hover:border-gray-500 transition-colors;}.status-badge{@apply px-2 py-1 inline-flex text-xs leading-5 font-semibold rounded-full;}.status-badge-success{@apply bg-green-900 text-green-300;}.status-badge-error{@apply bg-red-900 text-red-300;}.status-badge-pending{@apply bg-yellow-900 text-yellow-300;}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}