*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui;background:#fafafa;color:#1a1a1a;-webkit-text-size-adjust:100%}main{max-width:640px;margin:0 auto;padding:1rem}header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}header h1{font-size:1.5rem;margin:0}header .who{font-size:.85rem;color:#666}form{display:flex;gap:.5rem;margin-bottom:1rem}form input{flex:1;font-size:1.1rem;padding:.7rem .85rem;border:1px solid #d0d0d0;border-radius:8px;background:#fff}form button{font-size:1.05rem;padding:.7rem 1.1rem;border:none;border-radius:8px;background:#1a1a1a;color:#fff;cursor:pointer}form button:disabled{opacity:.4}ul{list-style:none;padding:0;margin:0}li{display:flex;align-items:center;gap:.5rem;padding:.85rem .75rem;border-bottom:1px solid #ececec;background:#fff;border-radius:8px;margin-bottom:.4rem}.item{flex:1;display:flex;flex-direction:column;gap:.15rem}.item .name{font-size:1.05rem}.item .meta{font-size:.8rem;color:#888}.remove{font-size:1.5rem;width:2.25rem;height:2.25rem;border:none;background:transparent;color:#999;cursor:pointer;border-radius:50%}.remove:hover{background:#f0f0f0;color:#b00020}.empty{color:#888;text-align:center;margin-top:2rem}