body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;min-height:100vh;width:100vw;transition:background .3s ease,color .3s ease}body.theme-midnight{background:linear-gradient(180deg,#0f172a,#1e293b);color:#e2e8f0;--primary-color:#3b82f6;--secondary-color:#1e293b;--text-color:#e2e8f0;--border-color:#334155;--card-bg:#1e293b}body.theme-charcoal{background:linear-gradient(180deg,#18181b,#27272a);color:#d4d4d8;--primary-color:#a855f7;--secondary-color:#27272a;--text-color:#d4d4d8;--border-color:#3f3f46;--card-bg:#27272a}main{display:flex;flex-direction:column;align-items:stretch}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:var(--primary-color,#646cff)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ul{-webkit-padding-start:0;padding-inline-start:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;list-style-type:none;display:flex;flex-direction:column;margin:8px 0;border:1px solid var(--border-color,#000);gap:1px;background-color:var(--border-color,#000);border-radius:8px;overflow:auto}li{background-color:var(--card-bg,#fff);padding:8px;color:var(--text-color,#000)}li:hover{background:var(--primary-color,#dadbf9);color:#fff}a{font-weight:800;text-decoration:none;color:inherit}