:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f5f3ff;background:#101018}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1000px;margin:auto;padding:24px}header,footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}a{color:#d6c0ff;text-underline-offset:5px}.wordmark{font-weight:800;font-size:26px;text-decoration:none;letter-spacing:-1px}.wordmark small{display:block;font-size:14px;letter-spacing:0}main{padding-top:6vh;min-height:78vh}h1{font-size:clamp(34px,6vw,66px);line-height:1.05;letter-spacing:-2px;max-width:850px}.eyebrow{color:#c6b0ff;text-transform:uppercase;letter-spacing:2px;font-size:14px}p{line-height:1.6;max-width:70ch}label{display:block;margin-top:36px}input{width:100%;padding:16px;margin:10px 0 24px;border:1px solid #62566f;background:#1b1925;border-radius:8px;color:inherit;font:inherit;font-size:16px}article{border-top:1px solid #62566f;padding:24px 0}h2{font-size:26px;margin:8px 0}summary{cursor:pointer;min-height:44px;line-height:1.5}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.8;max-width:75ch}button{font:inherit;color:inherit;border:1px solid #86769d;border-radius:8px;background:#252032;padding:12px 18px;min-height:44px;cursor:pointer;margin:12px 12px 12px 0}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f7bb77;outline-offset:5px}.reading-date{color:#c4bfd0;font-size:14px}.empty{padding:24px;background:#201a2c;border-radius:8px}footer{border-top:1px solid #62566f;margin-top:40px}