:root{--bg:#fff;--text:#111;--muted:#737373;--line:#e5e5e5;--accent:#111;--accent-text:#fff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,sans-serif}main{max-width:560px;margin:0 auto;padding:48px 16px}h1{margin:0 0 24px;font-size:28px}form{gap:8px;margin-bottom:24px;display:flex}input{border:1px solid var(--line);font:inherit;border-radius:8px;flex:1;padding:10px 12px}button{background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 16px}ul{margin:0;padding:0;list-style:none}li{border-bottom:1px solid var(--line);padding:12px 0}time{color:var(--muted);font-size:13px;display:block}