@import url("../primary-actions.css?v=1");
:root { color-scheme: dark; font: 16px/1.5 system-ui, sans-serif; color: #e7d7b6; background: #1a1616; }
body { margin: 0; padding: 24px 16px; }
main { box-sizing: border-box; max-width: 480px; margin: auto; padding: 24px; border: 1px solid #977f53; border-radius: 12px; }
h1 { font-size: 26px; line-height: 1.2; color: #e4c073; }
h2 { font-size: 20px; }
form { display: grid; gap: 10px; margin: 24px 0; }
[hidden] { display: none !important; }
input, button { box-sizing: border-box; width: 100%; padding: 12px; border: 1px solid #977f53; border-radius: 6px; font: inherit; }
button { color: #1a1616; background: #e4c073; cursor: pointer; }
button:disabled { opacity: .6; cursor: default; }
a { color: #e4c073; }
li { margin: 12px 0; overflow-wrap: anywhere; }
ul { padding-left: 20px; }
#code { letter-spacing: .2em; }