:root{color-scheme:dark;font-family:Georgia,'Times New Roman',serif;background:#090808;color:#c7bdb3}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 44%,#210e0d 0, #100909 35%,#090808 73%)}main{width:min(100% - 64px,420px);padding:80px 0;text-align:center}.mark{height:52px;width:1px;background:#82352d;margin:0 auto 40px;box-shadow:0 0 22px #6a211d}h1{font-size:clamp(27px,5vw,35px);font-weight:400;letter-spacing:.025em;margin:0 0 48px}form{width:230px;max-width:100%;margin:auto}label{display:block;color:#aa9990;font-size:13px;letter-spacing:.13em}input{display:block;width:100%;margin:17px 0 28px;padding:12px 4px;background:transparent;border:0;border-bottom:1px solid #68423b;border-radius:0;color:#e2d5ca;font:24px Georgia;text-align:center;outline-offset:6px}button{background:transparent;border:1px solid #624039;color:#d6c4ba;padding:12px 28px;font:14px Georgia;letter-spacing:.09em;cursor:pointer}button:hover{background:#2c1511}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #bb8070}.message{min-height:20px;color:#b19a90;font-size:14px;margin-top:24px}.eyebrow,.metadata{font:10px/1.9 monospace;letter-spacing:.09em;color:#a08b82}.eyebrow{margin-bottom:22px}.metadata{margin-top:-20px;margin-bottom:40px}audio{display:block;width:100%;margin:28px auto}.transcript{display:inline-block;margin-top:15px;color:#b6a299;font-size:13px;text-underline-offset:5px}@media(max-width:420px){main{width:calc(100% - 44px);padding:45px 0}}