*{box-sizing:border-box}body{margin:0;background:#0b0f17;color:#e2e8f0;font:1.25rem/1.8 'Abhaya Libre',serif}main{max-width:960px;margin:auto;padding:40px 22px 80px}a{color:#fde047}header{border-bottom:1px solid #a16207;margin:30px 0}header p{color:#eab308}h1{font-size:clamp(1.9rem,5vw,2.8rem);color:#fde047}h2{font-size:1.6rem}label{display:block;margin-top:18px;font-weight:700}input,textarea{display:block;width:100%;padding:12px;background:#0f172a;border:1px solid #64748b;border-radius:8px;color:#f3f4f6;font:inherit}textarea{resize:vertical;line-height:1.9}button{font:inherit;font-weight:700;border:1px solid #ca8a04;border-radius:8px;background:#eab308;color:#172033;padding:10px 18px;cursor:pointer;margin-top:14px}button:hover{background:#fde047}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;color:#fde047}.secondary:hover{background:#302710}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #fde047;outline-offset:4px}.actions{display:flex;gap:12px;flex-wrap:wrap}#status{padding:14px 0;color:#fde68a}#preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#172033;border:1px solid #8c702e;border-radius:12px;min-height:130px;padding:24px}[hidden]{display:none!important}#auth{max-width:520px}#word-count.over{color:#fca5a5}