*,*:before,*:after{box-sizing:border-box}:root{--bg-color: #0d0d0d;--text-color: #e0e0e0;--accent-color: #ffffff;--dim-color: #666666;--border-color: #333333;--hover-bg: #1a1a1a;--active-bg: #333333;--font-mono: "Fira Code", "Courier New", Courier, monospace}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;box-sizing:border-box}button{background:transparent;border:1px solid var(--border-color);color:var(--dim-color);font-family:var(--font-mono);padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}button:hover{border-color:var(--accent-color);color:var(--accent-color);background-color:var(--hover-bg)}button.active{background-color:var(--active-bg);border-color:var(--accent-color);color:var(--accent-color);font-weight:700}h1,h2,h3{font-weight:400;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem}a{color:var(--text-color);text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--dim-color)}