:root{--red: #bf0000;--red-lift: #e01a1a;--red-deep: #8f0000;--ink: #08070a;--paper: #f4f2ef;--font-display: "Red Hat Display", sans-serif;--font-mono: "Source Code Pro", monospace}html,body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-display)}img{image-rendering:pixelated}.qbtn{display:block;box-sizing:border-box;width:100%;padding:.7rem 1rem;background:var(--ink);color:var(--paper);border:0;font:600 1rem/1.3 var(--font-mono);text-align:left;text-decoration:none;cursor:pointer;box-shadow:0 -4px 0 0 var(--red),0 4px 0 0 var(--red),-4px 0 0 0 var(--red),4px 0 0 0 var(--red)}.qbtn:hover:not(:disabled),.qbtn.selected{background:var(--red-deep)}.qbtn:focus-visible{outline:3px solid var(--paper);outline-offset:5px}.qbtn:disabled{opacity:.4;cursor:not-allowed}.qbtn.primary{background:var(--red);text-align:center}.qbtn.primary:hover:not(:disabled){background:var(--red-lift)}@media(prefers-reduced-motion:no-preference){.qbtn{transition:transform .45s var(--ease-spring, cubic-bezier(.23, 1, .32, 1))}.qbtn:active:not(:disabled){transform:scale(.96);transition:transform .08s cubic-bezier(.23,1,.32,1)}}