:root{--paper:#ECEEEF;--ink:#0F1A26;--mute:#5A6773;--line:#C9CFD4;--sig:#E8480C;--card:#F8F9F9;--ok:#1E6B4A}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 ui-sans-serif,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
.mast,main,footer{max-width:46rem;margin:0 auto;padding:0 1.25rem}
.mast{padding-top:3rem;padding-bottom:1.5rem;border-bottom:6px solid var(--ink)}
.callsign{margin:0 0 1.5rem;font:700 .85rem/1 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:var(--sig)}
h1{font:700 clamp(2.1rem,7vw,3.6rem)/1.02 "Iowan Old Style","Palatino Linotype",Georgia,serif;letter-spacing:-.02em;margin:0 0 1rem}
.lede{font-size:1.1rem;max-width:34rem;margin:0 0 1rem}
.status{margin:0;color:var(--mute);font-size:.9rem}
.feed{list-style:none;margin:0;padding:0}
.item{padding:1.6rem 0;border-bottom:1px solid var(--line)}
.meta{display:flex;gap:.6rem;align-items:center;font-size:.85rem;color:var(--mute);margin-bottom:.35rem}
.new{background:var(--sig);color:#fff;font-weight:700;font-size:.72rem;padding:.1rem .45rem;border-radius:2px}
.item h2{font:700 1.35rem/1.25 "Iowan Old Style",Georgia,serif;margin:0 0 .6rem}
.item h2 a{color:inherit;text-decoration:none}.item h2 a:hover{text-decoration:underline}
.draft{width:100%;min-height:9.5rem;resize:vertical;background:var(--card);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--ink);padding:.8rem .9rem;font:inherit;font-size:.97rem;line-height:1.45;border-radius:0 4px 4px 0}
.draft:focus{outline:3px solid var(--sig);outline-offset:1px}
.bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.6rem}
.count{margin-left:auto;font:.85rem ui-monospace,Menlo,monospace;color:var(--mute)}
.count.over{color:var(--sig);font-weight:700}
button,.pay,.post{font-family:inherit;font-weight:600;font-size:.95rem;line-height:1;border-radius:4px;padding:.8rem 1rem;min-height:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;border:2px solid var(--ink)}
.post{background:var(--ink);color:#fff}.post:hover{background:#27384b}
.ghost{background:transparent;color:var(--ink)}.ghost:hover{background:#dde1e4}
.pay{background:var(--sig);border-color:var(--sig);color:#fff}.pay:hover{filter:brightness(.92)}
:focus-visible{outline:3px solid var(--sig);outline-offset:2px}
.kit{margin:2.5rem 0;padding:1.5rem;background:var(--ink);color:#EEF1F3;border-radius:6px}
.kit h2{font:700 1.5rem/1.2 "Iowan Old Style",Georgia,serif;margin:0 0 .6rem}
.kit-actions{display:flex;gap:.6rem;flex-wrap:wrap}.kit .ghost{color:#EEF1F3;border-color:#EEF1F3}.kit .ghost:hover{background:#27384b}
.ok{color:#8fe3b5;font-weight:600}.dl{display:flex;flex-wrap:wrap;gap:.6rem}.dl a{color:#fff;border:2px solid #fff;padding:.7rem 1rem;border-radius:4px;text-decoration:none;font:.9rem ui-monospace,Menlo,monospace;min-height:44px;display:inline-flex;align-items:center}
footer{padding-bottom:3rem;color:var(--mute);font-size:.85rem}footer a{color:inherit}
@media(max-width:480px){.mast{padding-top:2rem}.count{margin-left:0;width:100%}}
@media(prefers-reduced-motion:no-preference){.item{animation:in .4s both}@keyframes in{from{opacity:0}}}