:root{--void-border:1px;--void-width:min(760px,calc(100vw - 40px));--void-font:"Courier New",Courier,monospace}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#000;color:#fff}body{min-height:100vh;font-family:var(--void-font);display:grid;place-items:center}.void-shell{width:var(--void-width);margin:auto;padding:32px 0}.intro{font-size:14px;line-height:1.65;margin:0 0 18px;white-space:normal}.message-wrap{position:relative}.message-wrap textarea{display:block;width:100%;height:260px;resize:none;background:#000;color:#fff;border:var(--void-border) solid #fff;border-radius:0;outline:none;padding:18px 18px 38px;font:17px/1.55 var(--void-font);caret-color:#fff}.message-wrap textarea:focus{outline:1px solid #fff;outline-offset:4px}.counter{position:absolute;right:12px;bottom:10px;font-size:12px;background:#000;padding-left:8px}button{display:block;margin:20px auto 0;border:var(--void-border) solid #fff;border-radius:0;background:#fff;color:#000;padding:13px 20px;font:700 13px/1 var(--void-font);letter-spacing:.04em;cursor:pointer}button:disabled{opacity:.55;cursor:default}.footer-links{display:flex;justify-content:center;gap:24px;margin-top:20px;font-size:11px}.footer-links a,.text-page a{color:#fff;text-decoration:underline;text-underline-offset:3px}.void-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.void-complete{display:block!important;background:#000!important}.void-complete>*{display:none!important}.text-page{display:block;max-width:760px;margin:8vh auto;padding:0 24px;font:15px/1.65 var(--void-font)}.text-page h1,.text-page h2{font-size:1em;text-transform:uppercase;margin:2em 0 .7em}.text-page .back{display:inline-block;margin-top:2em}