:root{color:#111827;font-family:system-ui,sans-serif}body{background:#f9fafb;margin:0}main{max-width:40rem;margin:0 auto;padding:1rem}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.badge{background:#e5e7eb;border-radius:1rem;padding:.1rem .5rem;font-size:.75rem}.badge.open{background:#d1fae5}form,.card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin:1rem 0;padding:1rem}label{margin:.5rem 0;display:block}input{box-sizing:border-box;width:100%;padding:.4rem}button{cursor:pointer;margin-right:.5rem;padding:.4rem .8rem}ul{padding:0;list-style:none}li{border-bottom:1px solid #f3f4f6;padding:.6rem 0}li.unread strong:after{content:" •";color:#2563eb}.muted{color:#6b7280;font-size:.85rem}.error{color:#b91c1c}