:root{--background-color-dark:#121212;--card-background-dark:#1e1e1e;--text-dark:#f5f5f5;--text-secondary-dark:#a0a0a0;--border-dark:#2e2e2e;--border-hover-dark:#555;--accent-dark:#d4d4d4;--button:#3a3a3a;--button-hover:#555;--navbar-background-dark:#181818;--navbar-border-dark:#2a2a2a;--link-hover-dark:#d0d0d0;--button-success:#16a34a;--button-success-hover:#15803d;--button-loading:#d97706;--button-loading-hover:#b45309;--button-failed:#dc2626;--button-failed-hover:#b91c1c}body{text-align:center;background-color:var(--background-color-dark);margin:0;font-family:Arial,sans-serif}.common-button{cursor:pointer;color:#fff;background-color:var(--button);border:2px solid var(--button-hover);border-radius:4px;padding:10px 20px;font-size:16px;font-weight:700;text-decoration:none;transition:box-shadow .3s,background-color .3s;display:inline-block}.common-button:hover{background-color:var(--button-hover);box-shadow:0 0 0 2px #000}.common-button.loading{background-color:var(--button-loading);border-color:var(--button-loading-hover);cursor:wait}.common-button.loaded{background-color:var(--button-success);border-color:var(--button-success-hover);box-shadow:0 0 10px #22c55e80}.common-button.loaded:hover{background-color:var(--button-success-hover)}.common-button.failed{background-color:var(--button-failed);border-color:var(--button-failed-hover)}.common-button.failed:hover{background-color:var(--button-failed-hover)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--card-background-dark)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover-dark)}