body{font-family:system-ui,sans-serif;max-width:40rem;margin:0 auto;padding:1rem;color:#222}header nav{display:flex;gap:1rem;border-bottom:1px solid #ccc;padding-bottom:.5rem;margin-bottom:1rem}header nav a.active{font-weight:700;text-decoration:none}form{display:flex;gap:.5rem;margin-bottom:1rem}form input{flex:1;padding:.4rem}ul{list-style:none;padding:0}li{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0;border-bottom:1px solid #eee}.error{color:#b00020}.empty,.date{color:#666}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}