:root{--coral:#FF6B4A;--ink:#1F2333;--muted:#5d6475;--bg:#fff;--card:#f6f7f9}
@media (prefers-color-scheme:dark){:root{--ink:#eef0f4;--muted:#a9afbd;--bg:#14161d;--card:#1f2230}}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 -apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
header{padding:20px 24px;display:flex;align-items:center;gap:10px}header a{color:inherit;text-decoration:none;font-weight:800;font-size:20px}
header img{width:36px;height:36px;border-radius:9px}
main{max-width:760px;margin:0 auto;padding:8px 24px 64px}h1{font-size:32px;line-height:1.2}h2{margin-top:32px;font-size:21px}
a{color:var(--coral)}.muted{color:var(--muted);font-size:14px}.card{background:var(--card);border-radius:16px;padding:20px;margin:20px 0}
.draft{border:2px dashed var(--coral);border-radius:12px;padding:10px 14px;font-size:14px}
input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #c9ccd4;font-size:16px;margin:6px 0 14px;background:var(--bg);color:var(--ink)}
button{background:var(--coral);color:#fff;border:0;border-radius:12px;padding:12px 20px;font-weight:700;font-size:16px;cursor:pointer}
footer{max-width:760px;margin:0 auto;padding:24px;color:var(--muted);font-size:14px}footer a{margin-right:16px}
.hero{text-align:center;padding:40px 0}.hero img{width:96px;height:96px;border-radius:22px}