:root{--primary-color:black;--background-color:white;--secondary-background-color:#eee;--font-family:sans-serif}@media (prefers-color-scheme:dark){:root{--background-color:#024;--primary-color:white;--secondary-background-color:#012;--font-family:sans-serif}}body{background-color:var(--background-color);color:var(--primary-color);max-width:1080px;margin:auto auto 48px}h1{text-align:center}h2{margin-bottom:0}a{color:var(--primary-color)}a:hover{opacity:.8}textarea{box-sizing:border-box;resize:vertical;background-color:var(--secondary-background-color);width:100%;color:var(--primary-color);border-color:var(--primary-color);padding:8px}textarea:disabled{opacity:.5;cursor:not-allowed}button{background-color:var(--secondary-background-color);color:var(--primary-color);border-color:var(--primary-color);cursor:pointer;padding:4px 8px}button:disabled{opacity:.5;cursor:not-allowed}button:hover{opacity:.8}