@font-face{font-family:Midnight Tales;src:url(/dankest/fonts/midnight-tales.otf)format("opentype");font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f4f2ee;--ink:#2a0845;--muted:#5b4a6b;--lilac:#d9b8f5;--violet:#8f6cc9;--success:#166534;--error:#9f1239;--display:"Midnight Tales", Impact, sans-serif;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:var(--lilac) url(/dankest/art/background.webp) center / cover fixed;flex-direction:column;align-items:center;gap:2rem;margin:0;padding:2rem 1rem 3rem;display:flex;overflow-x:hidden}.masthead{text-align:center;width:100%;max-width:60rem}.title{font-family:var(--display);white-space:nowrap;text-transform:uppercase;color:#fff;margin:0;font-size:clamp(2rem,10vw,6.5rem);font-weight:400;line-height:.95;transform:rotate(-1.5deg)}.title .bullet{vertical-align:-.12em;font-size:1.75em;line-height:0}.card{background:var(--paper);border:3px solid var(--ink);width:100%;max-width:32rem;box-shadow:6px 6px 0 var(--ink);border-radius:3px 6px 2px 5px;padding:2rem;transform:rotate(-.5deg)}h2{font-family:var(--display);text-transform:uppercase;margin:0 0 1.5rem;font-size:2rem;font-weight:400}form{flex-direction:column;gap:.5rem;display:flex}label{font-family:var(--display);text-transform:uppercase;font-size:1.1rem}input,textarea{width:100%;font:inherit;color:inherit;border:2px solid var(--ink);background:#fff;border-radius:2px;margin-bottom:.75rem;padding:.65rem .75rem}textarea{resize:vertical}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid var(--violet);outline-offset:2px}button{font-family:var(--display);text-transform:uppercase;color:var(--paper);background:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--lilac);cursor:pointer;border-radius:2px;align-self:flex-start;padding:.6rem 1.75rem;font-size:1.4rem;transition:transform 80ms,box-shadow 80ms,background 80ms}button:hover{background:var(--violet);box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}button:disabled{opacity:.6;cursor:progress;transform:none}.status{min-height:1.5em;margin:.25rem 0 0;font-weight:600}.status[data-kind=success]{color:var(--success)}.status[data-kind=error]{color:var(--error)}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}